/*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;
}
.thedms {
	clear: both;
}
.thedms h2, div#thedms120 h4, div#thedmsBrowseGrid .BrowseCell h2 {
	background: url(/img/barbeige_bg.jpg) repeat-x #CAC083;
	padding: 3px 5px;
	color: #3F1B09;
}

/*across all forms*/
form ul {
	padding: 0px;
	margin: 0px;
}
form li {
	margin-top: 5px;
	list-style: none;
	clear: both;
	padding-top: 5px;
}
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-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;
}
.thedms img {
	border:0;
}
/*-------------------------------------------------------------------- searches --------------------------------------------------------------------*/
#thedms153 div#thedmsSearch0 {
padding-right:0px;
width:100%;
}
div#thedmsSearch0 {
padding-right:5px;
width:48%;
}
div#thedms154 div#thedmsSearch0, div#thedms154 div#thedmsSearch1 {
	width: 98%;
	margin: 0 5px;
}
/*---------------------------------------------------------------------attractions/venues pages------------------------------------------------------------------*/
/*venue search pages*/
/*venue details pages*/
TABLE#thedmsOpeningTimesTableFullWidth th{/*
	color: #333333;
	background-color: #CCCCCC;
	padding: 3px;*/
}
/*-------------------------------------------------------------accommodation and attractions browse pages------------------------------------------------------*/

#thedms01 DIV#thedmsBrowseGrid .BrowseCell {
	float: left;
	margin: 1px;
	padding: 3px;
	width: 32%;/* width will changing if not 3 column version, 48% if 2 column version  */
}

/* widths may need changing if not 100% width */
#thedms11 DIV#thedmsBrowseGrid .BrowseCell {
	width: 80%;
	float: left;
}
#thedms11 DIV#thedmsBrowseGrid .BrowseSmallPicture {
	width: 15%;
	float: left;
	text-align: center;
	padding: 10px;
}
img.tpimg {
	margin: 0 3px;
}
div#thedmsAbbreviationsKey {
	font-size: 90%;
}
div#thedmsGoogleColourKey li {
	float: left;
	width: 24%;
}
div#map-control {
	clear: both;
}
/*div#thedmsBrowseGrid .BrowseRow{
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	
}
div#thedmsBrowseGrid .BrowseCellCol1{
	border-right: 1px solid #ccc;
	margin: 4px;
}*/

/* 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 styles go here------------------------------------------------------*/
div#thedmsAvailabilityChart {
	margin: 4px 0 4px 0;
	padding: 3px;
	background-color: #fff;
	width: 75%
}
/*this may need to be deleted, but it makes it work on most of the layouts, especially accommodation layout 1.*/

#thedmsPictureContainer {
clear: none;
}
div#thedmsPropertyInfo {
	clear: none;
}
#thedmsAvailabilityChart table {
	clear:left;
	margin: auto;
}
.TPButtons {
	float:right;
	margin:2px 4px 4px 4px;
}
div#thedmsPropertyEssentials {
	margin: 5px 0;
}
#thedmsPropertyEssentialsleft {
	margin-right: 5px;
}
div#thedmsAvailability {
	background-color: #F1EBD8;
	margin: 5px 0;
}
div#thedmsAvailabilityCheck {
	background-color: #fff;
	margin: 4px;
	padding: 3px;
	width: 22%;
}
div#thedmsAvailabilityCheck form li {
	background: none;
	padding-top: 0;
}
/*--------------------------------------------------------------------- events ----------------------------------------------------------------------------------*/
#thedmsBrowseEvents {
	clear:both;
}

