/* purple = #670167 */
/* green = #6A9A22 */


/*PUBCODE STYLESHEET*/
@import url("/styles/reset-styles.css");

/*powered by New Vision*/
.nvglink {color:#666666;font-size:85%;}

/*layout*/
body{font-family: Arial, sans-serif;font-size:80%;color:#000; line-height: 120%;}

#container{width:926px;margin:0px auto;}
#topnavigation{
	float: left;
	width: 100%;
	padding-bottom: 10px;
	padding-top: 10px;
}
#topnavigation #logo {
	float: left;
}
#topnavigation #logo img {
	float: left;
}
#topnavigation #logo .strapline {
display:block;
float:left;
padding-left:15px;
padding-top:53px;
}
#topnavigation .social {
	text-align: right;
	padding-bottom: 10px;
}
#fontsize {display:inline;}
#mainnavigation {
	clear: both;
	float: left;
	width: 100%;
	border-bottom: 8px solid #6A9A22;
}
#mainnavigation ul {
}
#mainnavigation li {
	float: left;
	margin-right: 2px;
}
#mainnavigation li a {
	display: block;
	background: url(/img/bg/mainnav.jpg) repeat-x top #6E0D6E;
	color: #fff;
	padding: 7px 13px;
	text-decoration: none;
	float: left;
}
#mainnavigation li a:hover, #mainnavigation li a:focus, #mainnavigation li a.selected {
	background: url(/img/bg/mainnav-on.jpg) repeat-x top #6A9A22;
}
#crumbtrail {
	background: #E2ECD4;
	clear: both;
	padding: 5px;
	margin-bottom: 10px;
}
#crumbtrail a {
	color: #6A9A22;
	
}
#header{
	position: relative;
}
.brightcove {
	Width:608px;
	margin:auto;
	margin-bottom:20px;
}
#content{
	clear: both;
	float: left;
	width: 100%;
}
#content-main {
	float: left;
	width: 610px;
	padding: 10px 0;
}
#content-side {
	float: left;
	width: 300px;
	padding: 10px 0;
	margin-right: 15px;
	position: relative;
	z-index: 1;
}
#content-main-dms {
	float: left;
	width: 700px;
	padding: 10px 0;
}
#content-side-dms {
	float: left;
	width: 200px;
	padding: 10px 0;
	margin-right: 15px;
}
#home #content-main {
	margin-right: 15px;
}
#home #content-side {
	margin-right: 0;
}
#subnav {
	margin-bottom: 10px;
}
#subnav li a {
	display: block;
	padding: 5px;
	background: #670167;
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}
#subnav li.selected a 
{
    display: block;
	padding: 5px;
	background: #6A9A22 url("/img/bg/arrow-tip-right.gif") center right no-repeat;
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	font-weight: bold;
}
#subnav li a:hover, #subnav li a:focus {
	background: #6A9A22;
}
#subnav li.selected a:hover
{
    display: block;
	padding: 5px;
	background: #6A9A22 url("/img/bg/arrow-tip-right.gif") center right no-repeat;
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	font-weight: bold;
}
#footer{
	background: #ccc;
	clear: both;
}
#footercontent {
	width: 926px;
	margin: 1px auto;
}
#footer ul{
	padding: 5px;
	width: 22%;
	float: left;
	margin-right: 10px;
}
#footer ul li{}
#footer a {
	color: #000;
}
#footer p.nvglink{
float:right;
}

#content-inner{margin:0 10px 10px 0;}
.inner-margin{margin:10px 0 0 10px;}
.side-bar .inner-margin{margin:10px 0 0 10px;padding:0px;}

/*Static Styles*/
#skiplinks{left:-9000px;position:absolute; top:0;}

#fontsize a{cursor: pointer;text-decoration: underline;}
#fontsize a#fontsmall{font-size: 100%;}
#fontsize a#fontmedium{font-size: 120%;}
#fontsize a#fontlarge{font-size: 150%;}




