/*#############################################  GENERIC HTML WEBSITE STYLES  #######################################*/
/* Wildcard Styling */
* {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}
a img {
	border:0;
}
/*----------------*/

body {
	font-family:Arial, Helvetica, sans-serif; 
	margin:8px;
	margin-bottom:0;
	font-size:87%;
	color:#333333;
}
a, a:visited  {
	COLOR: #184A87;
	TEXT-DECORATION:underline;
}
a:hover {
	COLOR:#333333;
	TEXT-DECORATION:none;
}
p {
	margin-bottom:1em;
	line-height:25px;
}
.thedms img {
	border:0;
}
/* ----------------- used as main heading ---------------- */
h1 {
	FONT-SIZE: 140%; 
	MARGIN: 0px 0px 5px 0px;
	COLOR: #1D57A0; 
}
h2 {
	FONT-SIZE: 105%;
	COLOR: #5781B9;
	font-weight:bold;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 10px;
	margin-left: 1px;
}
h2 A {
	COLOR: #333;
}
h2 A:hover {
	COLOR: #333;
}
h2 A:visited {
	COLOR: #333;
}
h3 {
	FONT-SIZE: 100%;
	MARGIN: 0px 0px 10px;
	COLOR: black; 
}
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; 
}
.clearer {
	clear:both;
	height:1px;
	line-height:1px;
	font-size:1px;
}
td, th {
	padding: 3px;
}
/*-----------------------------------------  END GENERIC WEBSITE STYLES  -----------------------------------------*/


/*#############################################  DMS STYLING & Overides  #######################################*/

/* 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 { 
	text-align: left;
	float: none;
	margin: 2px;
	padding: 3px;
	BACKGROUND-COLOR: #CCCCCC;
	FONT-SIZE: 100%; 
	COLOR: #000;
	display: block;
	font-weight: bold;
	clear: left;
}
/*styles added by SL so that it works straight off*/
/*form ul {
	padding: 0px;
	margin: 0px;
}*/


/* General classes */
.thedms ul {
	list-style: none;
}
/* used for TEL, FAX etc captions */
.Caption {
	font-size: x-small;
	font-weight: bold;
	COLOR: #333333;
	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 */

/* width will changing if not 3 column version. */
#thedms01 div#thedmsBrowseGrid .BrowseCell {
	float: left;
	margin: 5px;
	padding: 4px;
	width: 254px;
	border-left:2px #AEC85D dotted;
}
/* 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 */
div#thedmsBrowseGrid  .BrowseCell h2 {
	FONT-SIZE: 110%; 
	MARGIN: -5px 0px 3px 0px;
	padding:4px; 
	COLOR: #FFF;
	background-color: #1D57A0;
	background-image:url(/img/browse-cell-heading.gif);
}
div#thedmsBrowseGrid  .BrowseCell h2 a {
	COLOR: #FFF;
}
#thedmsBrowseEvents {
	clear:both;
}
#thedmsBrowseEvents th {
	color: #333333;
	background-color: #e0e0e0;
	padding: 5px;
}
#thedmsBrowseEvents td {
	padding: 3px;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}
.thedmsBackgroundFix {
	clear: both;
	font-size: 1px;
	height: 1px;
}
/*All key backgrounds with the gif images for fuzzy edges*/
.thedmskey{
	background-color: #FFFFFF;
}
/*All buttons sitewide*/
.button {
	
}
.button a, .button a:visited  {
	background-color: #F0F0F0;
	border: 1px #333 solid;
	text-align:center;
	text-decoration:none;
	COLOR: #333;
}
.button a:hover {
	background-color: #CCCCCC;
}
table#thedmsOpeningTimesTableFullWidth th{
	color: #333333;
	background-color: #CCCCCC;
	padding: 3px;
}
/* -#-#-#-#-#- Begin DMS Overides -#-#-#-#-#- */

