/*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;
}
body{}
body#thedmsmultimedia h2{
    background: url("/img/background/corner.jpg") no-repeat scroll 0 0 #000000;
    color: #FFFFFF;
    line-height: 30px;
    padding-left: 40px;
}
.thedms {
	clear: both;
}
.thedms h2, div#thedms120 h4, div#thedmsBrowseGrid .BrowseCell h2 {
    background: url("/img/background/corner.jpg") no-repeat scroll 0 0 #000000;
    color: #FFFFFF;
}
div#thedmsSearch0 h2 {
    background: url("/img/background/corner.jpg") no-repeat scroll 0 0 #000000;
    color: #FFFFFF;
    height: 30px;
}
DIV#thedms10 h2, DIV#thedms159 h2, DIV#thedms89 h2, DIV#thedms13 h2, DIV#thedms02n h2, DIV#thedms00 h2, DIV#thedms91 h2{
    color: #FFFFFF;
    line-height: 30px;
    margin: 0 0 5px;
    padding: 0 0 0 33px;
}
div#thedmsSearch1 h2 {
    background: url("/img/background/corner.jpg") no-repeat scroll 0 0 #000000;
    color: #FFFFFF;
    height: 30px;
}
#thedmsdetailsACbuttons li{
padding:5px;
}
#thedmsdetailsACbuttons{
margin-top:5px;
}
#myaccount{
margin-top:5px;
}
/*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;
    margin-bottom: 10px;
}
/* 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;
}
#thedms13 DIV#thedmsContactPanel {
    float: left;
    width: 40%;
}
#thedms13 DIV#thedmsItemsPanel {
    float: left;
    margin-bottom: 5px;
    margin-left: 7px;
    padding: 0;
    width: 59%;
}
#thedms12 #thedmsListings tbody{
border:1px solid #888686;
}
TABLE#thedmsBrowseEvents .row1{

}
TABLE#thedmsBrowseEvents .row2{

}

/*-------------------------------------------------------------------- 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: auto;
}
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 12px 10px;
}
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 {
    background-color: #FFFFFF;
    border: 1px solid #888686;
}

DIV#thedmsItemsPanel {
    float: left;
    margin-bottom: 5px;
    margin-left: 7px;
    padding: 0;
    width: 39%;
}
#thedmsBrowseEvents td {
    border-bottom: 1px solid #888686;
    border-right: 1px solid #888686;
    padding: 4px;
}
#thedmsBrowseEvents th {
    background: none repeat scroll 0 0 #000000;
    border: 1px solid #888686;
    color: #FFFFFF;
    padding: 5px;
}


#thedmsBrowseEvents td a:hover {
	text-decoration:underline;
}
/*--------------------------------------------------------------------- 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: none repeat scroll 0 0 #FFFFFF;
    color: #BB0083;
    font-weight: bold;
}
#searchResults ul {
    list-style: circle outside none;
    padding-left: 20px;
}
/*-------------------------------------------------- shortlist -----------------------------------------------------*/
#Shortlist li {
	background-color: #fff;
	padding: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	width: 98%;
}
#Shortlist h3 {
	background: url(/img/background/box1.jpg) repeat-x #B0007C;
	padding: 3px 5px;
	color: #fff;
	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;
}
#thedmsAvailabilityKey .thedmsGridKeyBook, .thedmsGridBook {
    background: none repeat scroll 0 0 #BB0083;
    color: white;
}
div#thedms02n .thedmsGridBook a, div#thedms02n .thedmsGridBook a:visited, div#thedms02n .thedmsGridTableHeader a, div#thedms02n .thedmsGridTableHeader a:visited, thedmsShowInstruct, #thedmsGridAvailabilityCheck a, #thedmsGridAvailabilityCheck a:visited {
    color: #FFFFFF;
    text-decoration: none;
}
div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyUnknown, div#thedms02n .thedmsGridUnknown {
	background-color: #EFF1F0;
	color: #73827A;
}