/*elements*/
h1{font-size: 150%;}
h2{font-size: 110%; margin: 5px 0; font-weight: bold;}
h3{}
h4{}
h5{}
h6{}

a{color:#670167;}
a:visited{color:Purple;}
a:hover, a:focus{color: #6A9A22;}

h1 a{}
h2 a{}
h3 a{}
h4 a{}
h5 a{}
h6 a{}

p{ margin: 0 0 5px 0;}
img{}
a img{border:0;}

ul{}
li{}

form{}
label{}
input{background-color:#fcfcfc;border:1px solid #ccc;}
select{}
fieldset{}
textarea{}

table{}
th {}
td {}
tr{}

/*skiplinks*/
#skiplinks{left:-9000px;position:absolute; top:0;}

#fontsize a{cursor: pointer;text-decoration: underline;}
#fontsize a#fontsmall{font-size: 100%;}
#fontsize a#fontmedium{font-size: 120%;}
#fontsize a#fontlarge{font-size: 150%;}

/*Sitewide Classes*/
.float-left{float: left;}
.float-right{float: right;}

img.float-left{float:left;padding-right:10px;padding-bottom:10px;}
img.float-right{float:right;padding-left:10px;padding-bottom:10px;}

.clear{clear:both;height:1px;line-height:1px;font-size:0%;}


.box {
	border: 2px solid #670167;
	float: left;
	width: 99%;
	position: relative;
	margin-bottom: 10px;
}
.box h2 {
	color: #670167;
	position: absolute; 
	top: 5px;
	left: 10px;
}
.half .box {
	height: 130px;
	overflow: hidden;
}
.half .box h2 {
	left: 140px;
}
.half .box h2.image-false {
	left:10px;
}
.half .box.image-only h2 { left: 0; top: 0; font-size: 130%; padding: 10px; color: #fff; }
.half .box.image-only h2 a { color:#fff; }
.image-only-text { display: block; position: absolute; top: 40px; padding: 0 10px 10px 10px; font-size: 110%; font-weight: bold; color: #fff;}
.half .box h2.box-heading-no-image {
	left: 10px;
}
.half .box h2 a.box-heading-no-image {
	margin-left: -130px;
}
.box .box-bottom {
	margin-top: 20px;
}
.box .box-bottom img {
	margin-bottom: 25px;
}
.half .box .box-bottom img.float-left, .box .box-bottom img.float-right {
margin-top: -20px;
}

/* Full box styles */

#content-main .full-length.half .box{
	height:auto;
}
#content-main .full-length.half .box h2{
	position:relative;
	left:10px;
	top:0;
	width:95%;
}
#content-main .full-length.half .box .box-bottom{
	margin:0;
	padding-top:5px;
	padding-bottom:22px;
}
#content-main .full-length.half .box .box-bottom img{
	margin-top:0;
	margin-bottom:0;
}



.box .box-bottom img.float-left {
	margin-top: 0;
}
.box .button {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 28px;
}
.box .button a {
	padding: 0 15px 0 5px;
	line-height: 28px;
}
.box .box-bottom {
	padding: 10px 10px 0 10px;
}
/*.box-search {
	position: relative;
}*/
.box-search-content, .box-search-notab {
	float: left;
	width: 99%;
	margin-bottom: 10px;
	background: #6A9A22;
	color: #fff;
	position: relative;
}
#refine a.advanced {
	display: block;
	padding: 0 10px 5px 10px;
}
a.advanced,a:visited.advanced {
color:#fff;
text-decoration:none;
}
a:hover.advanced {
color:#670167;
text-decoration:underline;
}
.box-search h2 {
    float:left;
    margin:0 2px 0 0;
    color:White;
    padding:2px 12px;
	background:#6A9A22;
	font-weight: bold;
	font-size: 120%;
}

.box-search-notab h2 {
	padding: 0 10px;
}
.box-search-bottom h2 {
	float: none;
	padding: 0;
}
#content-side .promobox h2 {
	color: #fff;
	font-size: 220%;
	text-align: center;
	/* width: 90%; */
	text-transform: none;
	padding-top: 40px;
	font-weight: normal;
	line-height: 100%;
}
#content-side .promobox .clear {
	display: none;
}
#content-side div.promotion {
	clear: both;
	margin-bottom: 10px;
}
/* ===== SEARCH TABBER STYLES ==== */


