body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #E6E6E6;
	font-size: 70%;
	color: #767676
}

a {
	color: #537CA6;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}

a:hover {
}
.thedms img {
	border:0;
}
p {
	margin: 5px 0 10px 0;
}

/* used as main heading */
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 190%;
	color: #5D8BB8;
	font-weight: normal;
	margin: 5px 0 10px 0;
	
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 120%;
	color: #5D8BB8;
	font-weight: normal;
	margin: 0 0 7px 0;
}
.thedms h2 {
	font-size: 150%;
}
/*seperate if visited is different*/
h2 a, h2 a:visited {
	color: #5D8BB8;
	text-decoration: none;
	font-weight: normal;
}

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

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #41678E;
	font-size: 120%;
	margin: 0 0 5px 0;
}
/*table styles*/
table{
}

th {
	background-color: #DDE9F4}

td {
	border-bottom: 1px solid #DDE9F4;
}

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 {
	margin: 0;
	padding: 0;
}
form h2 { 
	background-color: #CBDDEF;
	padding: 3px;
}

input{
	}
form.signup input {
	width: 100px;
	float: left;
}
/*styles added by SL so that it works straight off*/
form ul {
	padding: 0px;
	margin: 0px;
}
form li {
	margin-top: 5px;
	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;
}
div#thedmsDetailsPanel {
	width: 44%;
}
div#thedmsLargePicturesPanel {
	width: 55%;
}
/*-------------------------------------------------------------accommodation and attractions browse ------------------------------------------------------*/

#thedms01 DIV#thedmsBrowseGrid .BrowseCell {
	margin: 1px;
	padding: 3px;
	width: 98%;
}
div#thedmsBrowseGrid .BrowseCell h2  {
	background-color: #CBDDEF;
	padding: 3px;
	font-weight: normal;
	line-height: 28px;
}
#thedms01 div#thedmsBrowseGrid .BrowseCell img.smIMG {
	border:0pt none;
	float:left;
	margin-right:10px;
}
/* widths may need changing if not 100% width */
#thedms11 DIV#thedmsBrowseGrid .BrowseCell {
	width: 75%;
	float: left;
}
#thedms11 DIV#thedmsBrowseGrid .BrowseSmallPicture {
	width: 23%;
	float: left;
}

#thedmseventsheadersearch form input.button {
	display: inline;
}
/* 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 search */
div#thedmsSearch1 {
	border-left: 1px solid #D6E2EE;
	padding-left: 5px;
	width: 48%;
}

/*-------------------------------------------------------------accommodation styles go here------------------------------------------------------*/
/*this may need to be deleted, but it makes it work on most of the layouts, especially accommodation layout 1.*/
div#thedmsImages {
	width: 56%;
}
div#thedmsPropertyInfo {
	width: 43%;
}
#thedmsAvailabilityChart table {
	clear:left;
}
div#thedmsAvailability form li.availability {
	width: 30%;
}
div#thedmsSpecialOffer {
	border:1px solid #D6E2EE;
	background-color: #CBDDEF;
	clear: both;
}
div#thedmsAvailability {
	background-color: #E9F0F8;
	padding: 2px;
	display: inline-block;
}
div#thedmsAvailabilityChart {
	background-color: #fff;
}
.availGridCellDefault span.caption a {
	clear: both;
	display: inline;
	font-weight: normal;
	padding: 0;
	margin: 0;
	float: left;
}
td.availGridCellDefault span.caption {
width: 50px;
display: inline;
}
.thedmsAccessibilityHolderLeft {
	margin-right: 10px;
}
div#thedmsAccessibility {
	background: #E9F0F8;
	clear: both;
	margin:20px 0;
padding:10px;
}
div#thedmsAccessibility h3 {
	background: #fff;
	color: #5D8BB8;
margin:10px 0;
padding:4px;
}
#thedmsAccessibility li {
padding:3px 0;
}
.thedmsAccessLevel1 img, .thedmsAccessLevel2 img, .thedmsAccessLevel3 img, .thedmsAccessLevel4 img {
float:right;
}
.thedmsAccessibilityIcon {
background:black none repeat scroll 0 0;
}
.thedmsAccessibilityHolderLeft {
clear:both;
float:left;
padding:0;
width:48%;
}
.thedmsAccessibilityHolderRight {
float:right;
margin:0;
padding:0;
width:49%;
}
/*--------------------------------------------------------------------- events ----------------------------------------------------------------------------------*/
#thedmsBrowseEvents {
	clear:both;
}
.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;
}
/* brochure */
#thedmsBrochure {
	width: 550px;
}
/*-------------------------------------------------------------------------------All buttons sitewide------------------------------------------------------------------------------*/
.button {
	width:auto;
	color: #E5AC03;
	background-color: #fff;
	padding: 0;
}

