/*updated 2008-07-26-5.05*/
html { background-repeat: repeat-y;  background-position: 50% 0 ;text-align: center;}
body {width: 800px; position: relative; margin: 0 auto;  text-align: left;}



p {padding: 10px 0;}

h1 { padding: 12px 0; }
h2 { padding: 8px 0;}
h3 { padding: 5px 0;}


img { border-style: solid; border-width: 1px; padding: 0; }


div.webstattext {position: absolute; left: -9999px;}
div.webstattext img {border-width: 0;}

/*---------------------------------
branding
----------------------------------*/
#branding { position: relative; height: 317px; top: 0; margin: 5em 12px 0 12px;background-position: left bottom; background-repeat: repeat-x;}/*btmgrad.gif*/
#branding h1 {position: relative; top: -25px; margin-left: 10px;}
#branding h2 {position: relative; top: -30px; margin-left: 16px;}
#branding ul { position: absolute; top: 100px; width: 776px; left: 0; padding: 20px 0; background-position: left top; background-repeat: repeat-x;}
#branding li {position: absolute; top: 22px; left: 0; }
#branding li#brandingphoto1 {left: 1px;}
#branding li#brandingphoto2 {left: 192px;}
#branding li#brandingphoto3 {left: 588px;}
#branding img {position: absolute; top: 0; left: 0; border-width:0; padding: 6px 4px; margin: 0;}
#branding li#brandingphoto1 img,
#branding li#brandingphoto3 img {width: 180px; height: 160px;}
#branding li#brandingphoto2 img {width: 385px; height: 160px;}
#branding li#brandingtext p {text-indent: -9999px;}

/*---------------------------------
navigation
----------------------------------*/
#nav_main { position: absolute; top: 0; left: 0; }
#nav_main h2 {position: absolute; left: -2000px;}
#nav_main li {}
#nav_main a {padding: 5px;}
#nav_main h3 {padding: 0; margin: 0; display: inline;}

ul#nav_global { position: absolute; top: 85px; left: 0; width: 786px;}
ul#nav_global li {border-width: 0; border-style: solid; border-color: #000000; float: right;  padding: 2px 10px; margin-bottom: 5px;}
ul#nav_global a { }
ul#nav_global a:hover {  }

ul#nav_features {position: absolute; top: 320px; width:180px; left: 20px; background-position: left top; background-repeat: no-repeat; padding: 25px 0; z-index: 10;}/*stroke.gif*/
ul#nav_features li {border-width: 0; border-style: solid;  margin: 3px 0; }
ul#nav_features li:first-child {}
ul#nav_features a {padding: 2px 10px; display: block;}
ul#nav_features a:link, 
ul#nav_features a:visited, 
ul#nav_features a:hover { }

#nav_contextual {position: relative; left: 200px; top: 0; width: 600px;}
#nav_contextual ul {padding: 0 0 10px 0; border-width: 0 0 1px 0; border-style: solid; margin-left: 0; margin-bottom: 10px; background-position: -0 0; background-repeat: no-repeat;}

#nav_main h2#nav_contextual_header {position: relative; top: 0; left: 0; }
#nav_contextual li{display: inline; line-height: 1.8em;}
#nav_main #nav_contextual a { padding: 5px 5px 1px 0; margin-right: 3px}


/*---------------------------------
nav events
----------------------------------*/
#nav_events {overflow: hidden;}

#nav_events li {float: left; min-width: 90px; margin-bottom: 10px;}
#nav_events li a {padding:0.2em 1.2em 0.2em 0.5em; border-width:0 0 0 2px; border-style: solid; }

/*events contextual links*/
#content #nav_contextual { left: 0; }
#content .nodata {margin-bottom: 100px; margin-top: 30px; }

/*---------------------------------
content
----------------------------------*/

#content { position: relative;}

#content p.counter .value {display: block;}

