/*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: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin: 5px;
}

a, a:visited{
	color: #F1016B;
}

a:hover {
}


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

/* used as main heading */
h1 {
	font-size: 130%;
}
h2, legend {
	font-size: 130%;
	margin: 5px 0 8px 0;
}
/*seperate if visited is different*/
h2 a, h2 a:visited {
	text-decoration: none;
}

h2 a:hover {
	text-decoration: underline;
}

h3 {
	font-size: 110%;
	margin: 0 0 8px 0;
}
img {
	border: none;
}
/*table styles*/
table{
}

th {
	background-color: #D5F2B5;
}

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: #D5F2B5;
	color: #66AA1C;
	padding: 3px;
}

input{
	}
/*styles added by SL so that it works straight off*/
form ul {
	padding: 0px;
	margin: 0px;
}
form li {
	margin-top: 3px;
	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;
}
.clickable {
	cursor: pointer;
	text-decoration: underline;
}
div#thedmsItemsPanel {
	padding: 5px 8px;
	background: url(/img/bg_accommbrowsecell.jpg) repeat-x #fff;
	border-left:1px solid #BEECB9;
	width:37%;
	float: right;
}
div#thedmsItemsPanel h2 {
	background-color: #fff;
	padding: 3px;
}
div#thedmsItemsPanel a {
	text-decoration: none;
}	
table#thedmsOpeningTimesTableFullWidth th, div#thedms13 div#thedmsDetailsPanel div.thedmsSO {
	background-color: #D5F2B5;
}
table#thedmsOpeningTimesTableFullWidth {
	font-size: 100%;
}
div#thedms13 div#thedmsDetailsPanel div.thedmsSO {
	float: none;
	padding: 5px;
	width: 90%;
}
div#thedms13 .thedmsSObutton a {
	display: block;
	background-color: #71BB1E;
	padding: 5px;
	float: right
}
/*-------------------------------------------------------------accommodation and attractions browse ------------------------------------------------------*/
div#thedmsConsolidating {
clear:both;
float: none;
margin: 0 0 10px 0;
padding-top: 10px
}
#thedms01 DIV#thedmsBrowseGrid .BrowseCell {
	float: left;
	margin: 1px;
	padding: 3px;
	width: 32%;
	background: url(/img/bg_accommbrowsecell.jpg) repeat-x;
}
#thedms01 DIV#thedmsBrowseGrid .BrowseCell h2, #thedms11 DIV#thedmsBrowseGrid .BrowseCell h2, div#thedmsBrowseGrid .BrowseSingleRow .BrowseCell h2, div#thedmsBrowseGrid .BrowseBookCell h2 {
	background-color: #fff;
	line-height: 100%;
}
div#thedmsBrowseGrid .BrowseBookCell h2 {
	padding: 5px;
	margin-bottom: 5px;
}
div#thedmsBrowseGrid .BrowseBookDetails {
	margin-bottom: 0;
}
.BrowseBookactionpanel {
	padding: 0 10px;
}
.BrowseBookactionpanel a {
	color: #BE0156 
}
div#thedmsBrowseGrid .BrowseSingleRow .BrowseCell {	
	background: url(/img/bg_accommbrowsecell.jpg) repeat-x;
	margin: 1px;
	padding: 3px;
}
/* widths may need changing if not 100% width */
#thedms11 DIV#thedmsBrowseGrid .BrowseRow {
	background: url(/img/bg_accommbrowsecell.jpg) repeat-x;
}
#thedms11 DIV#thedmsBrowseGrid .BrowseCell {
	width: 82%;
	float: left;
}
#thedms11 DIV#thedmsBrowseGrid .BrowseRow img {
	border: 1px solid #fff;
	margin:3px;
}
.BrowseCellDetails img {
	border: none 0px;
	background-color: #D5F2B5;
}
#thedms11 DIV#thedmsBrowseGrid .BrowseSmallPicture {
	width: 15%;
	float: left;
	text-align: center;
	padding: 3px 0;
}
.BrowseCellDetails a {
	float: left;
}
.BrowseCellDetails br {
	clear: both;
}
#thedmsHideMap {
	background: url(/img/thedms-hidemap.png) no-repeat left;
}
#thedmsShowMap {
	background: url(/img/thedms-showmap.png) no-repeat left;
}
#thedmsHideListings {
	background: url(/img/thedms_hidelisting.png) no-repeat left;
}
#thedmsShowListings {
	background: url(/img/thedms_showlisting.png) no-repeat left;
}
#thedmsHideListings, #thedmsShowListings, #thedmsHideMap, #thedmsShowMap {
	line-height: 69px;
	display: block;
	float: left;
	padding-left: 85px;
	margin-right: 5px;
}
.clickable {
	color: #F1016B;
	font-size: 110%;
	font-weight: bold;
}
#map-control {
	text-align: left;
}
#thedmsGoogleColourKey li {
	width: 33%;
	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------------------------------------------------------*/
