html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, div, img{margin: 0;padding: 0;border: 0;}

body{
background: url(/img/bg.jpg) repeat-x;
background-repeat:repeat-x;
background-color:#f1f8fb;
font-size:80%;
font-family: Arial, Helvetica, sans-serif;
color:#616161;
padding-bottom:10px;
}

.clearer{
clear:both;
line-height:1px;
}

td, th {
padding:3px;
}

li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

a{
color:#175177;
text-decoration:underline;
}

a:hover {
color:#175177;
text-decoration:none;
}

h1{
color:#18537b;
font-size:19px;
margin-bottom:10px;
}

h2{
color:#427392;
font-size:14px;
font-weight:bold;
margin-bottom:10px;
margin-top:13px;
}

h5{
color:#ffffff;
font-size:15px;
}

h6{
color:#ffffff;
font-size:15px;
}

p{
line-height:22px;
margin-bottom:10px;
}

#header{

}

#logo{
width:135px;
float:left;
margin-top:53px;
margin-bottom:33px;
}

#south-wales-logo{
width:135px;
float:left;
margin-top:39px;
margin-bottom:33px;
}

#navigation{
float:right;
margin-top:47px;
margin-bottom:34px;
}

#navigation{

}

#navigation ul{
background: url(../img/nav-bg.jpg) repeat-x;
padding: 0;
margin: 0;
float: left;
font: arial;
}

#navigation ul li{
display: inline;
}


#navigation ul li a, #navigation ul li span{
float: left;
color: white;
font-weight: normal;
font-size:12px;
padding-left:12px;
padding-right:16px;
padding-top:13px;
padding-bottom:13px;
text-decoration: none;
background: url(../img/nav-devider.jpg) top right no-repeat;
}

#navigation ul li span{ /*Targets span tag to the right of #leftcorner below*/
padding-left: 0px;
}

#navigation ul li a#leftcorner{
float: none;
padding-left: 18px;
padding-right: 0px;
background: url(../img/nav-left-corner.jpg) top left no-repeat;
}

#navigation ul li a#rightcorner{
padding-right: 18px;
background: url(../img/nav-right-corner.jpg) top right no-repeat;
}

#navigation ul li a:hover{
text-decoration: none;
color:#92e1ff;
}

#navigation:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#wrapper{
width:940px;
margin:auto;
}

#tourism-frame{
width:937px;
background: url(../img/tourism-header-bottom.jpg);
background-repeat:no-repeat;
border:1px solid #bbcfd8;
border-top:0px;
/*height:600px;*/
background-color:#FFFFFF;
}

#events-frame{
width:937px;
background: url(../img/events-header2-bottom.jpg);
background-repeat:no-repeat;
border:1px solid #bbcfd8;
/*height:600px;*/
background-color:#FFFFFF;
}

#main-content{
width:100%;
float:left;
margin-top:300px;
}

#left-content{
width:235px;
float:left;
margin-left:10px;
margin-right:10px;
display:inline;
}

#right-content{
width:670px;
float:left;
}



.side-box{
width:235px;
padding-bottom:10px;
}

.side-box-header{
background: url(../img/side-box-header.jpg);
background-repeat:no-repeat;
width:235px;
height:35px;
}

.sifr-margin{
margin-top:10px;
padding-left:7px;
float:left;
}

.side-box-content{
background: url(../img/side-box-bg.jpg);
background-repeat:repeat-x;
background-color:#dff0f7;
border:1px solid #cfe4ec;
padding:5px;
}

.side-box p{
color:#436f88;
font-size:11px;
line-height:20px;
position:relative;
}


#footer{
width:100%;
clear:both;
background: url(../img/footer-grad.jpg);
background-repeat:repeat-x;
height:40px;
}

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

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

img.straight-image {
border:2px solid #afcad3;
margin-bottom:5px;
}

.side-box-button{
clear:both;
margin-bottom:5px;
height:20px;
}

.side-box-button img{

float:right;

}

#footer ul{
margin-top:11px;
}

#footer li {
display:inline;
letter-spacing:0px;
line-height:15px;
text-decoration:none;
width:auto;
}

#footer p{
margin-top:9px;
margin-right:15px;
font-size:11px;
color:#ffffff;
}

#footer li a {
background-image:url(../img/footer-li.jpg);
background-position:left center;
background-repeat:no-repeat;
padding-left:10px;
padding-right:10px;
text-decoration:none;
font-size:11px;
color:#ffffff;
}

#footer-left{
width:600px;
float:left;
margin-left:15px;
}

#footer-right{
float:right;
}

#footer li a:hover {
text-decoration:underline;
}
#footer a {
color:#E0DEDE;
}