#thedmsAbbreviationsKey {
	width:60%;
	font-size:90%;
}
div#thedmsBrowseGrid .detailbtn a, div#thedmsBrowseGrid .detailbtn a:visited { 
	display:block;
	/*width:70%;*/
	padding:5px 4px 0px 4px;
	font-size:70%;
	float:right;
}
div#thedmsBrowseGrid .detailbtn a:hover {
	
}
div#thedmsBrowseGrid .detailbtn {
	width:50%;
}
div#thedmsAvailabilityChart table {
	clear:left;
}
div.thedmsBackgroundFix {
	line-height:1px;
}
table#thedmsBrowseEvents td {

	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
table#thedmsBrowseEvents th {
	color: #333333;
	background-color: #CCCCCC;
	padding: 3px;
}
#thedmsSearch0_category ul {
	padding:0px 0px 0px 1px;
}
#thedmsSearch0_category li {
	padding:3px 0px;
}
#thedmsSearch0_category li a, #thedmsSearch0_category li a:visited  {
	text-decoration:none;
}
#thedmsSearch0_category li a:hover {
	text-decoration:underline;
}
div#thedms11 #thedmsBrowseGrid .BrowseRow {
	padding:0px 0px 12px 0px;
}
div#thedmsBrowseGrid {
	padding:10px 0px 0px 0px;
}
	
/*-----------------------------------------  END GENERIC WEBSITE STYLES  -----------------------------------------*/

	
/*#############################################  WEBSITE SPECIFIC STYLES  #######################################*/
/* put site specific styles here at bottom */
/* Website styles*/
#frame{
	width:900px;
	margin:auto;	
}

#frame_pic {
	width:700px;
	margin:auto;
}

#header{
	height:236px;
	background-image:url(/img/headers/main-heading.jpg);
}

#header_pic {
	height:50px;
	background-image:url(/guide/img/main-heading.jpg);
}

#topnav{
	
}
#topnav ul{
	list-style:none;
}
#topnav li{
	width:151px;
	float:left;
}
#topnav li a, #topnav li a:visited {
	float:left;
	margin-top:5px;
	cursor:pointer;
	text-decoration:none;
}
#topnav li a:hover{
	
}
.main-nav-headings {
	display:block;
	height:17px;
	font-weight:bold;
	font-size:90%;
	border-bottom:1px #FFFFFF solid;
	padding:2px 0px 1px 3px;
}
/* Individual Buttons */
/* attractions */
#topnav li#attractions-button a, #topnav li#attractions-button a:visited {
	background-color:#578CC9;
	color:#FFFFFF;
	border-right:6px #FFFFFF solid;
}
#topnav li#attractions-button a:hover {
	background-color:#3468A3;
	text-decoration:none;
}
/* EVENTS */
#topnav li#events-button a, #topnav li#events-button a:visited {
	background-color:#9398C8;
	color:#FFFFFF;
	border-right:6px #FFFFFF solid;
}
#topnav li#events-button a:hover {
	background-color:#5962AA;
	text-decoration:none;
}
/* STAY */
#topnav li#stay-button a, #topnav li#stay-button a:visited {
	background-color:#B6C858;
	color:#FFFFFF;
	border-right:6px #FFFFFF solid;
}
#topnav li#stay-button a:hover {
	background-color:#899832;
	text-decoration:none;
}
/* OUTDOORS */
#topnav li#outdoors-button a, #topnav li#outdoors-button a:visited {
	background-color:#1F917A;
	color:#FFFFFF;
	border-right:6px #FFFFFF solid;
}
#topnav li#outdoors-button a:hover {
	background-color:#146152;
	text-decoration:none;
}
/* FOOD & DRINK */
#topnav li#food-drink-button a, #topnav li#food-drink-button a:visited {
	background-color:#C3543C;
	color:#FFFFFF;
	border-right:6px #FFFFFF solid;
}
#topnav li#food-drink-button a:hover {
	background-color:#9D4431;
	text-decoration:none;
}
/* GUIDE */
#topnav li#guide-button a, #topnav li#guide-button a:visited {
	background-color:#D5B721;
	color:#FFFFFF;
	border-right:0;
}
#topnav li#guide-button a:hover {
	background-color:#A68D1A;
	text-decoration:none;
}
#topnav li#guide-button {
	width:145px;
}
/*maincontent*/
#content {
	padding:25px;
	padding-bottom:10px;
}
.p-holder-border {
	background-image:url(/img/paragraph-left-image.gif);
	background-repeat:repeat-y;
	background-position:top left;
	margin-left:20px;
	padding-left:25px;
	font-size:90%;
	margin-bottom: 10px;
}
.p-holder-border ul {
	list-style: none;
	background-image:url(/img/paragraph-left-image.gif);
	background-repeat:repeat-y;
	background-position:top left;
	margin-left:20px;
	padding-left:25px;
}
.p-holder-border-product {
	background-image:url(/img/paragraph-left-image.gif);
	background-position:left top;
	background-repeat:repeat-y;
	font-size:90%;
	margin-bottom:20px;
	margin-left:20px;
	padding:7px 0 7px 25px;
}
.p-holder-border-product img {
	float: right;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
}
.p-holder-border-product h2 {
	font-size: 120%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.price {
	font-weight: bold;
	color: #FF0000;
}
.price-large {
	font-size: 16px;
	font-weight: bold;
	color: #990000;
}

#main-right-side {
	float:right;
	width:250px;
}
#main-left-side {
	float:left;
	width:560px;
	padding-right:35px;
}
#main-left-side-wide {
	float:left;
	width:93%;
	padding-right:35px;
}
#flags {
	float: right;
	margin-top: 180px;
	clear: both;
}
#flags img {
	border: 1px solid #fff;
}
#top-links {
	float:right;
	width:600px;
	text-align:right;
	font-size:90%;
	padding-top:3px;
	padding-right:3px;
}
#top-links ul {
	list-style:none;
	float:right;
	padding-top:5px;
}
#top-links li {
	display:inline;
	padding-left:4px;
	padding-right:4px;
	border-right:1px #333333 solid;
}
#top-links li a, #top-links li a:visted {
	font-size:90%;
}
#top-links li a:hover {
}
#ibutton {
	float:right;
	padding-left:5px;
}
div.side-boxes-red {
	background-image:url(/img/side-box-background-red.png);
	background-position:top left;
	background-repeat:no-repeat;
}