/* ----------------------------- accom search ------------------------------------*/
div#thedmsSearch0 {
	width: 48%;
	margin-right: 1%;
}
/*this may need to be deleted, but it makes it work on most of the layouts, especially accommodation layout 1.*/
#thedmsAvailabilityChart table {
	clear:left;
	background-color: #fff;
	margin-bottom:15px;
	width:645px;
}
div#thedmsPropertyEssentials {
	background-color: #E9F9DD;
}
div#thedmsPropertyEssentialsright {
	width: 68%;
	margin-left:0px;
	float:right;
}
div#thedmsPropertyEssentialsleft {
	width: 29%;
	margin-left: 1%;
}
.thedmskey {
	padding: 5px;
}
div#thedmsAvailabilityChart {
	background-color: #E9F9DD;
	padding: 5px;
	width: 68%
}
div#thedmsAbbreviationsKey {
	clear: both;
}
div#thedmsdetailsEAbuttons {
	padding: 5px;
	background: url(/img/bg_accommbrowsecell.jpg) repeat-x #fff;
	margin-bottom: 5px;
}
div#thedmsdetailsEAbuttons h2 {
	margin: 0;
}
div#thedmsSpecialOffer {
	border: 1px solid #70BC1F;
	background-color: #E9F9DD;
}
div#thedmsPropertyInfo {
	width: 100%;
}
div#thedmsLargeImgOne, div#thedmsLargeImgTwo {
	text-align: left;
}
div#thedmsPropertyType, div#thedmsClassification {
	padding: 2px;
}
/*--------------------------------------------------------------------- events ----------------------------------------------------------------------------------*/
#thedmsBrowseEvents {
	clear:both;
}
.thedmsBackgroundFix /*works as a clearer div in the dms*/{
	clear: both;
	font-size: 1px;
	height: 1px;
}
#thedmsBrowseEvents td {
	border-bottom:1px solid #BEECB9;
	padding:4px;
	text-align:left;
	line-height: 20px;
}
#thedmsBrowseEvents th {
	padding: 5px;
	font-size: 110%;
}
#thedmsBrowseEvents img {
	margin: 0 2px 0 0;
	float: left;
}
#thedmsBrowseEvents tr:hover {
	background-color: #ECFAEB;
}
/*All key backgrounds with the gif images for fuzzy edges- set background to a lighter colour*/
.thedmskey{
	background-color: #FFFFFF;
}
/*-------------------------------------------------- shortlist -----------------------------------------------------*/
#Shortlist li {
	background: url(/img/bg_accommbrowsecell.jpg) repeat-x;
	padding: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	width: 98%;
}
#Shortlist li a {
	color: #fff;
}
.ShortListItemTitle {
	font-weight: bold;
}
#Shortlist h3 {
	padding: 3px 5px;
	color: #F1016B;
	clear: both;
}
#Shortlist li .TPdeletebutton a {
	color: #F1016B;
}
/*----------------------------------------------------- eshop----------------------------------------------------------------------------*/


.productcontainer {
	margin-top: 10px;
}
.productcontainer a{
	display: block;
	border-left: 1px #70BC1F solid;
	border-right: 1px #70BC1F solid;
	text-decoration: none;
	background-color: #EAF9E8;
	margin-right: 5px;
}
.productcontainer img{
	margin: auto;
}
.productcontainer a:hover{
	display: block;
	text-decoration: none;
	background-color: #D2F2CE;
}
.more-info a {
	display: block;
	border: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	background-color: #E05493;
	margin: 3px 10px;
}
.more-info a:hover {
	background-color: #F1016B;
}
#paymentnav, #categoriesnav, #eshopsearch {
	margin-right: 10px;
}
#paymentnav a, #categoriesnav a {
	display: block;
	background-color: #EBF9FA;
	color: #019CB1;
	font-weight: bold;
	text-decoration: none;
	border-bottom: #019CB1 1px solid;
	padding: 3px;
	font-size: 110%;
}
#paymentnav a:hover, #categoriesnav a:hover {
	background-color: #ADE2E9;
}
.clear{
	clear: both;
}
.productcontainer span.productname{
	clear: both;
	display: block;
	color: #70BC1F;
	font-weight: bold;
}
.date {
	font-size: 80%;
	padding-right: 5px;
}
#productsubnav{
	border-bottom: 1px solid #F1016B;
	margin-bottom: 10px;
	width: 100%;
}
#productsubnav li a {
	display: block;
	padding: 3px 5px;
	background-color: #FFECF4;
	margin-right: 5px;
	float: left;
	text-decoration: none;
}
#productsubnav li a:hover {
	background-color: #FFD9E9;
}
/*------------------------ brochure/prizedraws ----------------------------------------*/
#thedmsBrochure form ul {
	clear: none;
}
#thedmsBrochure {
	width: auto;
}
#thedmsBrochure form li {
clear:none;
}
/*-------------------------------------------------------------------------------All buttons sitewide------------------------------------------------------------------------------*/
.button {
	padding: 0;
	margin: 0;
	color: #fff;
}

.button a, .button a:visited {
	border: 1px solid #fff;
	background-color: #F1016B;
	display: block;
	text-align:center;
	text-decoration:none;
	width: auto;
	color: #fff;
	padding: 3px;
}
.buttonleft a, .buttonleft a:visited {
	border: 1px solid #fff;
	background-color: #F1016B;
	display: block;
	text-align:center;
	text-decoration:none;
	width: auto;
	color: #fff;
	padding: 3px;
	float: left;
}
.button a:hover {
	text-decoration:none;
	background-color: #BE0156;
}
	