.content-box{
width:214px;
float:left;
}

.content-box-padding{
margin-left:12px;
margin-right:12px;
}

.top-shadow{
background-image:url(../img/top-box-shadow.jpg);
background-repeat:no-repeat;
width:214px;
height:5px!important;
display:none;
}

.content-box-image{
background-image:url(../img/top-box-shadow.jpg);
background-repeat:no-repeat;
width:214px;
height:143px;
padding-top:5px;
}

.green-content-box-text{
background-image:url(../img/green-box.jpg);
width:214px;
height:57px;
border-top:1px solid white;
background-color:#78843a;

}

.red-content-box-text{
background-image:url(../img/red-box.jpg);
width:214px;
height:57px;
border-top:1px solid white;
background-color:#80191c;
}

.orange-content-box-text{
background-image:url(../img/orange-box.jpg);
width:214px;
height:57px;
border-top:1px solid white;
background-color:#ef9002;
}

.content-box-sifr-margin{
padding-top:7px;
margin-left:5px;
}

.box-row p {
color:#ffffff;
font-size:11px;
margin-left:2px;
}


/*dms styles*/

#dms-content{
width:100%;
}


#thedmsSearch0 h2, #thedmsSearch1 h2 {
background-color:#6E8944;
background-image:url(../img/dms-grad.jpg);
background-position:right center;
background-repeat:repeat-x;
color:#ffffff;
font-size:90%;
font-weight:bold;
margin-bottom:10px;
margin-top:10px;
padding:5px 3px 5px 5px;
text-decoration:none;
}

.searchbuttonholder a:hover {
text-decoration:underline;
color:#175177;
}

.searchbuttonholder a {
font-size:10px;
text-decoration:none;
color:#175177;
}

div#thedmsSearch0 {
float:left;
padding-right:1px;
width:48%;
}

#thedmsSearch1 {
float:right;
}

input.button {
background-color:#1f587d;
background-image:url(../img/button-gradiant.jpg);
background-position:left top;
background-repeat:repeat-x;
border:0pt none;
color:#FFFFFF;
cursor:pointer;
font-size:0.9em;
padding:0.4em 0.5em;
text-decoration:none;
}

.detailbtn a, .detailbtn a:visited {
background-color:#1f587d;
background-image:url(../img/button-gradiant.jpg);
background-position:left top;
background-repeat:repeat-x;
border:0pt none;
color:#FFFFFF;
cursor:pointer;
font-size:11px;
padding:3px;
text-decoration:none;
}

#thedmsShowMap, #thedmsHideMap, #thedmsShowListings, #thedmsHideListings {
background-color:#1f587d;
background-image:url(../img/button-gradiant.jpg);
background-position:left top;
background-repeat:repeat-x;
color:#FFFFFF !important;
cursor:pointer;
padding:4px 15px;
text-decoration:none;
}

#thedmsShowHideMapButton a, #thedmsShowHideListingsButton a{
background-color:#1f587d;
background-image:url(../img/button-gradiant.jpg);
background-position:left top;
background-repeat:repeat-x;
color:#FFFFFF !important;
cursor:pointer;
padding:4px 15px;
text-decoration:none;
border:0px;
}

#thedms01 div#thedmsBrowseGrid .BrowseCell {
background-color:#ffffff;
background-image:url(../img/browse-gradiant.jpg);
background-position:center bottom;
background-repeat:repeat-x;
border:0px solid #BDBDBD;
float:left;
height:auto !important;
margin:0px;
min-height:213px;
padding:0px;
width:295px;
}

#thedms01 #thedmsBrowseGrid .BrowseCell h2 {
background-color:#6E8944;
background-image:url(../img/round-header.jpg);
background-position:center top;
background-repeat:repeat-x;
color:#FFFFFF;
display:block;
font-size:90%;
padding-bottom:6px;
padding-left:6px;
padding-top:6px;
height:20px;
line-height:20px;
}

a.clickable {
color:#FFFFFF;
text-decoration:none;
}

div#thedmsBrowseGrid {
border-bottom:0px solid #666666;
border-top:0px solid #666666;
}

div#thedms01 div#thedmsBrowseGrid .BrowseCellCol2 {
margin-left:12px;
margin-right:12px;
}

#map-control {
padding-bottom:12px;
padding-top:14px;
}

#thedms01 p {
margin-left:5px;
margin-top:3px;
}

#thedms01 div#thedmsBrowseGrid .thedmsBrowsePicture {
padding-left:5px;
}

div#thedmsBrowseGrid .detailbtn {
margin-right:5px;
}

