@charset "UTF-8";
* { margin:0; padding:0 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }
img { border:0 }
html, body { width:100%; margin:0; padding:0 }
object { outline:0 }
.clear { clear:both }
body { background:#e8e8e8 url(../images/bg.jpg); font-family:'Open Sans', Verdana, sans-serif; color:#3a3a3a; font-weight:400; font-size:.8em; -webkit-text-size-adjust:none }
#container, footer { width:90%; max-width:960px; margin:0 auto; clear:both }
#navwrap { width:100% }
#navwrap, .productsectiontitle { background:#bf0101; url(images/header-bg.jpg) repeat-x;
background-image:-webkit-gradient(linear, 0% 0, 0% 100%, from(#d70101), to(#9d0202)); background-image:-webkit-linear-gradient(top, #d70101, #9d0202); background-image:-moz-linear-gradient(top, #d70101, #9d0202); background-image:-ms-linear-gradient(top, #d70101, #9d0202); background-image:-o-linear-gradient(top, #d70101, #9d0202); background-image:linear-gradient(top, #d70101, #9d0202); behavior:url(../PIE.php) }
#footerwrap { background:url(../images/footer-bg.png) }
#maincontent p, footer p { line-height:1.7em; margin-bottom:10px }
h1, h2, h3 { font-weight:700; margin-bottom:10px; -webkit-text-shadow:1px 1px #fff; -moz-text-shadow:1px 1px #fff; text-shadow:1px 1px #fff; behavior:url(../PIE.php) }
h1 { font-size:1.8em }
h2 { font-size:1.6em; margin-top:20px }
h3 { font-size:1.4em }
#cotitle { font-size:1.8em; font-weight:700 }
#cosubtitle { font-size:1.6em }
#phone a { font-size:1.9em; font-weight:700 }
#hotline { font-size:1.3em; text-transform:uppercase; text-decoration:none; padding-right:0 }
a:link, a:visited { color:#bf0101; text-decoration:none }
a:hover, a:active { color:#0000a1 }
header a:link, header a:visited { color:#3a3a3a }
header a:hover, header a:active { color:#3a3a3a }
#phone a:link, #phone a:visited { color:#bf0101; text-decoration:none }
#phone a:hover, #phone a:active { color:#0000a1 }
.newsfeed a { color:#3a3a3a }
#formtitle { font-size:1.6em; font-weight:700; color:#fff; padding:15px 7% 5px 7%; -webkit-text-shadow:0 1px #760000; -moz-text-shadow:0 1px #760000; text-shadow:0 1px #760000; behavior:url(../PIE.php) }
input, select { font-family:'Open Sans', sans-serif; font-size:1.2em }
.bold { font-weight:700 }
header { padding:20px 0 15px 0; text-shadow:1px 1px #fff }
#navcontainer { position:relative }
#addthis { float:right; width:180px; z-index:99; position:absolute; top:10px; right:-28px }
#logo { width:140px }
#logo, #cotitles { display:inline-block; zoom:1; *display:inline
}
#cotitles { padding-left:10px }
#phoneCTA { text-align:right; margin-top:-56px }
#banner, .postdate { -webkit-box-shadow:1px 1px #fff; -moz-box-shadow:1px 1px #fff; box-shadow:1px 1px #fff; background:#bf0101 url(../images/banner-bg.jpg) repeat-x; background-image:-webkit-gradient(linear, 0% 0, 0% 100%, from(#d70101), to(#9d0202)); background-image:-webkit-linear-gradient(top, #d70101, #9d0202); background-image:-moz-linear-gradient(top, #d70101, #9d0202); background-image:-ms-linear-gradient(top, #d70101, #9d0202); background-image:-o-linear-gradient(top, #d70101, #9d0202); background-image:linear-gradient(top, #d70101, #9d0202); behavior:url(../PIE.php) }
#jquery { width:66%; float:left; height:360px; overflow:hidden }
#enquireimg { display:none }
.slide { width:100%; height:100% }
#slide1 { background:url(../images/slide1.jpg) no-repeat center; background-size:cover }
#slide2 { background:url(../images/slide2.jpg) no-repeat center; background-size:cover }
#servicesbanner { height:250px; width:100%; background:url(../images/slide1.jpg) no-repeat center; background-size:cover; -webkit-box-shadow:1px 1px #fff; -moz-box-shadow:1px 1px #fff; box-shadow:1px 1px #fff; behavior:url(../PIE.php) }
.homeopentimes { display:none }
.formstrap { font-size:.8em; color:#fff }
#maincontent { padding:30px 0 }
#text { float:left; width:63%; padding-bottom:30px }
#textfull { width:100%; padding-bottom:30px }
#text ul, #textfull ul { margin:0 0 0 20px; color:#bf0101 }
#text li { margin-bottom:10px }
aside { width:34%; float:right; padding-bottom:30px }
#specialoffer, .image_carousel { min-height:100px; background:url(../images/feature-bg.jpg); -webkit-box-shadow:inset 0 0 15px #bcbcbc; -moz-box-shadow:inset 0 0 15px #bcbcbc; box-shadow:inset 0 0 15px #bcbcbc, 1px 1px #fff; margin-top:-10px; behavior:url(../PIE.php) }
#offerimg { width:90%; margin:10px 5%; max-width:100% }
#specialoffer p .price { color:#bf0101 }
.flag { height:30px; width:100%; position:relative; text-align:center; margin-top:20px }
.flag-mid-feat h4, .flag-mid h4 { color:#fff; text-transform:uppercase; display:inline-block; width:151px; height:43px; padding-top:15px }
.flag-mid-feat h4 { background:url(../images/feature-flag-mid.png) no-repeat right }
.flag-mid h4 { background:url(../images/flag-mid.png) no-repeat right }
.flag-left { width:50%; height:33px; float:left; background:url(../images/flag-left.png) no-repeat left; margin-left:-10px }
.flag-right { width:50%; height:33px; float:right; background:url(../images/flag-right.png) no-repeat right; margin-right:-10px }
.flag-mid-feat, .flag-mid { text-align:center; position:absolute; top:-18px; left:50%; margin-left:-75.5px }
.newsfeed, #mapbox { margin-top:30px }
#newsfeed .flag { margin-bottom:20px }
.newsfeeditem { padding:20px 0 10px 0 }
.newsfeeditem .postdate { height:45px; width:45px; text-align:center; color:#fff; -webkit-text-shadow:0 1px #760000; -moz-text-shadow:0 1px #760000; text-shadow:0 1px #760000; line-height:1em; float:left; behavior:url(../PIE.php) }
.postdate .month { text-transform:uppercase; font-size:.9em; padding-bottom:5px; padding-top:6px }
.postdate .day { font-weight:700; font-size:1.8em }
.newsfeedtitle { float:left; margin-left:5%; width:75% }
#address { padding:30px 20px 20px 20px }
#address ul { list-style:none }
.details { padding:0 20px 10px 20px }
footer { padding:40px 0 30px 0; margin-top:30px }
#footerinfo { float:left; width:50%; margin-left:-1px }
#footerinfo p, #footerinfo ul { float:left; width:40% }
#footerinfo ul { line-height:1.7em; list-style:none }
#legal { float:right; width:50%; text-align:right; margin-right:-1px }
.mapcontainer { width:100%; height:250px; border-right:1px solid #fff; border-bottom:1px solid #fff; overflow:hidden }
#googlemaps { width:100%; height:100%; border:0; margin:0; overflow:auto }
#smallformcontainer { float:right; width:34%; height:350px }
.formsmall { width:86%; margin:10px auto }
.formsmall input { width:90%; border:0; padding:12px 5%; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; margin:5px 0; -webkit-appearance:none; -webkit-box-shadow:1px 1px #7e0808, inset 0 1px 3px #a0a0a0; -moz-box-shadow:1px 1px #7e0808, inset 0 1px 3px #a0a0a0; box-shadow:1px 1px #7e0808, inset 0 1px 3px #a0a0a0; behavior:url(../PIE.php) }
.formsmall select { background:#fff url(../images/arrow.png) no-repeat 95% center; border:0; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; width:100%; padding:12px 5%; margin:5px 0; -webkit-appearance:none; -webkit-box-shadow:1px 1px #7e0808, inset 0 1px 3px #a0a0a0; -moz-box-shadow:1px 1px #7e0808, inset 0 1px 3px #a0a0a0; box-shadow:1px 1px #7e0808, inset 0 1px 3px #a0a0a0; behavior:url(../PIE.php) }
.formsmall .submit, .contactform input.submit { width:100%; font-size:1.6em; font-weight:700; color:#fff; text-shadow:1px 1px #067124; padding:9px 5%; background:#09db35 url(../images/button-bg.jpg) repeat-x; background-image:-webkit-gradient(linear, 0% 0, 0% 100%, from(#98fb92), to(#03ba36)); background-image:-webkit-linear-gradient(top, #98fb92, #03ba36); background-image:-moz-linear-gradient(top, #98fb92, #03ba36); background-image:-ms-linear-gradient(top, #98fb92, #03ba36); background-image:-o-linear-gradient(top, #98fb92, #03ba36); background-image:linear-gradient(top, #98fb92, #03ba36); -webkit-box-shadow:1px 1px #7e0808, inset 0 0 1px #000; -moz-box-shadow:1px 1px #7e0808, inset 0 0 1px #000; box-shadow:1px 1px #7e0808, inset 0 0 2px #000; behavior:url(../PIE.php) }
.formsmall .submit:hover, .contactform input.submit:hover { background:#07961c url(../images/button-bg-hover.jpg) repeat-x; background-image:-webkit-gradient(linear, 0% 0, 0% 100%, from(#98fb92), to(#04aa31)); background-image:-webkit-linear-gradient(top, #98fb92, #04aa31); background-image:-moz-linear-gradient(top, #98fb92, #04aa31); background-image:-ms-linear-gradient(top, #98fb92, #04aa31); background-image:-o-linear-gradient(top, #98fb92, #04aa31); background-image:linear-gradient(top, #98fb92, #04aa31); behavior:url(../PIE.php) }
.contactform { position:relative; margin-bottom:30px }
.contactform input, .contactform textarea { font-family:'Open Sans', sans-serif; padding:10px 2%; background:url(../images/feature-bg.jpg); font-size:1em; border:0; margin-bottom:10px; -webkit-box-shadow:inset 0 0 15px #bcbcbc; -moz-box-shadow:inset 0 0 15px #bcbcbc; box-shadow:inset 0 0 15px #bcbcbc, 1px 1px #fff; -webkit-appearance:none; behavior:url(../PIE.php) }
.contactform input { width:45% }
.contactform input:focus, .contactform textarea:focus { background:#cecece; outline:0 }
.contactform input.inputleft { margin-right:1% }
.contactform input.inputfull { width:95.5% }
.contactform input#code { width:100px }
.contactform input.submit { width:100px; float:right; -webkit-box-shadow:inset 0 0 1px #000; -moz-box-shadow:inset 0 0 1px #000; box-shadow:inset 0 0 2px #000; behavior:url(../PIE.php) }
.contactform textarea { width:95.5%; min-width:95.5%; max-width:95.5%; min-height:150px }
#securityimg { display:inline-block; float:left; width:150px }
.crossredbox, .tickgreenbox { background:#ddd; margin:10px 0; height:70px }
.crossredbox .label-box, .tickgreenbox .label-box { width:10%; float:left; height:50px; padding:10px 10px }
.crossredbox .input-box, .tickgreenbox .input-box { width:80%; float:left; padding-top:15px }
#productwrap { background:#666 url(../images/product-bg.png); min-width:100%; padding-bottom:45px; margin-bottom:-45px; margin-top:-30px; border-top:1px solid #9d0202 }
#productcontainer { width:90%; max-width:960px; margin:0 auto; text-align:center }
.productsectiontitle { height:40px; color:#fff; font-size:1.8em; font-weight:700; display:inline-block; padding:5px 20px 0 20px; border-bottom:1px solid #9d0202; border-left:1px solid #9d0202; border-right:1px solid #9d0202; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; margin-bottom:30px; zoom:1; *display:inline;
behavior:url(../PIE.php) }
.products-col1 { width:48.5%; float:left; text-align:left }
.products-col2 { width:48.5%; float:right; text-align:left }
.productcoltitle { font-size:1.4em; font-weight:700; margin-bottom:10px; -webkit-text-shadow:0 1px #ddd; -moz-text-shadow:0 1px #ddd; text-shadow:0 1px #ddd; behavior:url(../PIE.php) }
.producttype { margin-bottom:20px; -webkit-box-shadow:inset 0 0 1px #000; -moz-box-shadow:inset 0 0 1px #000; box-shadow:0 0 8px #6e6e6e; behavior:url(../PIE.php) }
img.showhide { padding:0 8px; width:20px; height:20px; margin-bottom:-5px; margin-top:6px }
.trigger { font-size:1.2em; min-height:31px; min-width:100%; background:#fff; background-image:-webkit-gradient(linear, 0% 0, 0% 100%, from(#fff), to(#efefef)); background-image:-webkit-linear-gradient(top, #fff, #efefef); background-image:-moz-linear-gradient(top, #fff, #efefef); background-image:-ms-linear-gradient(top, #fff, #efefef); background-image:-o-linear-gradient(top, #fff, #efefef); background-image:linear-gradient(top, #fff, #efefef); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; cursor:pointer; behavior:url(../PIE.php) }
.trigger:hover { cursor:pointer; background:#efefef; background-image:-webkit-gradient(linear, 0% 0, 0% 100%, from(##efefef), to(#fff)); background-image:-webkit-linear-gradient(top, ##efefef, #fff); background-image:-moz-linear-gradient(top, ##efefef, #fff); background-image:-ms-linear-gradient(top, ##efefef, #fff); background-image:-o-linear-gradient(top, ##efefef, #fff); background-image:linear-gradient(top, ##efefef, #fff); behavior:url(../PIE.php) }
.expanded { cursor:pointer }
.expanded:hover { cursor:pointer }
.para { font-size:.875em; background:#fff; padding:10px }
.productlogos { background:#fff }
.productlogos img { max-width:100% }
.footerlinks { display:block; overflow:hidden; float:right;}
.clearb { clear:both; }
.footerlinks li { list-style:none; display:inline-block; float:left; border-right:1px solid #000; padding:0 10px;}
.noborderright { border:none !important; }
@media only screen and (max-width:780px) {
#text, aside { width:100% }
header { text-align:center }
#addthis { display:none }
#phoneCTA { text-align:center; margin-top:20px }
#hotline { padding-right:10px }
#hotline, #phone { display:inline-block }
#banner { position:relative }
#jquery { height:310px; width:60% }
#enquireimg { display:block; width:28px; height:153px; position:absolute; top:0; right:40%; z-index:9999 }
#smallformcontainer { width:40%; height:310px }
#offerbox { width:46.5%; float:left }
.offercenter { float:none!important; margin:0 auto }
#mapbox { width:46.5%; float:right; margin-top:0 }
.newsfeed { width:46.5%; float:right; margin-top:0 }
.newsfeedtitle { margin-left:3%; width:74% }
#formtitle { display:none }
#footerinfo p { width:100% }
#servicesbanner, .mapcontainer { height:200px; overflow:hidden }
#address { margin-right:2% }
#address, .details { float:left; width:40% }
.details { float:right; width:40% }
#address, .details { padding:10px 4% 10px 4% }
}
@media only screen and (max-width:479px) {
#cotitles { padding-left:0 }
#hotline { padding-right:0 }
#hotline, #phone { display:block }
#jquery { height:200px; width:100% }
#enquireimg { display:none }
#smallformcontainer { width:100%; height:380px }
.formstrapcontainer { text-align:center }
.formsmall { width:90% }
#formtitle { display:block }
.formsmall input { width:90%; padding:12px 5%; margin-right:0 }
.formsmall select { width:100%; padding:12px 5%; margin-right:0 }
.formsmall .submit { width:100%; padding:9px 0 }
#offerbox, #specialoffer, .newsfeed, #mapbox { width:100%; float:none }
.newsfeed, #mapbox { margin-top:30px }
.newsfeedtitle { margin-left:5%; width:75% }
#footerinfo, #legal { width:100%; text-align:center }
.contactform input, .contactform textarea { font-family:'Open Sans', sans-serif; padding:10px 2%; background:url(images/feature-bg.jpg); font-size:1em; border:0; margin-bottom:10px; -webkit-box-shadow:inset 0 0 15px #bcbcbc; -moz-box-shadow:inset 0 0 15px #bcbcbc; box-shadow:inset 0 0 15px #bcbcbc, 1px 1px #fff; behavior:url(../PIE.php) }
.contactform input { width:96% }
.contactform input:focus, .contactform textarea:focus { background:#cecece; outline:0 }
.contactform input.inputleft { margin-right:0 }
.contactform input.inputfull { width:96% }
.contactform textarea { width:96%; min-width:96%; max-width:96% }
.contactform input.submit { width:100%; margin-top:20px }
#servicesbanner, .mapcontainer { height:150px }
#address, .details { float:none; width:auto }
#address { padding:30px 20px 20px 20px }
.details { padding:0 20px 10px 20px }
.products-col1, .products-col2 { width:100%; float:none }
.homeopentimes { display:block; text-align:center; color:#fff; font-weight:700 }
}
#logos { max-height:133px; overflow:hidden }
.image_carousel { padding:15px 0; margin:0 auto; background:url(images/feature-bg.jpg); min-height:0; height:auto }
.image_carousel img { border:1px solid #ccc; background-color:white; padding:9px; margin:7px; display:block; float:left; max-width:158px; max-height:99px; height:auto }
.clearfix { float:none; clear:both }
.text404 { text-align:center; margin-top:-70px }
.title404 { font-size:12em; font-weight:700; line-height:0; -webkit-text-shadow:1px 1px #fff; -moz-text-shadow:1px 1px #fff; text-shadow:1px 1px #fff; behavior:url(../PIE.php) }
.text404 h1 { margin-top:-60px }
.links404 li { display:inline-block; list-style:none; padding:10px; zoom:1; *display:inline
}
h6 { font-size:.7em; color:#000; font-weight:bold; text-transform:uppercase; margin:10px 0 0 }
.list1 { font-size:.8em; text-decoration:underline }
.list1 li { padding:0 0 8px }
.list1 a { color:#000 }
.full-list { width:90%; margin:5px 0 15px; padding:0 0 0 15px }
.full-list li { color:#000; list-style:circle; font-size:.75em; line-height:18px; padding:0 0 6px }
#cookie-law { position:fixed; bottom:0; left:0; width:100%; background:#bf0101; min-height:65px; z-index:9999 }
.cookie-law-holder { width:90%; max-width:960px; margin:0 auto }
.cookie-law-holder p { font-size:.75em; font-weight:bold; color:#fff; line-height:16px; margin:15px 100px 0 0; padding:0 }
.cookie-law-holder p a { color:#fff; text-decoration:underline }
a.cookie-law-close { float:right; padding:5px 10px; background:#fff; color:#bf0101; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin:-30px 0 20px 0 }
.eu-cookies ul { font-size:1.2em; line-height:1.3em }
#cookies-table { width:100%; margin:5px 0 15px }
#cookies-table th { color:#454545; border:1px solid #fff; background:#fff; font-size:.75em; text-transform:uppercase; text-align:left; padding:6px 6px 6px 12px }
#cookies-table td { color:#454545; border:1px solid #fff; font-size:.75em; text-align:left; padding:6px 6px 6px 12px }
.width1 { width:20% }
.width2 { width:60% }/*! responsive-nav.js v1.0.14 by @viljamis */
#navcontainer { padding-bottom:38px; width:100% }
#nav ul { margin:0; padding:0; width:100%; display:block; list-style:none }
#nav li { display:inline-block; width:100%; padding:0; border-bottom:1px solid #760000 }
#nav li a:link, #nav li a:visited { color:#fff; text-decoration:none; text-transform:uppercase; display:block; padding:10px 5% }
#nav li a:hover, #nav li a:active { background:#8a0101 }
.js #nav { clip:rect(0 0 0 0); max-height:0; position:absolute; display:block; overflow:hidden; zoom:1 }
#nav.opened { max-height:9999px }
#nav-toggle { height:38px; width:100%; float:left; background:url(../images/list-bg.png) no-repeat center; font-size:0 }
@media screen and (min-width:479px) {
#navcontainer { padding-bottom:0; width:90%; max-width:960px; margin:0 auto }
nav { width:100% }
.js #nav { position:relative; max-height:none }
#nav-toggle { display:none }
#nav ul { border-left:1px solid #760000 }
#nav li { width:auto; border-right:1px solid #760000; border-bottom:0; display:inline-block; list-style:none; zoom:1; *display:inline
}
#nav li a:link, #nav li a:visited { padding:10px 20px; display:block }
}