/*---------------------------------
main content
----------------------------------*/
#content_main,
#content_list { position: relative; left: 200px; width: 360px; margin-top: 0; padding-bottom: 20px;}
.index #content_main,
.index #content_list,
.bookings #content_list {margin-top: 0;}
#content_main img {padding: 5px; max-width: 368px; }
#content_main h2 { border-width: 0; border-style: solid;}
.index #content_main h2 {margin-top: 0; }
#content_main h1,
#content_main h2,
#content_main h3,
#content_main p {}


/*---------------------------------
list content
----------------------------------*/
#content_list {position: relative; left: 200px; width: 570px;}
#content_list img {padding: 5px; max-width: 500px; }


/*---------------------------------
sub content
----------------------------------*/
#content_sub { background-position: left bottom; background-repeat: no-repeat; padding: 25px 0; position: absolute; top: 0; left: 600px; width: 180px; padding-top: 0;}/*stroke.gif*/
#content_sub img {}

#content_sub h3 {padding: 0;}
#content_sub img {margin: 5px 0; border-width: 2px; width: 186px;  }
#content_sub li  {margin: 15px 0;}
#content_sub li.photo  {margin-top: 0;}
#content_sub > h3:first-child { background-position: left top; background-repeat: no-repeat; padding: 25px 0 5px 0;  border-style: solid;  border-width: 0px 0 0 0; }/*stroke.gif*/

#content_sub > h3:first-child span.desc {display: block; padding: 10px 0;  border-style: solid; border-width:  0 ; } 
#content_sub > h3:first-child img {display: block; padding: 0; margin: 0; width: 180px;}

/*accomodation - services*/
ul.web4u_facilities_display_list_ul,
ul.openingtimes {position: relative; left: 0;}
ul.web4u_facilities_display_list_ul li {display: inline; }
ul.web4u_facilities_display_list_ul li.welcomehost {display: block;}
ul.web4u_facilities_display_list_ul li span.type {display: none;}
#content_sub .web4u_facilities_display_list_ul img,
#content_list .web4u_facilities_display_list_ul img {width: 20px; margin: 0; padding: 0; border-width: 1px;}

/*attractions - entrance charge*/

#content_sub .key li ul {margin: 10px 0;}
#content_sub .entrance ul li,
#content_sub .key li ul li { padding: 0; margin: 0;}

.price {position: absolute; right: 20px;}
.notes {display: block;  }



/*accomm grade*/
#content_sub .key .grade  { padding-bottom:10px; overflow: hidden; }
.key .grade p#visitwales { padding:0 5px;  margin-top: 15px; width: 71px;text-align: center;}
.key .grade p#visitwales span {border-style: solid; border-width: 1px;  padding:4px 0; display: block; line-height: 12px;}
.key .grade p#visitwales img {padding: 0;}
.summary .grade img,
#content_sub .grade p img {border-width: 0; margin: 0; width: 71px;}


/*accomm grade*/

#content_sub .key .grade p img { margin: 0;}
#content_sub .grade p#optionalawards {}
#content_sub .grade p#optionalawards img {width: 50px; height: 50px; float: left; margin: 2px; border-width: 2px;}


/*activities - entrance charge*/

li.services p{text-align: center; margin:0 10px;}
li.services img {margin: 0; padding: 5px 10px;}



/*---------------------------------
enquiry form
----------------------------------*/
.enquiryform fieldset {margin: 20px 0;}
.enquiryform legend {padding: 10px 0;}
.enquiryform label {position: relative; display: block; overflow: hidden; padding: 5px 0; background-position: 100% 20%; background-repeat: no-repeat;}
.enquiryform label span {float:left; margin-right: 4px;}
.enquiryform label input { margin-right: 4px;}
.enquiryform label input#telephone {width: 150px;}
.enquiryform label input#address,
.enquiryform label input#email  {width: 300px;}
.enquiryform label input#personname {width: 250px;}


.enquiryform label textarea#message,
.enquiryform label textarea#personal_note {width: 95%;  padding: 10px; margin-top: 5px;}

.enquiryform fieldset.radio label {display: inline;}
.enquiryform fieldset.radio label span {float: none;}
.enquiryform fieldset.radio span.txt {display: block;}

