/*Print*/
@import url('tk-cantg.css'); 
@import url('tk-cantg_thedms.css'); 

/*Brochure*/
/* Generic Form Style */
#thedmsBrochure {
	width: 650px;
	margin:auto;
}
#thedmsBrochure form ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	clear:both;
}
#thedmsBrochure form li {
	margin:0;
	clear: both;
	padding: 0;
}
#thedmsBrochure form label { 
	clear:none;
}
/* For address labels that you don't want to show */
#thedmsBrochure form li .dontshow {
	visibility: hidden;	
}
#thedmsBrochure form .message {
	display: block;
	padding: 3px;
	text-align: center;
	width: 100%;
}
/* ---------------------- The main brochure request form styles ------------------------------ */
/* this controls the label for the main form.. The left hand questions */
#thedmsContact label {
	display:block;
	text-align: right;
	margin-right: 0.5em;
	width:30%;
	float:left;
}
.add_hide {
	visibility:hidden;
}
#thedmsContact li.wide label {
	width: auto;
	text-align: left;
	display:block;
	float: none;
	margin-top:5px;
}
#thedmsContact li.wide select {
	text-align: left;
	padding-left:0;
	float:none;
}
#thedmsContact li.wide {
	margin:0;
	padding:0;
	margin-left:31%;
}



/* --------------------------- Profiling questions styles ------------------------------*/
/* This div just surounds all the profiling questions */
#thedmsProfiling, #thedmsFilters {
	margin-top:1em;
}
#thedmsProfiling label, #thedmsFilters label{
	float:none;
	display:inline;
	margin-right: 0.2em;
}
#thedmsProfiling li, #thedmsFilters li {
	clear:both;
	width:100%;
	float:left;
	margin-top:10px;
}
#thedmsProfiling .thedmsQuestion label, #thedmsFilters .thedmsQuestion label { /*added 05/07/07 by Sarah - please inform me of any issues*/
	width: 100%;
}
/* for all list items used to be a seperate one for checlk/radio buttons */
#thedmsProfiling li.thedmsList, #thedmsFilters li.thedmsList {
	margin-top:10px;
}

/* This controls the table that the multiple radio buttons sit in */
#thedmsProfiling table, #thedmsFilters table {
	margin-bottom:1em;
	border-bottom:1px #CCCCCC solid;
	text-align:center;
}
#thedmsProfiling table td, #thedmsFilters table td {
	width:4em;
}
#thedmsProfiling td.tblthedmsQuestion, #thedmsFilters td.tblthedmsQuestion {
	width:9em;
	text-align:right;
}

/* Makes the text align right on certain question titles */
#thedmsProfiling .thedmsQuestionRightAlign, #thedmsFilters .thedmsQuestionRightAlign {
	text-align: right;
}
#thedmsProfiling .thedmsQuestion, #thedmsFilters .thedmsQuestion {
	clear:left;
	width:48%;
	float:left;
}
#thedmsProfiling .thedmsAnswers, #thedmsFilters .thedmsAnswers {
	clear:right;
	float:right;
	width:48%;
}

/* ---------------------------------  FIELDSETS GENERIC -------------------------------- */
div#thedms151 fieldset {
	padding-left:0.5em;
	padding-right:0.5em;
	padding-bottom:0.5em;
	margin-bottom:1em;
	clear:both;
}



/* acDetails specific style sheet */

DIV#thedms02n {
	width: 98%;
	margin: auto;
}
DIV#thedms02n h1{
	clear: left;
}
DIV#thedms {
	text-align: left;
}
DIV#thedmsImgSingle {
	float: left;
}
DIV#thedmsLargeImgOne {
	float: left;
	text-align: center;
}
DIV#thedmsSmallImg {
	float: left;
	text-align: center;
	margin-bottom:10px;
}
DIV#thedmsLargeImgTwo {
	float: left;
	text-align: center;
}
DIV#thedmsPropertyInfo {
	width: 67%;
	float: left;
	clear:left;
}
DIV#thedmsPropertyType {
	padding: 5px;
}
DIV#thedmsClassification {
	padding: 5px;
}
DIV#thedmsTypeClassification {
	padding: 5px;
	float: left;
}
DIV#thedmsSpecialOffer {
	border: 1px solid #333333;
	padding: 3px;
	margin: 5px;
	clear: left;
}
DIV#thedmsGridAvailability {
	clear:left;
	margin: 5px;
}
DIV#thedmsGridAvailabilityCheck {
	width: 30%;
	float: left;
}
DIV#thedmsGridAvailability form {
	margin: 5px;
	padding: 0;
}
DIV#thedmsGridAvailability p {
	clear: left;
}
DIV#thedmsGridAvailability form label {
	display: inline;
	line-height: 25px;
}
DIV#thedmsGridAvailability form input {
	display: inline;
}

