/*PUBLICATION STYLESHEET for the dms - Ready for a grey site*/
/*Used across all dms pages*/
.thedmsBackgroundFix /*works as a clearer div in the dms*/{
	clear: both;
	font-size: 1px;
	height: 1px;
}
/*across all forms*/
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; 
}
/*All key backgrounds with the gif images for fuzzy edges- set background to a lighter colour*/
.thedmskey{
	background-color: #FFFFFF;
}

/* 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;
	background-color: #fff;
	padding: 2px;
}
.thedms img {
	border:0;
}
.thedmsImageLink {
	background: #fff;
}
/* ------------------------------------------- search pages ------------------------------------------------*/
div#thedmsSearch0, div#thedmsSearch1 {
	background-color: #C7BDC9;
	color: #000;
	width: 47%;
	padding: 8px;
	margin-bottom: 10px;
}
div#thedmsSearch0 {
	margin-right: 15px;
}
.searchbuttonholder {
	padding: 4px 8px;
	float: none;
	clear: both;
	width: 98%;
}
div#thedms153 div#thedmsSearch0, div#thedms154 div#thedmsSearch0 {
	width: 90%;
	padding-top: 0;
	margin-right: 0;
	margin-bottom: 0;
}
#halfsearchextrabit {
	padding: 0 8px;
	width: 90%;
}
div#thedms153 div#thedmsSearch0 h2, div#thedms154 div#thedmsSearch0 h2, #halfsearchextrabit h2 {
	font-size: 100%;
}
/*--------------------------------------accommodation and attractions browse pages---------------------------------------------*/
div.thedmsBrowsePaging {
	margin-bottom: 5px;
}
div#thedmseventsheadersearch {
	padding-bottom: 10px;
}
div#thedmsBrowseGrid {
	border-bottom: none;
	border-top: none;
}
#thedms01 DIV#thedmsBrowseGrid .BrowseCell {
	background-color: #C7BDC9;
	border: 1px solid #696969;
	color: #000;
	float: left;
	margin: 0 0 15px 0;
	padding: 0px;
	height: 180px;
	width: 48%;/* width will changing if not 3 column version, 48% if 2 column version  */
}
#thedms01 DIV#thedmsBrowseGrid .BrowseCell h2, div#thedmsBrowseGrid .BrowseSingleRow .BrowseCell h2 {
	color: #fff;
	background-color: #000;
	padding: 5px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
	font-size: 100%;
}
img.thedmsMapSpots {
	padding: 1px;
	background: url(/images/google-letter-bg.png) no-repeat;
}
#thedms01 DIV#thedmsBrowseGrid .BrowseCell p {
	margin: 5px 8px;
}
#thedms01 DIV#thedmsBrowseGrid .BrowseCell .thedmsBrowsePicture, #thedms01 DIV#thedmsBrowseGrid .BrowseCell .signposts_div {
	margin-left: 8px;
}
#thedms01 DIV#thedmsBrowseGrid .BrowseCell .detailbtn {
	margin-right: 8px;
}
div#thedmsBrowseGrid .CellRightDetailsHolder {
font-size: 80%;
}
#thedms01 DIV#thedmsBrowseGrid .BrowseCellCol1 {
	margin-right: 10px;
}

div#thedmsBrowseGrid .BrowseSingleRow .BrowseCell {
	background-color: #C7BDC9;
	border: 1px solid #696969;
	color: #000;
	margin: 15px 0 0px 0;
	padding: 0px;
}
div#thedmsBrowseGrid .BrowseSingleRow .BrowseCell .detailbtn a {
	background-color: #696969;
	margin: 5px;
}
div#thedmsBrowseGrid .BrowseSingleRow .BrowseCell h2 a {
	font-weight: normal;
}
div#thedmsBrowseGrid .BrowseSingleRow .details_holder {
	float: left;
	width: 90%;
	margin: 0 10px;
}
div.thedmsSO {
	background-color: #fff;
	padding: 5px;
	margin: 5px 0;
}
div.thedmsSO a {
	color: #696969;
}
div.thedmsSObutton {
	float: left;
	clear: both;
	width: 50%;
}
#thedms11 DIV#thedmsBrowseGrid .BrowseRow {
	background-color: #C7BDC9;
	color: #000;
	margin: 0 0 10px 0;
	padding: 8px;
	width: 97%;
	font-size: 90%;
}
#thedms11 div#thedmsBrowseGrid .BrowseCell h2 {
	color: #fff;
	background-color: #000;
	padding: 5px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 0 5px 0;
}
#thedms11 h2 a {
	font-weight: normal;
}
#thedms11 .BrowseCellDetails img {
	background-color: #fff; 
	margin: 1px;
}
#thedms11 DIV#thedmsBrowseGrid .BrowseCell {
	width: 83%;
	float: left;
	padding-top: 0;
}
#thedms11 DIV#thedmsBrowseGrid .BrowseSmallPicture {
	width: 15%;
	float: left;
	text-align: center;
	padding-right: 10px;
}
#thedms11 DIV#thedmsBrowseGrid .BrowseSmallPicture img, div#thedmsBrowseGrid .thedmsBrowsePicture img, div#thedmsPictureContainer img, div#thedmsPicturesPanel img {
	border: 1px solid #696969;
}
/* 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 */
/* ----------------- new book browse styles ---------------------------*/
div#thedmsBrowseGrid .BrowseBookCell {
	color: #000;
	border-top: none;
	font-size: 90%;
	padding: 1px 0 0 0;
}
.BrowseBookactionpanel {
	border-top: #fff solid 1px;
	margin: 0;
	padding: 5px;
}
div#thedmsBrowseGrid .BrowseBookCell h2 {
	color: #fff;
	background-color: #000;
	padding: 5px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 1px 5px 1px;
}
div#thedmsBrowseGrid .BrowseBookDetails {
	padding: 0 5px;
	margin: 5px 0;
}
div#thedmsBrowseGrid .BrowseBookPropertyPicture {
	margin-right: 5px;
}
.BrowseBookactionpanel a:hover {
	color: #000;
}
.BrowseBookactionpanel .thedmsImageLink {
	background: none;
}
div#thedmsBrowseGrid .BrowseBookPropertyPicture img {
	margin-bottom: 5px;
}
/*-------------------------------------------------accommodation styles go here--------------------------------------*/
/*------------------------------------------- new accommodation details styles ----------------------------------------------*/