.dynamic-tabber.tabbertop { padding: 0; height: 230px; }
.tabbertop .thedms600 .divDynTabs ul { padding: 0; }
.tabbertop .thedms600 .divDynTabs ul li {
	background:#AAC681;
	color:#FFFFFF;
	padding: 0;
	text-align: center;
}
.tabbertop .thedms600 .divDynTabs ul li#tabDYN1 {	
	border-right: 2px solid #fff;
	width: 54px;
}
.tabbertop .thedms600 .divDynTabs ul li#tabDYN2 {	
	border-right: 2px solid #fff;
	width: 91px;
}
.tabbertop .thedms600 .divDynTabs ul li#tabDYN3 {
	border-right: 2px solid #fff;
	width: 72px;
}
.tabbertop .thedms600 .divDynTabs ul li#tabDYN4 {
	width: 48px;
}
.thedms600 .divDynTabs ul li.tabSelected {
	background: #6A9A22;
}
.thedms600 .divDynTabs ul li a {
border-bottom:none;
display:block;
height:30px;
padding:0;
line-height: 30px;
color: #fff;
font-weight: bold;
font-size: 120%;
}

.dynamic-tabber {
	border: none;
	padding: 0;
	margin-bottom: 10px;
}
.tabbertop .dynamic-tab-content {
	float: left;
	padding: 0 15px 15px 15px;
	background:url("/img/bg/search-tabber-new.png") no-repeat scroll 0 0 transparent;
	color:#FFFFFF;
	height:170px;
	width:270px !important;
}
.dynamic-tabber.tabbertop form li {
	clear: both;
	margin-top: 0;
	padding-top: 5px;
}
.dynamic-tabber.tabbertop form li.startdate, .dynamic-tabber.tabbertop form li.nights {
	float: left;
	clear: none;
}
.dynamic-tabber.tabbertop li.startdate {
	margin-right: 5px;
}
.dynamic-tabber.tabbertop li.startdate label, .dynamic-tabber.tabbertop li.nights label {
	clear: both;
	float: none;
	display: block;
}
.dynamic-tabber.tabbertop li.startdate input {
	clear: left;
	float: left;
	display: block;
}
.dynamic-tabber.tabbertop li.nights input, .dynamic-tabber.tabbertop input#pn {
	clear: left;
	float: none;
	display: block;
}
.dynamic-tabber.tabbertop li.startdate .ui-datepicker-trigger {
	float: left;
}
.dynamic-tabber.tabbertop li.startdate input, .dynamic-tabber.tabbertop input#startdate {
	width: 120px;
}
box.dynamic-tabber.tabbertop li.nights input {
	width: 40px;
}
.dynamic-tabber.tabbertop input#pn, .dynamic-tabber.tabbertop input#search, .dynamic-tabber.tabbertop select#at, .dynamic-tabber.tabbertop select#catid {
	width: 200px;
}
.dynamic-tabber.tabbertop select#townId {
	width: 170px;
}
.dynamic-tabber .button {
	position: static;
}
.dynamic-tabber .advanced {
	display: block;
	clear: both;
	text-align: right;
}
label.hidden {
	position: absolute; 
	left: -9000px;
	top: -9000px;
}
/*Button*/
a.button, .button a, .button input, input.button {
	padding: 5px 15px 5px 5px;
	font-size: 110%;
	text-align: center;
	color:#fff;
	float:right;
	text-decoration:none;
	cursor:pointer;
	background: url(/img/bg/arrow.jpg) no-repeat right #670167;
}
.gobutton {
	background: #670167;
	color: #fff;
	margin-right: 5px;
	padding: 0 5px;
	border: 1px solid #670167;
	cursor:pointer;
}
a:hover.button, .button a:hover, .button input:hover, input:hover.button
{
    text-decoration:underline;
}
.browsebutton {
	padding: 2px 0;
	*width:70px;
}
.browsebutton a {
-moz-border-radius:5px 5px 0 0;
}
.browsebutton a {
	padding: 2px 20px 2px 10px;
	text-align: center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	background: url(/img/bg/arrow.jpg) no-repeat right #670167;
	margin: 2px 0 0 2px;
	font-weight: bold;
}
/*Widths*/
.full {
	width: 100%;
	float: left;
}
.half {
	float: left;
	width: 298px;
	margin-right: 10px;
}
.half.last, .third.last {
	margin-right: 0 !important;
}
.third {
	float: left;
	width: 196px;
	margin-right: 10px;
}
.twothirds {
	float: left;
	width: 67%;
}
.quarter {
	float: left;
	width: 25%;
}
.fifth {
	float: left;
	width: 20%;
}
/*specific widths*/

