/*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", Arial, Verdana;
	font-size: 90%;
	color: #000000;
	margin: 0px;
	padding: 0px;
	background-color: #F0F0F0;
	background-repeat: repeat-x;
}
.clearer {
	clear:both;
	height:1px;
	line-height:1px;
}

a
{
    color:#000;
}

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

a:hover {
	
}

img {
	border:0;
}
p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
}

/* used as main heading */
h1 {
	font-size: 120%;
	font-weight: bold;
	color: #2C9694;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
h2 {
	font-size: 110%;
	color: #6C60AA;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
/*seperate if visited is different*/
h2 a, h2 a:visited {
	font-size: 100%;
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 5px;
	padding: 0px;
}
h2 a:hover {
}
h3{
	font-size: 100%;
	color: #2C9694;	
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
h4 {
	font-size: 90%;
	color: #636363;
	
	padding-left: 20px;
}
/*table styles*/
table{
}

th {
}

td {

}
td a, td :visited{
	font-weight: bold;
}

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: #006634;
	color: #000000;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	margin-right: 5px;
}
#form1 {
	width: auto;
	float: right;
}
ul{
	margin: 0px;
	padding: 0px;
}
li{
	margin: 0px;
	padding: 0px;
}

input, label, textarea, select{
	margin-top: 1px;
	margin-bottom: 1px;
	}
/*styles added by SL so that it works straight off*/
form ul {
	padding: 0px;
	margin: 0px;
}
form li {
	clear: both;
	display: inline;
	padding: 2px;
}
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;
	margin-bottom: 5px;
}
#thedmsBrochure {
	margin:auto;
	width:auto;
}
/* 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;
}

/*-------------------------------------------------------------------------------All buttons sitewide------------------------------------------------------------------------------*/
.button {
	width:auto;
	color: #ffffff;
	margin: 10px;
}

.button a, .button a:visited {
	display: block;
	text-align:center;
	width: auto;
	color: #ffffff;
	padding: 2px;
	background-color: #6C3974;
}

.button a:hover {
	text-decoration:none;
	background-color: #fdfdfd;
	color: #6C3974;
	}
	
input.button{
	float: left;
}
.navigation {
	padding-top: 5px;
	background-color: #88CC63F;
	color: #F9F9F9;
	
	width: 953px;
	float: left;
	text-align: left;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;
}
.navigation a, .navigation a:visited{
	color: #FFFFFF;
	
}
.navigation a:hover{
	text-decoration: underline;
}
.navigation2 {
	padding-top: 5px;
	color: #FFFFFF;
	
	width: 953px;
	text-align: left;
	float: left;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-left: 10px;
	font-weight: bold;
}
.navigation2 a, .navigation2 a:visited{

	
}
.navigation2 a:hover{
	text-decoration: underline;
}
/* END OF GENERIC FORM STYLES */
/* Try to keep to the standard names*/
/* ----------------------------------------------------------------------------Website styles--------------------------------------------------------------------------------*/
#frame{
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 981px;

}
#header{
	background-image: url(/img/i-header-top-bg.jpg);
	height: 45px;
	width: 981px;
	
}
#banner {
	height:210px;
	width:963px;
	float: left;
}

#logo {
	height: 210px;
	width: 338px;
	float: left;
	background-image: url(/img/i-logo.jpg);
}
#header-holder {
	clear: both;
	width: 963px;
	background-image: url(/img/i-header-holder-bg.png);
	padding-top: 8px;
	padding-right: 9px;
	padding-left: 9px;
	background-repeat: no-repeat;
	text-align: left;
}
#header-search {
	height: 30px;
	width: 953px;
	float: right;
	font-weight: bold;
	text-align: right;
	padding-top: 7px;
	padding-right: 10px;
}
#header-search-go {
	height: 37px;
	width: 37px;
	float: right;
}
#search {
	color: #aaa;
}
#submitbutton {
	background-image: url(/img/b-go-lo.jpg);
}


#header-search-text {
	height: 30px;
	width: auto;
	float: right;
	padding-top: 7px;
	padding-left: 5px;
}