input.button{
	float: right;
	border: 1px solid #fff;
	background-color: #F1016B;
}
.availabilityFormSearchButton input.button{
	float: left;
}
.availabilityFormShortBreakButton input.button{
	float: left;
}
#basketnav .shortlistbutton a, #basketnav .shortlistbutton a:visited {
	border: none;
	margin: 1px;
	color: #666666;
	font-weight: normal;
	display: block;
}
/* END OF GENERIC FORM STYLES */
/* Try to keep to the standard names*/
/* ----------------------------------------------------------------------------Website styles--------------------------------------------------------------------------------*/
/*------------ positioning ------------------*/
#frame{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 995px;
}
#topsection {
	width: 995px;
	text-align: left;
	color: #fff;
	float: left
}
#logo {
	width: 293px;
	height: 133px;
	float: left;
	background: url(/img/bg_logo.jpg) repeat-x #70BC1F;
}
#logo img {
	margin-top: 5px;
}
#basketnav {
	background: url(/img/bg_basketnav.jpg) repeat-x #019CB1;
	width: 702px;
	height: 21px;
	float: left;
}
#sectornav {
	text-align: right;
	float: left;
	width: 702px;
	height: 25px;
	background: url(/img/bg_sectornav.jpg) repeat-x #70BC1F;
}
#mainnav {
	background: url(/img/bg_mainnav.jpg) repeat-x #019CB1;
	width: 702px;
	height: 62px;
	float: left;
}
#subnav {
	float: left;
	width: 702px;
	min-height: 25px;
	background: url(/img/bg_subnav.jpg) repeat-x #70BC1F;
}
#midsection {
	width: 995px;
	text-align: left;
	color: #fff;
	text-align: left;
}
#midleft {
	width: 293px;
	float: left;
} 
#searchsnip {
	width: 293px;
	height: 147px;
	background: url(/img/bg_searchsnip.jpg) repeat-x #019CB1;
	margin: 0;
	overflow: ;
}
#midleft #searchsnip h2 {
	margin-top: 0px;
	padding-top: 5px;
}
#signup {
	width: 293px;
	height: 94px;
	margin: 0;
	background: url(/img/bg_signup.jpg) repeat-x #70BC1F;
	overflow: hidden;
	position: absolute;
	z-index: 1;
}
#header{
	float: left;
	width: 350px;
	height: 241px;
}
#featurespot {
	float: left;
	width: 352px;
	height: 241px;
	background-color: #D5F2B5;
	color: #66AA1C;
}
.onpagemovie {
	background-color: #D5F2B5;
	float: left;
	width: 702px;
}
#bottomsection {
	width: 995px;
	text-align: left;
	/*margin-left: 5px;*/
	color: #447212;
	clear: left;
}
#dmsintro {	
	color: #F1016B;
	padding: 10px;
}
#dmscontent {
	color: #447212;
	padding: 0 10px;
	clear: left;
}
#bottomleft {
	width: 288px;
	float: left;
	color: #019CB1;
}
#bottommid {
	width: 350px;
	float: left;
	color: #F1016B;
}
#bottomright {
	width: 351px;
	float: left;
	color: #66AA1C;
}
#bottomrightwide {
	width: 701px;
	float: left;
	color: #447212;
}

/*------------------------ styling ---------------------*/
#topsection ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#topsection li {
	margin: 0;
	padding: 0;
}
#topsection a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#flashcontent {
	color: #66AA1C;
}
#basketnav ul{	
	margin-left: 10px;
	float:left;
}
#basketnav li{	
}
#sectornav #home {
	float: left;
	margin-left: 10px;
	line-height: 25px;
	font-size: 110%;
}
#sectornav ul{	
	float: right;
	margin-right: 10px;
}
#sectornav li, #subnav li {	
	float: left;
	padding: 0 10px;
}
#sectornav li.end, #subnav li.end {
	background: none;
}
#sectornav li a {
	line-height: 25px;
	font-size: 110%;
}
#sectornav li a:hover {
	color: #34560E;
}

#mainnav ul, #subnav ul {	
	margin-left: 10px;
}
#mainnav li {	
	float: left;
	padding: 0 10px;
}
#mainnav a{	
	line-height: 62px;
	font-size: 130%;
}
#mainnav li a.thispage {
	color: #01515C;
}
#mainnav a:visited{	
}
#mainnav a:hover{	
	color: #01515C;
}
#subnav a {
	line-height: 25px;
	font-size: 110%;
	color: #34560E;
}
#subnav li.thispage a, #subnav li a:hover {
	color: #fff;
} 

#featurespot h3 {
	margin: 0 0 0px 0;
	padding: 0px;
}
#midleft h2 {
	color: #fff;
	margin: 5px 10px;
	font-weight: normal;
	font-size: 150%;
}
#midleft p {
	margin: 5px 10px;
}
#searchsnip h2, #searchsnip p, form.snippet {
	padding-left: 5px;
}
form.snippet {
	margin: 0 10px 5px;
}
form.snippet label {
	width: 20%;
	float: left;
	clear: both;
}
form.snippet input, form.snippet select {
	font-size: 80%;
	/*tora added 15.10.08 to make search snippet on things to do page work in large fonts*/
	margin-left:10px;
}
#caldiv0 {
	overflow: visible;
}
li.signup {
	float: left;
	width: 84%;
}
li.signup label {
	width: 24%;
}