div.side-boxes-red a, div.side-boxes-red a:visited {
	display:block;
	height:114px;
	margin-bottom:8px;
	color:#1D57A0;
	clear:both;
	font-weight:bold;
	padding:3px 0px 0px 14px;
	cursor:pointer;
	text-decoration:none;
}
div.side-boxes-red a:hover {
	color:#000;
}
div.side-boxes-red h2 {
	color:#FFFFFF;
	margin-bottom:3px;
}
div.side-boxes-red span.side-boxes-inside {
	display:block;
	padding:27px 0px 0px 10px;
	font-size:80%;
	font-weight:normal;
	width:200px;
}


div.side-boxes-red span.side-boxes-inside-auto {
	display:block;
	padding:27px 0px 0px 10px;
	font-size:80%;
	font-weight:normal;
	width:200px;
}

div.side-boxes-red span.side-boxes-inside-auto a{
	height:auto;
}



div.side-boxes {
	background-image:url(/img/side-box-background.png);
	background-position:top left;
	background-repeat:no-repeat;
}
div.side-boxes a, div.side-boxes a:visited {
	display:block;
	height:114px;
	margin-bottom:8px;
	color:#1D57A0;
	clear:both;
	font-weight:bold;
	padding:3px 0px 0px 14px;
	cursor:pointer;
	text-decoration:none;
}
div.side-boxes a:hover {
	color:#000;
}
div.side-boxes h2 {
	color:#FFFFFF;
	margin-bottom:3px;
}
#video_holder {
	height: 381px;
	width: 480px;
	padding: 5px;
	background-color: #5D86BB;
	border: thin dotted #AEC85D;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 14px;
	background-position: center center;
}

div.side-boxes span.side-boxes-inside {
	display:block;
	padding:27px 0px 0px 10px;
	font-size:80%;
	font-weight:normal;
	width:200px;
}
div.side-boxes span.side-boxes-heading, div.side-boxes-red span.side-boxes-heading {
	color:#FFFFFF;
	font-weight:bold;
}
#latest-news-image {
	float:right;
	margin:0px 0px 10px 10px;
	border:3px #AEC85D double;
}




