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

* {
	padding: 0;
	margin: 0;
}
.clearer {
	clear:both;
	font-size:1px;
	line-height:1px;
	height:1px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:83%;
	color:#000;
}

a, a:visited{
	color: #017CA8;
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	text-decoration:underline;
}
.thedms img {
	border:0;
}
p {
	line-height:17px;
	margin:8px 0px;
}
/* used as main heading */
h1 {
	font-size:240%;
	color:#017CA8;
	font-weight:normal;
	padding:4px 4px 6px 4px;
}
h2 {
	font-size: 185%;
	font-weight:normal;
	color:#017CA8;
	padding:2px 0px 4px 0px;
}
h3 {
	font-size: 130%;
	color:#333333;
	padding:2px 0px;
}
/*seperate if visited is different*/
h2 a, h2 a:visited {
	text-decoration: none;
	font-weight:normal;
}

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

/*table styles*/
table{
}

th {
	padding:3px;
}

td {
	padding:2px;
}
/* Search page form classes */
/* to have different colours on ea or ac search pages have two versions of form .heading and prefix with DIV#thedms0 and DIV#thedms10 */
/* form classes */
form h2 { 
	background-color: #CCCCCC;
}

input{
	}
/*styles added by SL so that it works straight off*/
form ul {
	padding: 0px;
	margin: 0px;
}
form li {
	margin-top: 10px;
	list-style: none;
	clear: both;
}
form li.radio label {
	clear: none;
	float: left;
}
form li.radio input {
	float: left;
} 

form li.check label {
	text-align: left; 
	margin-right: 0; 
	float: none; 
	display: inline
}
form li.check span {
	display:block; 
}

/* General classes */
.thedms ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* used for TEL, FAX etc captions */
.Caption {
	font-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: #FFF;
	background-color: #017CA8;
	padding: 3px;
}

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

#thedms01 DIV#thedmsBrowseGrid .BrowseCell {
	float: left;
	margin: 0px 0px 0px 10px;
	padding: 10px;
	width: 375px;/* width will changing if not 3 column version, 49% if 2 column version  */
	background-image:url(/img/accomm-browsecell-bottom.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	/* Min height... Works in IE6 etc.. How cool!! */
	min-height:13em;
  	height:auto !important;
  	height:13em;
}
#thedms01 DIV#thedmsBrowseGrid .BrowseCell h2 {
	margin:-10px -10px 0px -10px;
	padding:8px 3px 5px 10px;
	background-image:url(/img/accomm-browsecell-top.gif);
	background-position:top left;
	background-repeat:no-repeat;
	font-size:150%;
	border-bottom:3px #990000 double;
}
#thedms01 div#thedmsBrowseGrid .BrowseRow {
	margin:0;
	width:825px;
	padding:5px 0px 5px 0;
}
#thedms01 div#thedmsBrowseGrid .details_holder {
	padding:5px 0px 0px 0px;
}

div.BrowseCell p {
	margin:4px 0px;
}

/* ############### EA BROWSE STUFF - widths may need changing if not 100% width ############### */
#thedms11 DIV#thedmsBrowseGrid .BrowseCell {
	width: 650px;
	float: left;
	padding:0px 0px;
	margin:0px 0px;
}
#thedms11 DIV#thedmsBrowseGrid .BrowseSmallPicture {
	width: 150px;
	height:90px;
	float: left;
	background-image:url(/img/bg/eabrowse-img-bg.gif);
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	padding:16px 0px;
	margin:0px 0px 0px 0px;
}
#thedms11 DIV#thedmsBrowseGrid .BrowseSmallPicture img {
	border:2px #FFFFFF solid;
}
#thedms11 div#thedmsBrowseGrid .BrowseCell h2 {
	border-bottom:3px #017CA8 double;
	font-size:130%;
	padding:0px 0px 0px 5px;
	margin:0px 0px;
	background:none;
}
#thedms11 div#thedmsBrowseGrid .BrowseCell h2 a, #thedms11 div#thedmsBrowseGrid .BrowseCell h2 a:visited {
	color:#017CA8;
	font-weight:bold;
}
#thedms11 div#thedmsBrowseGrid .BrowseRow {
	padding:14px 0px;
	margin:0px 0px;
	/*border-bottom:1px #E6E6E6 solid;*/
}
#thedms11 div#thedmsBrowseGrid .BrowseRow .BrowseCellDetails {
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
}