div#thedms02n{
margin-top:10px;
}
div#thedms02n #thedmsPictureContainer {
	padding: 10px;
	margin-bottom: 10px;
}
div#thedms02n div#thedmsLargeImgOne {
	width: 40%;
	text-align: left;
}
div#thedms02n div#thedmsLargeImgTwo {
	width: 40%;
	text-align: right;
}
div#thedms02n div#thedmsSmallImg {
	width: 19%;
	text-align: center;
}
div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyBook, div#thedms02n .thedmsGridBook, div#thedms02n .thedmsGridBook a  {
	background-color: #FF9900;
	color: #000;
}
div#thedms02n .thedmsGridBook a, div#thedms02n .thedmsGridBook a:visited, .thedmsShowInstruct, #thedmsGridAvailabilityCheck a, #thedmsGridAvailabilityCheck a:visited {
	text-decoration:none;
	color: #000;
}
div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyUnknown, div#thedms02n .thedmsGridUnknown {
	background-color: #C7C7C7;
	color: #696969;
}

div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyAvailable, div#thedms02n .thedmsGridAvailable {
	background-color: #8C63AB;
	color: #fff;
}

div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyNotAvailable, div#thedms02n .thedmsGridNotAvailable {
	background-color: #696969;
	color: #696969;
}
div#thedms02n div.thedmsSO {
	float: none;
	margin: 0 15px;
	padding: 10px;
	width: 85%;
}
div#thedms02n .thedmsSO li {
	margin: 3px 0 10px 3px;
}
.thedmsShowInstruct {
	cursor: pointer;
}
div#thedms02n .thedmsGridIcon, div#thedms02n .thedmsGridIconText 
{
    background:#666;
    margin-right:4px;
}

div#thedms02n .thedmsGridTableHeader, #thedmsGridAvailabilityChart .thedmsGridTableHeader th 
{
	background-color: #000;
	color:#fff;
	padding:8px 6px;
	text-align:center;
}
div#thedms02n .thedmsGridTableHeader a, div#thedms02n .thedmsGridTableHeader a:visited {
	color: #fff;
}
div#thedms02n div#thedmsGridAvailabilityCheck {
width:95%;
margin: 5px;
}
div#thedms02n div#thedmsGridAvailabilityChart {
margin:10px 20px;
width:95%;
}
div#thedms02n .thedmsProductDescription, div#thedms02n .thedmsProductDescription a {
	color: #000;
	font-weight: normal;
}

div#thedms02n #thedmsdetailsEAbuttons {
margin:10px 0;
}
div#thedms02n div#thedmsAvailability, div#thedms02n #thedmsDirectionsOfproperty,div#thedms02n #thedmsdetailsAddress_1 {
	margin-top: 10px;
	padding: 10px 0;
	color: #000;
}

div#thedms02n div#thedmsdetailsOfproperty{
color:#000;
padding:0 10px;
}

#thedmsdetailsAddress_1 {margin-bottom:15px;width:100%;}

div#thedms02n .thedmsGridTableBorder {
	border: 5px solid #fff;
	font-size: 90%;
}



#thedmsGridAvailabilityCheck form input, #thedmsGridAvailabilityCheck form select {
color:#000;
font-size:90%;
}
#thedmsGridAvailabilityCheck form input.button {
	color: #fff;
}
.thedmsGridLeftAligntext {
	text-align: left;
}
#thedmsDetailsServices {
	margin-top: 10px;
	padding: 10px;
	color: #000;
}
.thedmsServicesIcon {
	background-color: #fff;
	border: 1px solid #fff;
}
div#thedmsAccessibility {
	color: #000;
	border: none;
}
div#thedmsAccessibility h3 {
	background: #696969;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 100%;
}
/*-------------------------------- old accom details styles -----------------------------------*/
#thedms01 div#thedmsTypeClassification, #thedms02 .thedmsLogos {
	float: left;
}	
div#thedmsPropertyEssentials {
	background-color: #C7BDC9;
	color: #000;
	padding: 8px;
	clear: both;
}
div#thedmsPropertyEssentials a, #thedmsAvailabilityChart a, DIV#thedmsItemsPanel a, DIV#thedmsDetailsPanel a, #thedmsBrowseEvents a {
	color: #442349;
}
.thedmskey {
	padding: 5px;
}
div#thedmsAvailabilityCheck {
	background-color: #C7BDC9;
	color: #000;
	width: 25%;
	padding: 8px;
	margin-right: 10px;
}
#thedmsAvailabilityChart{
	background-color: #C7BDC9;
	color: #000;
	padding: 8px;
}

