html {}


body {position: relative; background-position: left 11em; background-repeat: repeat-x; }


h1 {}
h2 {padding: 25px 0 12px;}
h3, h4, h5 {padding: 12px 0 8px;}
p, ul {padding: 10px 0 8px;}
li {padding: 0; margin: 0 0 12px 0; list-style: inside;}


.vcard .adr,
.vcard .tel,
.vcard .label {display: block;}

/*form formating*/
input[type="email"],
input[type="text"] {padding: 5px; border-width: 1px; border-style: solid; width:  -webkit-border-radius: 3px;
        border-radius: 3px;}
label {position: relative;}
input.txt {position: absolute; left: 8em; background-position: left center; background-repeat: no-repeat; border-width: 1px; width: 150px; padding: 2px 5px;}
label,
label.box span {display: block;}
.dob label {display: inline;}

img.cd {display: block; background-repeat: no-repeat; width: 34px; height: 30px;}
.clear {clear: both;}

#page_wrapper { position: relative; margin: 0 auto 20px; width:  90%;}

/*---------------------------------
header
----------------------------------*/
#header_wrapper {background-repeat: repeat-x; background-position: center top; height: 11em;}
header { position: relative; margin: 0 auto 0; width:  90%; }
header hgroup {position: relative; left: -0; overflow: hidden;}
header h1 {  float:left; width: 50%; /*margin-right: 2%;border-width: 0 1px 1px 1px; border-style: solid; 
-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 1);        
        box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 1); */ }
header h1 a {display:block;  padding:  25px 0; /*border-width:  0 1px 1px 1px; border-style: solid; */ }
header h2 { float:right; width: 48%; padding-top: 20px; padding-bottom: 5px;}

header h2 span.tel {display: block; padding-top: 15px;}

/*---------------------------------
aside - general sidebar styling
----------------------------------*/
.aside p, 
.aside ul {padding: 10px 20px 8px;}
.aside li {padding: 0 0 6px; margin: 0 0 12px 0; border-style: solid; border-width: 0 0 1px; list-style: none;}
.aside h2 {padding: 12px 10px; border-width: 1px; border-style: solid; 
-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.6);        
        box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.6);
-webkit-border-radius: 0px 2px 2px 0px;
        border-radius: 0px 2px 2px 0px;}
.aside h2 + div {padding-top: 10px; margin-right: 5px;
background-position: left top, 3px 0, right top; background-repeat: no-repeat, repeat-y, no-repeat;}

.aside h2 + div > p,
.aside h2 + div > ul,
.aside h2 + div > form,
.aside h2 + div > div  {-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.6);        
        box-shadow:  1px 1px 1px 0px rgba(0, 0, 0, 0.3); margin: 0 0 0 10px; padding-left: 10px; padding: 0 4px 30px 10px; border-width: 0 1px 1px 0; border-style: solid; }
.aside h2 + div form p {padding: 0;}
.aside a { display: block;}
.aside h2 + div > p.terms {padding: 0;}
.aside h2 + div > p.terms a {padding: 8px 12px; }

/*booking form*/
.aside form { padding-bottom: 10px; }
.aside form > fieldset,
.aside form > label {padding: 12px 0 3px 0; border-style: solid; border-width: 0 0;}
.aside form #anchor1 { display: inline;}
.aside form input[type="submit"] { margin: 15px 0 0; width: 95%; }
.aside form input[type="text"] { width: 75%; }


/*vcard*/
.aside .vcard h2 + div > p { border-bottom-width:0; -webkit-box-shadow: none;      
        box-shadow: none;}
/*trip advisor*/
#CDSWIDCOE {width: auto !important;}
#CDSWIDCOE.widCOE .widCOEImg {margin: 0 auto !important;}
#TA_certificateOfExcellence983 {padding: 0 0 30px;}

/*---------------------------------
content_info and main nav
----------------------------------*/
#content_info {position: relative; top: 0; width: 17%; float: left;}
nav li:hover {}
nav a { }

#nav_main {padding-top: 0; margin-top: 1px; margin-right: 5px;
background-position: left -999px, 3px 0, right top; background-repeat: no-repeat, repeat-y, no-repeat;}
.menu-toggle {display: none;}
#nav_main ul  { padding: 0 0 ; -webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.6);        
        box-shadow:  1px 1px 1px 0px rgba(0, 0, 0, 0.3); margin: 0 0 0 10px; border-width: 0 1px 1px 0; border-style: solid; }
#nav_main li { position: relative; left: 1px; list-style: none; padding: 0 1px; margin: 1px 0; border-width: 0; border-style: solid;}
#nav_main a {display: block; padding: 8px 12px;}

#websiteitem_newsletter input.text {width: 85%;}


/*---------------------------------
content_intro
----------------------------------*/
#content_intro {position: relative; /*width: 80%; float: right;*/ overflow: hidden; border-width: 0 0 ; border-style: solid;}