.button a, .button a:visited {
	border: 1px #E5AC03 solid;
	display: block;
	text-align:center;
	text-decoration:none;
	width: auto;
	padding: 3px;
	margin: 0;
	color: #E5AC03;
}

.button a:hover, .searchbuttonholder a:hover {
	text-decoration:none;
	background-color: #FFF8E1;
	}
	
input.button{
	float: right;
	background-color: #E5AC03;
	color: #fff;
}
div#thedmsBrowseGrid .detailbtn { 
	padding: 0px;
}
.detailbtn {
	margin: 5px 3px;
}
.searchbuttonholder a {
	border: 1px #E5AC03 solid;
	display: block;
	text-align:center;
	text-decoration:none;
	width: auto;
	padding: 3px;
	margin: 3px 0;
	color: #E5AC03;
	float: right;
}
/* END OF GENERIC FORM STYLES */
/* Try to keep to the standard names*/
/* ----------------------------------------------------------------------------Website styles--------------------------------------------------------------------------------*/
#frame{
	width: 800px;
	margin: 0 auto;
	background-color: #fff;
}
#container {
    background-color: #E6E6E6;
    margin: 0 auto;
    width: 800px;
}

#header{
	background: url(/img/header-bg.jpg) no-repeat;
	height: 88px;	
	text-align: right;
}
#weather {
	float: left;
	margin-left: 20px;
	text-align: left;
	padding-top: 25px;
}
#weather h2 a {
	font-weight: bold;
}
#weather h2 a:hover {
	color: #3E668E; 
}
#thedms120 li {
	width: 19%;
}

#sitesearch li {
	float: left;
	clear: none;
}
#sitesearch li.searchbutton {
	padding: 18px 0 0 5px;
}
#sitesearch label {
	display: inline;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 120%;
	color: #8C8D8D;
	font-weight: bold;
	margin-bottom: 5px;
}
#topnav{
	height: 35px;
	background-color: #B0CBE7;
	float: left;
	width: 100%;	
}
#topnav ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
/* IE5 Mac Hack \*/
#topnav li { overflow: hidden; }
/*/
#topnav li { text-indent: -100em; }
/* End Hack */
#topnav li {
	float: left;
	padding: 0;	
	margin: 7px 0;
	width: auto;
	font-size: 110%;
	height: 21px;
	position: relative;
}
#topnav li a {
	color: #25425F;
	text-decoration: none;
	font-family: Futura, verdana, Arial, sans-serif;
	cursor: pointer;
	display: block;
}
#topnav li span {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}

#topnav li.navhome {
	width: 96px;
}
#topnav li.navstay {
	width: 137px;
}
#topnav li.navtodo {
	width: 120px;
}
#topnav li.navwhatson {
	width: 118px;
}
#topnav li.navbeaches {
	width: 148px;
}
#topnav li.navexplore {
	width: 158px;
}

#topnav li.navhome span {
	background: url(/img/text/nav_home.gif) no-repeat top;
}
#topnav li.navstay span {
	background: url(/img/text/nav_wheretostay.gif) no-repeat top;
}
#topnav li.navtodo span {
	background: url(/img/text/nav_whattodo.gif) no-repeat top;
}
#topnav li.navwhatson span {
	background: url(/img/text/nav_whatson.gif) no-repeat top;
}
#topnav li.navbeaches span {
	background: url(/img/text/nav_beachesandbays.gif) no-repeat top;
}
#topnav li.navexplore span {
	background: url(/img/text/nav_comeandexplore.gif) no-repeat top;
}

/*new nav*/

#topnav li.stay-nav {
	width: 141px;
}

#topnav li.stay-nav span {
	background: url(/img/nav/where-to-stay-nav.gif) no-repeat top;
}

#topnav li.todo-nav {
	width: 113px;
}

#topnav li.todo-nav span {
	background: url(/img/nav/what-to-do-nav.gif) no-repeat top;
}

#topnav li.whatson-nav {
	width: 99px;
}

#topnav li.whatson-nav span {
	background: url(/img/nav/whats-on-nav.gif) no-repeat top;
}

#topnav li.beaches-nav {
	width:134px;
}

#topnav li.beaches-nav span {
	background: url(/img/nav/beaches-and-bays-nav.gif) no-repeat top;
}

#topnav li.explore-nav {
	width:139px;
}

#topnav li.explore-nav span {
	background: url(/img/nav/come-and-explore-nav.gif) no-repeat top;
}