/*this may need to be deleted, but it makes it work on most of the layouts, especially accommodation layout 1.*/
#thedmsAvailabilityChart table {
	clear:left;
	margin: auto;
}
/*----------------------------- late availability styles --------------------------------------------------*/
#thedms07 .thedmsAvailability {
	width: 85%;
	background-color:#C7BDC9;
	color: #000;
}
#thedms07 .availabilitytable {
	font-size:90%;
	margin:5px;
	width:98%;
}
.PropertyName a {
	color: #000;
}
#thedms07 .availabilitytable td {
	height: 4em;
}
/*---------------------------------------------attractions/venues pages---------------------------------------------------------*/
/*venue search pages*/
/*venue details pages*/
TABLE#thedmsOpeningTimesTableFullWidth {
	background-color: #fff;
}
div#thedmsDetailsPanel {
	background-color: #C7BDC9;
	color: #000;
	padding: 8px;
	width: 58%
}
div#thedmsTopPanel, div#eshopcontentea {
border-bottom:none;
}
DIV#thedmsItemsPanel {
	background-color: #C7BDC9;
	color: #000;
	padding: 8px;
	width: 30%;
	margin-left: 35px;
	font-size: 90%;
}
#eshopcontent p {
	padding: 5px;
	background-color: #C7BDC9;
	color: #000;
}
div#thedmsPicturesPanel	img {
	padding: 5px;
	background: #fff;
}
div#thedmsFestival h3 {
	font-size: 100%;
	margin-bottom: 5px;
}
div#thedmsFestival a {
	font-weight: normal;
}
div#thedmsFestival ul {
	border-bottom: 1px solid #696969;
	padding-bottom: 5px;
	margin-bottom: 10px;
	list-style: square inside;
}

#thedms05 .BrowseCell .thedmsSO {
    border:1px dashed #CCCCCC;
}

#thedms05 .BrowseCell .detailbtn {
    padding:0px;
}

#thedms05 div#thedmsBrowseGrid .BrowseSingleRow .BrowseCell .detailbtn a {
    margin:0px;
    border:0px;
    padding-bottom:7px;
}

#thedms05 .BrowseCell .button {
    margin:0px;
    display:block;
}

.thedmsSO div.thedmsSObutton, div#thedmsDetailsPanel div.thedmsSObutton {
    float:right;
    clear:both;
    margin-right:5px;
    margin-bottom:5px;
    display:inline-block;
    width:22%;
    text-align:center;
}

.thedmsSO div.thedmsSObutton a, div#thedmsDetailsPanel div.thedmsSObutton a {
    background-color:#000;
    color:#fff;
    padding:5px;
    display:block;
}

div.thedmsSOdescription {
margin-right:5px;
}

#thedms13 .thedmsSO {
    width:97%;
	background: #6F4B2D;
    border:1px solid #fff;
	color: #fff;
}

.thedmsSOlist {
    background: none repeat scroll 0 0 #6F4B2D;
    border: 1px solid #fff;
    margin: 5px 0 0;
    padding: 5px;
}
#thedms11n .thedmsSOlist {width: 100%;}

#thedms05 div#thedmsBrowseGrid .BrowseSingleRow .details_holder {
    width:100%;
}

#thedms05 .thedmsSO .thedmsSOdates span {
    margin-top:5px;
    float:left;
}

#thedms05 .thedmsSO .thedmsSOdates ul {
    float:left;
    width:69%;
    margin:5px 0 0 5px;
}

#thedms05 .thedmsSO .thedmsSOdates ul li {
    margin:0 0 5px 0;
}

#thedms13 .thedmsSOdates, #thedms13 .thedmsSOVouchers  {
    margin-top:10px;
    float:left;
    width:100%;
}

#thedms13 .thedmsSOdates span {
    float:left;
}

#thedms13 .thedmsSOdates ul {
    float:left;
    margin-left:5px;
}

#thedms13 .thedmsSOdates ul li {
    margin:0 0 5px 0;
}

div#thedms13 div.thedmsSObutton {
    width:100%;
    float:none;
    display:block;
}

