/*
-----------------------------------------------------------------------------
Null Browser Defaults
-----------------------------------------------------------------------------*/
* {
	margin:0px;
	padding:0px;
}
/*
-----------------------------------------------------------------------------
Global Default Elements
-----------------------------------------------------------------------------*/
body {
	text-align:center;
	background-color:#96b3df;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
p {
	padding:8px;
}
h1 {
	padding:8px;
	font-size:16px;
	color:#5D83C3;
}
h1 b {
	color:#173A74;
	font-size:16px;
}
h1 em {
	font-style:normal;
	font-size:12px;
	color:#193A70;
}
h2 {
	padding:8px;
	font-size:14px;
}
ul {
	margin-left:25px;
}
ol {
	margin-left:30px;
}
li {
	padding:3px;
}
.error {
	color:#E00;
}
.label {
	font-weight:bold;
}
/*
-----------------------------------------------------------------------------
Header
-----------------------------------------------------------------------------*/
#header {
	position:relative;
	margin:0px auto;
	text-align:left;
	height:133px;
	background-image:url(../images/backgrounds/header.png);
	background-repeat:repeat-x;
	background-color:#FFF;
	background-position:0px 64px;
}
/*
-----------------------------------------------------------------------------
InnerHeader
-----------------------------------------------------------------------------*/
#innerheader {
	position:relative;
	margin:0px auto;
	width:802px;
	height:162px;
}
#logobox {
	position:absolute;
	top:0px;
	left:0px;
	width:106px;
	height:63px;
}
#number {
	position:absolute;
	top:30px;
	right:0px;
	font-size:13px;
	color:#1A4487;
	text-align:right;
	font-weight:bold;
}
#number a {
	font-weight:bold;
	text-decoration: none;
	color: #496AA0;
}
#number a:hover {
	color: #799AD0;
}
#uppermenu {
	position:absolute;
	height:33px;
	width:720px;
	top:100px;
	left:0px;
	background-image:url(../images/backgrounds/uppermenusliver.png);
	background-repeat:repeat-x;
	color:#FFF;
}
#uppermenu ul {
	margin-top:10px;
	margin-left: 10px;
}
#uppermenu ul li {
	display:inline;
	list-style:none;
}
#uppermenu ul li a {
	font-weight:bold;
	color:#193A70;
	text-decoration:none;
	padding: 0px 4px;
}
#uppermenu ul li a:hover {
	color:#779CD5;
}
#uppermenuleftside {
	position:absolute;
	top:0px;
	left:0px;
	width:4px;
	height:33px;
	background-image:url(../images/backgrounds/uppermenuleftside.png);
	background-repeat:no-repeat;
}
#uppermenurightside {
	position:absolute;
	top:0px;
	right:0px;
	width:4px;
	height:33px;
	background-image:url(../images/backgrounds/uppermenurightside.png);
	background-repeat:no-repeat;
}
/*
-----------------------------------------------------------------------------
Page
-----------------------------------------------------------------------------*/
#page {
	position:relative;
	margin:0px auto;
	background-color:#FFF;
	background-image:url(../images/backgrounds/pagetop.png);
	background-repeat:repeat-x;
	background-position:top;
}
/*
-----------------------------------------------------------------------------
InnerPage
-----------------------------------------------------------------------------*/
#innerpage {
	position:relative;
	margin:0px auto;
	text-align:left;
	width:800px;
	min-height:400px;
	background-color:#E4EEFF;
	background-image:url(../images/backgrounds/pagetopsliver.png);
	background-position:top;
	background-repeat:no-repeat;
}
#lowermenu {
	position:relative;
	height:28px;
	padding-top:1px;
	background-image:url(../images/backgrounds/lowermenusliver.png);
	background-repeat:repeat-x;
	color:#FFF;
}
#lowermenu ul {
	margin-top:6px;
	margin-left:10px;
}
#lowermenu ul li {
	display:inline;
	list-style:none;
}
#lowermenu ul li a {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	padding: 0px 9px;
}
#lowermenu ul li a:hover {
	text-decoration:underline;
}
#leftcolumn {
	position:relative;
	width:520px;
}
#content {
	position:relative;
	width:500px;
	padding:10px;
	color:#193A70;
}
.leftcolumnboxheading {
	width:399px;
	height:35px;
	background-image:url(../images/backgrounds/leftcolumnboxheading.png);
	background-repeat:no-repeat;
}
.leftcolumnboxheading h1 {
	color:#FFF;
}
.leftcolumnbox {
	width:399px;
	background-color:#FFF;
}
.leftcolumnboxfooter {
	width:399px;
	height:11px;
	background-image:url(../images/backgrounds/leftcolumnboxfooter.png);
	background-repeat:no-repeat;
}
#rightcolumn {
	position:absolute;
	right:0px;
	top:40px;
	width:280px;
}
#homerightcolumn {
	position:absolute;
	right:0px;
	top:15px;
	width:280px;
}
#booking-form {
	position:relative;
	width:258px;
	height:268px;
	background-image:url(../images/backgrounds/booking-form-background.png);
	background-repeat:no-repeat;
}
#booking-form table {
	margin-left:7px;
}
#booking-form .button {
	width:183px;
	height:65px;
	margin:22px 0px 0px 1px;
	cursor:pointer;
}
*:first-child+html #booking-form .button {
	margin:18px 0px 0px 1px;
}
#booking-form h1, #booking-form .label {
	color:#FFF;
}
#booking-form .label {
	font-weight:bold;
}
#booking-form table .line1input {
	width:234px;
}
#booking-form table .line2input {
	width:108px;
}
#booking-form .line3input {
	width:66px;
	margin-right:10px;
}
#bookingform .input {
	float: left;
	margin-right: 2px;
}
.inputpromo {
	border: 1px solid #999;
	padding: 2px;
}
.ad {
	margin-left: 110px;
}
#bookingform .dashboard {
	float: left;
	margin: 0px;
}
#hotel-finder {
	position:relative;
	width:259px;
}
#hotel-finder-heading {
	position:relative;
	width:241px;
	height:19px;
	background-image:url(../images/backgrounds/hotel-finder-heading.png);
	background-repeat:no-repeat;
	color:#FFF;
	font-weight:bold;
	font-size:16px;
	padding:4px 3px 3px 15px;
}
#hotel-finder-hotels {
	position:relative;
	width:257px;
	min-height:50px;
	padding-top:5px;
	border-left:1px solid #CBD9F0;
	border-right:1px solid #CBD9F0;
	background-color:#FFF;
}
#hotel-finder-hotels ul li {
	list-style:none;
}
#hotel-finder-hotels ul li a {
	color:#385E9B;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