#topnav li.maps-nav {
	width:114px;
}

#topnav li.maps-nav span {
	background: url(/img/nav/maps-and-travel-nav.gif) no-repeat top;
}



/*#topnav li.navhome a:hover span {
	background: url(/img/text/nav_home_over.gif) no-repeat top;
}
#topnav li.navstay a:hover span {
	background: url(/img/text/nav_wheretostay_over.gif) no-repeat top;
}
#topnav li.navtodo a:hover span {
	background: url(/img/text/nav_whattodo_over.gif) no-repeat top;
}
#topnav li.navwhatson a:hover span {
	background: url(/img/text/nav_whatson_over.gif) no-repeat top;
}
#topnav li.navbeaches a:hover span {
	background: url(/img/text/nav_beachesandbays_over.gif) no-repeat top;
}
#topnav li.navexplore a:hover span {
	background: url(/img/text/nav_comeandexplore_over.gif) no-repeat top;
}*/


#subnav {
	width: 190px;
	float: left;
	margin: -20px 0 0 0;
	z-index: 2;
}
#subnav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#subnav li {
	background: #B0CBE7 url(/img/linkarrow_subnav.jpg) no-repeat left center;
	width: 100%;
	margin: 0 0 3px;
	float: left;
	padding: 0;
}
#subnav li a {
	display: block;
	color: #65798D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	text-align: right;
	margin: 5px 5px 5px 30px;
}
#subnav li.thispage {
	background: #ffffff url(/img/linkarrow_subnavthis.jpg) no-repeat left center;
	
}
#subnav li.thispage a {
	color: #E5B200;
}
#subnav li.thispage a:hover {
	color: #65798D;
}
#subnav li a:hover {
	color: #fff;
}	 
#subnav h2 {
	text-align: right;
	color: #385471;
	font-size: 150%;
	padding-right: 10px;
	margin-top: 0;
}
/*maincontent*/
h2.feature {
	color: #41678E;
	font-size: 150%;
}

#sectionimage {
	clear: both;
	height: 214px;
	z-index: 1;
}
#sectionimageFeature {
	clear: both;
	z-index: 1;
	border-top: 5px solid #B0CBE7;
	border-bottom: 5px solid #B0CBE7;
}
.stay {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-stay.jpg) no-repeat;
}
.ev {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-whatson.jpg) no-repeat;
}
.see {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-see.jpg) no-repeat;
}
.explore {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-explore.jpg) no-repeat;
}
.language {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-language.jpg) no-repeat;
}

.beach {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-beach.jpg) no-repeat;
}
.coastproject {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-coastproject.jpg) no-repeat;
}
.shopping {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-shopping.jpg) no-repeat;
}
.ramsgate {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-ramsgate.jpg) no-repeat;
}
.margate {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-margate.jpg) no-repeat;
}
.broadstairs {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-broadstairs.jpg) no-repeat;
}
.villages {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-villages.jpg) no-repeat;
}
.comp {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-comp.jpg) no-repeat;
}
.generic {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-see.jpg) no-repeat;
}
.staydms {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-stay-dms.jpg) no-repeat;
}
.evdms {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-whatson-dms.jpg) no-repeat;
}
.seedms {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-see-dms.jpg) no-repeat;
}
.exploredms {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-explore-dms.jpg) no-repeat;
}
.beachdms {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-beach-dms.jpg) no-repeat;
}
.coastprojectdms {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-coastproject-dms.jpg) no-repeat;
}
.shoppingdms {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-shopping-dms.jpg) no-repeat;
}
.ramsgatedms {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-ramsgate-dms.jpg) no-repeat;
}
.margatedms {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-margate-dms.jpg) no-repeat;
}
.broadstairsdms {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-broadstairs-dms.jpg) no-repeat;
}
.villagesdms {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-villages-dms.jpg) no-repeat;
}
.genericdms {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-see-dms.jpg) no-repeat;
}
.weatherdms {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-weather.jpg) no-repeat;
}
.langdms {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-language-dms.jpg) no-repeat;
}