div#thedms13 div.thedmsSObutton a{
    width:22%;
    text-align:center;
    float:right;
}
/*---------------------------------------------------------- events --------------------------------------------------*/
#thedmsBrowseEvents {
	clear:both;
	color: #000;
	background-color: #fff;
	font-size: 90%;
}
#thedmsBrowseEvents th {
	background-color: #C7BDC9;
}
#thedmsBrowseEvents tr:hover { 
	background-color: #C7BDC9;
}
table#thedmsBrowseEvents .row1, table#thedmsBrowseEvents .row2 {
	background: url(/images/line-purple.png) bottom repeat-x;
}
#thedmsBrowseEvents caption {
	color: #fff;
}
DIV#thedmsItemsPanel
DIV#thedmsContactPanel {
	width: 54%;
}
/*------------------------------------------- dms styles for google mapping -------------------------------------*/
#thedmsShowHideMapButton a, #thedmsShowHideListingsButton a{
	padding:5px;
	font-size: 100%;
	font-weight: bold;
	margin-right: 5px;
	border: 1px solid #696969;
	display: block;
	margin-bottom: 5px;
	background: #000;
	color: #fff;
	float: left;
	cursor: pointer;
}
div#thedmsGoogleMap{
	width: 900px;
	margin: 25px auto;
	color: #000;
}
.thedmsGoogleDescription, .thedmsGoogleSiteName, .thedmsGoogleDescription a, .gmnoprint {
	color: #000;
}
.thedmsGoogleDescription {
	font-size: 90%;
}
/*--------------------------------------------------- brochure / profiling ---------------------------------------------*/
div#thedmsProfiling, #thedmsFilters {
	background-color: #C7BDC9;
	padding: 8px;
	color: #000;
	margin: 0 15px 10px 0;
}
div#thedmsProfiling li.thedmsList {
	border-top: 1px solid #696969;
	padding: 10px 0;
}
div#thedmsProfiling input {
	margin-right: 3px;
}
/*----------------------- register -------------------------------------*/
div#thedms89 #thedmsRegisterDetails, div#thedms89 div#thedmsDataProtection, div#thedms89 #thedmsFilters {
	background-color: #DBDBDB;
	color: #000;
	padding: 1px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border: 1px solid #696969;
}
div#thedms89 #thedmsContact h2, div#thedms89 div#thedmsDataProtection h2, div#thedms89 #thedmsFilters h2 {
	background-color: #000000;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	font-weight: normal;
	font-size: 100%;
	padding: 3px 5px;
}
div#thedms89 #thedmsContact li, div#thedms89 div#thedmsDataProtection li, div#thedms89 #thedmsFilters li {
	padding: 0 10px;
	width: 90%;
}
/*----------------------- shortlist --------------------------------------*/
div#shortlist {
}
#thedms62 {
	font-size: 100%;
}	
div#Shortlist li, #Favourites li {
	padding: 5px;
	background-color: #C7BDC9;
	color: #000;
	margin-bottom: 5px;
}
div#Shortlist li a, #Favourites li a {
	color: #000;
}
div#Shortlist li .TPdeletebutton a {
	color: #fff;
}
/*----------------------------------------- travel planner ----------------------------------------------*/
.TPButtons {
	float:right;
	margin:2px 4px 4px;
	clear: both;
}
.TPButtons a, .RECMediaList a.RECMediabutton {
	border: 1px solid #fff;
	background-color: #000;
	color: #fff;
	padding: 3px;
}
.TPButtons a:hover {
	background-color: #696969;
}
.TPclearshortlistbutton, .TPplan {
	width: 140px;
}
input.TPAddToPlanButton {
	padding: 3px;
	border: 1px solid #fff;
	font-weight: bold;
	clear: both;
}
.TPInstruct {
	border:1px solid #696969;
	color: #000;
}
#PlanDetails {	
	float: left;
	width: 97%;
	margin-bottom: 10px;
	background-color: #696969;
	padding: 10px;
}
fieldset#thedmsTPForm {
	background-color: #DBDBDB;
	color: #000;
	padding: 5px;
	border: none;
}
fieldset#thedmsTPForm legend {
	width: 100%;
	background-color: #000;
	padding: 5px;
	color: #fff;
	border: 1px solid #fff;
	text-transform: uppercase;
}
div#thedms66 div#Shortlist, #Planner, #thedms66 #thedmsMyplanIndex, div#thedms67 #ListOfPlans, div#thedms67 #MyPlanDetails {
	padding: 5px;
	background-color: #696969;
}
div#thedms66 div#Shortlist li, div#thedms66 .tabbertab {
	background-color: #DBDBDB;
}
div#thedms66 .tabbertab { 
	margin-bottom: 10px;
}
div#thedms66 .tabbertab li {
	list-style: none;
}