/*#bannerphoto {position:relative; float: left; width: 52%;top: 0; }
/*#bannerphoto img {width: 96%; border-width: 2px; border-style: solid;  box-shadow: 0 0 3px 1px rgba(0,0,0,0.5); }
.slideshow {position:absolute; width: 100%; top: 0; left: 0;}img*/
#bannerphoto {position:relative; float: left; width: 66%;top: 30px; }
.slideshow {position: absolute;
width: 98%;
top: 0;
left: 0;
overflow: hidden;
height: 450px; border-width: 0; border-style: solid;  box-shadow: 0 0 3px 1px rgba(0,0,0,0.5);}

.slideshow img {position:absolute; width: 100%; top: 0; left: 0; padding: 0 5px; }/*img*/

#bannerphoto img {width: 600px;  }

#content_intro article.news {border-width: 1px; border-style: solid; box-shadow: 0 0 3px 1px rgba(0,0,0,0.5); width: 33%;position:relative; float: right; top: 30px; right: 10px; z-index: 10;  }/**/
#content_intro article.news .entry { padding:  0 3px 2px 15px;  }
#content_intro article.news p {padding-right: 20px;}
#content_intro article.news h2 {padding-top: 15px; padding-bottom: 5px; padding-left: 15px;}

#content_intro article.bookings { float: right; width: 20%; }

/*---------------------------------
content
----------------------------------*/
#content {position: relative; width: 100%; float: right; overflow: hidden;}

/*---------------------------------
content_main
----------------------------------*/
#content_main {float: left; width: 80%; }
.feat #content_main,
.display #content_main .block {width: 100%; }
.display #content_main,
.list #content_main {padding-top: 40px;}
#content_main .block {width: 50%; float: left; overflow: hidden;}
#content_main .block img {width: 45%; float: left; margin: 10px 20px 10px 0; max-width: 350px; border-style: solid; border-width: 2px; box-shadow: 0 0 3px 1px rgba(0,0,0,0.5);}
#content_main .block3 img,
#content_main .block4 img { float: right; margin: 10px 20px 10px 10px;}
#content_main .block3,
#content_main .block5,
#content_main .block7,
#content_main .block9 {clear: left;}
#content_main .block p {margin: 20px 40px 20px 0; border-style: solid; border-width: 1px 0 0;  }/*old style with background colour - border-style: solid; border-width: 1px; -webkit-box-shadow: 0 1px 5px 0 #1A1A1A; box-shadow: 0 1px 5px 0 #1A1A1A; margin: 20px 10px 20px 20px; padding-left: 10px; padding-right: 5px; - */
#content_main .straplinelast {clear: both;}

/*tim*/
#content_main .block p#tim_link { padding: 0; border-width: 1px; border-style: solid; box-shadow: 0 0 3px 1px rgba(0,0,0,0.5); width: 95%;}
#tim_link {}
#tim_link a { display: block; padding: 20px;}


/*map*/
#map,
#map_canvas { width: 90%; height: 350px; border-style: solid; border-width: 10px;  margin-bottom: 20px; }
#content_list #map img,
#content_list #map_canvas img {max-width: none;}
#map .fn,
#map .tel,
#map_canvas .fn,
#map_canvas .tel {display: block; }
#content_list .marker {}
#content_list .locationmap li {display: inline; padding-right: 5px;}
#content_list .locationmap li img { vertical-align: middle; padding-right: 3px;}

#content_list ul.empty { display: none; }
#content_list #mapkey h3 { clear: left; }
#content_list #mapkey  ul { clear: left; }
#content_list #mapkey  li {width: 25em; float: left; margin: 0 0 0 10px; border-width: 0 0 1px; border-style: solid;}
#content_list #mapkey li img { vertical-align: middle;}

/*display*/
#content_main p.back { padding-top: 0; }
#content_main p img {padding: 5px; }

/*location map*/
#map .vcard p,
#map_canvas .vcard p {padding: 0;}

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

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

/*---------------------------------
content_sub
----------------------------------*/
#content_sub {position: relative; width: 20%; float: left;}

/*home page news feature*/
#content_news div {position: relative; min-height: 50px;}
#content_news img {width: 100%;}
#content_news .summary { position: absolute; bottom: 0; left: 0; background-repeat:repeat; display: block; width: 100%; padding: 12px; }
#content_news img.arrow {width: 12px; vertical-align: middle; }

/*home page facebookfeed */
#facebookfeed { border-width: 1px; border-style: solid; padding: 12px;}

/*LIST PAGES*/
#content_sub #nav_contextual ul {padding: 0;}
#content_sub #nav_contextual ul a {display: block; padding: 8px 5px;}
.aside #nav_contextual li {padding: 0; margin: 0 ;}