#header-colour-bar {
	width: 963px;
	background-repeat: no-repeat;
	height: 9px;
	float: left;
	background-image: url(/img/Copy%20of%20i-header-colour-bar.jpg);
}
.input-box {
	border: 1px solid #42B97F;
	color: #999999;
}



#topnav{
	
	
}
#topnav ul{
	
}
#topnav li{
	
}
#topnav a{
	
}
#topnav a:visited{
	
}
#topnav a:hover{
	
}


/*maincontent*/
#content{
	clear: both;
	width: 953px;
	background-image: url(/img/content-bg.png);
	text-align: left;
	padding-top: 9px;
	padding-right: 14px;
	padding-bottom: 9px;
	padding-left: 14px;
}
#left-holder {
	width: 230px;
	float: left;
	color: #FFFFFF;
}
#left-holder h4 {
	margin: 0px;
}

.left-holder-box h2 {
	background-color:#42B97F;
	margin: 0px 0px 5px 0px;
	color: #FFFFFF;
	font-size: 100%;
}
.left-holder-box{
	margin-bottom: 5px;
	padding: 3px;
	background-color: #8CC63F;
	height: auto;
}
.left-holder-box-white{
	background-color: #FFFFFD;
	color: #000000;
	padding: 1px;
}
.left-holder-box-white img {
	float: left;
	margin-right: 5px;
}
.left-box-nav {
	background-color:#8CC63F;
	color:#FFFFFF;
	margin-bottom:5px;
	padding:5px;
}
.left-box-nav img{
	float: left;
	margin-right: 5px;
}
.left-box-nav h2 {
	color:#FFFFFF;
	padding:0px;
	margin: 0px 0px 5px 0px;
}
.left-box-nav ul{
	padding: 0px;
	margin: 3px;
}
.left-box-nav li{
	list-style-image: none;
	list-style-type: none;
	list-style-position: outside;
	font-size: 13px;
}
.left-box-nav li a, .left-box-nav li a:visited{
	background-image:url(/img/b-radio-low.png);
	background-repeat:no-repeat;
	color:#FFFFFF;
	padding-bottom:5px;
	padding-left:30px;
	padding-top:5px;
	width:auto;
	display: block;
	background-position: left center;
	
}
.left-box-nav li a:hover{
	background-image:url(/img/b-radio-hi.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#centre-holder-dms {
	float: right;
	width: 705px;
	border: 2px solid #42B97F;
	padding: 3px;
}
#centre-holder {
	float:left;
	margin-left:5px;
	width:525px;
	padding: 5px;
}
#centre-holder a, #centre-holder a:visited {
	color: #308B60;

}
#centre-holder a:hover {
	color: #2B7B55;
}

#centre-header {
	padding: 6px;
	float: left;
	font-size: 110%;
	font-weight: bold;
	color: #2C9694;
}

#right-holder {
	width: 177px;
	float: right;
}
.right-holder-box-red{
	width: 171px;
	margin-bottom: 5px;
	padding: 3px;
	background-color: #A80B20;
	height: auto;
}
#search-town-box {
	border: 1px dotted #2C9694;
	padding: 3px;
}

.right-holder-box-green{
	width: 177px;
	margin-bottom: 5px;
	height: 160px;
}
.right-holder-box-yellow{
	height: 160px;
	width: 177px;
	margin-bottom: 5px;
}
#centre-content-img {
	float: right;
	width: 250px;
	margin-left: 5px;
	border: 3px solid #E2E2E2;
	margin-bottom: 5px;
}
#centre-content-img-3 {
	float: right;
	width: 250px;
	margin-left: 5px;
	border: 3px solid #E2E2E2;
	margin-bottom: 5px;
}
.centre-content-img-2 {
	float: right;
	width: 200px;
	margin-left: 5px;
	border: 3px solid #E2E2E2;
	margin-bottom: 5px;
}
.centre-content-links {
	float: right;
	padding: 5px;
}