/* ################### EA DETAILS PAGE ######################### */

div#thedmsItemsPanel {
	background-color:#8EC0E5;
	float:left;
	width:305px;
	background-image:url(/img/bg/thedmsItemsPanel-btm-blue.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding:10px
}
div#thedmsItemsPanel h2 {
	padding:3px 6px;
	font-size:150%;
	color:#FFFFFF;
}
div#thedmsTopPanel {
	padding-bottom:10px;
	margin-bottom:10px;
	border-color:#E6E6E6;
}
#thedmsfeatureamentities {
	clear:both;
}
div#thedms13 div.thedmskey {
	width:auto;
}
div#thedmsFeaturePicture2, div#thedmsFeaturePicture1 {
	text-align:right;
}

/* 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 DETAILS PAGE ------------------------------------------------------*/
/*this may need to be deleted, but it makes it work on most of the layouts, especially accommodation layout 1.*/

#thedmsAvailabilityChart table {
	clear:both;
	width:830px;
	margin:10px auto;
}
#thedmsAvailabilityChart table td {
	height:34px;
}
#thedmsAvailabilityChart table tr {
}
#thedmsAvailabilityChart table th {
	background-color:#F0F0F0;
	font-size:95%;
	height:30px;
}

/*  ACCOMMODATION DETIALS STYLES  */
div#thedms02 {
	width:100%;
}
div#thedms02 h1 {
	padding:10px 0px;
	width:60%;
	float:left;
	clear:left;
}
div#thedms02 h2 {
	border-bottom:1px #65282B solid;
	padding:12px 0px 3px 0px;
	margin:0px 0px 6px 0px;
}
div#thedms02 div#thedmsPropertyInfo {
	margin:0px 0px 0px 0px;
	padding:0px;
}
div#thedms02 div#thedmsPropertyInfo p {
	margin:5px 0px;
}
div#thedms02 div#thedmsPropertyInfo h2 {
	padding:2px 0px 0px 0px;
	border-bottom:1px #65282B solid;
}
#thedms02 div.thedmsLogos {
	padding:4px 0px 0px 0px;
	width:40%;
	float:right;
	text-align:right;
}
#thedms02 #thedmsTypeClassification {
	font-size:110%;
	font-weight:bold;
	padding-left:0;
}
#thedms02 div#thedmsPropertyEssentialsright {
	width:68%;
	padding-left:10px;
}
div#thedmsImages {
	width:512px;
}
div#thedmsImgSingle {
	width:auto;
}
div.thedmskey {
	width:550px;
	margin:5px auto;
	background-image:url(/img/accomm-dmskey.gif);
	background-repeat:no-repeat;
	padding:12px;
}
.submitbutton {
	float:left;
}
div#thedmsSpecialOffer {
	background-color:#AF0A33;
	background-image:url(/img/bg/main-nav-bg.jpg);
	background-position:center bottom;
	background-repeat:repeat-x;
	color:#FFFFFF;
	font-weight:bold;
	padding:8px;
	font-size:110%;
}
#thedmsdetailsOfproperty {
	clear:both;
}
div#thedms02 li.availability input.submitbutton {
	margin:0px;
}
div#thedms02 div#thedmsAvailabilityCheck {
	clear:both;
	float:none;
	padding:0px 0px;
	width:100%;
}
/* ------------------ */
div#thedms02 div#thedmsAvailabilityCheck ul {
	height:35px;
	background-color:#E7CCCE;
	padding:10px 12px 10px 60px;
	background-image:url(/img/bg/magnifying%20glass.gif);
	background-position:left center;
	background-repeat:no-repeat;
}
div#thedms02 div#thedmsAvailabilityCheck ul li {
	float:left;
	width:25%;
	clear:none;
	margin:0;
}

