/* ----- MASTER STYLES - Yard Glass ----- */

html, body {height:100%; margin: 0; padding:0; color:#000; font:100% Arial, Verdana, Helvetica, sans-serif; text-align: center;}
body {}
img	{}
form {margin:0; padding:0;}
address {font-style:normal;}
ul {margin: 0; padding: 0; list-style-type: none;}
ol {margin: 0; padding: 0; list-style-type: none;}
li {margin: 0; padding: 0;}
a {text-decoration: underline;}
hr {display: none; visibility: hidden;}
label {font-weight: bold;}
fieldset {border: 0; margin: 0; padding: 0;}
p {line-height: 1.4em; padding:0; margin:0 0 1.4em 0;}
textarea {font-family: Arial, Helvetica, sans-serif; font-size:1em;}
input {font-family: Arial, Helvetica, sans-serif; font-size:1em;}
select {font-family: Arial, Helvetica, sans-serif; font-size:1em;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}]
p.error {color: #ff0000; background: red; float: left; clear: both;}

/* -- ACCESSIBILITY SPECIFIC -- */
ul#skiplinks{position:absolute; width:0; height:0;}
ul#skiplinks li {line-height:0px; font-size:0.5px; height:0px;}
ul#skiplinks li a {color:#FFF;}

/* body colours */
body {background: #f9f9f9 url(../images/global/background-black.gif) top left repeat-x scroll;}
form {width: 100%; background: url(../images/global/bricks.jpg) top center no-repeat scroll;}

/* wrapper */
#wrapper {width:960px; margin:0 auto; padding:0; font-size: .75em; text-align: left; position:relative; }

/* containers */
#topContainer {margin: 0 10px; width: 940px; color: #fff; position: relative;}
#bottomContainer {width: 940px; background: url(../images/global/background-tile.gif) left top repeat-y scroll; padding: 0 10px; clear: left; overflow: hidden;}

/* title bar */
#topContainer #titleBar {float: left; height: 124px; overflow: hidden; width: 754px;}
#topContainer .standard,
#topContainer .hotelBgColour {background: #6d3328;}
#topContainer .title-generic {background-color: #6d3328;}
#topContainer .title-eat {background: url(../images/global/header-eat.jpg) left top no-repeat scroll;}
#topContainer .title-drink {background: url(../images/global/header-drink.jpg) left top no-repeat scroll;}
#topContainer .title-pubs {background: url(../images/global/header-pubs.jpg) left top no-repeat scroll;}
#topContainer .title-offers {background: url(../images/global/header-offers.jpg) left top no-repeat scroll;}
#topContainer #titleBar h1 {float: left; visibility: hidden; font-size: 300%; font-weight: bold; margin: 23px 0 13px 13px; padding: 0; display: inline;}
#topContainer #titleBar.standard h1 {margin: 72px 0 13px 13px;}
#topContainer #titleBar h2 {float: left; visibility: hidden; font-size: 300%; font-weight: normal; margin: 25px 0 0 0;}
#topContainer #titleBar address {clear: left; margin: 0 0 0 13px; line-height: 1.5em;}
#topContainer #titleBar address span.telephone {margin-right: 15px;}
#topContainer #titleBar address strong {color: #b69994;}
#topContainer img.homeImage {float: left;}

/* left navigation */
#topContainer #leftNav {float: left; background: #000; width: 174px; height: 366px; padding: 66px 0 0 12px; color: #8d6440;}
#topContainer #leftNav img.logo {}
#topContainer #leftNav ul {margin: 34px 0 0 42px;}
#topContainer #leftNav ul li {float:left; margin: 0 0 8px; height: 16px; width: 76px;}
#topContainer #leftNav ul li img {float:left;}
#topContainer #leftNav ul li a {height: 16px;}

/* flash container */
#topContainer #flashContainer {float: left;}
#topContainer #flashContainer img {float: left;}
#topContainer #flashContainer iframe {float: left;}

/* horizontal navigation */
#topContainer #horizontalNav {position: absolute; top: 390px; left: 186px;}
#topContainer #horizontalNav ul {width: 754px; height: 42px;}
#topContainer #horizontalNav ul li {float: left; border-right: 3px solid #290a04; background: url(../images/global/horizontal-nav-bg.gif) left top repeat-x scroll; }
#topContainer #horizontalNav ul li.selected {background: #fff;}
#topContainer #horizontalNav ul li.last {border-right: none;}
#topContainer #horizontalNav ul li a {padding: 9px 44px 17px; display: block;}
#topContainer #horizontalNav ul li.last a {padding: 9px 42px 17px 42px;}

/* breadcrumb */
#bottomContainer div#breadcrumb {color: #b2b2b2; width: 728px; padding: 17px 0 25px 199px; float: left;}
#bottomContainer div#breadcrumb p {float: left; margin: 0 10px 0 0; padding: 0;}
#bottomContainer div#breadcrumb ul {float: left; margin: 1px 0 0; padding: 0;}
#bottomContainer div#breadcrumb ul li {display: inline;}
#bottomContainer div#breadcrumb ul li a {color: #b2b2b2; padding: 0 13px 0 0; margin-right: 5px; background:url(../images/global/breadcrumb-arrow.gif) right center no-repeat scroll;}

/* main content */
#bottomContainer #mainContent {width: 940px; margin: 0; clear: left; float: left; position:relative; min-height: 170px;}
#bottomContainer #mainContent .quoteContainer {margin: 0; padding: 0;}
#bottomContainer #mainContent .quoteContainer img.quoteLeft {float: left; margin: 8px 3px 0 0; clear: both; display:inline;}
#bottomContainer #mainContent .quoteContainer p.statementBrown {float: left; width: 426px; font-size: 330%; clear: none; margin: 0 0 7px; padding: 0; line-height: 45px;}
#bottomContainer #mainContent a {color:#000;}
#bottomContainer #mainContent a.selected {color:white;}
#bottomContainer #mainContent a.previous {color:white;}
#bottomContainer #mainContent a.next {color:white;}

/* promos - book a room */
#bottomContainer #mainContent .promos {margin: 0 13px 26px 13px; width: 208px; height: 208px; float: left; over flow: hidden; display:inline;}
#bottomContainer #mainContent .promos.bookRoom a {color: #FFF;  font-weight: bold; display: block; width: 184px; height: 184px; text-decoration: underline;}
#bottomContainer #mainContent .promos.bookRoom a span {margin:160px 0 0 8px; padding:0 10px 0 0; cursor:pointer; background: url(../images/global/white-arrow.gif) right center no-repeat scroll; float:left;}

#bottomContainer #mainContent .promos.bookRoom {background: url(../images/global/chalkboard-banner.jpg) top left no-repeat scroll; width: 184px; height:184px; position:absolute; top:0; right:0;}
#bottomContainer #mainContent .promos.bookRoom.withLogo {top:68px;}

#bottomContainer #mainContent .promos.bookRoom.hotelDetail {width:210px; height:208px; background:url(../images/global/chalkboard-banner-big.jpg) top left no-repeat scroll;}
#bottomContainer #mainContent .promos.bookRoom.hotelDetail a {width: 210px; height: 208px; }
#bottomContainer #mainContent .promos.bookRoom.hotelDetail a span {margin:185px 0 0 8px;}


/* Calendar */ 
 table.calenderTable {position:absolute; top:41px; left:-158px;}
 table.calenderTable {border:2px solid #0e1b5f; width:147px; margin-bottom:5px; }
 table.calenderTable tr {text-align:center; background:#fff;}
 table.calenderTable tr.selectMonth {background:#0e1b5f;}
 table.calenderTable th {height:22px; border-bottom:1px solid #0e1b5f; padding:0; background:#dadce8; color:#0e1b5f; font-weight:bold; text-align:center;}
 table.calenderTable td {padding:2px; background:#fff;height:16px; text-align:center; }
 table.calenderTable td.month {color:#fff; font-weight:bold; height:20px; background:#0e1b5f; text-align:center;}
 table.calenderTable tr td a {color:#0e1b5f; text-decoration:none; font-weight:bold; padding:2px;}
 table.calenderTable tr td a:hover {text-decoration:underline; background:#dadce8;}
 table.calenderTable tr td a.selected {background:#0e1b5f; color:white;}
 table.calenderTable td a.next {color:#FFF;}
 table.calenderTable td a.next:hover {background:none;}
 table.calenderTable td a.next span {display:none;}
 table.calenderTable td a.previous {color:#FFF;}
 table.calenderTable td a.previous:hover {background:none;}
 table.calenderTable td a.previous span {display:none;}

/* escape zone */
#bottomContainer #mainContent .escapeZone {margin: 0 13px 26px 13px; width: 208px; position:absolute; top:0; right:0;}

/* footer */
#footer {width: 940px; height: 82px; background: #f4f4f4; margin: 30px 0 0; border-bottom: 30px solid #fff; overflow: hidden; float: left; clear: both;}
#footer h4 {padding: 31px 0 0 30px; font-size: 170%; float: left;}
#footer ul {float: right; padding: 40px 30px 0;}
#footer ul li {display: inline; font-size: 0.9em; margin-left: 15px;}
#footer ul li a {color: #333; text-decoration: none;}
#footer ul li a:hover {text-decoration: underline;}

/* terms */
#topContainer.terms #termsBg {width: 100%; height: 432px; background: #fff; z-index: 1;}

/* bottom container */
#bottomContainer div#stretch { display: block; width: 1px; height: 140px;}

/* breadcrumb */
#topContainer.terms div#breadcrumb {position: absolute; top: 128px; left: 0; color: #b2b2b2; width: 728px; padding: 17px 0 25px 201px;}
#topContainer.terms div#breadcrumb p {float: left; margin: 0 10px 0 0; padding: 0;}
#topContainer.terms div#breadcrumb ul {float: left; margin: 1px 0 0; padding: 0;}
#topContainer.terms div#breadcrumb ul li {display: inline;}
#topContainer.terms div#breadcrumb ul li a {color: #b2b2b2; padding: 0 13px 0 0; margin-right: 5px; background:url(../images/global/breadcrumb-arrow.gif) right center no-repeat scroll;}


/* title bar */
#topContainer.terms #titleBar.standard h1 {margin: 60px 0 13px 13px;}

/* terms */
ol#terms {width: 715px; color: #000; margin-left: 194px;}
ol#terms li {list-style-type: decimal; margin: 10px 0 0 29px; font-weight: bold;}
ol#terms li span {font-weight: normal;}
ol#terms li ol li {list-style-type:lower-alpha;}
ol#terms li ul li {list-style-type: disc; margin-left: 16px; font-weight: normal; padding-left: 6px;}



/* -- USEFUL CLASSES -- */
.clr {clear:both; line-height:0px; font-size:0.5px; height:0px; overflow:hidden;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } /* Non IE clearfix */