.last .box {
    margin-right:0px;
}

#search-results {
	width: 600px;
}
/*
 * jQuery Styles for YAML.de
 *
*/

.tabs {
    /*float:left;*/
    width:100%;
	height: 190px;
    }
  .tabs ul.tabs-list {
    margin:0;
    padding:0;
    list-style:none;
    }
  .tabs ul.tabs-list li {
    height: 26px;
    float:left;
    list-style-type:none;
    margin:0 2px 0 0;
    font-size:100%;
    }
  .tabs ul.tabs-list a {
    color:White;
    padding:0 12px;
	line-height: 26px;
    text-decoration:none;
	background:#AAC681;
	font-weight: bold;
	font-size: 120%;
	display: block;
    }
	
	
  /* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  .tabs ul.tabs-list a {float:none;}
  /* End IE5-Mac hack */
  .tabs ul.tabs-list a:hover, .tabs ul.tabs-list .current a {
    background:#6A9A22;
color: #fff;
    }
 



    .tabs .current-info,
    .tabs .accessibletabsanchor,
    .tabs .tabhead /*position each individual tab's heading (default class .tabhead) off-screen*/ {
        position:absolute;
        left:-999em;
    }
    .tabs .tabcontent{
    }
    .tabs{
        width:300px;
		margin-bottom: 10px;
    }
	.tabbody {
		clear: both;
		background: url(/img/bg/search-tabber.png) no-repeat #6A9A22;
		color: #fff;
		width: 300px;
		height: 170px;
		/*margin: -1px 0 0 -1px;*/
	}
	.tabbody a:hover, .tabbody a:focus {
		color: #fff;
	}
.box-search {position: relative; *margin-bottom: 10px;}
.box-search .browsebutton {
*left:80px;
*padding:2px 0;
*position:absolute;
*top:-4px;
*width: 200px;
*display: block;
}
form.snippet {
	font-size: 90%;
	padding: 10px;
	clear: both;
	float: left;
	width: 279px;
}
form.snippet li {
	margin-top: 0;
}
form.snippet label {
	width: 20%;
	display: block;
	float: left;
	clear: left;
	padding-top: 2px;
}
form.snippet label.longlabel {
	clear: right;
	*clear: both;
	width: 70%;
}
form.snippet input.button {
	padding:2px 15px 2px 5px;
	margin-bottom: 5px;
}
form.snippet input[type=text], form.snippet select {
	margin-bottom: 5px;
}
form.snippet a.advanced {
	display: block;
	float: right;
	clear: both;
	color: #fff;
	padding-bottom: 5px;
	height: 20px;
}
form.snippet a.advanced:hover, form.snippet a.advanced:focus {
	color: #670167;
}
/*IE Input button width fix - suitable for all browsers*/
button, input {width: auto;overflow: visible;}

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

/*style overrides*/

/* corners 
.tl {
background-image:url("/img/bg/tl-purple.png");
height:5px;
left:-2px;
position:absolute;
top:-2px;
width:5px;
}
.tr {}
.bl {}
.br {}*/