#div#thedmsPropertyEssentialsleft {
	padding:0px 0px 0px 0px;
	width:150px;
}
div#thedmsAccessibility {
	background: none;
	padding: 0;
	border: none;
}
div#thedmsAccessibility h3 {
	background: none;
	color: #000;
}
/*--------------------------------------------------------------------- events ----------------------------------------------------------------------------------*/
#thedmsBrowseEvents {
	clear:both;
}
#thedmsBrowseEvents th {
	background-color:#017CA8;
	color:#FFFFFF;
	padding:3px 8px;
}
#thedmsBrowseEvents td {
	padding:5px;
	border-bottom:1px dotted #CECECE;
	text-align:left;
}
#thedmsBrowseEvents tr:hover {
	background-color:#F9F2F4;
}


.thedmsBackgroundFix /*works as a clearer div in the dms*/{
	clear: both;
	font-size: 1px;
	height: 1px;
}
/*All key backgrounds with the gif images for fuzzy edges- set background to a lighter colour*/
.thedmskey{
	background-color: #FFFFFF;
}
/*-------------------------------------------------------------------------------All buttons sitewide------------------------------------------------------------------------------*/
.button {
	width:auto;
	color: #000000;
}

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

.button a:hover {
	text-decoration:none;
	background-color: #CCCCCC;
	}
	
/* ########################## DMS ADVANCED SEARCH #################################### */
#thedms00 {
}
#thedms00 li, #thedms10 li {
	padding:15px 0px 5px 0px;
	margin:0px 0px 0px 0px;
}
#thedms00 li h2, #thedms10 li h2 {
	background-color:#8EC0E5;
	color:#FFFFFF;
	padding:8px 6px;
	margin:0px 0px 6px 0px;
	font-size:100%;
	font-weight:bold;
	background-image:url(/img/bg/h2-adv-search.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
div#thedmsSearch1 {
	border:0;
	float:right;
}
div#thedmsSearch0 {
	float:left;
}
span.fix {
	display:block;
	padding:2px 0px;
}
li.radio input {
	margin:0px 2px 0px 7px;
}
/* ##################################################################################### */
/* ##################################  THE DMS BROCHURE / competition ############################## */

div#thedms150 {
}
div#thedms150 #thedmsContact li {
	padding:2px 0px;
}
div#thedms150 #thedmsContact li input[type="text"] {
	padding:3px;
	border:1px #999999 solid;
}
div#thedms150 #thedmsContact li input[type="text"]:hover, div#thedms150 #thedmsContact li input[type="text"]:focus {
	background-color:#FFFFEC;
	border:1px #999999 solid;
}
div#thedms151 fieldset {
	border:3px double #820927;
	line-height:1.1em;
	margin:18px 0px;
	padding:8px;
	width:700px;
}
div#thedms151 fieldset legend {
	color:#820927;
	font-size:140%;
	padding:0px 8px;
}
#thedmsBrochure .frmButtons {
	float:right;
	padding:5px 12px;
	font-size:110%;
	font-weight:bold;
}
span.thedmsQuestion {
	display:block;
	font-size:120%;
	font-weight:bold;
}
Div#thedms151 input{
	margin-right:12px;
}
/* END OF GENERIC FORM STYLES */
/* Try to keep to the standard names*/
/* ----------------------------------------------------------------------------Website styles--------------------------------------------------------------------------------*/
#frame{	
	width:842px;
	padding:4px;
	margin:0px auto;
	background-color:#FFFFFF;
}
/* ################ HEADER STYLES ################# */
#header{
	width:842px;
	height:261px;
	background-image:url(http://mediafiles.thedms.co.uk/publication/ys-brad/headers/header-home.jpg);
	clear:both;
	margin:0px 0px 1px 0px;
	position:relative;
}
#home-button {
	position:absolute;
	width:200px;
	height:80px;
	top:35px;
	right:15px;
}
#topnav {
	width:842px;
	line-height:2.4em;
	float:left;
	clear:both;
	background-image:url(/img/bg/main-nav-bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#AF0A33;
	text-align:center;
}
#topnav li {
	display:inline;
	width:auto;
}
#topnav li a, #topnav li a:visited {
	padding:4px 10px 4px 8px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:95%;
	background-image:url(/img/bg/main-nav-sep-blue.jpg);
	background-position:center right;
	background-repeat:no-repeat;
}
#topnav li a:hover{
	background-color:#017CA8;
	background-image:none;
	text-decoration:none;
}
#topnav li a.endnav {
	background-image:none;
}
#site-search-box {
	position:absolute;
	top:135px;
	right:5px;
	width:215px;
	height:60px;
}
#site-search-box label {
	display:block;
	margin:0px 0px -4px 0px;
	font-weight:bold;
}
#site-search-box .searchboxmain {
	padding:3px;
	color:#666666;
	font-size:90%;
}