li.noclear {
	clear: none;
	float: right;
	width: 15%;
}
#bottomleft h2 {
	font-size: 110%;
}
#bottomright h2 {
	
}
#bottomright h2.nomargin {
	
}
#bottomright a, #bottomright h2 a {
	color: #F1016B;
}
.sidepadding {
	padding: 0 10px;
}
img.left {
	float: left;
	margin-right: 5px;
	border: none;
}
img.right {
	float: right;
	margin-left: 5px;
}
img.clear {
	clear: both;
}
img.leftandclear {
	float: left;              
	clear: both;
}
.half {
	width: 49%;
	float: left;
}
.horizontaldivider {
	clear: both;
	font-size: 1px;
	background-color: #019CB1;
	margin: 10px 0;
	height: 2px;
}
#featurespot a.arrow, #featurespot .arrow a {
	display: inline;
	float: none;
	clear: none;
}
a.arrow {
	color: #F1016B;
	background: url(/img/linkbg.gif) right no-repeat;
	display: block;
	padding-right: 18px;
	float: left;
	text-decoration: none;
	font-weight: bold;
	font-size: 110%;
	margin-right: 1em;
}
a span.arrow {
	color: #F1016B;
	background: url(/img/linkbg.gif) right no-repeat;
	display: block;
	padding-right: 18px;
	text-decoration: none;
	font-weight: bold;
	font-size: 110%;
	margin-right: 1em;
	text-align: right;
}
.arrow a {
	color: #F1016B;
	background: url(/img/linkbg.gif) right no-repeat;
	display: block;
	padding-right: 18px;
	float: left;
	text-decoration: none;
	font-weight: bold;
	font-size: 110%;
	margin-right: 1em;
}
#dmscontent img {
	border: none;
}

.dmspicture {
	float: left;
	border: none;
}
/*footer*/
#footer{
	background: url(/img/bg_footer.jpg) repeat-x #019CB1;
	width: 995px;
	height: 21px;
	float: right;
	color: #fff;
	margin-top: 10px;
	clear: both;
}
#footer ul{
	float: right;
	margin: 0 10px 0 0;
	padding: 0;
	list-style: none;
}
#footer li{
	float: left;
	padding: 0 10px;
	margin: 0;
}

#footer li a{
	line-height: 21px;
	color: #fff;
}
#footer a:visited{
	
}
#footer a:hover{
	
}
#footer-logos {
	width: 707px;
	float: right;
	text-align: right;
}
/* ----------------------------------------------------------------------------Page Specific Styles--------------------------------------------------------------------------------*/
.randomproperty {
	text-align: center;
	width: auto;
}
.randomproperty a {
	font-size: 100%;
	color: #70BC1F;
	font-weight: normal;
}
.randomproperty a:hover {
	color: #F1016B
}
/* --------------------------- itinerary builder ----------------------------------- */
form.itinerary li{
	margin: 0;
	padding: 0;
	width: 15%;
	float: left;
	clear: none;
	text-align: center;
}
form.itinerary fieldset {
	margin: 5px;
	padding: 3px;
	background: url(/img/bg_accommbrowsecell.jpg) repeat-x left 5px; 
	border: none;
}
form.itinerary legend {
	color: #fff;
	padding: 5px;
	background: url(/img/bg_accommbrowsecell.jpg) repeat-x left top;
}
form.itinerary img {
	border: 1px solid #70BC1F
}
/* --------------------------------- short breaks ------------------------------------ */
ul.pageindex {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.pageindex li {
	margin: 0;
	padding: 0;
}
ul.pageindex li a {
	display: block;
	background-color: #EBF9FA;
	color: #019CB1;
	font-weight: bold;
	text-decoration: none;
	border-bottom: #019CB1 1px solid;
	padding: 3px;
	font-size: 110%;
}
ul.pageindex li a:hover, ul.pageindex li a.thispage {
	background-color: #D5F2B5;
}

/*basket*/
/*#the-global-basket{
float:left;
height: 20px;
}
*/

#basketsummaryframe{
height: 20px;
margin-top:0px;
margin-left:10px;
width:185px;
overflow: hidden;
color: #fff;
float:left;
}


.basket{
float:left;
padding-left:0px;
}


#basketbutton{
float:left;
margin:0px;
padding:0px;
}

.globaleshopbutton{
margin-top:1px;
}

.right 
{
    float:right;
    margin-left:10px;
}

#thedmsConsolidating 
{
    margin:0px 0px 10px 10px;
    float:left;
    width:500px;
}

/*
--- Jan 09 Accomodation Details Override ---
*/

div#thedms02n  h2
{
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	color:#ffffff;
	background-color:#70BA1F;
}
div#thedmsdetailsEAbuttons
{
background:transparent;
margin-bottom:0px;
padding:0px;
}

div#thedms02n .thedmsLogos
{
	width:30%;
	text-align:right;
	float:right;
}

div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyBook, div#thedms02n .thedmsGridBook, div#thedms02n .thedmsGridBook a 
{
text-decoration:underline;
}
div#thedms02n .thedmsGridBook a, div#thedms02n .thedmsGridBook a:link, div#thedms02n .thedmsGridBook a:active, div#thedms02n .thedmsGridBook a:hover, div#thedms02n .thedmsGridBook a:visited 
{
	color:#fff;
	text-decoration:none;
}
div#thedms02n .thedmsGridTableHeader a, div#thedms02n .thedmsGridTableHeader a:link, div#thedms02n .thedmsGridTableHeader a:visited, div#thedms02n .thedmsGridTableHeader a:active, div#thedms02n .thedmsGridTableHeader a:hover
{
	color:#447212;
	text-decoration:none;
}
div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyBook, div#thedms02n .thedmsGridBook 
{

	color:#fff;
}

