body
{
width: 100%;
color: #fff;
background: #8b8170 url(/images/bg.gif) repeat-x;
font-family: "Lucida Grande", "Lucida Sans", arial, verdana;
font-size: 62.5%;
text-align: center;
margin: 0 auto 0 auto;
}
html
{
min-height: 100%;
margin-bottom: 1px;
}
img, object, embed
{
border: 0px none;
display: block;
margin: 0;
padding: 0;
}
form
{
margin: 0;
padding: 0;
}

a:visited, a:link
{
outline: none;
color: #ac002a;
text-decoration: none;
}
a:hover, a:active, a.active:visited, a.active:link
{
outline: none;
color: #686051;
text-decoration: underline;
}

hr
{
clear: left;
width: 100%;
height: 1px;
color: #686051;
border: 0px none;
border-bottom: 1px dotted #686051;
padding: 15px 0 0 0;
margin: 0 0 15px 0;
line-height: 1em;
}

input.input, textarea, select
{
font-size: 1em;
line-height: 1em;
font-family: arial, verdana;
padding: 3px;
border: 0 none;
background: #fff;
color: #313731;
}
select
{
padding: 2px;
}

h2, h3, h4, h5
{
padding: 0;
margin: 0 0 .8em 0;
display: block;
font-size: 1.6em;
line-height: 1.1em;
color: #5a5141;
}
h3
{
font-size: 1.4em;
}
h4, h5
{
font-size: 1.2em;
}
img.float_left
{
float: left;
padding: 0 10px 5px 0;
}
p
{
padding: 0;
margin: 0 0 .7em 0;
font-size: 1.2em;
line-height: 1.5em;
}
p.intro
{
font-size: 1.5em;
line-height: 1.3em;
}

ul, ol
{
margin: 0 0 10px 0;
padding: 0 0 0 20px;
}
ul li, ol li
{
font-size: 1.2em;
line-height: 1.4em;
}
li li
{
font-size: 1em;
}

p.logo, h1.logo, div.header p.phone, div.header ul.reservation li, div.content div.herooverlay p, div.panel h2, div.panel ul li, div.accommleft h2, div.accommright h2, div.babright h2, div.content div.hostsinner p.sig
{
margin: 0;
padding: 0;
float: left;
display: block;
text-indent: -8000px;
font-size: .05em;
line-height: .05em;
}
p.logo a, h1.logo a, div.header ul.reservation li a, div.panel ul li a
{
float: left;
display: block;
text-decoration: none;
border-bottom: 0 none;
}
p.logo, p.logo a, h1.logo, h1.logo a
{
background: url(/images/logo.gif) no-repeat;
width: 230px;
height: 72px;
}
p.logo img, h1.logo img
{
display: none;
}
p.logo a:hover, h1.logo a:hover{text-decoration: none;}

ul.nav
{
float: left;
width: 147px;
list-style-type: none;
padding: 15px 8px 0 0;
margin: 0;
background: #ac002a;
}
ul.nav li
{
font-size: 1em;
line-height: 1.1em;
font-weight: bold;
text-align: right;
padding: 0;
float: left;
width: 147px;
}
ul.nav li a
{
float: left;
width: 138px;
padding: 5px 9px 5px 0;
}
ul.nav li a:visited, ul.nav li a:link
{
color: #ffffff;
text-decoration: none;
}
ul.nav li a:hover, ul.nav li a:active, ul.nav li a.active:visited, ul.nav li a.active:link
{
color: #ffffff;
text-decoration: none;
background: url(/images/nav.gif) no-repeat center right;
}

div.contentinner h1, div.contentwebcams h1
{
margin: 0;
padding: 0;
color: #ac002a;
font-size: 2.1em;
font-weight: normal;
line-height: 1.1em;
text-transform: uppercase;
width: 100%;
float: left;
height: 47px;
}