div#thedms66 div#Shortlist h2, div#thedms66 div#Planner h2, #thedms66 #thedmsMyplanIndex h2, div#thedms67 #ListOfPlans h2, div#thedms67 #MyPlanDetails h2 {
	background: #000;
	color: #fff;
	font-weight: normal;
	font-size: 100%;
	padding: 5px;
	margin: 0;
	border: 1px solid #fff;
}
div#thedms66 div#Planner, div#thedms66 div#Planner a, #thedms66 #thedmsMyplanIndex a, div#thedms67 #ListOfPlans li a, div#thedms67 #MyPlanDetails {
	color: #000;
}
div#thedms66 div#Planner .TPButtons a {
	color: #FFF;
}
#thedms66 input.button {
	padding: 5px;
	margin: 5px;
}
fieldset.TpDayNotes {
	padding: 5px;
}
#thedms66 #TPloggedin {
	float: left;
	width: 48%;
}
/*----------------------------------------- my plans -------------------------------------------*/
#thedms66 #thedmsMyplanIndex {
float:right;
margin-bottom:10px;
padding:5px;
width:50%;
}
#thedmsMyplanIndex li {
	border: 1px solid #fff;
	padding: 5px;
	margin-top: 3px;
	margin-bottom: 2px;
	float: left;
	width: 95%;
	background-color: #DBDBDB;
}
#thedmsMyplanIndex li a {
	 float: left;
}
div#thedms67 ul.TPMyPlanItem, div#thedms67 ul.ShortlistItem, .ShortListItemTitle {
	float: none;
}
#thedms67 h4 {
color:#fff;
font-family: Arial, Helvetica, sans-serif;
clear: both;
background-color: #000;
padding: 3px;
border: 1px solid #696969;
margin: 3px 0;
font-weight: normal;
}
.PlanPeriodNothingSelected {
color:#000;
float: none;
}
#MyPlanList, #MyPlanShortlist {
border:1px solid #fff;
margin: 5px;
padding: 5px;
background-color: #DBDBDB;
clear: both;
}
#MyPlanDetails li {
	padding: 4px;
}
/*----------------------------------------- itineraries ----------------------------------------------------*/
div#thedms65 li a {
	display: block;
	background-color: #000;
	border: 1px solid #696969;
	color: #fff;
	text-align: center;
}
div#thedms65 #thedmsTPItineraryRightPane {
	float: left;
	width: 35%;
}
div#thedms65 #thedmsItineraryEntryHolder {
	width: 60%;
	margin-right: 10px;
}
div#thedms65 #thedmsItineraryEntryHolder {
	background-color: #C7BDC9;
	border: 1px solid #696969;
	color: #000;
}
div#thedms65 #thedmsItineraryEntryHolder h3 {
	background: #000;
	color: #fff;
	text-transform: uppercase;
	padding: 5px;
	margin-bottom: 1px solid #696969;
	font-weight: normal;
	margin: 0;
	display: block;
	font-size: 100%;
}
div#thedms65 .thedmsItineraryEntryDescription, div#thedms65 .thedmsItineraryItemDescription {
	padding: 5px;
}
div#thedms65 .thedmsItineraryEntryDescription {
	background-color: #fff;
	margin: 3px;
}
div#thedms65 .BrowseCell h2 a, div#thedms65 .BrowseCell h2 a:visited {
	font-size: 100%;
	color: #442349;
}
div#thedms65 #thedmsTPItineraryRightPane {
	background-color: #C7BDC9;
	border: 1px solid #696969;
	color: #000;
	padding: 5px;
}
/*------------------------------- favourites ---------------------------------------------*/
#Favourites li {
	width: 50%;
}
.MyFavouriteName {
	width: 95%;
	font-size: 90%;
}	
/*------------------------------------ recommendations -----------------------------------*/
#RECsidebar {
	width: 40%;
}
#RECtextarea {
margin-left:10px;
width:55%;
float: left;
}
.box {
	border: 1px solid #696969;
	background-color: #696969;
	margin-bottom: 10px;
	padding: 0;
	position: relative;
}
.box h3, .box h2, .frmEditArticle-section h3 {
	background-color: #000;
	padding: 5px;
	font-weight: normal;
	margin: 0;
	text-transform: uppercase;
	font-size: 100%;
}
.box p {
	padding: 5px 10px;
}
#RECEditarea2 {
	border: 1px solid #fff;
	padding: 5px;
	background-color: #DBDBDB;
	width: 98%;
}
.frmEditArticle-section {
	border: 1px solid #696969;
	background-color: #696969;
}
.frmEditArticle-section ul {
	margin: 5px;
}
.RECMediaList, .RECLinksList {
	background-color: #DBDBDB;
	color: #000;
	border: 1px solid #fff;
	width: 310px;
}
.RECMediaList a, .RECLinksList a {
	color: #000;
}
.RECMediaList h3, .RECLinksList h3 {
	border-bottom: 1px solid #fff;
	margin: 0;
	background-color: #000;
	font-weight: normal;
	color: #fff;
	text-transform: uppercase;
	font-size: 100%;
}