DIV#thedmsGridAvailabilityChart {
	width: 69%;
	float: left;
}
DIV#thedmsGridAvailabilityKey {
	text-align: left;
	float: left;
}
DIV#thedmsLastUpdated {
	text-align: right;
	width: 30%;
	float: left;
}
DIV#thedmsGridAvailabilityChart caption {
	text-align: left;
}
DIV#thedmsAbbreviationsKey {
	text-align: left;
}
DIV#thedmsFacilitiesKey {
	text-align: left;
}
DIV#thedmsPropertyEssentials {
	clear:left;
	margin: 5px;
}
DIV#thedmsPropertyEssentialsleft {
	float: left;
	width: 30%;
}
DIV#thedmsPropertyEssentialsright {
	float: left;
	width: 69%;
}

div#thedms02n #thedmsdetailsEAbuttons
{
    margin:20px 0px;
}

DIV#thedmsPropertyAddress {
	padding: 5px;
}
DIV#thedmsPropertyContact {
	padding: 5px;
}
DIV#thedmsPropertyDetails {
	padding: 5px;
}
DIV#thedmsPropertyLocalFacilities {
	padding: 5px;
}
DIV#thedmsPropertyDirections {
	clear: left;
	padding: 5px;
}
DIV#thedmsPropertyFacilities {
	clear: left;
	padding: 5px;
}

DIV#RoomCheckHeadingleftcolumn {
	width: 25%;
	float: left;
}
DIV#RoomCheckHeadingcentrecolumn {
	width: 46%;
	float: left;
	padding: 0 5px;
}
DIV#RoomCheckHeadingrightcolumn {
	width: 25%;
	float: left;
}
DIV.RoomCheckHeadingNoboxbottom {
	margin: 5px;
	clear: left;
}
/* new special offer styles */
DIV.thedmsSO {
	width: 80%;
	float: left;
}
DIV.thedmsSOdescription {
	float: left;
	width: auto;
}
DIV.thedmsSOdates {
	float: left;
	width: auto;
}
.thedmsSO  ul {
	list-style: none; 
	margin: 0px 0px 0px 0px; 
}
.thedmsSO  li {
	margin: 0.5em 0 1em 0;
	clear: both;
}

span.thedmsSOcaption {
	font-weight: bold;
}
span.thedmsSOinstruction {
	font-weight: normal;
	display:block;
	padding-bottom:5px;
}

.thedmsLogos {
	float: right;
}

.thedmsLogosImg Img {
	margin-right: 4px;
	margin-bottom: 7px;
	border-style: none;
	vertical-align: middle;
}
.thedmsImageLink {
	margin-right: 4px;
	border-style: none;
	vertical-align: middle;
}
.thedmskey a {
	display:block;
	float:left;
	width:auto;
	margin:0px 5px 0px 0px;
}
/*TPEnable buttons*/
.TPButtons{	
		margin: 10px;
		display: block;
		width: auto;
		float: left;
		text-align: center;
		margin-left:0px;
		clear:both;
	}
.tpimg{
		border: 0;
		padding-right: 3px;
		float: left;
		vertical-align: middle;
	}
.TPButtons a{
		background-color: #FFFFFF;
		border:1px solid #CCC;
		text-decoration: none;
		color: #666;
		font-weight: bold;
		display: block;
		padding: 2px;
	}
.TPButtons a:hover{
		color: #000000;
		background: #F7F7F7;
		text-decoration: none;
	}
/* Add to Travel Planner */
#thedmsAddToTravelPlanner {
	float:right;
	margin:5px 5px 15px;
}
.tpimg{
	vertical-align: middle;
}
/*Multimedia Buttons*/
#thedmsMultiMediaButtons{
	clear: both;
}
.multimediabtn{
	float: left;
	margin: 4px;
}
#thedmsMultiMediaButtons .multimediabtn{
	float: left;
	width: auto;
}
#thedmsPictureContainer{
	clear: both;
	margin-top:10px;
}


/* new styles needed for new "grid" */
.thedmsGridIcon 
{
    border:0px;
    margin: 0px;
    margin-left:0px;
    float:left;
}

#thedmsGridAvailabilityKey 
{
    margin:10px 0px;
}