div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyAvailable, div#thedms02n .thedmsGridAvailable
{
	color:#fff;
	background:#019CB1;
}

div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyNotAvailable, div#thedms02n .thedmsGridNotAvailable
{
	color:#D70144;
	background:#D70144;
}

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

div#thedms02n .thedmsGridTableHeader, #thedmsGridAvailabilityChart .thedmsGridTableHeader th 
{
	background:#D5F2B5;
	color:#447212;
	padding:8px 6px;
	text-align:center;
}
div#thedms02n #thedmsGridAvailabilityChart
{
	color:#447212;
	padding-left:10px;
}
div#thedms02n .submitbutton
{
	color:#fff;
}
div#thedms02n #thedmsAvailability
{
	background-color:#E9F9DD;
}

div#thedms02n #thedmsGridAvailabilityCheck
{
	padding-left:10px;
}
div#thedms02n .thedmsGridDate
{
	margin-top:0px;
}

div#thedms02n #thedmsPictureContainer
{
	margin-bottom:10px;
}

div#thedms02n #thedmsDetailsServices 
{
    background:#E9F9DD;
}
div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyAvailable a, div#thedms02n .thedmsGridAvailable a{
	color:#FFFFFF;
	text-decoration:underline;
}

/* thedmsAccessibility */

div#thedmsAccessibility 
{
    margin:10px 0px;
    padding:10px;
    background:#E9F9DD;
    border:0px;
}

div#thedmsAccessibility h3 
{
    margin:10px 0px;
}

.thedmsAccessibilityLeft 
{
    width:47%;
    float:left;
    padding:10px;
}

.thedmsAccessibilityRight 
{
    width:47%;
    float:right;
    padding:10px;
}

.thedmsAccessibilityIcon 
{
    background:black; 
}

.thedmsAccessLevel1 
{
    margin-left:5px;
}

.thedmsAccessibilityText 
{
    background:black url(http://www.thedms.co.uk/graphics/signposts/white/blank.png) no-repeat;
    color:black;
    float:right;
    font-size:10px;
    height:15px;
    text-align:center;
    width:15px;
}

div#thedmsAccessibility h3 
{
    background:#D5F2B5;
    color:#447212;
    padding:5px;
}

div#thedms13 #thedmsAccessibility 
{
    background:white;
}

/* New Browse Page Styles */

div#thedms01n .thedmsbutton a, div#thedms01n .thedmsbutton a:visited 
{
    background:#BE0156;
}

div#thedmsBrowseGrid .BrowseBookCell 
{
    background:transparent url(/img/bg_accommbrowsecell.jpg) repeat-x;
    border:0px;
}

.BrowseBookactionpanel 
{
    background:white;
}

div.thedmsBrowsePagination a.thedmsPaginationCurrentPage 
{
    background:#BE0156;
}



.thedmsMapSpots 
{
    margin-right:4px;
    float:left;
}


div.thedmsBrowsePagination a 
{
    background:#66AA1C;
}

/*Special Offer Styles applied November 2009*/


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-color: #70BA1F;

}

div#thedms02n #thedmsGridTable .thedmsGridMultiStay a 
{
    text-decoration:none;
}



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

#thedms01 #thedmsBrowseGrid .BrowseBookactionpanel, #thedms01n #thedmsBrowseGrid .BrowseBookactionpanel {
    background: none;
}
div#thedms01n .thedmsbutton {
background:none;

}

#thedms01 #thedmsBrowseGrid .BrowseBookactionpanel a, #thedms01n #thedmsBrowseGrid .BrowseBookactionpanel a {
color:#BE0156;
display:inline;
padding:5px;
text-decoration:none;
}
#thedms01 #thedmsBrowseGrid .BrowseBookactionpanel .thedmsbutton a, #thedms01n #thedmsBrowseGrid .BrowseBookactionpanel .thedmsbutton a {
color:white;
display:inline;
padding:5px;
text-decoration:none;
}

#thedms01 #thedmsBrowseGrid a:hover, #thedms01n #thedmsBrowseGrid a:hover {

}
#thedms01 #thedmsBrowseGrid .BrowseBookactionpanel a:hover, #thedms01n #thedmsBrowseGrid .BrowseBookactionpanel a:hover {
background-color: white;
color: #333;
}
#thedms01 #thedmsBrowseGrid .BrowseBookactionpanel .thedmsbutton a:hover, #thedms01n #thedmsBrowseGrid .BrowseBookactionpanel .thedmsbutton a:hover {
background-color: #BE0156;
color: #fff;
}








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


/* 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: #D5F2B5;
	color: #66AA1C;
	padding: 3px;
}
.thedms h2{
}
/*-------------------------------------------------------------accommodation and attractions browse ------------------------------------------------------*/

#thedms01 DIV#thedmsBrowseGrid .BrowseCell {
	float: left;
	margin: 1px;
	padding: 3px;
	width: 32%;
	background: url(/img/bg-groups_accommbrowsecell.jpg) repeat-x;
}
#thedms01 DIV#thedmsBrowseGrid .BrowseCell h2 {
	background-color: #fff;
	line-height: 100%;
}
#thedms11 DIV#thedmsBrowseGrid .BrowseCell h2 {
	background-color: #fff;
	line-height: 100%;
}
#thedms11 DIV#thedmsBrowseGrid .BrowseRow {
	background: url(/img/bg-groups_accommbrowsecell.jpg) repeat-x;
}	