DIV#thedmsItemsPanel/*events*/{
	background-color: #F1EBD8;
}
#thedmsBrowseEvents th {
	background-color: #E8DDBD;
	padding:4px;
}
#thedmsBrowseEvents td {
	border-bottom:1px solid #E8DDBD;
	padding:4px;
}
#thedmsBrowseEvents tr:hover {
	background-color: #F1EBD8;
}
/*--------------------------------------------------------------------- dms styles for google mapping ----------------------------------------------------------------*/
#thedmsShowMap, #thedmsHideMap, #thedmsShowListings, #thedmsHideListings{
	padding:5px;
	background: url(/img/barbeige_bg.jpg) repeat-x;
	font-size: 100%;
	font-weight: bold;
	margin-right: 5px;
	display: block;
	margin-bottom: 0px;
	float: left;
}
#thedmsGoogleMap{
	margin: auto;
}
/*------------------------------------------------- search results ------------------------------------------------*/
.r1 {
	background:url(/img/subnav_bg.jpg) repeat-x #E5D8B1;
	color:#3F1B09;
}
/*-------------------------------------------------- shortlist -----------------------------------------------------*/
#Shortlist li {
	background-color: #fff;
	padding: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	width: 98%;
}
#Shortlist h3 {
	background: url(/img/barbeige_bg.jpg) repeat-x #CAC083;
	padding: 3px 5px;
	color: #3F1B09;
	clear: both;
}
/*------------------------------------------------ weather ---------------------------------------------------------*/
div#thedms120 h4{
	clear: both;
}
/*------------------------------------------- new accommodation details styles ----------------------------------------------*/
div#thedms02n #thedmsPictureContainer {
	padding: 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: #FBA51A;
	color: #000;
}
div#thedms02n .thedmsGridBook a, div#thedms02n .thedmsGridBook a:visited, div#thedms02n .thedmsGridTableHeader a, div#thedms02n .thedmsGridTableHeader a:visited, thedmsShowInstruct, #thedmsGridAvailabilityCheck a, #thedmsGridAvailabilityCheck a:visited {
	text-decoration:none;
	color: #000;
}
div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyUnknown, div#thedms02n .thedmsGridUnknown {
	background-color: #EFF1F0;
	color: #73827A;
}

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

div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyNotAvailable, div#thedms02n .thedmsGridNotAvailable {
	background-color: #BBC4BF;
	color: #73827A;
}

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

div#thedms02n .thedmsGridTableHeader, #thedmsGridAvailabilityChart .thedmsGridTableHeader th 
{
	background-color:#E6DFC4;
	color:#3F1B09;
	padding:8px 6px;
	text-align:center;
}
div#thedms02n div#thedmsGridAvailabilityCheck {
width:95%;
margin: 5px;
}
div#thedms02n div#thedmsGridAvailabilityChart {
margin:10px 5px;
width:95%;
}
div#thedms02n .thedmsProductDescription {
	font-size: 90%;
}
div#thedms02n #thedmsdetailsEAbuttons {
margin:10px 0;
}
div#thedms02n div#thedmsAvailability, div#thedms02n #thedmsPictureContainer {
	background-color:#F9F5EC;
}
/*div#thedms02n h2 
{
    background:#666;
    color:White;
    padding:4px;
    width:94%;
}*/

/* New Browse Page Styles */

div.thedmsBrowsePagination a 
{
    background:#EEEEE3;
    color:#3F1B09;
}

div.thedmsBrowsePagination a.thedmsPaginationCurrentPage, div.thedmsBrowsePagination a:hover
{
    background:#D5C084;
    color:#3F1B09;
}
/*--------------- accessibility search -------------------*/
#thedms159 #thedmsTabMenu li.active {
	background-color: #D2C893;
}
#thedms159 #thedmsTabMenu li {
border-color:#D2C893;
}
#tab-1, #tab-2, #tab-3, #tab-4, #tab-5, #tab-6, #tabs-1, #tabs-2, #tabs-3 {
border:2px solid #D2C893;
}
#thedms159 #thedmsTabMenu li a {
color:#3F1B09;
}

/*Special Offer Styles applied November 2009*/