div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyAvailable, div#thedms02n .thedmsGridAvailable {
    background-color: #95487D;
    color: #FFFFFF;
}

div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyNotAvailable, div#thedms02n .thedmsGridNotAvailable {
    background-color: #666666;
    color: #FFFFFF;
}

div#thedms02n .thedmsGridIcon, div#thedms02n .thedmsGridIconText 
{
    background:#666;
    margin-right:4px;
}
div#thedms02n td.thedmsGridBook:hover{
background:#770555;
}
div#thedms02n t.thedmsGridBook a:hover{
background:#770555;
}

div#thedms02n .thedmsGridTableHeader, #thedmsGridAvailabilityChart .thedmsGridTableHeader th {
    background-color: #000000;
    color: #FFFFFF;
    padding: 8px 6px;
    text-align: center;
}
div#thedms02n div#thedmsGridAvailabilityCheck {
width:95%;
margin: 5px;
}
div#thedms02n div#thedmsGridAvailabilityChart {
    margin: 10px 5px;
    width: 100%;
}
div#thedms02n .thedmsProductDescription {
	font-size: 90%;
}
div#thedms02n #thedmsdetailsEAbuttons {
margin:10px 0;
}
div#thedms02n div#thedmsAvailability, div#thedms02n #thedmsPictureContainer {
    background-color: #FFFFFF;
}

/* New Browse Page Styles */

div.thedmsBrowsePagination a {
    background: none repeat scroll 0 0 #BB0083;
    color: #FFFFFF;
}

div.thedmsBrowsePagination a.thedmsPaginationCurrentPage, div.thedmsBrowsePagination a:hover {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
}
div#thedms131 .thedmsmediaframe {
    background: none repeat scroll 0 0 #BB0083;
    clear: left;
    min-height: 500px;
    padding: 20px;
    text-align: left;
    width: 390px;
}
#thedmsGridAvailabilityCheck .button {
    color: #FFFFFF;
    float: none !important;
}
#thedmsGridAvailabilityCheck .button:hover {
    background: #770555;
    float: none !important;
}
#thedmsDetailsServices {
    border: 1px solid #888686;
    margin: 10px 0 0;
    padding: 0;
}
#thedmsDetailsServices ul {
    margin: 0;
    padding-left: 10px;
}
.thedmsGridTableBorder {
    background: none repeat scroll 0 0 #D0D0D0;
    font-size: 100%;
    padding: 0;
    width: 99%;
}
.eaalphaicon {
    padding: 0 5px;
}
.thedms a:hover{
text-decoration:underline;
}
/*--------------- accessibility search -------------------*/
#thedms159 #thedmsTabMenu li.active {
    background-color: #770555;
}
#thedms159 #thedmsTabMenu li {
    background: none repeat scroll 0 0 #BB0083;
    color: #FFFFFF;
}
#thedms159 #thedmsTabMenu li {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-style: solid solid none;
    border-width: 0;
    float: left;
    font-weight: bold;
    margin: 0 2px 0 0;
    padding: 5px;
    text-align: center;
}
#tab-1, #tab-2, #tab-3, #tab-4, #tab-5, #tab-6, #tabs-1, #tabs-2, #tabs-3 {
    border: 2px solid #BB0083;
    margin-bottom: 5px;
	    padding: 0 10px;
}
#thedms159 #thedmsTabMenu li a {
    color: #FFFFFF;
}