div#thedmsPropertyEssentials {
	background-color: #E9e9e9;
}
div#thedmsPropertyEssentialsright {
	width: 68%;
	padding-left: 1%;
	border-left: 1px solid #999999;
}
div#thedmsAvailabilityChart {
	background-color: #E9F9DD;
	padding: 5px;
	width: 68%
}

div#thedmsdetailsEAbuttons {
	padding: 0px;
}
div#thedmsdetailsEAbuttons h2{
	color:#7E7E7E;
}

div#thedmsSpecialOffer {
	border: 1px solid #70BC1F;
	background-color: #E9F9DD;
}

/*-------------------------------------------------------------------------------All buttons sitewide------------------------------------------------------------------------------*/
.button {
	padding: 0;
	margin: 0;
	color: #fff;
}

.button a, .button a:visited {
	border: 1px solid #fff;
	background-color: #F1016B;
	display: block;
	text-align:center;
	text-decoration:none;
	width: auto;
	color: #fff;
	padding: 3px;
}
.buttonleft a, .buttonleft a:visited {
	border: 1px solid #fff;
	background-color: #F1016B;
	display: block;
	text-align:center;
	text-decoration:none;
	width: auto;
	color: #fff;
	padding: 3px;
	float: left;
}
.button a:hover {
	text-decoration:none;
	background-color: #BE0156;
}
	
input.button{
	float: right;
	border: 1px solid #fff;
	background-color: #F1016B;
}
.higherbutton {
	margin-top: -15px;
}
.noclear {
	clear: none;
}
/* END OF GENERIC FORM STYLES */
/* Try to keep to the standard names*/
/* ----------------------------------------------------------------------------Website styles--------------------------------------------------------------------------------*/
/*------------ positioning ------------------*/
#sectornav {
	height: 45px;
	background: url(/img/bg-groups_sectornav.jpg) repeat-x #323232;
}
#logo {
	background: #323232;
}

#basketnav {
	background: url(/img/bg-groups_basketnav.jpg) repeat-x #7E7E7E;
}

#mainnav {
	background: url(/img/bg-groups_mainnav.jpg) repeat-x #7E7E7E;
	height: 67px;
}

#searchsnip {
	background: url(/img/bg-groups_searchsnip.jpg) repeat-x #7E7E7E;
}
#searchsnip a {
	color: #fff;
}
#signup {
	background: url(/img/bg-groups_signup.jpg) repeat-x #323232;
}
#dmsintro {	
	color: #F1016B;
	padding: 10px;
}
#dmscontent {
	color: #4C4C4C;
	padding: 0 10px;
	clear: left;
}
#bottomleft {
	width: 288px;
	float: left;
	color: #F1016B;
}
#bottommid {
	width: 350px;
	float: left;
	color: #4C4C4C;
}
#bottomright {
	width: 351px;
	float: left;
	color: #4C4C4C;
}
#bottomright h2, #bottommid h2  {
	font-size: 110%;
	clear: both;
}
#bottomrightwide {
	width: 701px;
	float: left;
	color: #447212;
}
#footer {
	background: url(/img/bg-groups_footer.jpg) repeat-x #019CB1;
}
/*------------------------ styling ---------------------*/

#sectornav li a {
	line-height: 45px;
	font-size: 110%;
}
#sectornav li a:hover {
	color: #CCCCCC;
}
#sectornav #home {
	line-height: 45px;
}
#mainnav a{	
	line-height: 62px;
	font-size: 130%;
}
#mainnav li.thispage a, #mainnav a:hover {
	color: #4C4C4C;
}


#bottomright a, #bottomright h2 a {
	color: #F1016B;
}

.horizontaldivider {
	background-color: #4C4C4C;
}
.themebox {
	border-bottom: 2px solid #7E7E7E;
}
.onpagemovie {
	background-color: #7E7E7E;
}
/*footer*/
#footer{
	background-color: #7E7E7E;
}
/* DMS97 new accommodation details page */

div#thedms02n h2, table#thedmsOpeningTimesTableFullWidth th {
	background-color:#7E7E7E;
}
div#thedms02n #thedmsAvailability {
	background-color:#E9E9E9;
}
div#thedms02n #thedmsDetailsServices, table#thedmsOpeningTimesTableFullWidth th, #thedmsBrowseEvents th {
	background-color:#E9E9E9;
}
#thedmsBrowseEvents td {
	border-bottom:1px solid #E9E9E9;
}
div#thedms02n .thedmsGridTableHeader a, div#thedms02n .thedmsGridTableHeader a:link, div#thedms02n .thedmsGridTableHeader a:visited, div#thedms02n .thedmsGridTableHeader a:active, div#thedms02n .thedmsGridTableHeader a:hover {
	color:#fff;
	text-decoration:underline;
}
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:#F1016B;
}

div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyAvailable, div#thedms02n .thedmsGridAvailable
{
	background-color:#FFE38F;
	color:#666;
}