/*DISPLAY PAGES*/
/*accomm grade----------------------------------*/
.grade,
.grade .entry { padding-bottom:0; overflow: hidden; }
.grade .visitwales {display: block; padding: 0;  margin: 5px auto 20px; text-align: center;  width: 86px; box-shadow: 0 0 3px 1px rgba(0,0,0,0.5);}/**/
.grade .visitwales img {vertical-align: bottom; width: 88px;}
.grade .visitwales span {border-style: solid; border-width: 1px; width: 86px; padding:4px 0; display: block; line-height: 12px;box-shadow: 0 0 3px 1px rgba(0,0,0,0.5);}
.grade p.optionalawards {padding: 0 0 10px; overflow: hidden;}
.grade p.optionalawards > img {display: block; width: 86px; padding: 0; margin: 5px auto 20px; border-style: solid; border-width: 2px; box-shadow: 0 0 3px 1px rgba(0,0,0,0.5);}
/*----------------------------------*/

/*accomodation - services----------------------------------*/
ul.web4u_facilities_display_list_ul{padding: 10px 0 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 .key ul.web4u_facilities_display_list_ul li img {border-width: 0; margin: 0;} 
/*---------------------------------*/

/*contact info*/
#content_sub .contact {padding-bottom: 5px;}
#content_sub .contact .org {padding-bottom: 0;}
#content_sub .contact .fn,
#content_sub .contact .adr {padding-top: 2px; padding-bottom: 2px;}
#content_sub .contact .tel {padding-top: 0;}
#content_sub .contact .icon {padding: 0;}
#content_sub .contact .icon a {padding: 9px 5px 8px 10px; border-width: 0; border-style: solid;display: block; background-repeat: no-repeat; }
#content_sub .contact .book a {background-position: 5px 5px;}
#content_sub .contact .email a {background-position: 5px -35px;}
#content_sub .contact .map a {background-position: 5px -75px;}
#content_sub .contact .web a {background-position: 5px -115px;}
#content_sub .contact .shortlist a {background-position: 5px -155px;}
#content_sub .contact .book a:hover {background-position: 5px -195px;}
#content_sub .contact .email a:hover {background-position: 5px -235px;}
#content_sub .contact .map a:hover {background-position: 5px -275px;}
#content_sub .contact .web a:hover {background-position: 5px -315px;}
#content_sub .contact .shortlist a:hover {background-position: 5px -355px;}





/*---------------------------------
enquiry form
----------------------------------*/
.enquiryform {border-width: 0; border-style: dotted; padding-left: 20px; margin-bottom: 50px; }
.enquiryform fieldset {margin: 20px 0; border-width: 0 0 1px 0; border-style: dashed; padding-bottom: 20px}
.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;width: 20%;}
.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; padding: 10px 5px;}

.enquiryform textarea {display: block;}
.enquiryform input.button {margin: 5px 0 0 20px;}
.enquiryform p#enquiryformcaptcha label span {width: 100%;  display: block;padding: 10px 0;}
.enquiryform  label.checkboxlong { width: 85%; max-width: 600px;}
.enquiryform  label.checkboxlong span {display: inline; float: none; padding-right: 5px;}
#content_list p#enquiryformcaptcha { padding-left: 0 ;}
#securitycode {display: block;}


/*---------------------------------
search form
----------------------------------*/
form#formsearch4 {}
form#formsearch4 fieldset {overflow: hidden; border-width: 0 0 1px 0; border-style: dashed;}
form.search {margin: 0 40px 20px 0;  padding-bottom: 50px;}
form.search p,
form.search h2 {padding-left: 0; padding-right: 0; clear: left;}
form.search legend {padding: 10px 0;}
form.search label {float: left; width: 220px; padding: 10px 0; }
form.search label.facilityoption {width: 49%;  }
form.search label.txt { width: 100%;}
form.search input{margin:0 5px 0 0px; }
form.search input.btn {margin-top: 20px;}

/*---------------------------------
summary list
----------------------------------*/

#content .summary { padding: 20px 0;}
#content .summary .vcard { overflow: hidden; padding-bottom: 20px; }
#content .summary img.imgmain { float: left; width: 210px; padding: 0; border-style: solid; border-width: 1px; margin-right: 5px;  border-width: 2px; box-shadow: 0 0 3px 1px rgba(0,0,0,0.5);}
#content .summary h2.org {margin-left: 250px;}
#content .summary p {margin-left: 250px; padding: 0;}
#content .summary .location { }




/*---------------------------------
site info
----------------------------------*/
#site_info {position: relative; clear: both; overflow: hidden;}/* width: 93.75%; = 900px/960px*/
#site_info p {float: left; padding: 20px 0 20px 10px; width: 100%; }/* 566px / 900px -  width: 62.8888889%;*/
#site_info ul {float: right; padding: 0; width: 33.33333333%; }/* 300px / 900px*/
#site_info li {float: left;}