a.RECMediabutton {
	display: block;
}
a.RECMediabutton:hover, a.RECAddbutton:hover {
	color: #000;
	background-color: #CCC
}
.RECRightDetailsHolder {
	padding: 5px 10px;
}
.RECAuthorname {
	font-size: 130%;
}
#divLinks .thedmsBrowsePicture {
	float: left;
	position: relative;
	margin: 5px;
}
#divLinks .h4 {
	font-size: 100%;
}
#RECImgContainer .image {
	width: 560px;
	height: 420px;
}
.RECslidecaption {
	background-color: #000;
}
.RECMediaTable img {
	width: 50px;
	height: auto;
}
.RECItem {
	color: #000;
	width: 100%;
}
.RECItem a {
	color: #000;
}
.RECTitleRating {
	width: 85%;
}
.RECCounter {
	width: 14%;
}
.thedms502 .RECTitle {
	height: 20px;
}
.RECratedIMGs {
	background: url(/img/ratings-slider-small.gif);
}
.RECratedIMG {
	background: url(/img/ratings-slider.png);
}
.RECItem .RECItemHeader, .RECMainTopic h3 {
	background-color: #000;
	color: #fff;
	padding: 5px;
}
.RECItem .RECItemHeader a {
	color: #fff;
}
.RECstats {
	color: #000;
	padding: 0;
}
.RECTitle h3, .RECindex h3, .RECMainTopic h3 {
	font-weight: normal;
	font-size: 100%;
	text-transform: uppercase;
	margin: 0;
}
.RECTitle h3 a {
	font-weight: normal;
}
.RECCounter p {
	margin: 0 5px;
}
.RECmediumlistingitem {
	padding: 5px;
	border: 1px solid #696969;
	border-top: none;
	color: #000;
	float: left;
	width: 619px;
	margin-bottom: 10px;
}
.RECmediumlistingitem a {
	float: left;
	color: #000;
	display: block;
	width: 80%;
}
.RECmediumlistingitem .RECmedImage {
	float: right;
	width: 20%;
	text-align: right;
}
.RECmediumlistingitem .RECmedImage a {
	float: none;
	display: inline;
	width: 100%;
}
.RECmediumlistingitem img {
	width: 100px;
	height: auto;
}
.RECmediumlistingitem p {
	clear: left;
}
#contentright .RECCategories {
	width: 100%;
	background-color: #696969;
	padding-right: 10px;
	padding-bottom: 10px;
}
.RECSubTopic li {
	margin-top: 0;
}
.RECSubTopic li a {
	font-weight: normal;
}
.RECMainTopic h3 {	
}
/*------------------------ new recommendations ------------------------------*/
/* dashboard */
#RECDashContainer {
	background: #696969;
}
ul.dashnav li a {
	background-color: #000;
	color: #FFF;
	border: 1px solid #696969;
	text-transform: uppercase;
	font-weight: normal;
}
ul.dashnav li a.on, ul.dashnav li a:hover {
	background: #696969;
}
#RECDashArticles, #RECDashMedia, #RECDashProfile {
	color: #000;
	font-size: 90%;
}
#RECDashArticles a, #RECDashMedia a, #RECDashProfile a {
	color: #000;
}
#RECDashArticles .RECindex {
	background-color: #DBDBDB;
}
#RECDashArticles .RECindex h3 {
	text-transform: none;
}
#RECDashMedia .RECindex {
	background-color: #fff;
	padding: 0;
	border: none;
}
#RECDashArticles .button, #RECDashMedia .button, #RECDashProfile .button {
	background-color: #000;
	border: 1px solid #696969;
	color: #fff;
	float: right;
}
/* articles */
.RECArticle {
	color: #000;
	background-color: #DBDBDB;
	font-size: 90%;
}
#RECArticlesIndex {
	color: #000;
}
.RECArticle input {
	border: none;
}
.RECArticle a {
	color: #000;
	font-weight: normal;
}
/* profile */
#RECProfileEdit {
	color: #000;
}
#RECProfileEdit li {
	background-color: #DBDBDB;
	padding: 5px;
	width: 70%;
}
#RECProfileEdit #txtAboutMe {
	margin-left: 0;
}
/* media library */
form ul.dashnav li {
	clear:none;
}
#RECManageMedia {
	color: #000;
}
iframe#medialibrary {
	height: 400px;
}
/* edit article */
#frmEditArticle {
	width: 100%;
	margin: 0;
}
#frmEditArticle ul.dashnav li {
	padding: 0;
}
#RECTerms, #RECTerms a {
	color: #000;
}
form#frmEditArticle li {
	margin-top: 0;
}
li.RECMediaImageSlot {
	padding-left: 5px;
	width: 95%;
}
/* front end article browse */
.thedms502 .RECSummary {
	float: left;
	width: 68%;
}
.thedms502 .RECInfo {
	float: right;
	width: 30%;
}
.thedms502 .RECImage img {
 width: 150px;
}
/* front end details */
.thedms503 #RECmainpage {
	width: 610px;
	margin-right: 10px;
}
.thedms503 #RECrightbar {
	width: 280px;
}
#RECLoginToComment {
	background-color: #696969;
	padding: 10px;
	text-align: center;
	margin-top: 10px;
}
/* ____________ My Recs stuff (by alex for demo on Friday)    __________________ */

.thedms505 label {
	display:block;
	float:left;
	width:20%;
}

#txtAboutMe {
	margin-left:190px;
	width:300px;
}

#imgMedia {
	margin-left:190px;
}

.ImgAuthor {
	margin:5px;
	position: relative;
}


.RECMediaList a.RECMediabutton {
	display:block;
}

.RECMediaTable, .RECArticleLinksTable {
	width: 100%;
}


