/**************** Body and tag styles ****************/
* {margin: 0;}
body, h1, h2, h3, h4, h5, h6, p, blockquote, label, fieldset, ul, ol, dl, li, object, table, th, tr, td  {padding: 0;}
body {
	font: 100%/1.5 Arial, Helvetica, sans-serif;
	color: #030303; background: #2B2A30 url(../images/main/page-bg.gif) repeat-x left top;
}
img {
	border:none;
	vertical-align: bottom;
}
h1 {
	margin-bottom: .5em;
	font-size: 1.1em;
	line-height: 1.7;
}
h2 {
	font-size: 1em;
	margin-bottom: .5em;
	color: #2B2A30;
}
h3 {
	font-size: .85em;
	margin-bottom: 1.2em;
}
h4 {
	font-size: .85em;
	color: #2B2A30;
	margin-bottom: .5em;
	border-top: 1px solid #2B2A30;
	padding-top: 1.3em;
	font-style: italic;
}
h5 {
	font-size: .8em;
}
p, ul, ol {font-size: .8em;
	margin-bottom: 1.6em;
}
ul ul {font-size: .9em;
	margin-bottom: .2em;
}
ul, ol {margin-left: 2em;
}
li {margin-bottom: .3em;
}
a {text-decoration: underline;}
a:link {color: #2B2A30;}
a:visited {color: #2B2A30;}
a:hover {color: #fff; text-decoration: none;}
a:active {color: #fff; text-decoration: none;
}
table, th, td {
	border-collapse: collapse;
	border: 1px solid #777;
	padding: .4em;
	vertical-align: top;
}
table {
	margin-bottom: .8em;
}
td {
	font-size: .7em;
}
th {
	background: url(../images/main/table-head-bg.jpg) repeat-x left top;
	vertical-align: inherit;
	font-size: .8em;
	color: #FCFDFD;
}
hr {background-color: #2B2A30;
	height: 1px;
	border: none;
}
/**************** Container styles ****************/
#container {
	width: 980px;
	margin: 0 auto;
}
/**************** Header styles ****************/
#sistersites {
	margin-top: 0px;
	float: left;
	width: 100%;
	height: 47px;
}
#sistersites ul{
	float: right;
	margin: 0;
}
#sistersites ul li {
	list-style: none;
	float: left;
	height: 47px;
}
#sistersites ul li.punchbowllink {
	height: 27px;
	padding-top: 20px;
	margin-right: 20px;
}
#sistersites ul li a {
	display: block;
	color: #D9DCE0;
	font-size: .9em;
	text-decoration: none;
	float: left;
}
#sistersites ul li a:hover, #sistersites ul li a:active{
	color: #fff;
}
#sistersites li.punchbowlinnslink a img {
	background: url(../images/main/punchbowlinns-rollover.gif) no-repeat left top;
	height: 47px;
	width: 196px;
}
#sistersites li.punchbowlinnslink a:hover img {background: url(../images/main/punchbowlinns-rollover.gif) no-repeat left -47px;
}
#header {
	margin-top: 0px;
	float: left;
	width: 100%;
	height: 182px;
}
#header img {float: left;
}
/**************** Navigation styles ****************/
#navbar {
	float: left;
	width: 157px;
	background-color: #2B2A30;
}
#navbar ul {
	float: left;
	width: 157px;
	margin: 15px 0 0;
	font-size: .75em;
	font-weight: bold;
}
#navbar li {
	list-style: none;
	float: left;
	width: 147px;
	margin-bottom: 0;
	background: url(../images/main/nav-divider.gif) no-repeat left top;
}
#navbar li .currentpage, #navbar li .currentsubpage {
	text-decoration: none;
	width: 134px;
	padding: 4px 0 3px 23px;
	display: block;
	color: #D9DCE0;
	font-style: italic;
	background: url(../images/main/beige-bullet.gif) no-repeat 10px 8px;
}
#navbar li.currentsection {
	font-style: italic;
}
#navbar li .currentsubpage {
	padding: 0 0 0 23px;
	background: url(../images/main/beige-bullet.gif) no-repeat 10px 4px;
}
#navbar a {
	text-decoration: none;
	width: 147px;
	padding: 4px 0 3px 10px;
	display: block;
}
#navbar a:link, #navbar a:visited {color: #CDD3CF;}
#navbar a:hover, #navbar a:active {color: #fff;
}
#navbar li.firstlistitem {background: none;
}
/* 1st level */
#navbar ul ul {
	float: left;
	width: 157px;
	margin: 0 0 5px;
	font-size: 1em;
	font-weight: bold;
	font-style: italic;
}
#navbar li li {
	width: 157px;
	background: none;	
}
#navbar ul ul li a {
	width: 134px;
	padding: 0 0 0 23px;
}
#navbar ul ul a:link, #navbar ul ul a:visited {color: #CDD3CF;}
#navbar ul ul a:hover, #navbar ul ul a:active {color: #fff;
}
.sociallinks {
	float: left;
	margin-top: 30px;
}
.sociallinks img {
	float: left;
	margin-left: 10px;
}
#navbar .sociallinks a {
	display: inline;
	padding: 0;
}
.sociallinks p {
	color: #C6CBD0;
	margin: 0 10px 3px 10px;
	font-size: .7em;
	line-height: 1.3;
}
/***************** Top text buttons ****************************/
#topbuttons {
	float: left;
	height: 40px;
	width: 823px;
	background-color: #2B2A30;
}
#topbuttons ul {
	float: right;
	width: 823px;
	margin: 12px 0 0;
}
#topbuttons ul li {
	list-style: none;
	height: 19px;
	float: left;
}
#topbuttons ul li a {display: block; height: 19px;
}
#topbuttons ul li a#roomslink {background: url(../images/main/btn-rooms.gif) no-repeat left top; width: 75px; margin-left: 100px;}
#topbuttons ul li a#roomslink:hover {background: url(../images/main/btn-rooms.gif) no-repeat left -19px;}
#topbuttons ul li a#reservationlink {background: url(../images/main/btn-make-a-reservation.gif) no-repeat left top; width: 215px; margin-left: 100px;}
#topbuttons ul li a#reservationlink:hover {background: url(../images/main/btn-make-a-reservation.gif) no-repeat left -19px;}
#topbuttons ul li a#offerslink {background: url(../images/main/btn-offers.gif) no-repeat left top; width: 75px;  margin-left: 100px;}
#topbuttons ul li a#offerslink:hover {background: url(../images/main/btn-offers.gif) no-repeat left -19px;}
#topbuttons ul span {display: none;
}
/***************** Booking buttons ****************************/
#bookingbuttons {
	float: left;
	width: 587px;
	height: 15px;
	padding-left: 175px;
	margin-bottom: 1em;
}
#bookingbuttons ul {
	margin: 0;
	height: 15px;
}
#bookingbuttons ul li {
	list-style: none;
	height: 15px;
	float: left;
}
#bookingbuttons ul li a {display: block; height: 15px;
}
#bookingbuttons ul li a#availchecklink {background: url(../images/main/btn-availabiltycheck.gif) no-repeat left top; width: 200px; border-right: 1px solid #2B2A30; margin-right: 20px; padding-right: 20px;}
#bookingbuttons ul li a#availchecklink:hover {background: url(../images/main/btn-availabiltycheck.gif) no-repeat left -15px;}
#bookingbuttons ul li a#bookingformlink {background: url(../images/main/btn-bookingform.gif) no-repeat left top; width: 159px;}
#bookingbuttons ul li a#bookingformlink:hover {background: url(../images/main/btn-bookingform.gif) no-repeat left -15px;
}
#bookingbuttons ul span {display: none;
}
/**************** Content styles ****************/
#maincontent {
	background-color: #D9DCE0;
	float: left;
	width: 823px;
	min-height: 372px;
	padding-bottom: 10px;
	position: relative;
}
#roomscontent {
	background-color: #D9DCE0;
	float: left;
	width: 807px;
	padding: 8px;
	position: relative;
	min-height: 476px;
}
#roomstext {
	width: 274px;
	float: left;
	margin-top: 20px;
	padding: 10px 20px 10px 10px;
}
#roomstext h1, .blueitalic {
	color: #2B2A30;
	font-style: italic;
}
#topimages {
	float: left;
	width: 100%;
	margin-bottom: 32px;
}
#topimages img {
	float: left;
	margin-right: 6px;
}
#topimages img.lastimg {
	margin-right: 0;
}
#leftcontent, #leftcontentwide {
	float: left;
	background: url(../images/main/content-divider.gif) no-repeat right 10px;
	width: 210px;
	padding: 0 15px 0 20px;
	min-height: 300px;
	text-align: right;
	color: #2B2A30;
	font-style: italic;
}
.leftoffsetcontent {
	background: url(../images/main/content-divider.gif) no-repeat right 10px;
	width: 200px;
	padding: 0 15px 0 0;
	min-height: 300px;
	text-align: right;
	color: #2B2A30;
	font-style: italic;
	margin-right: 15px;
}
#leftcontentwide {
	width: 374px;
	padding: 0 15px 0 20px;
}
#menutable {
	font-size: 1.2em;
	border: none;
}
#menutable .barbuttons {
	font-size: .95em;
	margin: 1px 0 1.6em 2px;
}
#menutable h1 {
	font-size: 1.3em;
	color: #2B2A30;
	font-style: italic;
	margin-bottom: 0;
}
#menutable, #menutable td {
	border: none;
	padding-left: 0;
}
#rightcontent {
	float: left;
	width: 485px;
	padding: 6px 70px 0 22px;
}
#rightcontentwide {
	float: left;
	width: 322px;
	padding: 6px 70px 0 22px;
}
#largeimage {
	float: right;
	width: 494px;
}
#bottomimage {
	position: absolute;
	left: 8px; bottom: 8px;
}
#fullcontent {
	float: left;
	width: 763px;
	padding: 0 30px;
}
#treatmentsleft {
	float: left;
	margin-right: 31px;
	width: 366px;
}
#treatmentsleft p, #treatmentsright p {
	margin-bottom: 1em;
}
#treatmentsleft table, #treatmentsright table {
	font-weight: bold;
}
#treatmentsright {
	float: left;
	width: 366px;
}
.nobullets {
	list-style: none;
	margin: 0;
}
ul.barbuttons {
	list-style: none;
	margin: 0 0 1.6em;
}
ul.barbuttons li {
	display: inline;
}
ul.barbuttons li a, ul.barbuttons li span {
	padding: 5px 8px;
	text-decoration: none;
	font-weight: bold;
}
ul.barbuttons a:link, ul.barbuttons a:visited {color: #D9DCE0; background-color: #2B2A30;}
ul.barbuttons a:hover, ul.barbuttons a:active, ul.barbuttons li span {color: #fff; background-color: #2B2A30;
}
/**************** Contact page styles ****************/
table#contacttable, table#contacttable td {
	border-collapse: collapse;
	vertical-align: top;
	padding-left: 0;
	border: none;
}
input#yourname, input#email, input#telephone, table#contacttable textarea {
	width: 230px;
	border: 1px solid #BEB4AE;
}
table#contacttable td {font-size: .75em;
}
/**************** Footer styles ****************/
#footer {
	float: right;
	width: 823px;
	text-align: center;
	color: #D9DCE0;
	font-size: .8em;
	padding: .5em 0;
	background-color: #2B2A30;
}
#footer p {
	margin-bottom: 0;
	clear: both;
}
#footer a:link, #footer a:visited {color: #D9DCE0;}
#footer a:hover, #footer a:active {color: #fff;
}
#footer ul {
	margin: 0 0 .7em;
}
#footer ul li {
	list-style: none;
	display: inline;
	margin-right: 1em;
	border-right: 1px solid #fff;
	padding-right: 1.2em;
	line-height: 1.2;
}
#footer ul li.lastfootlist {
	margin-right: 0;
	border-right: none;
	padding-right: 0;
}
/**************** Misc classes and styles ****************/
.imgleft {float: left; margin: 0 1em .5em 0;}
.imgright {float: right; margin: 0 0 .5em 1em;}
.boldtext {font-weight: bold;}
.italictext {font-style: italic;}
.textcentre {text-align: center;}
.textright {text-align: right;}
.smalltext {font-size: .7em;}
.leftcolumn {text-align: left; width: 190px;}
.lightbg {background-color: #364E57; color: #fff;}
.fixedcolumn {width: 85px;}
.smallmargbottom {margin-bottom: 1em;}
.clear {clear: both;}
.marg0bottom {margin-bottom: 0;}
.smallnormtext {font-weight: normal; font-size: .8em;}

.input {width: 50px;}

#content {padding: 30px;}

#book-a-room {background: url(../images/make-a-reservation/book-a-room.png) -19px left no-repeat; display: block; width: 150px; height: 19px; position: absolute; top: 150px; right: 230px;}
#book-a-room:hover {background-position: 0 0;}
#book-a-table {background: url(../images/make-a-reservation/book-a-table.png) -19px left no-repeat; display: block; width: 150px; height: 19px; position: absolute; top: 150px; right: 50px;}
#book-a-table:hover {background-position: 0 0;}

form#reservation {width: 502px;  padding: 15px 0; float: left; margin-bottom: 20px;}
form#reservation textarea, input {border: 1px solid #BEB4AE; margin-bottom: 10px; color: #8a8a8a; padding: 0 10px ;}


form#reservation input {line-height: 25px;}

form#reservation input#name, 
form#reservation input#address_1, 
form#reservation input#city, 
form#reservation input#postcode, 
form#reservation input#arrival, 
form#reservation input#nights

{width: 226px; height: 25px; float: left; margin-right: 6px;}

form#reservation input#email, 
form#reservation input#address_2,
form#reservation input#county, 
form#reservation input#telephone,
form#reservation input#departure,
form#reservation input#occupants
 
{width: 226px; height: 25px; float: left;}

form#reservation input#code {width: 180px; height: 25px; float: right; clear: both;}
form#reservation textarea {width: 479px; height: 43px; padding: 10px; font: Arial, Helvetica, sans-serif;}
	#required {color: #8b8b8b; font-size: 0.8em; margin-top: -15px; float: left;}
form#reservation input#submit {background: url(../images/send-button.gif) top left no-repeat; width: 100px; height: 25px; display: block; border: none;float: right; clear: both;}
form#reservation input#submit:hover {cursor: pointer;}
form img {border: 1px solid #cecece; float: right; margin-bottom: 10px;}
	.error {color: #F00;}
	.accept, .error {margin-bottom: 10px;}


.offer_box {float: left; width: 720px; margin: 10px 0; padding: 20px; background: #eee;}
.offer_text {float: right; width: 530px;}
.offer_image {float: left; width: 150px;}

#make-a-reservation #maincontent {width: 980px;}
#make-a-reservation #topbuttons {width: 980px;}
#thedms {width: 700px;}
#thedms09 {margin-left: 120px!important;}