.promobox 
{
    z-index: 100000;
	width:296px;
}

div#content-side div.box  div.box-bottom  ul li {
background-image:url("/img/bg/square.jpg");
background-position:0 50%;
background-repeat:no-repeat;
line-height:20.5px;
padding-left:12px;
}

p.info {margin: 5px 0 10px 0;}

.ui-datepicker-trigger{
cursor:pointer;
padding:0 10px 0 5px;
}

.box 
{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 2px solid #670167;
    behavior: url(/PIE.htc);
}

.roundie 
{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    behavior: url(/PIE.htc);
}

#refine 
{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    behavior: url(/PIE.htc);
}

#thedms01 DIV#thedmsBrowseGrid .BrowseCell
{
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    behavior: url(/PIE.htc);
}
#mainnavigation li a
{
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    behavior: url(/PIE.htc);
}

#thedms01 DIV#thedmsBrowseGrid .BrowseCell h2
{
    -webkit-border-radius: 8px 0 3px 0;
    -moz-border-radius: 8px 0 3px 0;
    border-radius: 8px 0 3px 0;
    behavior: url(/PIE.htc);
}

.box .button a
{
    -webkit-border-radius: 8px 0 3px 0;
    -moz-border-radius: 8px 0 3px 0;
    border-radius: 8px 0 3px 0;
    behavior: url(/PIE.htc);	
	zoom:1;
	z-index:999;
	positon:relative;
}

#thedms01 div#thedmsBrowseGrid .detailbtn a
{
    -webkit-border-radius: 5px 0 3px 0;
    -moz-border-radius: 5px 0 3px 0;
    border-radius: 5px 0 3px 0;
    behavior: url(/PIE.htc);
}

.tabs ul.tabs-list a
{
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    behavior: url(/PIE.htc);
}

.box-search-content
{
    -webkit-border-radius: 0 5px 5px 5px;
    -moz-border-radius: 0 5px 5px 5px;
    border-radius: 0 5px 5px 5px;
    behavior: url(/PIE.htc);
}

.box-search h2
{
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    behavior: url(/PIE.htc);
}
.browsebutton a, .tabbertop .thedms600 .divDynTabs ul li
{
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    behavior: url(/PIE.htc);
}


/* === new corners -- */

.promobox .corner.tl, .image-only .corner.tl {
background:url("/img/bg/new-purple-tl.png") no-repeat scroll 0 0 transparent;
height:8px;
left:-2px;
position:absolute;
top:-2px;
width:8px;
}

.promobox .corner.tr, .image-only .corner.tr {
background:url("/img/bg/new-purple-tr.png") no-repeat scroll 0 0 transparent;
height:8px;
right:-2px;
position:absolute;
top:-2px;
width:8px;
}

.promobox .corner.bl, .image-only .corner.bl {
background:url("/img/bg/new-purple-bl.png") no-repeat scroll 0 0 transparent;
height:8px;
left:-2px;
position:absolute;
bottom:-2px;
width:8px;
}

.promobox .corner.br, .image-only .corner.br {
background:url("/img/bg/new-purple-br.png") no-repeat scroll 0 0 transparent;
height:8px;
right:-2px;
position:absolute;
bottom:-2px;
width:8px;
}

.tabs {
clear:both;
margin-bottom:10px;
width:300px;
}


.tabbody {
background:url("/img/bg/search-tabber.png") no-repeat scroll 0 0 transparent;
clear:both;
color:#FFFFFF;
height:170px;
width:300px;
}

/*NEW FOOTER*/
#footer{
background-color:#6A9A22;
border-top:20px solid #670167;
padding-top:15px;
}

#footer ul{
text-align:left;
}

#footer a{
text-decoration:none;
color:#FFF;
}
p.nvglink img{
width:100px;
}

p.nvglink{
margin-right:100px;
margin-top:30px;
}
.thedmsServerError {display: block;height: 70px;padding: 2%;width: 96%;}