div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyNotAvailable, div#thedms02n .thedmsGridNotAvailable
{
	background-color:#E9E9E9;
	color:#666;
}
div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyUnknown, div#thedms02n .thedmsGridUnknown
{
	background-color:#E9E9E9;
}

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

div#thedms02n .thedmsGridTableHeader, #thedmsGridAvailabilityChart .thedmsGridTableHeader th 
{
    background:#999;
    color:white;
}
div#thedms02n div#thedmsdetailsEAbuttons h2 {
    color:#fff;
    margin:0pt;
}
div#thedms02n .thedmsGridTableBorder {
	width:97%;
}
div#thedms02n #thedmsGridAvailabilityChart p{
	color:#000;
}
div#thedms02n #thedmsGridInstructions {
	font-size:95%;
}
div#thedms13 div#thedmsItemsPanel {
	background:#FFFFFF url(/img/bg-groups_accommbrowsecell.jpg) repeat-x scroll 0 0;
	border-left:1px solid #ccc;
	float:right;
	padding:5px 8px;
	width:37%;
}













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


/* 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: #1d3068;
	color: white;
	padding: 3px;
}

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

#thedms01 DIV#thedmsBrowseGrid .BrowseCell {
	float: left;
	margin: 1px;
	padding: 3px;
	width: 32%;
	background:#e9e9e9;
}
#thedms01 DIV#thedmsBrowseGrid .BrowseCell h2 {
	background-color: #1d3068;
	line-height: 100%;
	color:White;
}
#thedms11 DIV#thedmsBrowseGrid .BrowseCell h2 {
	background-color: #fff;
	line-height: 100%;
}
#thedms11 DIV#thedmsBrowseGrid .BrowseRow {
	background: white;
}	

#thedms11 DIV#thedmsBrowseGrid .BrowseRow img {
	border:0px;
}	

div#thedmsPropertyEssentials {
	background-color: white;
	border:0px;
	margin-top:20px;
}
div#thedmsPropertyEssentialsright {
	width: 68%;
	padding-left: 1%;
	border: 0px;
}
div#thedmsAvailabilityChart {
	background-color: white;
	padding: 5px;
	width: 68%
}

div#thedmsdetailsEAbuttons {
	padding: 5px;
	background: white;
	margin-bottom: 5px;
	color:#666;
}

div#thedmsSpecialOffer {
	border: 1px solid #70BC1F;
	background-color: #E9F9DD;
}

/*-------------------------------------------------------------------------------All buttons sitewide------------------------------------------------------------------------------*/
.button {
	padding: 0;
	margin: 0;
	color: #fff;
}

.button a, .button a:visited {
	border: 1px solid #fff;
	background-color: #1d3068;
	display: block;
	text-align:center;
	text-decoration:none;
	width: auto;
	color: #fff;
	padding: 3px;
}
.buttonleft a, .buttonleft a:visited {
	border: 1px solid #fff;
	background-color: #1d3068;
	display: block;
	text-align:center;
	text-decoration:none;
	width: auto;
	color: #fff;
	padding: 3px;
	float: left;
}
.button a:hover {
	text-decoration:none;
	background-color: #999;
}
	
input.button{
	float: right;
	background-color: #1d3068;
}
.higherbutton {
	margin-top: -15px;
}
.noclear {
	clear: none;
}
/* END OF GENERIC FORM STYLES */
/* Try to keep to the standard names*/
/* ----------------------------------------------------------------------------Website styles--------------------------------------------------------------------------------*/
/*------------ positioning ------------------*/
#sectornav {
	height: 45px;
	background: #1d3068;
}
#logo {
	background: #1d3068;
	height:103px;
}

#basketnav{
	background: #F68B1F;
	color:White;
}

#mainnav {
	background: #1D3068;
	color:white;
	height: 37px;
}

#searchsnip {
	background: #f68b1f;
	color:white;
	height:241px;
}
#searchsnip a {
	color: #1d3068;
}
#signup {
	background: #1d3068;
}
#dmsintro {	
	color: #666;
	padding: 10px;
}
#dmscontent {
	color: #4C4C4C;
	padding:0px;
	padding-bottom:10px;
	padding-top: 10px;
	clear: left;
}
#bottomleft {
	width: 288px;
	float: left;
	color: black;
}
#bottommid {
	width: 350px;
	float: left;
	color: #4C4C4C;
}
#bottomright {
	width: 351px;
	float: left;
	color: #4C4C4C;
}
#bottomright h2, #bottommid h2  {
	font-size: 110%;
	clear: both;
}
#bottomrightwide {
	width: 701px;
	float: left;
	color: #447212;
}

#bottomfull {
	width: 681px;
	float: left;
	color: #666;
	padding:10px;
}
/*------------------------ styling ---------------------*/

#sectornav li a {
	line-height: 45px;
	font-size: 110%;
}
#sectornav li a:hover {
	color: #CCCCCC;
}
#sectornav #home {
	line-height: 45px;
}
#mainnav a{	
	line-height: 34px;
	font-size: 120%;
}
#mainnav li.thispage a, #mainnav a:hover {
	color: #ccc;
}


#bottomright a, #bottomright h2 a {
	color: #1d3068;
}

.horizontaldivider {
	background-color: #4C4C4C;
}
.themebox {
	border-bottom: 2px solid #7E7E7E;
}
.onpagemovie {
	background: url(/img/conferences/conference.jpg) no-repeat;
	height:241px;
}