div#thedms01n .BrowseBookCell #thedmsSpecialOfferTextHolder 
{
    background:white url(http://www.thedms.co.uk/graphics/signposts/white/star.png) no-repeat 5px 10px;
    border:1px dashed #CCCCCC;
    clear:both;
    margin:10px 0;
    padding:10px 10px 10px 23px;
}

div#thedmsSpecialOffersHolder 
{
    background:white none repeat scroll 0 0;
    border:1px dashed #CCCCCC;
    clear:both;
    margin:5px 0;
    padding:10px;
}

div#thedmsSpecialOffersHolder h2
{
background:none;
}

div#thedms02n div#thedmsSpecialOffersHolder li 
{
    background:transparent url(http://www.thedms.co.uk/graphics/signposts/white/star.png) no-repeat;
    border:0 none;
    list-style-type:none;
    padding:0 0 0 20px;
}

div#thedms02n #thedmsAvailability .thedmsSOdetails 
{
    background:white;
    border:1px dashed #CCCCCC;
    clear:both;
    margin:10px 0;
    padding:10px;
}

.thedmsSmallBrowseSignpost {
	width:20px;
}

div#thedms01 .thedmsBookLayoutSpecialOffer, div#thedms01 .thedmsBookLayoutAddToShortList 
{
margin:0;
}

div#thedms02n #thedmsGridTable .thedmsGridMultiStay, div#thedms02n #thedmsSpecialOffersHolder .thedmsGridMultiStay 
{
background-color: #7A485E;
}


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

/*--------------- recommendations ---------------*/

/* dashboard */
#RECDashContainer, ul.dashnav li a.on, ul.dashnav li a:hover {
	background-color:#F1EBD8;
}
ul.dashnav li a {
	background-color:#E8DDBD;
}
.RECMediabutton, .RECAddbutton {
background-color:#D1D3AF;
border-color:#CCCCCC #333333 #333333 #CCCCCC;
border-style:solid;
border-width:1px;
color:#000;
}
.RECindex {
	background-color: #D1D3AF;
}
/* media */
iframe#medialibrary  {
	height:400px;
}
/* articles */
.RECArticle {
	background-color: #FAF8EF;
}
/* edit */
.frmEditArticle-section, .RECMediaList, .RECLinksList  {
	background-color:#FAF8EF;
	border:1px solid #D1D3AF;
}
.frmEditArticle-section  h3, .RECMediaList h3, .RECLinksList h3 {
	background:url("/img/barbeige_bg.jpg") repeat-x scroll 0 0 #CAC083;
	color:#3F1B09;
	margin-top: 0;
}
li.RECMediaImageSlot, li.RECLinksImageSlot  {
padding-left:5px;
width:95%;
}
.RECMediaTable img {
height:auto;
width:50px;
}
.RECMediaList, .RECLinksList {
	width: 270px;
}
.RECLinksTable li {
	width: 95%;
}
#frmEditArticle .RECMediaList ul li label  {
	margin-right: 0;
	width: 60%;
}
/* article */
#RECmainpage {
	width: 570px;
}
#RECrightbar .box {
	background-color:#FAF8EF;
	border:1px solid #D1D3AF;
	margin-left: 15px;
}

/* browse recs */
.RECItem  {
background-color:#FAF8EF;
	border:1px solid #D1D3AF;
}
.RECItemFooter  {
	background-color: #866239;
	padding: 3px;
}
.RECItemFooter a {
	color: #fff;
}
.thedms502 .RECImage img {
width:150px;
}
.thedms502 .RECSummary {
float:left;
width:68%;
}
.thedms502 .RECInfo  {
float:right;
width:30%;
}
#RECLatest .thedms502 .RECItem .RECSummary {
font-style:normal;
width:50%;
}
#RECLatest .RECItem .RECInfo {
margin-right:5px;
width:25%;
}
.RECSearch, .RECCategories {
	background-color:#FAF8EF;
	border:1px solid #D1D3AF;
	padding: 5px;
	margin-bottom: 10px;
}
form .RECSearch li, form .RECCategories li {
	margin-top: 0;
	padding-top: 0;
}
.RECSearch label {
	margin-top: 5px;
}
.RECCategories {
	float: none;
}

div#thedmsGridAvailabilityChart div#thedmsGridExternalChannelTable  {
margin-top:15px;
}

.RECItemFooter{
height:15px;
}