.travel {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-travel.jpg) no-repeat;
}
.history-ramsgatedms {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-ramsgatehistory-dms.jpg) no-repeat;
}
.history-margatedms {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-margatehistory-dms.jpg) no-repeat;
}
.history-broadstairsdms {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-broadstairshistory-dms.jpg) no-repeat;
}
.history-villagesdms {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-villageshistory-dms.jpg) no-repeat;
}
.history-ramsgate {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-ramsgatehistory.jpg) no-repeat;
}
.history-margate {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-margatehistory.jpg) no-repeat;
}
.history-broadstairs {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-broadstairshistory.jpg) no-repeat;
}
.history-villages {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-villageshistory.jpg) no-repeat;
}
.history {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-history.jpg) no-repeat;
}
.historydms {
	background: url(http://mediafiles.thedms.co.uk/publication/tk-than/headers/header-history-dms.jpg) no-repeat;
}

#sectionimage .twothirds {
	width: 490px;
	height: 190px;
	float: left;
}
#sectionimage .onethird {
	width: 260px;
	height: 190px;
	float: left;
}
#sectionimage .onequarter {
	width: 195px;
	height: 190px;
	float: left;
}
#sectionimage .half {
	width: 391px;
	height: 190px;
	float: left;
}
#sectionimage .full {
	width: 782px;
	height: 190px;
	float: left;
}
#content{
	/*height: 39em;*/
}
#contentsubpage {
	background: url(/img/bg_subpage.png) repeat-y;
	float: left;
	clear: both;
	width: 100%;
}
#contentdmspage {
	background: url(/img/bg_dmspage.png) repeat-y;
	float: left;
	clear: both;
	width: 100%;
}
#contentdmspage #subnav {
	width: 165px;
	margin: -20px 0 0 0;
}
#contentdmspage #subpagecontent {
	width: 634px;
	float: right;
}
#contentfeaturepage {
	padding: 20px;
}
#leftcontent, #leftcontent-home {
	width: 263px;
	float: left;
}
#subpagecontent {	
	width: 609px;
	float: left;
}
.colourblockdark {
	padding: 8px;
	display: inline-block;
}
.colourblocklight {
	background-color: #D6E2EE;
	padding: 8px;
	display: inline-block;
}
.colourblockdark a {
	display: block;
	width: auto;
	background: url(/img/linkarrow_whiteonblue.jpg) no-repeat right bottom;
	padding-right: 17px;
	font-weight: bold;
	float: left;
}
#rightcontent, #rightcontent-home {
	width: 520px;
	float: left;
}
.featurelink a {
	display: block;
	width: auto; 
	background: url(/img/linkarrow_yellow.jpg) no-repeat right bottom;
	padding-right: 17px;
	font-weight: bold;
	float: left;
}	
.featurelink p {
	margin: 0;
}
.contentcontainer, .contentcontainerdms {
	padding: 10px 10px 0px;
	overflow: visible;
}
.thedms, div#thedms02, div#thedmsAvailability, div#thedmsAvailabilityChart {
	overflow: visible;
}
.half {	
	width: 49%;
	float: left;
}
.left {	
	float: left;
}
.right {
	float: right;
}
img.margin {	
	margin: 5px;
}
img.rightmargin {
	margin: 5px 10px 5px 5px;
}
img.floatright {
	float: right;
	margin: 5px;
}
.featurebox {
	background-color: #D6E2EE;
	padding: 5px;
	margin: 5px;
	float: left;
	width: 97%;
}
.featurebox h2 {
	color: #436F9A;
	font-size: 160%;
}
.featurebox img {
	float: right;
	margin-left: 5px;
}
/*footer*/
#pagebase {
	clear: both;
	background-color: #7DA3C9;
	height: 20px;
}
#footer {
    background-color: #D0CECE;
    clear: both;
    /* height: 150px; */
	height: auto;
    width: 800px;
}
#footer .logo-Thanet {
    float: right;
    margin-top: 20px;
    text-align: center;
    width: 130px;
}
#footer ul{
	margin: 10px 0;
	padding: 0;
	list-style: none;
	float: left;
}
#footer li {
    clear: left;
    float: left;
    margin: 2px 10px;
}
#footer a{
	color: #787B7F;
	text-decoration: none;
	font-family: Futura, verdana, Arial, sans-serif;
}
#footer a:visited{
	color: #787B7F;
	text-decoration: underline;
}
#footer a:hover{
	color: #787B7F;
	text-decoration: underline;
}
/*seve*/

#footer ul{
    border-left: 1px solid #ffffff;
    display: block;
    margin-left: 10px;
    width: 150px;
}
#footer ul.first {
    border: medium none !important;
    display: block;
    margin-left: 10px;
    width: 150px;
}
#footer ul.info{
    border:none !important;
    display: block;
    margin-left: 10px;
    width:170px;
	text-align:right;
}
#footer ul.info li {
    clear: both;
    float: right;
    margin: 2px 10px;
	color: #787B7F;
	font-family: Futura,verdana,Arial,sans-serif;

}
.nvglink {
    background: none repeat scroll 0 0 #E6E6E6;
    color: #666666;
    font-size: 12px;
    font-style: italic;
    margin-top: 0;
    padding-top: 5px;
    text-align: right;
}
.nvglink img {
    vertical-align: middle;
}
.nvglink  a{
    color:#E6E6E6;
    font-size: 12px;
    margin-top: 5px;
    text-align: right;
} 