div.accommleft h2, div.accommright h2
{
border-bottom: 1px solid #5a4f3c;
height: 30px;
width: 100%;
}
div.accommleft h2.why{background: #8b8170 url(/titles/why.gif) no-repeat; margin-bottom: 14px;}
div.accommright h2.options{background: #8b8170 url(/titles/options.gif) no-repeat; margin-bottom: 1px;}
div.accommright h2.form{background: #8b8170 url(/titles/form.gif) no-repeat; margin-bottom: 2px;}
div.accommright h2.enquiry{background: #8b8170 url(/titles/enquiry.gif) no-repeat; margin-bottom: 2px;}
div.accommright h2.successful{background: #8b8170 url(/titles/successful.gif) no-repeat; margin-bottom: 2px;}
div.accommright h2.paymentform{background: #8b8170 url(/titles/paymentform.gif) no-repeat; margin-bottom: 2px;}

div.babright h2.breakfast, div.babright h2.current_specials, div.babright h2.events, div.babright h2.updates
{
border-bottom: 1px solid #5a4f3c;
height: 30px;
width: 100%;
}
div.babright h2.breakfast{background: #ac002a url(/titles/breakfast.gif) no-repeat;}
div.babright h2.current_specials{background: #ac002a url(/titles/current_specials.gif) no-repeat;}
div.babright h2.events{background: #ac002a url(/titles/events.gif) no-repeat;}
div.babright h2.updates{background: #ac002a url(/titles/updates.gif) no-repeat;}

div.earnslaw
{
width: 963px;
margin: auto;
text-align: left;
}
div.header
{
width: 963px;
float: left;
padding: 22px 0 0 0;
background: #ac002a url(/images/header.gif) no-repeat;
}
div.header p.phone
{
width: 733px;
height: 47px;
margin: 0 0 23px 0;
float: right;
background: url(/images/phone.gif) no-repeat top right;
}
div.header ul.reservation
{
width: 144px;
float: right;
list-style-type: none;
padding: 0 33px 0 0;
margin: 0;
}
div.header ul.reservation li, div.header ul.reservation li a
{
width: 144px;
height: 34px;
float: left;
background: url(/images/reservation.gif) no-repeat;
}
div.header ul.reservation li a:hover
{
background-position: bottom left;
}
div.content
{
width: 963px;
float: left;
padding: 0;
background: url(/images/content.gif) repeat-y;
}

div.contentinner, div.contentwebcams, div.contenthome, div.panels
{
float: left;
width: 897px;
margin: 10px 0 0 0;
padding: 0 33px 10px 33px;
color: #686051;
}
div.contentwebcams div.webcams
{
float: left;
background: #eae9e3;
width: 739px;
}
div.contentwebcams div.webcams div.left, div.contentwebcams div.webcams div.right
{
width: 352px;
float: left;
text-align: center;
}
div.contentwebcams div.webcams div.right
{
float: right;
}
div.contenthome
{
padding-bottom: 17px;
}
div.panels
{
width: 930px;
padding: 0 0 0 33px;
margin: 0;
margin-bottom: -8px;
background: url(/images/contenthome.gif) no-repeat bottom left;
}

div.content div.navhero
{
float: left;
width: 897px;
background: url(/images/navhero.gif) repeat-y;
}

div.content div.herooverlay, div.content div.herooverlaywebcams, div.content div.tat, div.content div.hosts, div.content div.plain
{
width: 739px;
float: right;
}
div.content div.hosts, div.content div.plain
{
background: #efefef;
}
div.content div.plain
{
width: 683px;
padding: 28px 28px 20px 28px;
}
div.content div.hosts img
{
float: left;
}
div.content div.hostsinner
{
padding: 28px 28px 18px 0;
float: right;
width: 442px;
}
div.content div.hostsinner #map
{
float: left;
width: 440px;
height: 440px;
border: 1px solid #8b8170;
}
div.content div.hostsinner ul
{
list-style-type: none;
float: left;
width: 442px;
margin: 0;
padding: 0;
}
div.content div.hostsinner ul li
{
list-style-type: none;
float: left;
width: 211px;
padding: 0 0 10px 0;
}
div.content div.hostsinner h1
{
margin: 0 0 25px 0;
}
div.content div.hostsinner p.sig
{
width: 100%;
background: url(/images/sig.gif) no-repeat;
height: 95px;
}
div.content div.tat
{
height: 457px;
}
div.content div.tat div.tatimage, div.content div.tat div.tatimageinner
{
width: 430px;
float: left;
height: 457px;
}
div.content div.tat div.tatimage
{
background: #eae9e3 url(/images/loading.gif) no-repeat center center;
margin: 0 auto 0 auto;
text-align: center;
}
div.content div.tat div.tatimage img
{
display: inline;
}
div.content div.tat div.tatimage p
{
float: left;
width: 420px;
padding: 3px 5px 0 5px;
font-size: 1.1em;
line-height: 1.1em;
margin: 0;
}
div.content div.tat ul
{
width: 309px;
padding: 0;
margin: 0;
float: right;
list-style-type: none;
}
div.content div.tat ul li
{
margin: 0;
float: left;
padding: 0 0 3px 3px;
}
div.content div.herooverlay div.active
{
position: absolute;
}
div.content div.herooverlay div.inactive
{
visibility: hidden;
position: absolute;
}
div.content div.herooverlay p
{
width: 739px;
margin: 0;
padding: 0;
position: absolute;
z-index: 20;
}
div.content div.herooverlay p.night{background: url(/titles/overlay_night.gif) no-repeat top right;}
div.content div.herooverlay p.view{background: url(/titles/overlay_view.gif) no-repeat top right;}
div.content div.herooverlay p.room{background: url(/titles/overlay_room.gif) no-repeat top right;}
div.content div.herooverlay p.reservations{background: url(/titles/overlay_reservations.gif) no-repeat top right;}
div.content div.herooverlay p.accommodation{background: url(/titles/overlay_accommodation.gif) no-repeat top right;}
div.content div.herooverlay p.bar_breakfast{background: url(/titles/overlay_bar_breakfast.gif) no-repeat top right;}
div.content div.herooverlay p.we_recommend{background: url(/titles/overlay_we_recommend.gif) no-repeat top right;}
div.content div.herooverlay p.contact{background: url(/titles/overlay_contact.gif) no-repeat top right;}
div.content div.herooverlay p.autumn{background: url(/titles/overlay_autumn.gif) no-repeat top right;}
div.content div.herooverlay p.spring{background: url(/titles/overlay_spring.gif) no-repeat top right;}
div.content div.herooverlay p.summer{background: url(/titles/overlay_summer.gif) no-repeat top right;}
div.content div.herooverlay p.winter{background: url(/titles/overlay_winter.gif) no-repeat top right;}
div.content div.herooverlay p.rwc{background: url(/titles/overlay_rugby.gif) no-repeat top right;}

div.contenthome div.herooverlay, div.contenthome div.herooverlay p{height: 329px;}
div.contentinner div.herooverlay, div.contentinner div.herooverlay p{height: 329px;}
div.contentinner div.navhero{margin: 0 0 0 0;}

div.contentholder
{
float: left;
width: 869px;
padding: 38px 14px 0 14px;
}

div.panel
{
width: 199px;
float: left;
margin: 0;
}
div.panel div.panelinner
{
position: relative;
z-index: 0;
float: left;
width: 170px;
border-left: 1px dotted #746d60;
padding: 0 14px 7px 14px;
margin: 0 0 10px 0;
min-height: 150px;
height: auto;
}
/*\*/
* html div.panel div.panelinner
{
height: 150px;
}
/**/
#welcome
{
width: 309px;
}
#welcome div.panelinner
{
width: 281px;
border-left: 0 none;
}
div.panel h2
{
float: left;
width: 100%;
height: 11px;
margin: 4px 0 10px 0;
}
div.panel h2.panel1
{
background: url(/titles/panel1.gif) no-repeat;
}
div.panel h2.panel2
{
background: url(/titles/panel2.gif) no-repeat;
}
div.panel h2.panel3
{
background: url(/titles/panel3.gif) no-repeat;
}
div.panel h2.panel4
{
background: url(/titles/panel4.gif) no-repeat;
}
div.panel p
{
width: 100%;
float: left;
font-size: 1.1em;
margin: 0 0 .4em 0;
}
div.panel ul
{
position: relative;
z-index: 10;
width: 199px;
height: 194px;
float: left;
margin: -165px 0 0 0;
padding: 0;
list-style-type: none;
}
div.panel ul li, div.panel ul li a
{
width: 199px;
height: 194px;
background: url(/images/more.gif) no-repeat bottom left;
}
div.panel ul li a:hover
{
background-position: bottom right;
}

div.contentholder ul.tat
{
float: right;
position: relative;
z-index: 10;
margin: -77px -14px 0 0;
list-style-type: none;
}
div.contentholder ul.tat li
{
float: right;
padding: 0 0 0 2px;
}
div.contentholder ul.tat li.text
{
padding: 3px 3px 0 0;
font-size: 1.1em;
}

div.recommendleft
{
width: 141px;
float: left;
padding: 12px 0 0 0;
}
div.recommendleft ul
{
list-style-type: none;
padding: 0;
margin: 0;
width: 141px;
float: left;
}
div.recommendleft ul li
{
font-weight: bold;
margin: 0 0 5px 0;
width: 141px;
float: left;
}
div.recommendright
{
width: 724px;
float: right;
padding: 12px 0 0 0;
}
div.recommendright h3
{
color: #ac002a;
}
div.recommendright img
{
float: right;
padding: 0 0 10px 10px;
}
div.recommendright ul
{
list-style-type: none;
padding: 0;
margin: 0 0 20px 0;
float: left;
width: 100%;
}
div.recommendright ul li
{
padding: 0;
margin: 0;
float: left;
}
div.recommendright ul li a
{
float: left;
background: #ac002a;
color: #fff;
padding: 5px;
}

div.accommleft
{
float: left;
width: 217px;
}
div.accommleft ul
{
clear: left;
}
div.accommleft ul li
{
color: #5a5141;
}
div.accommleft ul li.alt
{
color: #98845f;
}
div.accommright
{
float: right;
width: 620px;
}
div.accommright h3
{
float: left;
width: 585px;
padding: 9px 0 8px 35px;
border-bottom: 1px solid #a89f8f;
background: #dedcd2 url(/images/icon_house.gif) no-repeat;
margin: 0 0 2px 0;
}
div.accommright table
{
float: left;
width: 620px;
padding: 0;
margin: 0 0 8px 0;
background: #f1f1f1;
table-layout: fixed;
}
div.accommright table th
{
vertical-align: top;
border-bottom: 1px solid #fff;
background: #eae9e3 url(/images/icon_bed.gif) no-repeat;
padding: 10px 5px 8px 37px;
font-size: 1.2em;
line-height: 1.2em;
width: 146px;
}
div.accommright table td
{
vertical-align: top;
padding: 10px 5px 10px 15px;
width: 272px;
border-bottom: 1px solid #fff;
font-size: 1.1em;
line-height: 1.5em;
}
div.accommright table td.price
{
width: 81px;
background: #eae9e3;
text-align: center;
padding: 10px 0;
}
div.accommright table td.book
{
width: 59px;
padding: 0;
background: #b3173d;
}
div.accommright table td.book a
{
float: left;
width: 59px;
color: #fff;
padding: 10px 0;
text-align: center;
background: #b3173d;
}


div.bableft
{
width: 355px;
float: left;
}
div.babright
{
width: 455px;
float: right;
}
div.babright h3
{
float: left;
width: 423px;
padding: 9px 16px 8px 16px;
border-bottom: 1px solid #a89f8f;
background: #f5f4f0;
margin: 0 0 0 0;
}
div.babright h3 span.price
{
float: right;
font-size: .9em;
font-weight: normal;
}
div.babright h3 span.date
{
font-size: .9em;
font-weight: normal;
}
div.babright p.breakfast, div.babright div.breakfast
{
float: left;
width: 423px;
padding: 9px 16px 8px 16px;
}

div.accommright div.form
{
float: right;
width: 570px;
padding: 25px;
margin: 0 0 15px 0;
background: #eae9e3;
}
div.accommright div.form div.forminner
{
padding: 20px 0 0 0;
float: right;
width: 570px;
}
div.accommright div.form div.left
{
width: 270px;
float: left;
}
div.accommright div.form div.right
{
width: 270px;
float: right;
}
div.accommright div.form p.field, div.accommright div.form p.submit
{
float: left;
width: 100%;
margin: 0 0 .6em 0;
font-size: 1.1em;
}
div.accommright div.form p.submit input.submit
{
float: right;
background: #ac002a;
font-size: 1em;
border: 0 none;
color: #fff;
padding: 5px;
}
div.accommright div.form p.submit
{
margin: 0;
}
div.accommright div.form p.field input, div.accommright div.form p.field textarea, div.accommright div.form p.field select
{
background: #fff;
border: 1px solid #b3baab;
width: 262px;
}
div.accommright div.form p.field select
{
padding: 2px;
width: 270px;
}
div.accommright div.form p.field select.auto
{
width: auto;
}
div.accommright div.form p.field input.alert, div.accommright div.form p.field textarea.alert
{
border: 1px solid #ac002a;
}
div.accommright div.form span.star
{
color: #ac002a;
font-weight: bold;
}
div.accommright div.form p.field input#verify
{
width: 166px;
}
div.accommright div.form p.field img
{
float: right;
}

div.accommright div.form div.status
{
background: #ac002a;
border: 1px solid #ac002a;
width: 568px;
margin: 0 0 10px 0;
float: left;
}
div.accommright div.form div.status p
{
width: 558px;
float: left;
padding: 3px 5px;
margin: 0;
color: #fff;
font-weight: bold;
}
div.accommright div.form div.status ul
{
width: 538px;
float: left;
padding: 3px 5px 3px 25px;
background: #fff;
}
div.accommright div.form div.status ul
{
margin: 0;
}
div.accommright div.form p.field span.small
{
line-height: 1.1em;
font-size: .9em;
}
div.accommright div.form form
{
width: 100%;
float: left;
}
div.accommright div.form form.loading
{
background: url(/images/loading.gif) no-repeat top right;
}


div.footer
{
width: 940px;
float: left;
padding: 8px 0 10px 23px;
background: url(/images/footer.gif) no-repeat;
}
div.footer p
{
line-height: 1.1em;
font-size: 1.1em;
padding: 0;
margin: 0;
}
div.footer ul
{
width: 940px;
float: left;
list-style-type: none;
margin: 0;
padding: 18px 0 0 0;
}
div.footer ul li
{
line-height: 1.1em;
font-size: 1.1em;
float: right;
padding: 0 6px 0 6px;
border-right: 1px solid #fff;
}
div.footer ul li.swordfox a
{
font-weight: bold;
}
div.footer ul li.swordfox
{
border-right: 0 none;
}
div.footer ul li a:link, div.footer ul li a:visited
{
color: #fff;
text-decoration: underline;
}
div.footer p a:link, div.footer p a:visited
{
color: #fff;
text-decoration: none;
}
div.footer ul li a:hover, div.footer ul li a:active,
div.footer p a:hover, div.footer p a:active
{
color: #ac002a;
text-decoration: underline;
}

abbr, acronym, span.abbr
{
cursor: help;
border-bottom: 1px dotted #cfcfcf;
}