#TB_HideSelect, #TB_overlay, #TB_window {
	z-index: 4000 !important;
}
/*------------------------------------------- universal search ---------------------------------------------*/
.rc {
color:#fff;
}
.rl a:link, .rl a:visited {
color:#fff;
text-decoration:underline;
font-weight: normal;
}
.rn {
color:#000;
padding: 5px;
text-align: center;
font-weight: bold;
}
.rn a {
color:#000;
font-weight: normal;
}
/*--------------------------------------------------eshop ------------------------------------------*/
#categoriesnav, #eshopsearch, #paymentnav {
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#categoriesnav h3, #categoriesnav h3 a, #eshopsearch h3, #paymentnav h3 {
	font-weight: normal;
}
.more-info a {
	display: block;
}
.more-info {
	padding: 5px;
}
.performanceselect label {
	padding: 5px;
}
#eshopcontent fieldset { 
	padding: 10px;
	margin: 10px;
}
#eshopcontent fieldset legend {
	padding: 5px;
	font-weight: bold;
	color: #fff
}
#eshopcontent fieldset li {
	float: left;
	width: 95%;
	margin: 5px;
	background-color: #C7BDC9;
	color: #000;
	padding: 5px;
}
#eshopcontent fieldset li label {
	float: left;
	clear: none;
	width: 70%;
	text-align: left;
} 
.productcontainer {
	font-size: 90%;
}
.sectionproductcontainer {
	width: 106%;
}
#productsubnav li a {
	display: block;
	padding: 5px;
	border: 1px solid #666;
	float: left;
	margin-left: 5px;
	margin-bottom: 5px;
}
#productsubnav {
	width: 100%;
	border-bottom: 1px solid #666;
	margin-bottom: 5px;
}
/*---------------------------------------------------- news --------------------------------------------------*/
#newsnav {
	width: 270px;
	margin-left: 15px;
}
#newsindex {
	width: 653px;
	margin-left: 10px;
	clear: left;
}
.newsindexitem {
	clear: both;
	background-color: #C7BDC9;
	margin: 0 0 15px 0;
	padding: 1px;
	color: #000;
	float: left;
	width: 99%;
	font-size: 90%;
}
.newsindexitem h3 {
	color: #fff;
	background-color: #000;
	padding: 5px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
	font-size: 110%;
}
.newsindexitem h2 a, .newsindexitem h3 a {
	font-weight: normal;
}
.newsindexitem p, .newsindexitem h4 {
	margin: 4px 8px;
}
#catnav {
	clear: both;
	border-bottom: 1px solid #696969;
	padding: 10px 0;
}
#datenav {
	padding: 10px 0;
}
#catnav h2, #datenav h2 {
	font-size: 140%;
	font-weight: normal;
}
#datenav h3 {
	cursor: pointer;
}

/*----------------------- thedms_info -------------------------------------*/
#thedms_info_close {
	text-align: right;
	color: #fff;
	padding: 5px;
}
#thedms_info {
	margin: 10px;
	border: 1px solid #696969;
	background-color: #442349;
	padding: 10px;
}

div#TB_ajaxContent .thedmsGridTableBorder 
{
    border:5px solid #FFFFFF;
    font-size:90%;
    margin:10px 0px;
}

div#TB_ajaxContent .thedmsGridTableHeader, #thedmsGridAvailabilityChart .thedmsGridTableHeader th 
{
    background-color:#000000;
    color:#FFFFFF;
    padding:8px 6px;
    text-align:center;
}

div#TB_ajaxContent .thedmsGridTableBorder 
{
    background:#D0D0D0;
}

div#TB_ajaxContent .thedmsGridBook 
{
    background:#FF9900;
    color:#000;
}
div#TB_ajaxContent .thedmsGridBook a 
{
    color:black;
}


div#TB_ajaxContent .thedmsGridTableRow 
{
    background:#f7f7f7;
}

div#TB_ajaxContent th, div#TB_ajaxContent td {
font-weight:normal;
padding:6px;
}

#thedmsGridSpecialTable td 
{
    color:black;
}

div#thedms01n .thedmsbutton a
{
    background:black;
}

div#thedms01n .thedmsbutton a:hover 
{
    background:#666;
}

/* Special Offers */
#thedms05 .BrowseCell {
	float: left;
	width: 99%;
}
div#thedms01n .BrowseBookCell #thedmsSpecialOfferTextHolder 
{
    margin:5px;
}

div#TB_ajaxContent #thedmsSpecialOffersHolder .thedmsbutton 
{
    background:black;
}

div#TB_ajaxContent #thedmsSpecialOffersHolder .thedmsbutton a:hover 
{
    background:#666;
}

div#thedms02n div#thedmsSpecialOffersHolder 
{
    color:#fff;
    margin-top:10px;
    padding:10px;
}

div#thedms02n div#thedmsSpecialOffersHolder a 
{
    font-weight:bold;
}

div#thedmsAvailability .thedmsSOdetails a, div#thedmsAvailability .thedmsSOdetails a:hover
{
    font-weight:bold;
    color:#80002A;
    text-decoration:none;
}

div#TB_ajaxContent #thedmsSpecialOffersHolder li 
{
    margin:10px 0px;    
    padding:10px;
    background:#f7f7f7;
    border:1px dashed #ccc;
}

/* AR fixes */

div.thedmsSO {
	*width:80%;
	*height: auto;
	*position: relative;

}
div.thedmsSOdescription  {
    margin-right:5px;
    height: auto;
    *width:50%;
}


div.thedmsSOdates {
*width:46%;

}


.hsright div#thedms153 div#thedmsSearch0 {
	position:relative;
	border-right: none;
}

.hsright div#thedms153 div#thedmsSearch0 #caldiv0 {
	left:125px !important;
	top:98px !important;
}

.thedms #thedms15 img {
	background-color:#fff;
}

div.thedmsBrowseLeftText {
	text-decoration: underline;
}