/* ############################################ */


/*maincontent*/
#content{
	background-color:#FFFFFF;
}
/* Padded content - For Pure text & CMS Pages */
#content-padded {
	clear:both;
	padding:20px 35px;
}
#content-padded ul {
	list-style-position:inside;
}
#content-padded li {
	padding:2px;
}
#content-padded h2 {	
	margin:7px 0px 0px 0px;
}
#content-padded h1 {
	padding:0px 0px 3px 0px;
}

/* Home Page - Left & Right sections */

#hp-left {
	float:left;
	width:552px;
	padding:0px 0px 0px 0px;
}
#hp-right {
	float:right;
	width:260px;
	border-left:1px #CCCCCC dotted;
	padding:0px 0px 0px 10px;
	margin:5px 0px 0px 0px;
}
#weather-holder {
	width:40%;
	float:left;
	padding:2px 0px;
	font-size:85%;
	color:#999999;
}

#languages-holder {
	width:58%;
	float:right;
	padding:2px 0px;
	text-align:right;
	font-size:85%;
	color:#999999;
}
#languages-holder a, #weather-holder a {
	display:inline;
	width:100%;
	line-height:12px;
}
#languages-holder img, #weather-holder img {
	border:0;
}

.bordered-text-holder {
	border-left:6px #017CA8 double;
	margin:0px 0px 0px 35px;
	padding:0px 0px 0px 10px;
}