/*footer*/
#footer{
	background-image:url(/img/footer-bg.gif);
	padding:10px;
	padding-top:35px;
	color:#FFFFFF;
	clear:both;
}
#footer a {
	color:#FFFFFF;
	font-weight:bold;
	font-size:85%;
}
#footer ul {
	list-style:none;
	padding-top:5px;
	color:#FFFFFF;
}
#footer li {
	display:inline;
	padding-left:4px;
	padding-right:4px;
	border-right:1px #FFF solid;
}
#footer ul li a, #footer ul li a:visted {
	font-size:90%;
	
}
#footer ul li a:hover {
}
#footer-links {
	width:75%;
}
#footer-council {
	width:200px;
	float:right;
	padding:10px;
	margin:-33px 0px 0px 0px;
}
#dmscontent-holder {	
	/*clear:both;*/
}

div#thedms00 form{
	height:395px;
}



#snippet-holder {
	background-image:url(/img/snippet-bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding:3px 0px 5px 15px;
}
#snippet-holder h2 {
	color:#FFFFFF;
	font-size:95%;
}
#snippet-holder ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#adv-search-snippet {
	padding:15px 0px 0px 0px;
}
#adv-search-snippet a, #adv-search-snippet a:visited {
	font-weight:bold;
	COLOR: #1D57A0;
	text-decoration:none;
}
#adv-search-snippet a:hover {
	text-decoration:underline;
}

div#thedmsSearch0 h2, div#thedmsSearch1 h2 {
	FONT-SIZE: 110%; 
	MARGIN: 0px 0px 5px 0px;
	padding:4px; 
	COLOR: #FFF;
	background-color: #1D57A0;
	background-image:url(/img/browse-cell-heading.gif);
}
div#thedmsSearch0 li, div#thedmsSearch1 li {
	padding-bottom:3px;
}
div#thedmsSearch0 {
	border-right:none;
}


/* Accommodation Page */

div.accomm-snippet {
	background-image:url(/img/side-box-background.png);
	background-position:top left;
	background-repeat:no-repeat;
	padding:3px 0px 0px 15px;
	height:auto;
	margin-bottom:20px;
	clear: both;
}
div.accomm-snippet h2 {
	color:#FFFFFF;
	clear: both;
}
div.accomm-snippet ul {
	list-style: none;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 7px;
	margin-left: 0;
}
#accomm-snippet-search {
	padding:10px;
	font-size:90%;
}
.accomm-snippet li a, .accomm-snippet li a:visited {
}
.accomm-snippet ul {
}


#accomm-snippet-search input {
	margin-bottom:4px;
}
.accomm-snippet h3 a, .accomm-snippet h3 a:visited {
	color:#C3543C;
	line-height:10px;
	margin:0;
}
.accomm-snippet h3 a:hover {
}

.btn-go-right {
	float:right;
}
/* sitemap */ 
ul.sitemap {
	list-style: disc;
	background-image: none;
	margin-left:10px;
	padding-left:0px;
}
ul.sitemap ul {
	list-style: circle;
	margin-left:20px;
}

/* ############################### ACCESSIBILITY LINKS ############################ */
#skiplinks {
	position:absolute;
	top: -2000px;
	left: -2000px;
	color:#666666;
	font-size:80%;
	width:20em;
}
#video_links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #578CC9;
	text-decoration: none;
	float: right;
	height: auto;
	padding: 3px;
	line-height: 20px;
}
#video_links_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-image: url(/img/side-box-background-2.gif);
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 13px;
	height: auto;
	width: 230px;
	float: right;
	background-repeat: no-repeat;
	text-transform: uppercase;
	font-weight: bolder;
	text-align: left;
}


#skiplinks ul {
	list-style-type : none;
}
#skiplinks li {
	display:inline;
	margin-right:5px;
}
#skiplinks li a:focus, #skiplinks li a:active {
	text-align: center;
}
#skiplinks li a:hover {
	color: #00e;
}