#footer ul li a {
	font-weight: normal !important;
}


#breadcrumbs a{
font-weight:normal;
}
/* ----------------------------------------------------------------------------Page Specific Styles--------------------------------------------------------------------------------*/
/*any styles which are static and not related to the dms at all*/

/* ############################### ACCESSIBILITY LINKS ############################ */
#skiplinks {
	position:absolute;
	top: -2000px;
	left: -2000px;
	color:#666666;
	font-size:80%;
	width:20em;
}
#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;
}

/* home page styles */
.framehome {
	background: url(/img/bg_homecontent.gif) repeat-y;
	
}
#hometoptext {
    height: 274px;
    left: 600px;
    overflow: hidden;
    position: relative;
    width: 190px;
    z-index: 2;
}
.dontmiss a {
	display: block;
	width: auto; 
	background: url(/img/linkarrow_yellow.jpg) no-repeat right bottom;
	padding-right: 17px;
	font-weight: normal;
	float: left;
	color: #767676;
	font-family: Arial, Helvetica, sans-serif;
}
.dontmiss h2 {
	font-weight: bold;
}
.dontmiss p {
	margin: 0;
}
.framehome #leftcontent {
float:left;
left:0;
padding:8px;
position:relative;
top:0;
width:245px;
z-index:2;
}
.framehome #rightcontent {
	width: 520px;
	float: left;
	position: relative;
	z-index: 2;
	top: 30px;
	left: 0;
	margin-left: 10px;
}
#tickertape {
	clear: both;
}
.homelinkbox {
	width: 231px;
	height: 149px;
}
.viking {
	background: url(/img/home_vikingtrail.jpg) no-repeat;
	margin-left: 10px;
}
.greeters {
	background: url(/img/home_greeters.jpg) no-repeat;
	margin-left: 10px;
}
.home-history {
	background: url(/img/home_history.jpg) no-repeat;
	margin-left: 10px;
}
.homelinkbox a {
	display: block;
	color: #fff;
	padding: 120px 25px 10px 5px;
	font-size: 120%;
}

#tickertape {
	background: url(/img/bg_tickertape.gif) repeat-x;
	height: 33px;
	line-height: 33px;
	color: #776B00;
	font-size: 100%;
}

#image {
	position: absolute;
	z-index: 1;
}

form.enews label {
	position: absolute ;
	top: -2000px;
	left: -2000px;
}
li.preregister {
	float: left;
}
li.register {
	float: left;
	clear: none;
	padding-left: 5px;
}

/*basket*/

#sitesearch {
	float: right;
	width: 31%;
 padding-top:1px
}

.basket{
float:left;
padding-left:50px;
margin-bottom:6px;
margin-top:5px;
}

.basket h2{
color:#dff2ff;
}


#basketsummaryframe {
font-family:Arial,Helvetica,sans-serif;
height:38px;
width:130px;

}


.globaleshopbutton {
font-family:Arial, Helvetica, sans-serif;
clear:both;
float:right;
padding:0px;
margin:0px;
position:absolute;
right:1090px;
top:50px;
_top:57px;
*top:57px;
z-index:10;
}

.globaleshopbutton2 {
float:right;
margin-top:8px;
margin-right:10px;
border:none;

}

.registerbutton-new{
float:none;
}

.float-left {
float:left;
margin-right:50px;
margin-left:0px;
}

Div#map {
	width:600px !Important;
}

.left-pad{
float:left;
padding-right:8px;
}

#ttext {
    clear: both;
    color: #3399CC;
    float: left;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 22px;
    margin: 0;
    padding: 10px;
    text-align: left;
    width: 284px;
}
#title {
    color: #2C679D;
    float: left;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 42px;
    padding: 10px 0;
}
#tab-nav{
background-color:#E6E6E6;
float:left;
width:100%;
}

#tab-nav ul{
list-style-type:none;
padding:0px;
margin:0px;
}

#tab-nav li{
list-style-type:none;
padding:0px;
margin:0px;
font-size:90%;
border-bottom:0px none;
display:block;
float:left;
letter-spacing:0px;
margin-left:0px;
margin-right:1px;
}