#lowercontent{
	height: 177px;
	width: 177px;
	
}
#uppercontent{
	
}
/*footer*/
#footer{
	
}
#footer2{
	margin-bottom: 10px;	
}
.right-box-content {
	font-size: 90%;
	float: left;
	width: 50%;
	color: #333333;
}
.right-box-content-holder {
	background-color: #FFFFFD;
	color: #000000;
	padding: 1px;
}
.right-box-img {
	float: right;
	padding-top: 1px;
	padding-right: 1px;
	width: auto;
}
.right-box-header {
	width: 100%;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 5px;
}

.right-box-header a, .right-box-header a:visited {
	color: #FFFFFF;
}
.right-box-header a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.left-header {
	height: 25px;
	width: 100%;
	font-weight: bold;
	color: #FFFFFF;

	margin-bottom: 5px;
}

.ad-box {
	background-color: #FCFCFC;
	height: 111px;
	width: 171px;
}
#footer ul{
	
}
#search-holder {
	float: left;
}

#footer {
	height: 31px;
	width: 961px;
	text-align: left;
	background-image: url(/img/footer.png);
	color: #FFFFFF;
	padding-left: 20px;
	padding-top: 7px;
}

#footer li{
	
}
/* use this if need to end footer without a divider or something 
#footer li.end{
	
}
*/
#footer a{
	color: #FFFFFF;
	
	
}
#footer a:visited{
	color: #FFFFFF;
	
	
}
#footer a:hover{
	text-decoration: underline;
	color: #FFFFFF;
	
}
/* ----------------------------------------------------------------------------Page Specific Styles--------------------------------------------------------------------------------*/
/*any styles which are static and not related to the dms at all*/
 
.centre-this-week {
	border: 1px solid #CCCCCC;
	padding: 3px;
	margin-bottom: 5px;
	height: auto;
	width: auto;
}
.centre-this-week-image {
	float: left;
	margin-right: 10px;
	border: 1px solid #42B97F;
}
#info-form {
}
#info{
}
#info-header{
	background-image: url(/img/info-header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 115px;
	height: 5px;

	width: 100%;
	margin-bottom: 15px;
}
.centre-image-holder {
	float: right;
}
#map-holder {
	height: 540px;
	width: 450px;
	float: left;
	border: 1px solid #58BE9F;
}
#map-text-right {
	padding: 5px;
	float: left;
}
#hotspot-map-holder {
	float: left;
	clear: both;
	margin-top: 10px;
	background-color: transparent;
	text-align: center;
	margin-bottom: 0px;
	width: 512px;
}
#holder {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.section-holder {
	height: auto;
	width: auto;
	padding: 3px;
	border: 1px solid #CCCCCC;
	margin-bottom: 5px;
}
#babelfish {
	text-align: center;
	width: 177px;
	background-color: #93B2DD;
	margin-bottom: 5px;
}
.itinerarychoices li {
	clear:none;
	float:left;
	text-align:center;
	width:30%;
}
.activity li {
	width:16%;
}
ul {
	list-style-position: outside;
	list-style-type: square;
	padding: 0px;
}
.brochure-holder {
	float: left;
	width: 120px;
	padding: 8px;
}
.advert-boxes{
	margin-bottom: 10px;
}

div#thedmsBrowseGrid .CellRightDetailsHolder {
	margin-left:125px;
}
.logo2{
	float: right;
	margin-right: 9px;
	border: 1px solid #999999;
}
.float-left{
	float: left;
	margin-left: 9px;
}

#frmAccommSearch img{
	float: none;
}
#frmAccommSearch input#date{
	margin-left: 1px;
}
#frmAccommSearch select#nd{
	margin-left: 17px;
}
#frmAccommSearch select#accommType{
	margin-left: 6px;
}
#frmAccommSearch select#in{
	font-size: 75%;
}
#frmAccommSearch .submit_button {
	margin-left: 40px;
}

form.hp-accomm-book#frmAccommSearch{
	padding: 2px;
	margin: 0px;
}