/* DMS97 new accommodation details page */

div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyBook, div#thedms02n .thedmsGridBook, div#thedms02n .thedmsGridBook a 
{
    background:#9C004A;
}
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:#C2A9DA;
}

div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyNotAvailable, div#thedms02n .thedmsGridNotAvailable
{

}
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:#5781B9;
    color:white;
}

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

div#thedms02n p 
{
    margin-bottom:0em;
}
div#thedmsAccessibility {
	background: none;
	padding: 0;
	border: none;
}
div#thedmsAccessibility h3 {
	background: none;
	color: #000;
}

.FLOAT-LEFT {
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

/* New Browse Page */

div.thedmsBrowsePagination a.thedmsPaginationCurrentPage, div.thedmsBrowsePagination a:hover 
{
    background:#1D57A0;
    color:White;
}

div.thedmsBrowsePagination a 
{
    background:#F0F0F0;
    color:#333;
}.home-page-box {
	padding: 3px;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	border: 1px solid #E0E0E0;
	width: 238px;
	min-height:280px;
}
.float-right {
	float: right;
	padding: 3px;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	margin-left: 10px;
	clear: both;
}
.float-left {
	float: left;
	padding: 3px;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	margin-right: 10px;
	clear: both;
}

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

div#thedms01 .thedmsBookLayoutSpecialOffer, div#thedms01 .thedmsBookLayoutAddToShortList 
{
margin:0;
}



div#thedms02n #thedmsGridTable .thedmsGridMultiStay, div#thedms02n #thedmsSpecialOffersHolder .thedmsGridMultiStay 
{
background-color: #8E56B8;

}


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



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

div.side-boxes2 #frmDmsSearch a{
width:50px;
}

#frmDmsSearch{
/*width:229px;*/
height:135px;
}

#thedms10 #frmDmsSearch{
	width:100%;
	*margin-bottom:180px;
	_margin-bottom:0px;
}

.box 
{ 
   height:100px;
}


.button {
	padding: 2px;
	margin: 3px;
	color: #fff;
	width: 50px;
	height:20px;
	float:right;
	text-align:center;
}

.button a, .button a:visited {
	border: 1px solid #fff;
	background-color: #5D86BB;

	text-align:center;
	text-decoration:none;
	/*width: 50px;*/
	height:20px;
	color: #fff;
	padding: 3px;
}

.button a:hover {
	text-decoration:none;
	background-color: #999;
}
	
input.button{
	float: right;
	background-color: #5D86BB;
	padding:0 0 5px 0;
}

.a_pos_div img#calicon_0 a{
height:16px;
width:16px;
}

div.side-boxes2 a, div.side-boxes2 a:visited {
	color:#1D57A0;
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
}


div.side-boxes2 span.side-boxes-inside {
	display:block;
	padding:10px 0px 0px 20px;
	font-size:80%;
	font-weight:normal;
	width:200px;
}


div.side-boxes2 span.side-boxes-inside-auto {
	display:block;
	padding:10px 0px 0px 20px;
	font-size:80%;
	font-weight:normal;
	width:200px;
}

div.side-boxes2 span.side-boxes-inside-auto a{
	height:auto;
}

div.side-boxes2 h2{
color:#fff;
font-weight:bold;
}

div.side-boxes2 {
	background-image:url(/img/side-box-background.png);
	background-position:top left;
	background-repeat:no-repeat;
}

div.side-boxes2 span.side-boxes-heading, div.side-boxes2 span.side-boxes-heading  {
color:#FFFFFF;
font-weight:bold;
padding:30px 0 0 13px;
}

div.side-boxes2 label{
display:block;
}



.a_pos_div  {
left:800px;
position:absolute;
top:410px;
visibility:hidden;
z-index:6;

}


.calOuterTable{
background-color:#F4F9FD;
}

form.snippet label {
clear:both;
float:left;
width:27%;
padding:2px;
}

#searchsnip {
height:147px;
margin:0;
width:293px;
}

form li {
clear:both;
list-style:none outside none;
margin-top:3px;
}
select {
margin:3px;}

input{
margin:3px;}