#tab-nav li a:hover {
background-color:#C9C9C9;
border-left:1px solid #C9C9C9;
border-right:1px solid #C9C9C9;
border-top:1px solid #C9C9C9;
color:#FFFFFF;
text-decoration:none;
}
#tab-nav li a{
background-color:#E6E6E6;
border-left:1px solid #C9C9C9;
border-right:1px solid #C9C9C9;
border-top:1px solid #C9C9C9;
clear:none;
color:#939393;
display:block;
float:left;
margin-right:4px;
padding-bottom:5px;
padding-top:5px;
text-align:center;
width:83px;
display:block;
}

/* DMS97 new accommodation details page */

div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyBook, div#thedms02n .thedmsGridBook, div#thedms02n .thedmsGridBook a 
{
    background:#529470;
    color:White;
}
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:#6891B9;
    color:White;
}

div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyNotAvailable, div#thedms02n .thedmsGridNotAvailable
{
    background:#D8BACF;
    color:#fff;
}
div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyUnknown, div#thedms02n .thedmsGridUnknown
{
    color:#6891B9;
}

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

div#thedms02n .thedmsGridTableHeader, #thedmsGridAvailabilityChart .thedmsGridTableHeader th 
{
    background:#DDE9F4;
    color:#767676;
}

div#thedmsAvailability 
{
    padding:5px;
}

div#thedms02n .thedmsGridTableHeader a, div#thedms02n .thedmsGridTableHeader a:visited 
{
    color:#767676;
}

div#thedms02n #thedmsServicesList li 
{
    width:48%;
}

div#thedms02n h2 
{
    margin:10px 0px;
}

#video-left{
float:left;
width:289px;
}

#video-right{
float:right;
width:289px;
}

.video-box-left {
float:left;
width:112px;
margin-right:5px;
}

.video-box-left img{
border:1px solid #9ABDE1
}

.video-box{
border:1px solid #9abde1;
padding:5px;
background-color:#d6e2ee;
margin-bottom:8px;
float:left;
height:90px;
width:279px;
}

.video-box h2{
font-size:12px;
color:#537CA6;
font-weight:bold;
}

.video-link {
background-image:url(../img/video-button.jpg);
background-repeat:no-repeat;
background-position:left center;
color:#708645;
float:left;
font-size:12px;
margin:0px;
text-decoration:none;
}

.video-box p{
margin-bottom:8px;
}

.video-link a {
margin-left:14px;
font-size:11px;
}

.video-box-paragraph{
height:50px;
}
.advert {
	margin: 5px 0;
	text-align: center;
	font-size: 80%;
}
.advert img{
width:160px;
}
/* New Browse Page */

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

div.thedmsBrowsePagination a 
{
    background:#CBDDEF;
    color:#5D8BB8;
}

/*Special Offer Styles applied November 2009*/

div#thedmsSpecialOffersHolder 
{
    margin-bottom: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: #E5AC03;
}


.BrowseBookactionpanel 
{
   background-color:#CBDDEF;
}

div#thedmsBrowseGrid .BrowseBookCell 
{
       border-top:4px solid #CBDDEF;
       background-color:#F4F7FB;
}


 div#thedms01n .thedmsbutton a, div#thedms01n .thedmsbutton a:visited, div#thedms01 .thedmsbutton a, div#thedms01 .thedmsbutton a:visited
{
   border:1px solid #E5AC03;
    color:#E5AC03;
    margin:0;
    
    text-align:center;
    text-decoration:none;
    width:auto;
    background-color:#fff;
}





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

/* ------------------- accessiblity search ----------------*/
#thedms159 #SAA, #thedms159 #NAS {
	float: left;
	clear: both;
	width: 90%;
	margin-bottom: 10px;
}
/*NS added to make links under the map pages space out*/
#maplinks
{
    margin:10px 0 10px 0;
}



/* mobile site css */
#mobile-body {
background-color:white;
margin:0;
padding:0;
width: 100%;
}
#mobile-frame {}
#mobile-header { background: url('/img/mobile/mobile-header.png') no-repeat scroll 0 0 white; height: 65px;}
#mobile-lines { background: url('/img/mobile/mobile-header-lines.png') repeat-x scroll 0 0 white; height: 15px;}
#mobile-footer {background: url('/img/mobile/thanet-logo.png') no-repeat scroll right bottom #E6E6E6; height: 35px;}
#mobile-footer span {display:inline-block;padding:10px;}
#mobile-footer  a {
background:url("/img/mobile/arrow.png") no-repeat scroll right bottom transparent;
display:block;
float:left;
font-weight:bold;
padding-right:17px;
width:auto;
}

#mobile-body .mainCalendar {margin: 10px 5px;}