.enquiryform textarea {display: block;}

.enquiryform input.button {margin: 5px 0 0 20px;}


/*---------------------------------
site_info 
----------------------------------*/

#site_info { background-position: left top; background-repeat: repeat-x;border-style: solid; padding: 50px 10px 0 10px; margin: 0;}
#site_info h5, 
#site_info p {margin: 0 210px 0 192px;padding: 15px 10px;}

#site_info h5 {padding-bottom: 0; border-width: 1px 0 0 0; border-style: solid;}
#site_info p {padding-top: 0; }
#site_info a {padding: 0; border-style: solid; border-width: 0 0 0 0;}


/*---------------------------------
lists
----------------------------------*/

.summary {margin-top: 0;}
.summary > li,
.summary > .item  {clear: right; padding: 20px 0; overflow: hidden;  border-width: 0 0 1px 0; border-style: solid;}

.summary img.imgmain {float: right; width: 182px; margin: -20px 0 20px 20px; padding: 5px; }
.summary .contact, 
.summary .key,  
.summary .buttons,
.summary p { margin-left: 0; padding: 0;  margin-top: 10px; margin-right: 20px}
.summary .contact p {margin-top: 0;}
.summary h3 {position: relative; left: 0;}
.summary .contact, 
.summary .key,  
.summary .buttons { }

.summary .contact,
.summary p.strapline {border-style: solid; border-width:0 0 2px 0; padding: 10px 0; }

/*accomodation*/
.summary h3.org {}

.summary .key img {float: none; width: auto;}

.summary .vcard {}

.summary .key p {margin: 0; padding: 0; }

.summary .vcard h4 { padding: 0; display: inline;}

.summary ul.facilities {position: static;}

.summary img.imgaccom {float: left; width: 180px; margin: 20px 20px 20px 0; }



.summary .key .grade  {float: right;  }

/*.buttons {float: right;}*/
.buttons li {display: inline; padding-right: 10px;}
.buttons li.morelink {display: block;}

/*---------------------------------
google maps
----------------------------------*/

#map {width: 570px; height: 400px; margin-bottom: 20px; border-width: 10px; border-style: solid;  }
#content_list #map img {max-width: none;}
#map .fn {display: block; }


/*---------------------------------
bookings
----------------------------------*/
#businessinfo {border-width: 0 0 1px 0; border-style: solid; margin-bottom: 20px; padding-bottom: 20px; }

#b4u_nav_main {width: 100%;}
#b4u_nav_main li {float: left; background-image: url(/image/upload/wt114/k1step_ro.gif); background-position: right 8px; background-repeat: no-repeat; padding: 5px 30px 5px 0; margin-left: 5px;}
#b4u_nav_main li#b4u_nav_requestsent {background-image: none;}


#booking_instruction {clear: left;}

/*form*/
.booking form { border-style: solid; border-width: 0 0 1px 0; padding: 0 0 20px 0; margin:0 0 20px 0;}
.booking label {display: block;  padding: 10px 0; overflow: hidden;}
.booking label span  {width: 60px; }
.booking label input, 
.booking label select { }

.booking input.b4u_button_submit {margin: 10px 0; }

/*bookings inline availability form*/
#b4u_navcontainer {text-align: left;  border-style: solid; border-width: 1px; padding: 5px;  }

#b4u_navcontainer .date_entry {}
#b4u_navcontainer .date_entry label {padding: 0;}
#b4u_navcontainer .date_entry input {width: 85%;margin: 0;}
#b4u_arrival_date {}
#b4u_leave_date {}
#b4u_navcontainer .date_entry .b4u_calendar { width: 100%; display: block; position: relative; top: 0;}
#b4u_navcontainer .date_entry a {position: absolute; top: -25px; right: 0; padding: 0 0 0 0;}
#content_sub #b4u_navcontainer .date_entry img { width: 16px; height: 15px; border-width: 1px; padding: 0;}

#b4u_navcontainer input.button {}