#thedmsGridAvailabilityChart th, #thedmsGridAvailabilityChart td 
{
	font-weight:normal;
	padding: 6px;
}

.thedmsGridTableBorder 
{
    background:#D0D0D0;
    font-size:100%;
    padding:0px;
}

.thedmsGridTableHeader, #thedmsGridAvailabilityChart .thedmsGridTableHeader th
{
    background:#0682B1;
    color:white;
    padding:8px 6px;
    text-align:center;
}

.thedmsGridBookHeader 
{
    width:70px;
}

.thedmsGridTableRow 
{
    background:white;
}

.thedmsGridTableRow1 
{
    background:#F6F6F6;
}

.thedmsGridBookHeader 
{
    min-width:70px;
}

#thedmsGridTable .thedmsGridLeftAligntext
{
    text-align:left;
    min-width:200px;
}

.thedmsGridBook 
{
    background:#336699;
}

div#thedms02n .thedmsGridBook a, div#thedms02n .thedmsGridBook a:visited
{
    text-decoration:none;
    color:White;
}

div#thedms02n .thedmsGridTableHeader a, div#thedms02n .thedmsGridTableHeader a:visited 
{
    text-decoration:underline;
    color:White;
}

div#thedms02n .thedmsGridLeftAlignText a, div#thedms02n .thedmsGridLeftAlignText a:visited 
{
    text-decoration:none;
    color:White;
}

tr.thedmsGridTableRow:hover, tr.thedmsGridTableRow1:hover
{
    background:#ececec;
}

.clear 
{
    clear:both;
} 

/* ThickBox Popup Styles*/

#TB_ajaxContent h2 
{
    margin:20px 0px;
}

#TB_ajaxContent li
{
    margin:0px;
}

/* Search Styles */

#thedmsGridAvailabilityCheck form label 
{
    display:inline;
}

#thedmsGridAvailabilityCheck form li 
{
    float:left;
    margin:0px 20px 0px 0px;
    padding:0px;
    list-style-type:none;
}

#thedmsGridAvailabilityCheck form ul 
{
    margin:0px;
    padding:0px;
}

#thedmsGridAvailabilityCheck form input, #thedmsGridAvailabilityCheck form select 
{
    font-size:12px;
    padding:2px;
    font-weight:normal;
    color:#666;
}

#thedmsGridAvailabilityCheck a, #thedmsGridAvailabilityCheck a:visited 
{
    text-decoration:none;
}

#thedmsGridAvailabilityCheck a:hover 
{
    color:#666;
    text-decoration:underline;
}

.thedmsGridKeyFloat 
{
    float:left;
    margin-right:20px;
}

.thedmsGridKeyBook 
{
    padding:6px 8px;
    color:White;
    float:left;
    margin-right:8px;
}

/* Rectify styles */

DIV#thedmsGridAvailabilityChart {
	width: 100%;
	float: none;
	margin: 10px 0px;
}

div#thedmsGridAvailabilityCheck 
{
    float:none;
    width:100%;
}

#thedmsGridAvailabilityChart th 
{
    text-align:center;
}

/* Search Styles */

div#thedmsGridAvailabilityCheck form label 
{
    display:inline;
}

#thedmsGridAvailabilityCheck form li 
{
    float:left;
    margin:0px 20px 0px 0px;
    padding:0px;
    list-style-type:none;
    clear:none;
}

#thedmsGridAvailabilityCheck form ul 
{
    margin:0px;
    padding:0px;
}

#thedmsGridAvailabilityCheck form input, #thedmsGridAvailabilityCheck form select 
{
    font-size:12px;
    padding:2px;
}

#thedmsGridAvailabilityCheck a, #thedmsGridAvailabilityCheck a:visited 
{
    text-decoration:none;
    cursor:pointer;
}

#thedmsGridAvailabilityCheck a:hover 
{
    color:#666;
    text-decoration:underline;
}

.thedmsGridKeyfloat 
{
    float:left;
    margin-right:20px;
    max-width:250px;
}

.thedmsGridKeyBook 
{
    padding:6px 8px;
    color:White;
    float:left;
    margin-right:8px;
}

.thedmsGridKeyUnknown, .thedmsGridKeyNotAvailable, .thedmsGridKeyAvailable, thedmsGridKeyPlus
{
    background:white;
    border:1px solid #D0D0D0;
    padding:6px 8px;
    color:#666;
    float:left;
    margin-right:8px;
}

