@font-face {
    font-family: 'museo_sans300';
    src: url('/fonts/museosans-300-webfont.eot');
    src: url('/fonts/museosans-300-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/museosans-300-webfont.woff') format('woff'),
    url('/fonts/museosans-300-webfont.ttf') format('truetype'),
    url('/fonts/museosans-300-webfont.svg#museo_sans300') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo_sans500';
    src: url('/fonts/museosans-500-webfont.eot');
    src: url('/fonts/museosans-500-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/museosans-500-webfont.woff') format('woff'),
    url('/fonts/museosans-500-webfont.ttf') format('truetype'),
    url('/fonts/museosans-500-webfont.svg#museo_sans500') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { margin: 0; padding: 0; background: #EFECE5; color: #333333; text-align: center; font-family: 'museo_sans300'; font-size: 16px; -webkit-text-size-adjust: none; }
h1, h2, h3, h4, h5 { margin: 0; padding: 0; font-family: 'museo_sans500'; }
h1 { font-size: 20px; font-weight: normal; margin: 10px 0 16px 0; padding: 0; color: #865D35; }
h2 { font-size: 20px; font-weight: normal; margin: 0 0 10px 0; padding: 0; color: #865D35; }
h3 { font-size: 20px; font-weight: normal; margin: 0 0 10px 0; padding: 0; color: #865D35; }
h4 { font-size: 14px; font-weight: normal; margin: 0 0 10px 0; padding: 0; color: #865D35; }
hr { color: #DAD4C5; background: #DAD4C5; border:0; height: 1px; margin: 20px 0px 30px 0px; clear: both; }
p { margin: 0; padding: 0 0 10px 0; text-align: left; line-height: 22px; }
p.intro { font-family: 'museo_sans500'; font-size: 22px; line-height: 28px; }
p.highlight { font-family: 'museo_sans500'; font-size: 18px; line-height: 24px; }
a { color: #865D35; text-decoration: underline; cursor: pointer; }
a:hover { color: #865D35; }
img { border: 0; }
img.right { display: block; float: right; }

ul, ol { margin: 0px 0px 0px 40px; padding: 0; }
ul li, ol li { margin: 0px 0px 20px 0px; padding: 0; }

ul li ul, ol li ol { margin: 10px 0px 10px 20px; }
ul li ul li, ol li ol li { margin: 0px 0px 10px 0px; padding: 0; list-style-type: none; }

.uc { text-transform: uppercase; }
.hide { display: none; }
.red { color: #BF0000; }
.clear { clear: both; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.flat { margin: 0 !important; padding: 0 !important; }

div.picture { width: 310px; }
div.picture.left { float: left; margin: 0px 20px 20px 0px; }
div.picture.right { float: right; margin: 0px 0px 20px 20px; }

div.picture img.full { float: left; margin: 0; padding: 0; width: 290px; height: auto; border: #DAD4C5 10px solid; }
div.picture img.small { float: left; margin: 10px 10px 0 0; padding: 0; width: 60px; height: auto; border: #DAD4C5 5px solid; }
div.picture img.small.last { margin: 10px 0 0 0; }

.prices-container { display: inline-block; width: 320px; }
.see-prices { display: inline-block; margin: 10px 0px 0px 0px; text-decoration: none; }
.see-prices div { width: 300px; background: #FFFFFF; border: #DAD4C5 1px solid; }
.see-prices div div { position: absolute; margin: 11px 0px 0px 250px; width: 20px; height: 20px; background: url(/images/cross.png); border: none; transition: transform 2s; }
.see-prices div div.rotate {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari and Chrome */
}
.see-prices p { margin: 0; padding: 10px 35px 10px 5px; font-family: 'museo_sans500'; text-align: center; color :#333333; }
.prices { display: none; float: left; margin: 20px 0px 0px 0px; }

/************************************************************************* layout ***/
#container { width: 960px; margin: 0 auto; padding: 0; text-align: left; }

/************************************************************************* header ***/
header { display: block; margin: 0; padding: 0; width: 960px; height: 100px; border-bottom: #DAD4C5 20px solid; }
header a.logo { z-index: 999; position: absolute; margin: 0px 340px 0px 340px; padding: 0; width: 280px; height: 140px; background: url(/images/logo.png) no-repeat; }
header a.logo span { display: none; }
header nav { position: absolute; margin: 64px 0px 0px 0px; padding: 0; width: 960px; font-family: 'museo_sans500'; }
header nav a { font-size: 18px; color: #333333; text-decoration: none; }
header nav ul.left { float: left; margin: 0; padding: 0; list-style: none; }
header nav ul.left li { display: block; float: left; margin: 0 60px 0 0; padding: 0; }
header nav ul.left li.end { padding: 0; background: none; }
header nav ul.right { float: right; margin: 0; padding: 0; list-style: none; }
header nav ul.right li { display: block; float: left; margin: 0 0 0 30px; padding: 0; }
header nav ul.right li.end { padding: 0; background: none; }

/************************************************************************* content ***/
section { display: block; float: left; clear: both; width: 960px; margin: 20px 0 0 0; padding: 0; }
section.small { display: block; float: left; clear: both; width: 640px; margin: 20px 0 0 0; padding: 0; }
article { display: block; float: left; margin: 0; padding: 0 0 20px 0;  }
aside { display: block; float: left; width: 300px; margin: 20px 0 20px 20px; padding: 0; }

aside div { display: block; float: left; width: 260px; margin: 0 0 20px 0; padding: 20px 20px 8px 20px; background: #FFFFFF; }
aside div.special-offer { width: 220px; padding: 20px 40px 10px 40px; background: url(/images/bg-flowers.jpg) no-repeat #FFFFFF; }
aside div.special-offer h3 { text-align: center; }
aside div.special-offer p { text-align: center; font-size: 24px; line-height: 30px; }
aside div.special-offer p.small { font-size: 14px; line-height: 18px; }
aside div.stars { width: 160px; padding: 10px 20px 0px 120px; background: #FFFFFF; }
aside div.stars div.visit-wales { position: absolute; margin: -7px 0px 0px -100px; padding: 0; width: 86px; height: 88px; }
aside div.stars p { font-size: 14px; text-align: center; }
aside div.directions { width: 170px; padding: 20px 110px 0px 20px; }
aside div.directions a { color: #333333; text-decoration: none; }
aside div.directions img { position: absolute; margin: -60px 0px 0px 170px; }

div.banner-container { display: block; float: left; margin: 0; padding: 0; width: 920px; height: 360px; background: #FFFFFF; border-right: #DAD4C5 20px solid; border-bottom: #DAD4C5 20px solid; border-left: #DAD4C5 20px solid; }
div.banner-container img { display: none; }
div.banner-container img.first { display: block; }

div.column-3 { display: block; float: left; margin: 0px 0px 0px 0px; padding: 0px; width: 960px; }
div.column-3 div { display: block; float: left; margin: 0px 20px 40px 0px; padding: 0; width: 310px;  }
div.column-3 div img { width: 100%; height: 200px; }
div.column-3 div p { font-family: 'museo_sans500'; font-size: 16px; line-height: 22px; padding: 10px 20px 0px 0px }
div.column-3 div.last { margin: 0; width: 300px; }

div.testimonial { display: block; float: left; margin: 0; padding: 0; width: 960px; height: 140px; background: url(/images/bg-testimonial.jpg) no-repeat #FFFFFF; }
div.testimonial p { display: none; margin: 40px 80px 0px 80px; padding: 0; font-family: 'museo_sans300'; font-size: 24px; line-height: 30px; text-align: left; color: #865D35; }
div.testimonial p.first { display: block; }

div.logos { display: block; float: left; margin: 40px 0px 40px 0px; padding: 0; width: 960px; height: 140px; background: #FFFFFF; }

/************************************************************************* footer ***/
footer { display: block; clear: both; margin: 0 auto 0 auto; padding: 0; height: 450px; background: #DAD4C5; }
footer div.footer-container { display: block; clear: both; margin: 0 auto 0 auto; padding: 0; width: 960px; }

footer div.column-3-footer { display: block; float: left; margin: 50px 0px 20px 0px; padding: 0px; width: 960px; }
footer div.column-3-footer div { display: block; float: left; margin: 0px 20px 0px 0px; padding: 0; width: 310px; height: 300px; }
footer div.column-3-footer div a { text-decoration: none; }
footer div.column-3-footer div.last { margin: 0; width: 300px; }
footer div.column-3-footer h3 { margin: 0px 0px 20px 0px; text-align: left; }
footer div.column-3-footer span { font-family: 'museo_sans500'; color: #865D35; }
footer div.column-3-footer span.date { font-size: 12px; line-height: 18px; }

footer nav { display: block; clear: both; margin: 0; padding: 0; font-family: 'museo_sans500'; }
footer nav a { font-size: 14px; color: #333333; text-decoration: none; }
footer nav ul { margin: 0; padding: 0; list-style-type: none; }
footer nav ul li { margin: 0px 0px 20px 0px; padding: 0; text-align: left; }

footer div.copyright { display: block; clear: both; margin: 0; padding: 0; font-size: 12px; line-height: 18px; }
footer div.copyright a { text-decoration: none; }

/************************************************************************* forms ***/

form, label, input, textarea { display: block; margin: 0; padding: 0; border: 0;  }
form { margin: 10px 0px 0px 0px; }
label {  }
label.error { position: absolute; margin: -48px 0px 0px 330px; }
input { margin: 0px 0px 20px 0px; padding: 10px 10px 10px 10px; width: 300px; border: #DAD4C5 1px solid; font-family: 'museo_sans300'; font-size: 14px; line-height: 20px; }
input.code { width: 194px; border: }
textarea { margin: 0px 0px 20px 0px; padding: 10px 10px 10px 10px; width: 600px; height: 200px; border: #DAD4C5 1px solid; resize: none; font-family: 'museo_sans300'; font-size: 14px; line-height: 20px; }
input.button { margin: 0; padding: 10px 0px 10px 0px; width: 150px; }
form img { float: left; height: 38px; }

/************************************************************************* tables ***/
table { width: 999px; margin: 10px 0; }
table.basket { width: 100%; border-collapse: collapse; font-size: 14px; }
table.basket tr th, table.basket tr td { border: #FFF 1px solid; background: #F3F2F0; vertical-align: middle; padding: 8px; }
table.basket tr th, table.basket tr td.blank { color: #3E4044; }
table.basket tr th.blank, table.basket tr td.blank { color: #3E4044; background: #FFF; }
table.basket tr.blank { background: #FFF; }
table.basket tr th.blank.heading { text-align: left; }
table.basket tr th.width, table.basket tr td.label { width: 200px; }
table.basket tr th.qty { width: 57px; }
table.basket tr th.remove { width: 30px; }
table.basket tr td.qty select { width: 57px !important; }
table.basket tr th.totals { width: 70px; }
table.basket tr th.price, table.basket tr td.price { font-size: 14px; font-weight: normal; }
table.basket tr th.submit { float: left; }
table.basket tr td.label { text-align: right; }
table.basket input, table.basket select { font-size: 14px; }
table.basket input.radio { width: 20px; }
table.basket tr td form { width: auto; height: auto; margin: 0; padding: 0; display: block; }
table tr td.blank.right input.button { float: right; }
#agree { width: 20px; }

table.events, table.events tr, table.events td { margin: 0; padding: 0; }
table.events { margin: 0px 0px 40px 0px; width: 640px; }
table.events tr {  }
table.events td { padding: 0px 0px 10px 0px; }
table.events td h2 { margin: 0; padding: 0; }
table.events td span { color: #865D35; }

/************************************************************************* cookieCuttr by Chris Wharton (http://cookiecuttr.com) */
.cc-cookies { position: static; width: 90%; left: 0; top: 0; padding: 0.5em 5%; background: #DAD4C5; color: #fff; font-size: 14px; font-weight: normal; z-index: 99999; text-align: center; color: #333333; }
.cc-cookies a, .cc-cookies a:hover { color: #333333; text-decoration: none;  font-weight: bold;}
.cc-cookies a:hover { text-decoration: underline; font-weight: bold;}
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; -webkit-border-radius: 3px; border-radius: 3px; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #865D35; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }
@media screen and (max-width: 768px) { .cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0; } }
@media screen and (max-width: 480px) { .cc-cookies { position: relative; float: left; } }