#thedmsPictureContainer {
float:left;
margin-bottom:10px;
width:100%;
}

div#thedms02n #thedmsGridAvailabilityCheck .button {
color:#FFFFFF;
}

div#thedmsPropertyEssentials, div#thedmsDetailsServices, div#thedmsAvailability, div#thedmsAccessibility
{
background-color:#F6F6F4;
border-top:4px solid #EAEAE7;
margin:14px 0px 0px;
padding:10px;
}

	
div#thedmsAvailability {
clear:both;
}

div#thedmsPropertyEssentials h2, #thedmsDetailsServices h2, div#thedmsAvailability h2, div#thedmsAccessibility h3 {
background-color:#175378;
background-image:url(../img/dms-grad.jpg);
background-position:right center;
background-repeat:repeat-x;
color:#FFFFFF;
font-size:90%;
font-weight:bold;
margin:5px 0px 11px;
padding:5px;
}

div#thedmsPropertyEssentialsleft {
float:left;
width:250px;
}

div#thedmsPropertyEssentialsright {
float:right;
width:635px;
}

#thedmsGridAvailabilityCheck a:hover {
color:#175177;
text-decoration:none;
}

#thedmsGridAvailabilityCheck a {
color:#175177;
text-decoration:underline;
}

#thedmsgridtableheader, #thedmsGridAvailabilityChart .thedmsGridTableHeader th {
background:#387093 none repeat scroll 0%;
}

#thedmsGridTable a{
text-decoration:none;
}

#thedmsGridTable a:hover{
text-decoration:none;
}

#thedmsAvailabilityKey .thedmsGridKeyBook, .thedmsGridBook {
background:#4e96bf none repeat scroll 0%;
color:white;
}

#thedms11 div#thedmsBrowseGrid .BrowseRow {
background-color:#F6F6F4;
border-top:4px solid #EAEAE7;
margin-bottom:15px;
padding:5px 13px 8px 15px;
width:890px;
}

#thedms11 div#thedmsBrowseGrid .BrowseSmallPicture {
float:left;
padding:10px 10px 10px 0px;
text-align:center;
width:15%;
}

#thedms11 div#thedmsBrowseGrid .BrowseCell h2 {
background-image:url(../img/dms-grad.jpg);
background-position:right center;
background-repeat:repeat-x;
color:#FFFFFF;
font-size:90%;
font-weight:bold;
margin:5px 0px;
padding-bottom:4px;
padding-left:5px;
padding-top:5px;
}

div#thedmsBrowseGrid .BrowseCell {
width:82%;
}

#thedms11 h2 a{
color:#ffffff;
text-decoration:none;
}

#thedms11 h2 a:hover{
color:#ffffff;
text-decoration:underline;
}

#thedms13 h1{
margin-left: -5px;
}

div#thedmsTopPanel {
border-bottom:0px solid #CCCCCC;
}

#thedms13 div#thedmsContactPanel {
float:left;
width:56%;
}

#thedms13 div#thedmsItemsPanel {
float:right;
padding:10px;
width:38%;
background-color:#F6F6F4;
border-top:4px solid #EAEAE7;
}

#thedms13 div#thedmsContactPanel {
float:left;
width:56%;
}

#thedmsContactPanel {
background-color:#F6F6F4;
border-top:4px solid #EAEAE7;
padding:10px;
}

#thedmsContactPanel h2 {
background-image:url(../img/dms-grad.jpg);
background-position:left center;
color:#FFFFFF;
font-size:12px;
margin:6px 0px;
padding:5px;
}

#thedms13 h2 {
background-color:#6E8944;
background-image:url(../img/dms-grad.jpg);
background-position:right center;
background-repeat:repeat-x;
color:#FFFFFF;
font-size:90%;
font-weight:bold;
margin:5px 0px;
padding-bottom:5px;
padding-left:5px;
padding-top:3px;
}

#thedms13 th {
background-image:url(../img/footer-grad.jpg);
background-repeat:repeat-x;
color:#FFFFFF;
font-size:11px;
}

#thedms-holder{
float:left;
width:100%;
margin-bottom:10px;
}

#thedms12 th {
background-color:#E9E9DE;
background-image:url(../img/events-grad.jpg);
background-repeat:repeat-x;
color:#FFFFFF;
text-align:center;
}

table#thedmsBrowseEvents .row1 {
background-color:#EEEEEE;
}

table#thedmsBrowseEvents {
text-align:left;
}

#thedmsSearch0_category li a{
background-image:url(../img/side-box-list.gif);
background-position:left center;
background-repeat:no-repeat;
color:#436F88;
font-size:11px;
margin-left:0px;
padding-left:15px;
text-decoration:none;
}