/* new EAbrowse styling - AR 29/06/11 */
div#thedms11n .thedmsBrowseRow {
    background: #D2B3C8;
}
div#thedms11n .thedmsBrowseH2Background {
    background:  none repeat scroll 0 0 #000;
}
div#thedms11n #thedmsBrowseListing .thedmsBrowseRow .thedmsBrowseH2Background h2 a {
    color: #fff;
}
div#thedms11n .thedmsActionsHolder .thedmsbutton a {
    color: #fff;
}
div#thedms11n .thedmsActionsHolder ul li.thedmsbutton a {
    color: #fff;
}
div#thedms11n .thedmsActionsHolder ul li {
    clear: both;
    list-style-type: none;
	margin: 2px 0;
}
div#thedms11n .thedmsActionsHolder {
    background: none;

}
.thedmsbutton {
    background: none repeat scroll left top #000;
    border: none;
}

.thedmsContentHolder {
    float: left;
    position: relative;
    width: 75%;
	color: #000;
}
div#thedms11n .thedmsActionsHolder ul li.thedmsbutton {
    height: 18px;
    margin: 0 0 5px;
	padding: 4px 8px 9px 4px;
}
.thedmsActionsHolder .thedmsbutton {
    height: 18px;
    margin: 0 0 5px;
}

div#thedms11n .thedmsActionsHolder ul li a {
    margin-left: 4px;
    text-decoration: none;
	color: #000;
}
div#thedms11n .thedmsActionsHolder ul li {
    clear: both;
    list-style-type: none;
	margin: 2px 0;
}
div#thedms11n .thedmsfunctionholder {
    float: left;
    width: 70%;
}

div#thedms11n .thedmsContentHolder .smIMG, div#thedms11n .thedmsContentHolder .smNoIMG {
    border: 1px solid #000;
}

/*The Dms Side Bar on DMS 2 and 13*/

#dms-sidebar .thedms{
width:650px;
float:left;
}

#dms-sidebar .dms-sidebar-right{
width:280px;
padding:10px;
float:left;
}

#dms-sidebar .side-trip .thedms{width:240px;float:none;margin:0 auto;}


#dms-sidebar  div#thedmsLargeImgOne img, div#thedmsLargeImgTwo img {

}

#dms-sidebar div#thedmsSmallImg img {

}

#dms-sidebar div#thedms02n div#thedmsGridAvailabilityChart {
margin:0;
}

#dms-sidebar #thedms02n h2{background-color:#522200;min-height:25px;padding:5px 0 0 5px;color:#fff;}
#dms-sidebar #thedms02n #thedmsAvailability{padding:8px;}
#dms-sidebar .thedmsAccessibilityHolderLeft {width:47%;}

#thedmsGridTable .thedmsGridLeftAligntext {min-width:181px;}

h2.BrowseBookPropertyHeader a {color: #FFFFFF !important;}


		div#thedms02n {
		width:100%;
		}
	div#thedms02n div#thedmsSmallImg {
display:none;
}

div#thedmsLargeImgOne{margin-right:10px;}

div#thedmsLargeImgOne img, div#thedmsLargeImgTwo img {
width:280px;
}

div#thedmsLargeImgOne, div#thedmsLargeImgTwo{
width:auto !important;
}

.TPaddtoplanbutton{
float:left;
}


.fb-like{padding-left:10px;}

.advert{width:260px;padding-left:6px;}

.reviews{max-width:285px;display:block;color:#000;background:#c7c7c7;border:1px solid #333333;margin:10px 0 0 0;padding:5px 0 5px 5px;}

.thedmsdetailbtn{float:right;}
	
.reviews .tripadvisorimg{
position:relative;
top:-3px;
}	

#thedms02n .reviews .tripadvisorimg{
top:2px;
}

div#thedms02n #thedmsH1TextHolder{
width:53%;
}

/*#thedms510 iframe{height:385px !important;}*/

/* SO styling */

/*Special Offer Styling 19/12/11 - Nathan */
.thedmsSOlist {
background: none repeat scroll 0 0 #D9B3C0;
border: 2px dashed #80002A;

}
.thedmsSOlist li img {
  /*  May need something like “background: #fff; padding 2px;“ if it’s a black site and you need the star to show up */
}
/* AC Details: */
#thedmsSpecialOffersHolder {
background: none repeat scroll 0 0 #D9B3C0;
border: 3px dashed #80002A;
}

div.thedmsSO {
background: none repeat scroll 0 0 #D9B3C0;
border: 3px dashed #80002A;

}

a.thedmsSObutton, a.thedmsSObutton:visited {
background: none repeat scroll 0 0 #D9B3C0;
border: 1px solid #999999;
color: #FFFFFF;
}

div#thedms02n #thedmsAvailability .thedmsSOdetails {
background: none repeat scroll 0 0 #D9B3C0;
border: 1px dashed #80002A;
}

/* EA Browse: */
div#thedms11n .thedmsfunctionholder {
float:left;
width:100%;
}

/* EA Details: */
#thedms13 .thedmsSO {
background: none repeat scroll 0 0 #D9B3C0;
border: 3px dashed #80002A;
}
a.thedmsSObutton, a.thedmsSObutton:visited {
background: none repeat scroll 0 0 #999999;
border: 1px solid #999999;
color: #FFFFFF;
}

#caldiv0{
left:400px !important;
}

/* End of special Offer */

/* CT amend 26/12/2011 */