.calOuterTable {
border:1px solid #909090;
width:210px;
}
.calOuterTable a {
color:black;
}
.calOuterTable a:visited {
color:black;
}
.calOuterTable a:hover {
color:black;
}
.calCtrl {
font-family:Arial,Helvetica,sans-serif;
font-size:14px;

font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
.calWTitle {
background:#808080 none repeat scroll 0%;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;


font-style:normal;
font-variant:normal;
font-weight:normal;
height:20px;
line-height:normal;
text-align:center;
width:20px;
}
.calDayCurrent {
background:#FFC0C0 none repeat scroll 0%;
width:20px;
}
.calDayWeekend {
background:silver none repeat scroll 0%;
width:20px;
}
.calDayHoliday {
background:gray none repeat scroll 0%;
width:20px;
}
.calDayWorking {
background:#FDFDFD none repeat scroll 0%;
width:20px;
}
.calThisMonth {
color:black;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;


font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
text-decoration:none;
}
.calOtherMonth {
color:#909090;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;


font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
text-decoration:none;
}
.calForbDate {
color:red;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;


font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
.calTimetable {
font-family:Tahoma,Verdana,sans-serif;
font-size:12px;
}
.calDataTitle {
color:#FFFFFF;
font-family:Tahoma,Verdana,sans-serif;
font-size:12px;
}
.header-flasgs {
	float: left;
	height: 15px;
	width: 21px;
	margin-left: 10px;
	border: 1px solid #999999;
	margin-top: 5px;
}







#newsnav {

	float:right;
	padding:2px;
	width: 24%;
	border: 1px solid #9AD7F1;
}
#livelinks h2, #newsnav h2 {
	background-color:#9AD7F1;
	background-image:url(/img/nvgbox.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	line-height:20px;
	padding-left:20px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#newsnav ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0px;
}
#newsnav li {
	padding:0px;
	margin-bottom: 3px;
	margin-top: 3px;
}
#header-holder #header-search form {
	margin: 0px;
	padding: 0px;
}
#search-news {
	background-color: #F5F5F5;
	padding: 2px;
	margin-bottom: 5px;
}
#search-news #frmDmsSearch li {
	display: inline;
}
#search-news #frmDmsSearch ul {
	display: inline;
}
/*-------------- dms 97 ---------------------*/
div#thedms02n #thedmsAvailability {
	border: 1px solid #41A788;
}
div#thedms02n #thedmsAvailability p{
	padding:5px;
}
div#thedms02n #thedmsGridAvailabilityCheck {
	padding:5px;
}
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 
{
	color: #FFFFFF;
	background-color: #6C3974;
}

div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyAvailable, div#thedms02n .thedmsGridAvailable
{
	background-color: #6891B9;
	color: #FFFFFF;
}

div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyNotAvailable, div#thedms02n .thedmsGridNotAvailable
{
	color: #FFFFFF;
	background-color: #D8BACF;
}

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

div#thedms02n .thedmsGridTableHeader, #thedmsGridAvailabilityChart .thedmsGridTableHeader th 
{
	color:#34856C;
	text-align:center;
	background-color: #D6EFE8;
	padding-top: 6px;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 3px;
}

div#thedms02n h2 
{
	color:White;
	padding:4px;
	width:auto;
	margin: 0px;
	background-color: #41A788;
}

div#thedmsPropertyEssentialsleft {
	float:left;
	width:35%;
}
div#thedms02n .thedmsGridTableHeader a, div#thedms02n .thedmsGridTableHeader a:visited {
	color:#34856C;
	text-decoration:none;
}#image-holder {
	width: 940px;
	float: left;
	margin-top: 10px;
	border: 1px solid #CCCCCC;
	padding: 5px;
}
#image-holder-left {
	float: left;
	width: 49%;
}
#image-holder-right {
	float: right;
	width: 49%;
	text-align: right;
}
.centre-this-week img {
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
.centre-this-week h2 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.editor-only-text {
	color: #FFFFFF;
	background-color: #FF0000;
	padding: 2px;
}

form#frmDmsSearch input.button
{
    float:none !important;
}