/* new site css */
/*#image.slideshow {
    position:relative;
    height:350px;
}
*/
#slideshow ul {padding: 0; margin: 0; list-style: none;}
#image.slideshow li {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#image.slideshow li.active {
    z-index:10;
}

#image.slideshow li.last-active {
    z-index:9;
}
#image.slideshow li a img {border: none;}

#home-image-overlay {position: absolute; top: 235px; left: 0; z-index: 20;}

#leftcontent .box {
    display: inline-block;
}
.box.dynamic-tabber.tabbertop{
	padding:0;
}

#leftcontent .box a img, #rightcontent .box a img {border: none;}

#leftcontent .box h2{
color:#41678E;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:120%;
margin:0 0 5px;
font-weight: bold;
}
.box p {margin: 5px 0; }
.box .button a, .box .button a:visited {
border:none;
color:#537CA6;
display:block;
margin:0;
text-align:left;
text-decoration:none;
background:url("/img/linkarrow_whiteonblue.jpg") no-repeat scroll right 2px transparent;
float:left;
font-weight:bold;
padding:3px 17px 3px 0;
width:auto;
}

#rightcontent .box .button a, #rightcontent .box .button a:visited {
background:url("/img/linkarrow_yellow.jpg") no-repeat scroll right 2px transparent;
}

/*Widths*/
.full {
	width: 100%;
}
.third {
	float: left;
	width: 33%;/*work out px value based on width*/
}
.clear {clear:both; float: none;}

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

#header-image {position: relative; height: 240px;}
#header-image .image-left {float:left; width: 500px;}
#header-image .image-right {float:left; width: 300px;}


#contentdmsleft {
float:left;
width:165px;
z-index:2;
}
#dms-image-overlay {
left:0;
position:absolute;
top:180px;
z-index:20;
}
#contentdmspage {margin-top: -5px;}
#contentdmspage #subnav {
margin:0 0 0;
width:165px;
}
#contentdmsleft {
background-color:#C9D9E9;
float:left;
margin-top:0px;
width:165px;
z-index:2;
}
#contentdmspage #subpagecontent {
float:right;
margin-top:0px;
width:634px;
}
#image-overlay {position: absolute; top: 180px; *top: 145px; left: 0; z-index: 20;}
#content #leftcontent #subnav {
float:left;
margin:-10px 0 10px 0;
width:250px;
z-index:2;
}
#content #rightcontent {margin-top: -20px;}
#content #rightcontent.home {margin-top: 0px;}

/*search tabber*/

.divDynTabs {
    background: none repeat scroll 0 0 #F8E4FF;
    color: White;
    margin: 0;
    width: 240px;
}
.divDynTabs {
    background: none repeat scroll 0 0 #C9D9E9;
    color: White;
    margin: 0;
    text-align: center;
    width: 243px;
}
#tabDYN1 {
    border-bottom: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    color: #FFFFFF;
    padding: 10px 0 0;
    width: 53px;
}
#tabDYN2 {
    border-bottom: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    padding: 10px 0 0;
    width: 98px;
}
#tabDYN3 {
    border-bottom: 1px solid #FFFFFF;
    padding: 10px 0 0;
    width: 90px;
}
.divDynTabs .tabSelected {
    background: none repeat scroll 0 0 #C9D9E9;
	border-bottom:none !important;
}
.divDynTabs {  
	background: none repeat scroll 0 0 #D0CECE;
    height: 40px;
}

.divDynTabs li {
    background: url("/img/nav-bkgd.jpg") repeat-x scroll 0 0 transparent;
    float: left;
    font-size: 13px;
    height: 30px;
    list-style: none outside none;
    padding-right: 0;
}

.thedms600 {
    background: none repeat scroll 0 0 #C9D9E9;
    border: 1px solid #FFFFFF;
}

.thedms600 #thedmsSearch0 ul{
padding:5px;
}
.thedms600 #thedmsSearch0 input {
    margin: 5px;
}
.thedms600 .searchbuttonholder{
padding:5px;
}
.box.dynamic-tabber.tabbertop form li.startdate, .box.dynamic-tabber.tabbertop form li.nights {
    clear: none;
    display: inline;
    float: left;
}
.box.dynamic-tabber.tabbertop form li.startdate, .box.dynamic-tabber.tabbertop form li.nights {
    clear: none;
    display: inline;
    float: left;
}
input#startdate{
width:50px;
}
.box.dynamic-tabber.tabbertop li.nights {
    margin: 5px;
}
#contentpageslim #subpagecontentslim {
    float: right;
    margin: 10px;
    width: 615px;
}
#contentleftslim {
    background-color: #C9D9E9;
    float: left;
    margin-top: 0;
    padding-left: 10px;
    width: 155px;
    z-index: 2;
}
#contentpageslim {
    background: url("/img/bg_dmspage.png") repeat-y scroll 0 0 transparent;
    clear: both;
    float: left;
    width: 100%;
}
#contentpageslim {
    margin-top: -5px;
}
#divTabDYN {width: 100%;}