/* ################ BIG HP BOXES ############ */
.box-row {
	clear:both;
	padding:5px 0px 5px 10px;
}
.big-box-holder {
	width:236px;
	padding:0px 14px 14px 14px;
	margin:0px 10px 0px 0px;
	background-image:url(/img/bg/box-hp-big-btm.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:85%;
	float:left;
	min-height:8em;
  	height:auto !important;
  	height:8em;
}
.big-box-holder a, .big-box-holder a:visited {
	color:#FFFFFF;
}
.big-box-top {
	height:10px;
	font-size:1px;
	background-image:url(/img/bg/box-hp-big-top.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	margin:0px -14px 4px;
}
.big-box-holder p {
	margin:2px 0px;
	line-height:15px;
}
.big-box-holder img {
	float:left;
	margin:0px 10px 0px 0px;
	border:1px #FFFFFF solid;
}
.big-box-holder h2 {
	margin:0px;
	border-bottom:1px #FFFFFF solid;
	clear:none;
	color:#FFFFFF;
	padding:0px;
	font-size:170%;
}
.big-box-holder h2 a, .big-box-holder h2 a:visited {
	color:#FFFFFF;
	font-size:75%;
	font-weight:bold;
}
.big-box-holder h2 a:hover {
	text-decoration:none;
	color:#CCCCCC;
}
.endbox {
	margin:0px;
}
/* ############### END BIG HP BOXES ######### */


/* ################ BIG HP BOXES ############ */
.small-box-holder {
	width:144px;
	padding:0px 14px 14px 14px;
	margin:0px 8px 0px 0px;
	background-image:url(/img/bg/box-hp-small-btm.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:85%;
	float:left;
	text-align:center;
}
.small-box-top {
	height:15px;
	font-size:1px;
	background-image:url(/img/bg/box-hp-small-top.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	margin:0px -14px 0px;
}
.small-box-holder p {
	margin:2px 0px;
	line-height:15px;
}
.small-box-holder img {
	margin:0px auto;
	border:1px #FFFFFF solid;
}
.small-box-holder h3 {
	margin:0px;
	clear:none;
	color:#FFFFFF;
	padding:0px 0px 5px 0px;
	text-align:center;
	margin:-5px 0px 0px 0px;
	font-size:125%;
}
.small-box-holder h3 a, .small-box-holder h3 a:visited {
	color:#FFFFFF;
}
.small-box-holder h3 a:hover {
	text-decoration:none;
	color:#CCCCCC;
}
.small-box-holder ul {
	list-style:square;
	list-style-position:inside;
}
.small-box-holder li {
	text-align:left;
	padding:1px 5px;
}
.small-box-holder li a, .small-box-holder li a:visited {
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
}
.small-box-holder li a:hover {
	text-decoration:underline;
}
/* ############### END BIG HP BOXES ######### */


/* ##############  START SIDE TABBED BOXES ######## */

.top-tabbed-box-red {
	width:190px;
	height:20px;
	background-color:#8EC0E5;
	color:#000;
	font-weight:bold;
	background-image:url(/img/bg/box-tabbed-right-top.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding:0px 60px 25px 5px;
	margin:10px 0px 0px 0px;
	clear:both;
	font-size:90%;
}
.btm-tabbed-box-red {
	width:225px;
	background-color:#8EC0E5;
	padding:10px 15px 15px 15px;
	background-image:url(/img/bg/box-tabbed-right-btm.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	margin:0px 0px 10px 0px;
	clear:both;
}
.btm-tabbed-box-red input.frmButtons {
	float:right;
}
.btm-tabbed-box-red p {
	margin:0px 0px 5px 0px;
}
/* Generic Advert holder */
.sponsor-space {
	padding:10px 0px;
	clear:both;
}
/* ################################################ */


/* ############# STYLE FOR ALL BUTTONS ############ */
input[type="submit"], input[type="button"] {
	padding:3px 5px;
	margin:5px 0px 0px 0px;
	background-image:url(/img/bg/main-button-bg.jpg);
	background-color:#AF0A33;
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px #017CA8 solid;
	font-size:80%;
	color:#FFFFFF;
	cursor:pointer;
}
/* Had to seperate style from above as IE wouldn't recognizse it? Stupid bloody browser!! */
.frmButtons, .submitbutton {
	padding:3px 5px;
	margin:5px 0px 0px 0px;
	background-image:url(/img/bg/main-button-bg.jpg);
	background-color:#8EC0E5;
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px #017CA8 solid;
	font-size:80%;
	color:#FFFFFF;
	cursor:pointer;
}
.thedetailbtn a, .detailbtn a, .detailbtn a:visited, .bookbutton a, .bookbutton a:visited, .modebutton a, modebutton a:visited  {
	padding:6px 8px;
	margin:0px;
	background-image:url(/img/bg/main-button-bg.jpg);
	background-color:#017CA8;
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px #017CA8 solid;
	font-size:90%;
	color:#FFFFFF;
	cursor:pointer;
}
.detailbtn a:hover, .bookbutton a:hover, .CreateRedButtonLink a:hover, .modebutton a:hover {
	background-image:none;
	background-color:#AF0A33;
}
/* ############# END ALL INPUT BUTTONS STYLE ############ */


/* ######### ACCOMMODATION QUICK FINDER ########## */
form.hp-accomm-book {
	clear:both;
	font-size:85%;
}
form.hp-accomm-book input, form.hp-accomm-book select {
	font-size:90%;
}
form.hp-accomm-book label {
	line-height:10px;
	height:10px;
}
form.hp-accomm-book input#date {
	margin:5px 0px 0px 8px;
}
form.hp-accomm-book select.nightsfor {
	margin:5px 0px 0px 17px;
}
form.hp-accomm-book select#accommType {
	margin:5px 0px 0px 9px;
}
/* ############################################### */


/* ################  ENEWSLETTER SIGN UP ######### */
form#frmRegister {
	clear:both;
	font-size:85%;
}
form#frmRegister #name {
	margin:0px 0px 0px 11px;
}
form#frmRegister #email {
	margin:0px 0px 0px 11px;
}
#tellus {
	padding:2px 0px;
	clear:both;
}
#tellus a {
	color:#000000;
}
/* ############################################### */