#thedmsSearch0_category li a:hover{
background-image:url(../img/side-box-list.gif);
background-position:left center;
background-repeat:no-repeat;
color:#436F88;
font-size:11px;
margin-left:0px;
padding-left:15px;
text-decoration:underline;
}

.box-row{
float:left;
margin-bottom:10px;
}

#links-page li {
background-image:url(../img/side-box-list.gif);
background-position:left center;
background-repeat:no-repeat;
color:#616161;
margin-left:0px;
padding-left:15px;
text-decoration:none;
}

#links-page h2{
font-size:13px;
margin-top:13px;
margin-bottom:8px;
color:#175177;
}

#newsletter-button{
margin-left:208px;
}

.content-box-sifr-margin a{
color:#ffffff;
text-decoration:none;
}

.content-box-sifr-margin a:hover{
color:#ffffff;
text-decoration:underline;
}



/*#round-left{
position:absolute;
top:270px;
left:-10px;
z-index:10;
background-image:url(../img/dms-grad.jpg);
}*/

#top-header{
width:939px;
height:12px;
}


#flashcontent{
border:1px solid #1a547c;
width:660px;
margin-bottom:10px;
}

a.more-info-link, .more-info-link:hover, a.more-info-link:visited, .more-info-link a, .more-info-link a:visited {
background-image:url(../img/more-info-button.jpg);
background-position:left center;
background-repeat:no-repeat;
margin-left:0px;
padding-left:18px;
text-decoration:none;
float:left;
margin-top:5px;
margin-bottom:5px;
}

a.more-info-link:hover{
text-decoration:underline;
}



/*#round-right{
position:absolute;
text-indent:-9000em;
top:0px;
z-index:10;
border:10px solid black;
display:none;
}

.left-corner{
width:6px;
height:7px;
position:absolute;
margin-top:-143px;
background-color:#CC33CC;
}

.right-corner{
width:6px;
height:7px;
position:absolute;
margin-top:-143px;
margin-left:208px;
background-color:#CC33CC;
}*/

ul.gallery li {
display:block;
float:left;
margin-bottom:6px;
margin-right:6px;
}

ul.gallery li a {
border:1px solid #8BAEDC;
display:block;
line-height:0pt;
padding:2px;
}

ul.gallery li a:hover {
border:1px solid #18537b;
display:block;
line-height:0pt;
padding:2px;
}

#hpaccommsearch label {
display:block;
padding:2px 0px 0px;
}

#site-search-button{
margin-top:8px;
margin-left:139px;
}

p.small{
font-size:10px;
}

div#thedms21{
width:98%;
margin:10px;
}

li.big {
background:transparent url(../img/list-item.gif) no-repeat scroll left center;
margin-left:15px;
margin-bottom:5px;
padding-left:15px;
text-decoration:none;
}

li.big a{
text-decoration:none;
}

li.small a{
text-decoration:none;
}

li.small {
background:transparent url(../img/list-item.gif) no-repeat scroll left center;
margin-left:35px;
padding-left:15px;
text-decoration:none;
margin-bottom:5px;
}

/* New Browse Page */

div.thedmsBrowsePagination a.thedmsPaginationCurrentPage, div.thedmsBrowsePagination a:hover 
{
    background:#18537B;
    color:White;
}

div.thedmsBrowsePagination a 
{
    background:#ececec;
    color:#333;
}

/*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 
{
    clear:left;
    background-color:#F6F6F4;
    border-top:4px solid #EAEAE7;
    margin:14px 0 0;
    padding:10px;
}

div#thedmsSpecialOffersHolder h2
{
   
    background-color:#175378;
    background-image:url(../img/dms-grad.jpg);
    background-position:right center;
    background-repeat:repeat-x;
    color:#FFFFFF;
    font-size:90%;
    font-weight:bold;
    margin:5px 0 11px;
    padding:5px;
}

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:17px;
}

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

div#thedmsBrowseGrid .BrowseBookCell 
{

    border-top:4px solid #1A547A;
    background-color:#E4F0F7;
}

.BrowseBookactionpanel 
{
    background-color:#BCDAEB;
}

 div#thedms01n .thedmsbutton a, div#thedms01n .thedmsbutton a:visited, div#thedms01 .thedmsbutton a, div#thedms01 .thedmsbutton a:visited
{
 background:transparent url(../img/nav-bg.jpg) repeat-x scroll 0 0;
}

div#thedms02n #thedmsGridTable .thedmsGridMultiStay, div#thedms02n #thedmsSpecialOffersHolder .thedmsGridMultiStay 
{
background-color: #943843;

}



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