.thedmsGridKeyLate
{
    background:white;
    border:1px solid #D0D0D0;
    padding:6px 8px;
    color:#c2da20;
    float:left;
    margin-right:8px;
}

#thedmsGridInstructions 
{
    font-size:85%;
}

.thedms_right 
{
    margin-right:4px;
    float:left;
}

div#thedmsGridAvailability form input.submitbutton 
{
    margin-top:24px;
}
#thedmsGridAvailabilityCheck .button 
{
    float:none!important;
}

#thedmsAvailabilityKey .thedmsGridKeyBook, .thedmsGridBook 
{
    background:#336699;
    color:white;
}

#thedmsAvailabilityKey .thedmsGridKeyAvailable, .thedmsGridAvailable, .thedmsGridKeyPlus
{
}

#thedmsAvailabilityKey .thedmsGridKeyNotAvailable, .thedmsGridNotAvailable
{
}

#thedmsAvailabilityKey .thedmsGridKeyUnknown, .thedmsGridUnknown
{
    background:#ececec;
}

.thedmsGridIcon, .thedmsGridIconText 
{
    background:#666;
}

#thedmsGridSpecialTable 
{
    margin:10px 0px;
}

#thedmsGridSpecialTable .thedmsGridTableHeader 
{
    text-align:left;
}

#thedmsGridTable td 
{
    text-align:center;
}

#thedmsGridSearch li.search 
{
    float:none!important;
}

.thedmsGridSearch
{
	margin:0 0px 0 0;
}
#startdate
{
	width:100px;
}

#numWks
{
	width:100px;
}

#showme
{
	width:200px;
}
#thedmsAvailability td 
{
    border:0px;
}
#thedmsAvailabilityKey 
{
    margin:10px 0px;
}

/* Services */

#thedmsDetailsServices 
{
    padding:0px;
    margin:10px 0px 0px;
}

#thedmsServicesList li 
{
    float:left;
    margin-right:10px;
    width:24%;
    list-style-type:none;
    padding:0px;
    margin:0px;
}

#thedmsDetailsServices .thedmsServicesIcon 
{
    float:left;
    margin-right:4px;
}
.thedmsProductDescription {
	float:right;
	width:90%;
}
.thedmsProductDescriptionPlusImage{
	margin-top: auto;
	margin-bottom: auto;
	margin-right: 10px;
	margin-left: 0px;
}

div#thedmsGridAvailabilityChart caption 
{
    display:none;
}

#thedmsPropertyEssentialsleft li {
	margin:3px 0px;
}

#thedmsKioskRightPanelDirections 
{
    margin:10px 0px;
    clear:both;
}

#thedmsGridTable .thedmsGridCrossed 
{
    font-size:75%;
    text-decoration:line-through;
    margin-right:5px;
}

/* DMS Page Styles */

div#thedmsPropertyType, div#thedmsClassification, div#thedmsTypeClassification
{
    padding:0px;
}

.thedmsLogos {
    float:right;
    width:45%;
    text-align:right;
}

.thedmsLogos1 {
    clear:both;
    float:none;
}

div#thedmsLargeImgOne img, div#thedmsImgSingle img, div#thedmsLargeImgTwo img, div#thedmsSmallImg img
{
    background:white;
    border:1px solid #ccc;
    padding:5px;
    margin-right:10px;
}

div#thedmsPropertyEssentials 
{
    margin:0px;
}

.thedmsBackgroundFix 
{
    clear:both;
    height:1px;
}

.Feedback
{
	float:left;
	margin:10px 0px;
}

.thedmsGridKeyFloat 
{
    float:left;
}

img.ui-datepicker-trigger 
{
	padding: 0px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
}

#thedmsServicesList li 
{
    width:33%;
    padding:2px 0px;
}

#thedmsDetailsServices ul 
{
    padding:0px;
    margin:0px;
}

div#thedmsGridTable .thedmsGridLeftAlignText
{
    text-align:left;
}

#thedmsdetailsEAbuttons ul, #thedmsdetailsAddress ul, #thedmsdetailsAddress_1 ul
{
    padding:0px;
    margin:0px;
    list-style-type:none;
}

#thedmsdetailsEAbuttons li, #thedmsdetailsAddress li, #thedmsdetailsAddress_1 li
{
    padding:2px 0px;
}

/* Layout 1 */

div#thedmsImages 
{
    float:right;
    text-align:right;
}

#thedmsImages div#thedmsLargeImgOne, #thedmsImages div#thedmsLargeImgTwo 
{
    float:none;
    margin-bottom:10px;
}