.text-image a:hover {text-decoration: underline;}
/* univ search */
.r1 {
    background: none repeat scroll 0 0 #C9D9E9;
    color: #333333;
    padding: 5px 10px;
}
.rn {margin: 10px 0;}
.rn a {padding: 2px 4px; background: none repeat scroll 0 0 #CBDDEF; }
.rn a:hover {padding: 2px 4px; background: none repeat scroll 0 0 #E5AC03; }




/* Theme for jQuery UI Datepicker */

#ui-datepicker-div,
#ui-datepicker-div table,
.ui-datepicker-div,
.ui-datepicker-div table,
.ui-datepicker-inline,
.ui-datepicker-inline table {
	font-size: 12px !important;
}
.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Arial, sans-serif;
	background: #eeeeee;
	font-size: 1.2em;
	border: 4px solid #ffffff;
	width: 15.5em;
	padding: 0.5em .5em .5em .5em;
	position: relative;
}
#ui-datepicker-div {
	z-index: 9999; /*must have*/
	display: none;
	background: #eeeeee;
}
.ui-datepicker-inline {
	float: left;
	display: block;
}
.ui-datepicker-control {
	display: none;
	height:1px;
}
.ui-datepicker-current {
	display: none;
}
.ui-datepicker-prev {
	position: absolute;
	left: .5em;
	background: #999 url(http://www.thedms.co.uk/graphics/signposts/white/left.png) center no-repeat;
}
.ui-datepicker-next {
	position: absolute;
	left: .5em;
	background: #999 url(http://www.thedms.co.uk/graphics/signposts/white/right.png) center no-repeat;
}
.ui-datepicker-next {
	left: 14.6em;
}
.ui-datepicker-next a, .ui-datepicker-prev a {
	text-indent: -999999px;
	width: 1.3em;
	height: 1.4em;
	display: block;
	font-size: 1em;
	border: 1px solid #ffffff;
	cursor: pointer;
}
.ui-datepicker-header select {
	border: 1px solid #ffffff;
	color: #ffffff;
	background: #999;
	font-size: 1em;
	line-height: 1.4em;
	position: absolute;
	top: .5em;
	margin: 0 !important;
	
}
.ui-datepicker-header select.ui-datepicker-new-month {
    width: 7em;
    left: 2.2em;
}
.ui-datepicker-header select.ui-datepicker-new-year {
width: 5em;
left: 9.4em;
}
div#ui-datepicker-div td
{
    padding:0px;
}
table.ui-datepicker {
	width: 15.5em;
	text-align: center;
	margin-top:10px;
}
table.ui-datepicker td a {
	padding: 2px;
	display: block;
	color: #ffffff;
	background: #999;
	cursor: pointer;
	border: 1px solid #eeeeee;
}
table.ui-datepicker td a:hover {
	color: #ffffff;
	background: #666;
	text-decoration:none;
}
table.ui-datepicker td a:active {
	border: 1px solid #999;
	color: #999;
	background: #999;
}
table.ui-datepicker .ui-datepicker-title-row td {
	padding: .3em 0;
	text-align: center;
	font-size: .9em;
	color: #222222;
	text-transform: capitalize;
	/*border-bottom: 1px solid #ffffff;*/
}

table.ui-datepicker .ui-datepicker-title-row td a {
	color: #222222;
	background:#eeeeee;
}

/* ___________ IE6 IFRAME FIX ________ */
.ui-datepicker-cover {
   display: none; /*sorry for IE5*/
   display/**/: block; /*sorry for IE5*/
   position: absolute; /*must have*/
   z-index: -1; /*must have*/
   filter: mask(); /*must have*/
   top: -4px; /*must have*/
   left: -4px; /*must have*/
   width: 200px; /*must have*/
   height: 200px; /*must have*/
}

.ui-datepicker-header 
{
    text-align:center;
}

.ui-datepicker-current-day a {
	background: #666!important;
}
.thedmsServerError {display: block;height: 70px;padding: 2%;width: 96%;}
.thedms600 .divDynTabs ul li a {
    border-bottom: 1px solid #FFFFFF;
    display: block;
    height: 18px;
    padding: 7px 5px 5px;
    text-decoration: none;
}