/*Special Offer Styles applied November 2009*/

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



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:;
}
ul.dashnav li a {
	background-color:;
}
.RECMediabutton, .RECAddbutton {
background-color:#BB0083;
border-color:#CCCCCC #333333 #333333 #CCCCCC;
border-style:solid;
border-width:1px;
color:#000;
}
.RECindex {
	background-color: #BB0083;
}
.thedms #RECDashNav {
    float: left;
    margin: 0 10px;
    padding: 0;
    width: 90%;
}
.thedms500 #RECDashMedia, .thedms500 #RECDashArticles, .thedms500 #RECDashProfile  {
    border: 1px solid #000000;
    margin-right: 9px;
}
.thedms500 h2 {
    background: url("/img/background/corner.jpg") no-repeat scroll 0 0 #000000;
    color: #FFFFFF;
    height: 25px;
    padding: 5px 0 0 30px;
}
.thedms505 h2 {
    background: url("/img/background/corner.jpg") no-repeat scroll 0 0 #000000;
    color: #FFFFFF;
    height: 25px;
    padding: 5px 0 0 30px;
}
.thedms506 h2 {
    background: url("/img/background/corner.jpg") no-repeat scroll 0 0 #000000;
    color: #FFFFFF;
    height: 25px;
    padding: 5px 0 0 30px;
}
.thedms507 h2 {
    background: url("/img/background/corner.jpg") no-repeat scroll 0 0 #000000;
    color: #FFFFFF;
    height: 25px;
    padding: 5px 0 0 30px;
}
.RECMediabutton, .RECAddbutton {
    background-color: #BB0083;
    border-color: #CCCCCC #333333 #333333 #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
}
.RECMediabutton:hover , .RECAddbutton:hover {
    background-color:#7C0058;
}
/* 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: 69%;
}
#RECrightbar .box {
	background-color:#EDEDED;
	border:1px solid #000000;
	margin-left: 15px;
}

/* browse recs */
.RECItem  {
background-color:#EDEDED;
	border:1px solid #000000;
}
.RECItemFooter  {
	background-color: #BB0083;
	padding: 3px;
}
.RECItemFooter a {
	color: #fff;
}
.thedms502 .RECImage img {
width:150px;
}
.thedms502 .RECSummary {
float:left;
width:68%;
}
.thedms502 .RECInfo  {
float:right;
width:30%;
}
.RECSearch h2,.RECCategories h2{
    line-height: 30px;
    margin: 0;
    padding: 0 0 0 33px;
}
#RECComments h2, #RECrightbar h2{
    line-height: 30px;
    margin: 0;
    padding: 0 0 0 33px;
}
#RECLatest .thedms502 .RECItem .RECSummary {
font-style:normal;
width:50%;
}
#RECLatest .RECItem .RECInfo {
margin-right:5px;
width:25%;
}
.RECSearch, .RECCategories {
	background-color:#EDEDED;
	border:1px solid #000000;
	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;
}
.RecCrumb {
    margin-top: 33px;
    padding-right: 18px;
}
.RECItemFooter{
height:15px;
}
#dmscontent{
    clear: both;
    float: left;
    margin: 5px 9px;
    width: 98%;
}
#thedms11n .thedmsbutton a {
    color: #FFFFFF !important;
}
.thedms503{width:970px;}


/*------------------------- New Ea Browse Page------------------------------------------*/

#thedms11n .thedmsBrowseH2Background {
    background: url("/img/background/box3.jpg") repeat-x scroll 0 0 #BB0083 !important;
}

.thedmsBrowseH2Background h2{
background:none !important;
color:#3F1B09 !important;
}

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

#thedms11n .thedmsbutton {
    background: url("/img/background/box1.jpg") repeat-x scroll 0 0 #BB0083 !important;
    border: 0 none;
    color: #FFFFFF !important;
}



div#thedms11n .thedmsContentHolder {
width:69%;
}
div#thedms11n .thedmsBrowseRow {
    background: none repeat scroll 0 0 #F7F7F7;
    margin: 5px 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}
div#thedms11n .thedmsActionsHolder {
width:30%;
}