/* ################ footer ####################### */
#footer{
	background-image:url(/img/bg/footer-bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	clear:both;
	float:left;
	padding:0px 0px 20px 0px;
	margin:5px 0px 0px 0px;
}
#footer-links {
	width:100%;
	clear:both;
	line-height:34px;
	list-style:none;
	text-align:right;
}
#footer-links li {
	display:inline;
	padding:2px 4px;
}
#footer-links li a, #footer-links li a:visited{
	color:#FFFFFF;
	font-size:85%;
	font-weight:normal;
	text-decoration:none;
}
#footer-links li a:hover{
	text-decoration:underline;
}


/* ############# Popular Links List ################## */
#poplinks ul {
	background-image:url(/img/bg/pop-links-word.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding:4px 0px 4px 140px;
	margin:0px 0px 0px 140px;
	list-style:none;
}
#poplinks li {
	padding:2px 4px;
	display:inline;
}
#poplinks li a, #poplinks li a:visited {
	color:#999999;
	font-size:105%;
}
#poplinks li a:hover {
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ##################################  IMAGE & OTHER STYLES FOR CMS ####################################  */
img.position-img-left {
	float:left;
	margin:0px 8px 8px 0px;
}
img.position-img-right {
	float:right;
	margin:0px 0px 8px 8px;
}
img.position-img-centre {
	text-align:center;
	margin:0px auto;
}
#pageindex-holder {
	clear:both;
}
#pageindex-holder ul {
	list-style:none;
}
#pageindex-holder li {
	padding:0px 0px 2px 0px;
}
#pageindex-holder li a, #pageindex-holder li a:visited {
	display:block;
	padding:4px 0px 4px 4px;
	color:#FFFFFF;
	text-decoration:none;
}
li.pageindex-selected a {
	background-image:url(/img/navigation-arrow.gif);
	background-position:right center;
	background-repeat:no-repeat;
}
#pageindex-holder li a:hover {
	background-color:#017CA8;
}
li.pageindex-selected a:hover {
	background-image:none;
}
/* This style is for the selected item in the page index */
.pageindex-selected {
}
span.span-dms-details h3 {
	font-size:110%;
	color:#FFFFFF;
}
span.span-dms-details img {
	float:left;
	margin:0px 4px 4px 0px;
}
span.span-dms-details p {
	margin:0;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ##################################  END  ####################################  */

/* Google Map Style */

#googmap {
	width:540px;
	height:350px;
	border:1px #CCCCCC solid;
	margin:0px auto 10px auto;
}
/* ################################# ARTICLE PAGES ################################ */

#article-index-holder {
	float:right;
	width:260px;
	margin:0px 0px 10px 10px;
}


form.frmEnquiry label {
height:10px;
line-height:10px;
}

.newsletter-name{
margin-left:5px;
}

.newsletter-email{
margin-left:27px;
}

/* grid styles */

div#thedms02n .button 
{
    color:White;
    margin:0px;
}

div#thedms02n .thedmsLogos 
{
    margin:10px 0px;
}

div#thedms02n h2 
{
    border-bottom:1px solid #65282B;
    margin:0 0 6px;
    padding:12px 0 3px;
}

div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyBook, div#thedms02n .thedmsGridBook, div#thedms02n .thedmsGridBook a 
{
    background:#5C943A;
}
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:#9AB096;
    color:White;
}

div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyNotAvailable, div#thedms02n .thedmsGridNotAvailable
{
    background:#CF3A3A;
    color:White;
}
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:#F0F0F0;
    color:black;
}

div#thedms02n .thedmsGridTableHeader a, div#thedms02n .thedmsGridTableHeader a:visited 
{
    color:black;
    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 
{
}

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

a img 
{
border:1px solid #017CA8;
}