div#thedmsPropertyInfo 
{
    clear:left;
    float:left;
    width:45%;
}

div#thedmsdetailsOfproperty 
{
    clear:both;
}

div#thedms02nn .thedmsGridTableHeader a 
{
    color:White;
}

div#thedmsGridExternalChannelTable 
{
    margin-bottom:20px;
}

div#thedms02n .thedmsGridLeftAlignText
{
    text-align:left !Important;
    font-weight:bold;
}

div#thedms02n .thedmsGridIconText
{
    border:0px;
    margin: 0px;
    margin-right:5px;
    float:left;
}

div#thedms02n #thedmsGridAvailabilityCheck .Feedback 
{
    clear:left;
}

div#thedms02n #thedmsH1Holder 
{
    margin:0px;
    padding:0px;
    margin-bottom:10px;
}

div#thedms02n #thedmsH1TextHolder 
{
    width:40%;
    float:left;
    margin-right:10px;
}

div#thedms02n .thedmsLogos1 
{
    margin-bottom:10px;
}

div#thedms02n .thedmsGridIcon
{
    margin-right:4px;
}

/* Kiosk Styles */

div#thedmsKioskLeftPanelAccommodation 
{
    float:left;
    width:60%;
    margin:10px 0px;
}

div#thedmsKioskRightPanelAccommodation 
{
    float:right;
    width:35%;
    margin:10px 0px;
}

div#thedmsKioskRightPanelAccommodation .thedmsLogos 
{
    float:right;
    text-align:right;
    width:100%;
}

div#thedmsKioskRightPanelAccommodation .thedmsLogosImg img 
{
    margin:10px;
    margin-right:0px;
}

div#thedmsKioskLeftPanelAccommodation #thedmsPropertyInfo 
{
    width:100%;
    margin:10px 0px;
}

/* thedmsAccessibility */

div#thedmsAccessibility 
{
    margin:20px 0px;
    padding:10px;
    background:#f7f7f7;
    border-top:4px solid #ccc;
    clear:both;
}

div#thedmsAccessibility h3 
{
    margin:10px 0px;
    background:#666;
    color:White;
    padding:4px;
}

.thedmsAccessibilityIcon 
{
    background:black; 
}

.thedmsAccessibilityText 
{
    background:black url(http://www.thedms.co.uk/graphics/signposts/white/blank.png) no-repeat;
    color:black;
    float:right;
    font-size:10px;
    height:15px;
    text-align:center;
    width:15px;
}

.thedmsAccessibilityHolder 
{
    float:left;
    width:48%;
    padding:0px;
    margin-right:20px;
}

.thedmsAccessibilityHolderLeft
{
    float:left;
    width:48%;
    padding:0px;
    margin-right:20px;
    clear:both;
}

.thedmsAccessibilityHolderRight
{
    float:right;
    width:49%;
    padding:0px;
    margin:0px;
}

.thedmsAccessSubHeader 
{
    font-weight:bold;
}

.thedmsAccessLevel1 img, .thedmsAccessLevel2 img, .thedmsAccessLevel3 img, .thedmsAccessLevel4 img
{
    float:right;
}

.thedmsAccessLevel2 
{
    margin-left:15px;
}

.thedmsAccessLevel3 
{
    margin-left:30px;
}

.thedmsAccessLevel4 
{
    margin-left:45px;
}

#thedmsAccessibility ul 
{
    list-style-type:none;
    padding:0px;
    margin:0px;
}

#thedmsAccessibility li 
{
    padding:3px 0px;
}

.thedmsExternalChannelLinks ul 
{
    margin:0px;
    padding:0px;
    list-style-type:none;
}

div#thedms02n #thedmsSpecialOffersHolder ul 
{
    margin:0px;
    padding:0px;
}

div#thedms02n #thedmsAvailability .thedmsSOdetails li
{
    float:left;
    list-style-type:none;
    margin-right:8px;
}

div#thedms02n #thedmsAvailability .thedmsSOdetails ul 
{
    margin:0px;
    padding:0px;
}

div#thedms02n #thedmsAvailability .thedmsSOdetails li.thedmsSOdatesTitle 
{
    font-weight:bold;
}

div#thedms02n #thedmsAvailability .thedmsSOdetails 
{
    background:white;
    border:1px dashed #ccc;
    padding:10px;
    clear:both;
    margin:10px 0px;
}

div#thedms02n #thedmsGridTable .thedmsRoomPriceText 
{
    font-size:80%;
}