#thedms11n .thedmsContentHolder .thedmsBrowseText, div#thedms11n .thedmsContentHolder .thedmsLogos {
width:493px !important;
}
.BrowseBookactionpanel {
    background: none repeat scroll 0 0 #000000;
    margin: 0 -10px;
    padding: 10px;
}
div#thedms01n .thedmsbutton a, div#thedms01n .thedmsbutton a:visited, div#thedms01 .thedmsbutton a, div#thedms01 .thedmsbutton a:visited {
    background: none repeat scroll 0 0 #BB0083;
    color: White;
    font-weight: bold;
    padding: 6px 8px;
    text-decoration: none;
}
div#thedms01n .thedmsbutton a:hover, div#thedms01 .thedmsbutton a:hover {
    background: none repeat scroll 0 0 #82055C;
}
div#thedmsBrowseGrid .BrowseBookCell {
    background: none repeat scroll 0 0 #F7F7F7;
    border-top: 4px solid #BB0083;
    margin: 10px 0;
    padding: 10px 10px 0;
    width: 97.8%;
}
.BrowseBookRow img:hover{
opacity:0.8;
}
.BrowseBookactionpanel span {
    display: inline;
    font-weight: bold;
}
.BrowseBookactionpanel span:hover {
text-decoration:underline;
}
#thedmsMultiMediaButtons .multimediabtn {
    background: none repeat scroll 0 0 #BB0083;
    border: 1px solid #888686;
    float: left;
    padding: 3px;
    width: auto;
	margin-top:3px;
}
#thedmsMultiMediaButtons .multimediabtn:hover {
    background: none repeat scroll 0 0 #770555;
}
#thedms12 #thedmsBrowseEvents td{
 border: 1px solid #888686;
 }
 #thedms12 #thedmsBrowseEvents th {
    background: none repeat scroll 0 0 #000000;
    border: 1px solid #888686;
    color: #FFFFFF;
    padding: 5px;
}
div#thedms11n .thedmsBrowseText p{font-size:13px; font-weight:normal;}
div#thedms11n .thedmsBrowseH2Background h2 a{*font-size:15px; font-weight:bold;}
div#thedms11n .thedmsActionsHolder .thedmsbutton h2 a{*font-size:15px; font-weight:bold;}
div#thedms11n #thedmsBrowseListing .thedmsBrowseRow .thedmsBrowseH2Background h2 a {
    color: White;
    display: block;
    font-size: 15px;
    text-decoration: none;
	}
	div#thedms11n .thedmsActionsHolder ul li a {
    font-size: 15px;
    margin-left: 4px;
    text-decoration: none;
}
#footer {
    font-size: 12px;
    height: auto;
    width: 980px;
	font-weight:normal;
}
#sub-footer {
    background: url("/img/background/footer.gif") no-repeat scroll 0 0 transparent;
    float: left;
    font-size: 12px;
    height: 40px;
    padding-top: 10px;
    width: 100%;
	font-weight:normal;
}
div.thedmsBrowsePagination {
    float: right;
    font-size: 13px;
    margin-top: 18px;
    padding: 0;
    text-align: right;
    width: 30%;
	font-weight:normal;
}

/* 15-12-11 - Introducing special Offer Styling - Nathan*/

.thedmsSOlist {
background: none repeat scroll 0 0 #ffffff;
border: 2px solid #BB0083;
}
.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: */
#thedms02n #thedmsSpecialOffersHolder {
background: none repeat scroll 0 0 #ffffff;
border: 2px solid #BB0083;
}

.thedmsSO {
background: none repeat scroll 0 0 #ffffff;
border: 2px solid #BB0083;
}

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

div#thedms02n #thedmsAvailability .thedmsSOdetails {
background: none repeat scroll 0 0 #ffffff;
border: 2px solid #BB0083;
}

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

/* EA Details: */
#thedms13 .thedmsSO {
background: none repeat scroll 0 0 #ffffff;
border: 2px solid #BB0083;
}
a.thedmsSObutton, a.thedmsSObutton:visited {
background: none repeat scroll 0 0 #BB0083;
border: 1px solid #999999;
color: #FFFFFF;
}

/* End of Introducing special Offer Styling - Nathan*/