#hotel-finder-footer {
	position:relative;
	width:259px;
	height:16px;
	background-image:url(../images/backgrounds/hotel-finder-footer.png);
	background-repeat:no-repeat
}
#googlemap {
	width:250px;
	height:190px;
	border:1px solid #A5BADC;
}
#hoteladdress {
	margin-right:18px;
	text-align:right;
	font-weight:bold;
	color:#193A70;
}
#hoteladdress a {
	color:#496AA0;
	text-decoration:none;
}
#hoteladdress a:hover {
	color:#799AD0;
}
#onecolumn {
	position:relative;
	min-height:500px;
	padding:20px;
}
#onecolumn h1 {
	font-size:20px;
	border-bottom:1px solid #5D83C3;
	margin-bottom:8px;
}
.hotelbutton {
	display:block;
	width:145px;
	height:177px;
	background-position:bottom;
	background-repeat:no-repeat;
	float:left;
}
.hotelbutton:hover {
	background-position:top;
}
#angmering-manor {
	background-image:url(../images/hotelbuttons/angmering-manor.jpg);
}
#ashbys-boutique-hotel {
	background-image:url(../images/hotelbuttons/ashbys-boutique-hotel.jpg);
}
#the-bay-hotel {
	background-image:url(../images/hotelbuttons/the-bay-hotel.jpg);
}
#the-corn-exchange {
	background-image:url(../images/hotelbuttons/the-corn-exchange.jpg);
}
#the-george-and-horn {
	background-image:url(../images/hotelbuttons/the-george-and-horn.jpg);
}
#the-george-and-pilgrim {
	background-image:url(../images/hotelbuttons/the-george-and-pilgrim.jpg);
}
#the-george-hotel-amesbury {
	background-image:url(../images/hotelbuttons/the-george-hotel-amesbury.jpg);
}
#the-george-hotel-dorchester {
	background-image:url(../images/hotelbuttons/the-george-hotel-dorchester.jpg);
}
#the-globe-and-crown {
	background-image:url(../images/hotelbuttons/the-globe-and-crown.jpg);
}
#the-grand-victorian-hotel {
	background-image:url(../images/hotelbuttons/the-grand-victorian-hotel.jpg);
}
#the-great-expectations-hotel {
	background-image:url(../images/hotelbuttons/the-great-expectations-hotel.jpg);
}
#the-highdown-hotel {
	background-image:url(../images/hotelbuttons/the-highdown-hotel.jpg);
}
#the-highwayman-inn {
	background-image:url(../images/hotelbuttons/the-highwayman-inn.jpg);
}
#the-horseshoe-inn {
	background-image:url(../images/hotelbuttons/the-horseshoe-inn.jpg);
}
#the-kings-arms {
	background-image:url(../images/hotelbuttons/the-kings-arms.jpg);
}
#the-new-inn-hotel {
	background-image:url(../images/hotelbuttons/the-new-inn-hotel.jpg);
}
#the-newmarket-inn {
	background-image:url(../images/hotelbuttons/the-newmarket-inn.jpg);
}
#the-old-crown-inn {
	background-image:url(../images/hotelbuttons/the-old-crown-inn.jpg);
}
#the-pier-hotel {
	background-image:url(../images/hotelbuttons/the-pier-hotel.jpg);
}
#the-radstock-hotel {
	background-image:url(../images/hotelbuttons/the-radstock-hotel.jpg);
}
#the-roebuck-inn {
	background-image:url(../images/hotelbuttons/the-roebuck-inn.jpg);
}
#the-station-hotel {
	background-image:url(../images/hotelbuttons/the-station-hotel.jpg);
}
#the-tudor-house-hotel {
	background-image:url(../images/hotelbuttons/the-tudor-house-hotel.jpg);
}
#the-sussex-hotel {
	background-image:url(../images/hotelbuttons/the-sussex-hotel.jpg);
}
#gallerypage table td {
	text-align:center;
	width:122px;
}
#gallerypage img {
	margin:7px;
	border:1px solid #999;
	padding:3px;
	background-color:#fff;
}
#gallerypage img:hover {
	border:1px solid #006;
}
.input, .input-year {
	border:1px solid #999;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#homeform .input {
	width: 18px;
	margin-right: 2px;
	float: left;
}
#homeform .dashboard {
	float: left;
	margin: 0px;
}
#homeform .input-year {
	width: 30px;
	margin-right: 2px;
}
#bookingform .input {
	width: 30px;
}
#homeform select.short,
#bookingform select {
	width: 40px;
}
#bookingform .hotel {
	width: auto;	
}
#hotel-of-month {
	position:relative;
	background-image:url(../images/backgrounds/hotel-of-month.png);
	background-repeat:no-repeat;
	height:184px;
	width:480px;
}
#hotel-of-month .relaxinnz {
	color:#749AD4;
	font-weight:bold;
}
#image {
	position:absolute;
	top:0px;
	right:0px;
}
#facilities img {
	padding-right:25px;
	padding-left:10px;
}
#view-gallery {
	width:75px;
	height:75px;
	display:block;
	background-image:url(../images/view-gallery.png);
	background-repeat:no-repeat;
	background-position:top;
	margin:8px;
}
#view-gallery:hover {
	background-position:bottom;
}
#offer-card {
	position:absolute;
	right:20px;
	top:5px;
}
#results-info {
	position: absolute;
	top: 70px;
	left: 20px !important;
	left: 0px;
	width: 225px;
	height: 555px;
	background-color: #FFF;
}
#results {
	position: relative;
	margin-left: 225px;
}
#hotelmap {
	 width: 762px;
	 height: 500px;
	 border: 1px solid #888;
	 position: relative;
	 margin: 8px;
}
#hotelinfo {
	margin-left:8px;
}
#hotelinfo h1 {
	padding:0px;
}
#hotelinfo tr td {
	padding:3px;
}
.hotelinfosubheading {
	text-decoration:underline;
	font-weight:bold;
	font-size:13px;
}
#weddings-callback {
	position:relative;
	width:237px;
	height:197px;
	background-image:url(../images/backgrounds/weddings-callback.png);
	background-repeat:no-repeat;
	margin-left:2px;
}
#weddings-callback #namebox, #weddings-callback #numberbox {
	position:absolute;
	right:20px;
}
#weddings-callback #namebox {
	top:65px;
}
#weddings-callback #numberbox {
	top:90px;
}
#weddings-callback .button {
	position:absolute;
	left:70px;
	bottom:50px;
	width:94px;
	height:30px;
	background-image:url(../images/backgrounds/weddings-callback-button.png);
	background-repeat:no-repeat;
	border:none;
	text-indent:-9999px;
}
.bold {
	font-weight:bold;
}
#menupage {
	text-align:center;
	font-family:"Bookman Old Style", Arial, Helvetica, sans-serif;
	font-size:12px;
}
#menupage h1 {
	font-size:20px;
}
#menupage h2 {
	font-size:16px;
}
#menupage h3 {
	font-size:12px;
}
#menupage .terms {
	font-size:10px;
}
#cancel {
	position:absolute;
	right:24px;
	bottom:-15px;
}
/*
-----------------------------------------------------------------------------
Footer
-----------------------------------------------------------------------------*/
#footer {
	position:relative;
	margin:0px auto;
	height:225px;
	text-align:left;
	background-image:url(../images/backgrounds/footer.png);
	background-repeat:repeat-x;
}
#footer-line {
	margin-left:1px;
	width:799px;
	border-top:1px solid #CCC;
}
.footer-column {
	position:relative;
	float:left;
	margin-left:40px;
	margin-top:10px;
	width:160px !important;
	width:140px;
	height:140px;
}
.footer-column a {
	text-decoration:none;
	color:#888;
	font-size:10.5px;
}
.footer-column a b {
	font-size:10.5px;
}
.footer-column a:hover {
	color:#009;
}
#footer ul {
	padding:0px;
	margin:0px;
}
#footer li {
	padding:0px;
	margin:0px;
	list-style:none;
}
#footer h2, #footer h2 a {
	font-size:12px;
	color:#888;
	padding:0px;
	margin:0px;
}
#footer h2 a:hover {
	color:#009;
}
#hotel-thumbs {
	text-align: center;
	width: 100%;
}
#hotel-thumbs img {
	border: 1px solid #666;
	padding: 3px;
	background-color: #FFF;
	margin: 10px;
}
#hotel-thumbs a:hover img {
	border-color: #000066;
}
/*
-----------------------------------------------------------------------------
InnerFooter
-----------------------------------------------------------------------------*/
#innerfooter {
	position:relative;
	margin:0px auto;
	text-align:left;
	width:800px;
	height:185px;
	background-image:url(../images/backgrounds/innerfooter.png);
	background-position: bottom;
	background-repeat:no-repeat;
	background-color: #E4EEFF;
}
#brightsite {
	position: relative;
	width: 750px;
	bottom: 35px;
	margin: 0px auto;
	text-align: right;
	font-size: 10px;
}
#brightsite a {
	color:#395A90;
	text-decoration:none;
}
#brightsite a:hover {
	color:#193A70;
}
/*
-----------------------------------------------------------------------------
Dashboard Calendar
-----------------------------------------------------------------------------*/
input.dashboard,
select.dashboard {
	width:40px;
}
button.dashboard {
	background:url(../images/icons/dashboard-icon.gif);
	border:0;
	cursor:pointer;
	height:20px;
	margin-right:10px;
	width:20px;
	margin-top:3px;
}
button.dashboard:hover,
button.dashboard.active {
	background-position:0 20px;
}
div.dashboard {
	background:url(../images/icons/dashboard.png);
	height:175px;
	padding:0px 12px;
	text-align:center;
	width:147px;
}	
div.dashboard * {
	margin:0px;
	padding:0px;
}	
div.dashboard div {
	background:none !important;
	cursor:move;
	height:165px;
	overflow:hidden;
	padding-top:10px;
	position:relative;
	width:147px;
}	
div.dashboard caption {
	color:#FFF;
	font:normal 12px/17px Arial, Helvetica, sans-serif;
	padding-top:4px;
	text-align:center;
	width:100%;
}
div.dashboard caption a {
	cursor:pointer;
	display:block;
	height:11px;
	overflow:hidden;
	position:absolute;
	text-indent:-100px;
	top:16px;
	width:11px;
}
div.dashboard caption a.prev {
	background-image:url(../images/icons/dashboard-prev.gif);
	left:1px;
}
div.dashboard caption a.next {
	background-image:url(../images/icons/dashboard-next.gif);
	right:1px;
}
div.dashboard caption a:hover {
	background-position:0 11px;
}
div.dashboard caption span {
	height:25px;
	position:relative;
	text-align:center;
}
div.dashboard caption span.month {
	padding-right:8px;
}
div.dashboard caption span.month:after {
	content:',';
}
div.dashboard table {
	border:0;
	border-collapse:collapse;
	border-spacing:0;
	cursor:default;
	margin:0px auto;
	overflow:hidden;
	width:147px;
}
div.dashboard td,
div.dashboard th {
	border:0;
	color:#999;
	font:normal 12px Arial, Helvetica, sans-serif;
	height:19px;
	text-align:center;
	width:21px;
}
div.dashboard td {
	color:#333;
	font-size:11px;
	padding-right:5px;
	text-align:right;
	width:16px;
}
div.dashboard td.invalid {
	color:#666;
}
div.dashboard td.valid {
	color:#FFF;
	cursor:pointer;
}
div.dashboard td.active,
div.dashboard td.hover {
	color:#800;
	cursor:pointer;
}
/*
-----------------------------------------------------------------------------
Booking
-----------------------------------------------------------------------------*/
.booking li {
	list-style: none;
	clear: both;
}
.booking label {
	float: left;
	width: 100px;	
	padding: 4px;
}
.booking .input {
	float: left;
	padding: 2px;
	margin: 2px;
	border: 1px solid #999;
	background-color: #FFF;
}
.booking .button {
	margin-left: 108px;
}
.booking .rate {
	width: 40px;
}
.booking option {
	padding: 1px;
}