.wedding {
	background: url(/img/conferences/wedding.jpg) no-repeat;
	height:241px;
}
/*footer*/
#footer
{
	background: #1d3068;
	color:white;
}

#footer ul li a 
{
    color: white;
}

#searchsnip h2 
{
    color:white;
}

#mainnav ul li a 
{
    color:white;
}

.boxheader 
{
    padding:4px 8px;
    margin:0px;
    background:red;
    color: White;
    font-size:140%;
    margin-top:0px;
}

.box 
{
    border:1px solid red;
    padding:10px;
    margin-bottom:10px;
    height:145px;
}

h1 
{
    color:#1d3068;
    font-size:140%;
}

a, a:visited{
    color:#1d3068;
    text-decoration:none;
}

a:hover 
{
    text-decoration:underline;
}

#bottomsection 
{
    margin:0px;
    padding:0px;
}

div#thedmsBrowseGrid .BrowseSmallPicture {
    float:left;
    width:125px ! important;
    height:86px ! important;
    background: white url(/img/conferences/nophoto.gif);
    margin-right:20px;
    border:1px solid #1d3068 ! important;
    padding:0px ! important;
}

div#thedmsBrowseGrid .BrowseCellVenue {
    float:left;
    width:80%;
}

div#thedms17 .BrowseCellConference 
{
    float:left;
    width:20%;
}

div#thedmsBrowseGrid .BrowseRow 
{
    clear:both;
    float:left;
    margin-left:auto;
    margin-right:auto;
    width:98%;
    background:white;
    border: 1px solid #1d3068;
    margin-top:10px;
    margin-bottom:10px;
    padding:10px;
}

div#thedmsBrowseGrid 
{
    margin-top:20px;
    margin-bottom:20px;
    border:0px;
    float:left;
    text-align:left;
    width:100%;
}

table#thedmsOpeningTimesTableFullWidth th 
{
    background-color:#1d3068;
    color:White;
}

div#thedmsItemsPanel, div#thedmsConfFacilities
{
    background:#FFFFFF;
    border:1px solid #1d3068;
    float:right;
    padding:5px 8px;
    width:100%;
    margin-top:10px;
}

th {
    background:#1d3068;
    color:White;
}

#thedmsBrowseEvents td 
{
    border-bottom:1px solid #1d3068;
    line-height:20px;
    padding:4px;
    text-align:left;
}

#thedmsBrowseEvents tr:hover 
{
    background-color:#e9e9e9;
}

#themsGoogleMap 
{
    margin-bottom:20px;
    text-align:left;
}

div#thedmsdetailsEAbuttons h2 
{
    color:#1d3068;
    margin:0pt;
}

h2 
{
    color:#1d3068;
}

#signup a 
{
    color:white;
}

#searchsnip a 
{
    color:white;
}

#basketsummary, #basketitems, #basketprice 
{
    color:White;
}

.logocell 
{
    color:White;
    background:white;
    border:1px solid #1d3068;
}

#full 
{
    padding:10px;
    margin:0px;
    color: #4C4C4C;
}

.float 
{
    width:30%;
    margin-right:20px;
    float:left;
}
    
.floathalf
{
    width:46%;
    margin-right:20px;
    float:left;
}

#mainnav li 
{
    float:left;
    padding:0px 10px;
}

.box1
{
    border:1px solid red;
    padding:0px;
    padding-top:15px;
    margin-bottom:10px;
    height:150px;
}

.leftbox 
{
    float:left;
    padding:0px;
    margin:0px;
    margin-right:10px;
    width:220px;
}

.rightbox 
{
    float:left;
    margin:0px;
    padding:0px;
    width:220px;
}

.margin 
{
    margin-top:10px;
}

#thedmsContact label, #thedmsProfiling label {
    display:block;
    float:left;
    margin-right:0.5em;
    text-align:right;
    width:40%;
}
/* DMS97 new accommodation details page */

div#thedms02n h2{
	background-color:#1D3068;
}
div#thedms02n #thedmsAvailability {
	background-color:#E9E9E9;
}
div#thedms02n #thedmsDetailsServices {
	background-color:#E9E9E9;
}
div#thedms02n .thedmsGridTableHeader a, div#thedms02n .thedmsGridTableHeader a:link, div#thedms02n .thedmsGridTableHeader a:visited, div#thedms02n .thedmsGridTableHeader a:active, div#thedms02n .thedmsGridTableHeader a:hover {
	color:#fff;
	text-decoration:underline;
}
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:#F68B1F;
}

div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyAvailable, div#thedms02n .thedmsGridAvailable
{
	background-color:#1D3068;
}

div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyNotAvailable, div#thedms02n .thedmsGridNotAvailable
{
	background-color:#E9E9E9;
	color:#1D3068;
}
div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyUnknown, div#thedms02n .thedmsGridUnknown
{
	background-color:#E9E9E9;
}

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

div#thedms02n .thedmsGridTableHeader, #thedmsGridAvailabilityChart .thedmsGridTableHeader th 
{
    background:#999;
    color:white;
}
div#thedms02n div#thedmsdetailsEAbuttons h2 {
    color:#fff;
    margin:0pt;
}
div#thedms02n .thedmsGridTableBorder {
	width:97%;
}
div#thedms02n #thedmsGridAvailabilityChart p{
	color:#000;
}
div#thedms02n #thedmsGridInstructions {
	font-size:95%;
}