html, body {    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;    font-size: 16px;}a[href^=tel] {    color: inherit;    text-decoration: none;}.hide {    display: none;}header {    display: flex;    flex-direction: column;}    header .header-top-bar {        max-height: 28px;        background-color: #656565;    }        header .header-top-bar .centre-col {            justify-content: flex-end;            align-items: center;        }        header .header-top-bar .centre-col img {            max-width: 28px;            max-height: 28px;            margin-right: 10px;        }.headroom {    will-change: transform;    transition: transform 200ms linear;}.headroom--pinned {    transform: translateY(0%);}.headroom--unpinned {    transform: translateY(-100%);}.ui-widget {    font-size: 14px !important;}a {    text-decoration: none;}header {}header #burger-menu {    display: none;}header #logoname h1 a {    display: inline-block;    vertical-align: middle;}header #logoname img {    width: auto;    height: auto;    max-width: 65%;}header .nav-row {    width: 100%;    align-self: flex-end;    order: 2;}#frmSearch {	padding: .35rem;	font-size: 12px;	font-size: .75rem;	border-radius: .5rem;	background-color: #f5f5f5;	border: 1px solid #c8c8c8;}#searchform p {    padding: 4px 0 1px 6px;    border: 1px solid rgba(0,0,0,.15);    background-color: #fff;}#searchform input.search-input {    margin: 0;    padding: 0;    font-size: 14px;    line-height: 22px;    border-style: none;}header #searchform p#search_span input.search-input {    font-size: 1.0em;}header #message_banner { position: relative; background-color: red; color: white; order: 3;}#cover-photo { position: relative;}nav { position: relative;}#BreadCrumbPanel a { font-size: 0.8rem;}#hp-cols-wrap {	display: flex;	flex-wrap: wrap;    flex-direction: row;}.hp-col {	flex-grow: 1;	width: 29%;	height: auto;    margin: 0 2% 0 2%;}.hp-col h3 {    text-align: center;    margin: 2% 0 10% 0;}.hp-col p {    text-align: justify;}.category_bgcolour_wrap {/* reduced to 0 17-Oct-2017    padding: 0.2% 0 6% 0; */    padding: 0.2% 0 0 0;}.category_bgcolour_wrap h1 {    font-size: 1.4em;}main .category_bgcolour_wrap .centre-col p {    margin: 12px 0 12px 0;    padding: 3% 0 0 0;    font-size: 1.2em;}main .category_bgcolour_wrap .centre-col li { margin: 12px 0 12px 0; padding: 2px 0 2px 0;}main .category_wrap { padding: 2% 0 2% 0;}main .category_wrap p { margin: 0 2% 0 2%;}main .CategoryPanel {    position: relative;    display: inline-block;    width: 24%;    margin: 0;    padding: 10px;    border-radius: 5px;    border: 1px solid transparent;}main .CategoryPanel:hover {    background-color: #f5f5f5;    -webkit-transition: all 0.3s ease-in-out;    transition: all 0.3s ease-in-out;}main .CategoryPanel img { display: block; width: initial; height: auto; margin: 0 auto 10px auto;}main .CategoryPanel h1.CategoryName { position: relative; margin: 0 auto; font-size: 1.2rem; font-weight: normal; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: initial;}main .featured_category h1.CategoryName { text-align: center;}main .CategoryPanel h1.CategoryName a { display: inline-block; padding: 4% 2% 4% 2%;}main .featured_category h1.CategoryName a { padding: 4px 8px 4px 8px;}main .CategoryPanel .CategoryDesc p { text-align: center;}main #top p { padding: .25% 2% .25% 2%;}main #top p:nth-child(1) { padding: 2.4% 2% .8% 2%;}main #top p:last-child { padding-bottom: initial;}main #top .about-us-image {}main #top .about-us-content {width:78%;margin: 0 auto;}main #top .about-us-content p { padding: 1.25% 14% 1.25% 14%;}main #top .about-us-content p:nth-child(1) { padding: 4.4% 14% .8% 14%;}main #top .about-us-content p:last-child { padding-bottom: 20px;}main .featured_wrap .header { text-align: center;}main .featured_wrap .featured img#banner { position: absolute; top: 1%; left: 0; width: 25%; height: auto;}main .featured_wrap .featured img { width: 75%;}main .featured_wrap .featured h1.name {    width: 100%;    padding-top: 4%;    padding-right: 1%;    padding-bottom: 4%;    padding-left: 3%;    text-align: center;    font-size: 0.8rem;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}main .featured_wrap .featured h1.name a {    padding-top: 4%;    padding-bottom: 4%;    text-transform: uppercase;    text-decoration: none;}main .featured_wrap .featured p.price {    display: block;    text-align: center;    padding-top: 0%;    padding-bottom: 4%;}main .featured_wrap .featured p.price a {    text-transform: uppercase;    text-decoration: none;}.panel span { display: block; text-align: center; font-size: 1.2rem;}fieldset#contact { width: 35%; margin: 0% auto; padding: 2% 2% 2% 2%; border-style: none;}/* A container to position LABELS */fieldset#contact .container { position: relative; top: auto; left: auto; width: auto; margin-bottom: 8px;}fieldset#contact input, fieldset#contact textarea { width:100%; padding: 1.4em 1em 0.6em 1em; border: 1px solid #ccc; border-radius:5px;}/* we put label on top of the input*/fieldset#contact label { position: absolute; top: 0; right: 1px; bottom: 1px; left: .5em; z-index: 1; height: 1em; font-size: 13px; line-height: 3.5em; color: #999; white-space: nowrap; cursor: text; transition:all .1s ease;}fieldset#contact input:focus ~ label, fieldset#contact input:valid ~label, fieldset#contact textarea:focus ~ label, fieldset#contact textarea:valid ~label { font-size:9px; font-weight:bold; left:5px; top:-5px;}fieldset#contact input:valid ~label, fieldset#contact textarea:valid ~label { color:green;}fieldset#contact input:focus:invalid ~label, fieldset#contact textarea:focus:invalid ~label{ color:red;}fieldset#contact input:required ~label::before, fieldset#contact textarea:required ~label::before { content:""; color:red;}fieldset#contact input:required:valid ~label::before, fieldset#contact textarea:required:valid ~label::before { color:green;}fieldset#contact input[type=submit] { display: block; width: 8vw; margin: 20px 0px 0px 22.5%; padding: 6px 18px 6px 18px; text-align: center; text-transform: uppercase; border-radius: 4px; border-style: none; cursor: pointer;}.contact-adress { display: flex;}.shop-contact { float: right; width: 40%; margin: 1% auto 2% auto; background-color: initial; color: #535353; font-size: 0.9rem;}.shop-contact h2 { margin: 0 0 1% 0; font-weight: normal; text-transform: uppercase;}.shop-contact p { margin: 1% 0 2% 0;}.shop-contact p.phone { margin: 3% 0 0 0;}.shop-contact p.email { margin: 0 0 2% 0;}.shop-contact p a { color: #535353;}table.opening-times { border-collapse: collapse;}table.opening-times td { padding: 2px 4px 2px 4px;}main .map_wrap { padding: 0; background-color: rgb(255, 255, 255);}main .map { position: relative; overflow: hidden; height: 0; margin: 0 auto; padding-bottom: 26.25%;}main .map iframe{ position:absolute; left:0; top:0; width:100%; height:100%;}main #srch {    margin: 0 auto;    padding-top: 45px;}main #srch .search-text {    padding: 6px 0 6px 4px;    border: 1px solid rgba(0,0,0,.15);}main #srch .srch-button {    margin: 0 0 0 10px;    padding: 6px 20px 6px 20px;    text-transform: uppercase;    border-style: none;    border-radius: 4px;    cursor: pointer;}main #srch p.msg {    margin: 8px 0 8px 0;}main #srch .products_wrap {    overflow: hidden;}main #srch .productpanel {    position: relative;    float: left;    width: 25%;    margin-bottom: 24px;    padding: 0.4%;    min-height: 365px;    text-align: center;    font-size: 0.9rem;}main #srch .rslt_img img {    width: auto;    max-height: 260px;}main #srch .ItemName {    display: block;    padding: 10px 0 10px 0;    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}main #srch .ItemPrice {    display: block;}main #srch .ItemDesc {    display: block;}main #srch #Paging {    text-align: center;    padding: 14px 0;}#Paging span a {    border-radius: 50%;    padding: 0;    color: #fff;    width: 34px;    height: 34px;    line-height: 34px;    border: 0;    display: inline-block;    font-weight: 800;    outline: unset;    margin: 0 10px;}#Paging span span {    border-radius: 50%;    padding: 0;    color: #fff;    width: 34px;    height: 34px;    line-height: 34px;    border: 0;    display: inline-block;    font-weight: 800;    outline: unset;    margin: 0 10px;}.accordion {    width: auto;    border-radius: 5px;    overflow: hidden;    margin: auto;}.accordion .item .heading {    height: 50px;    line-height: 50px;    font-size: 17px;    cursor: pointer;    color: #fff;    padding-left: 15px;    background-image: url('../imgs/arrow.png');    background-repeat: no-repeat;    background-position: right 20px top -95px;    border-bottom: 1px solid #fff;    box-sizing: border-box;}.ProductLongDescHeader {    height: 50px;    line-height: 50px;    font-size: 17px;    color: #fff;    padding-left: 15px;    border-bottom: 1px solid #fff;    box-sizing: border-box;}.accordion .item.open .heading,.accordion .item:last-child .heading {    border: 0;}.accordion .item.open .heading {    background-position: right 20px top -5px;}.accordion .item .content {    display: none;    padding: 15px;    font-size: 14px;    background-color: #fefefe;    border: 1px solid #f8f8f8;    border-radius: 12px;}#customer_reviews img {    max-width: 10px;    vertical-align: middle;}#customer_reviews .review {    margin: 1em 0 1em 0;    font-size: 10px;    color: #333;    background-color: rgba(125,125,125,.05);    padding: 2px 0 8px 4px;    border-radius: 8px;}#customer_reviews .stars {    display: inline-block;    float: left;    width: 18%;    white-space: nowrap;}#customer_reviews .reviewer-name {    display: block;}#customer_reviews .review-date {    padding-top: 2px;}#customer_reviews .review-text::before {    display: inline-block;    content: "";    width: 10px;    height: 8px;    margin: 0 .25em 0 0;    background-image: url(../imgs/quotes.png);    background-size: cover;    transform: scale(-1, -1);}#customer_reviews .review-text {    margin: 4px 0 4px 0;    font-style: italic;}#customer_reviews .review-text::after {    display: inline-block;    content: "";    width: 10px;    height: 8px;    margin: 0 0 0 .25em;    background-image: url(../imgs/quotes.png);    background-size: cover;}#sitemap { margin: 0; padding: 0;}#sitemap:first-child { padding: 20px 0; }#sitemap h2, #sitemap h3, #sitemap h4, #sitemap h5, #sitemap h6 { margin: 0; padding: 0; font-size: 12px;}#sitemap .space-indent { visibility:hidden; letter-spacing: 4px;}#sitemap .dots-indent { letter-spacing: 0px; font-size: 24px; line-height: 18px; font-weight: normal;}footer { display: block; clear: both; padding: 1% 0 5px 0;}footer .row { display: flex; flex-direction: row;}footer .justify { justify-content: space-between;}footer h3 { padding-bottom: 2%; font-size: 1.2rem; font-weight: normal; text-transform: uppercase; color: white;}footer p {}footer img { width: 9%; vertical-align: middle;}footer #newsletter h4 { margin: 0 0 3% 0; font-size: 0.84rem; font-weight: normal;}footer input[type=text] { width: 50%; height: 30px; padding: 1%; text-align: center;}footer #input_span img { width: 35px; vertical-align: top; cursor: pointer;}footer .links { width: 100%; margin-top: 20px; align-self: center; color: #4D4E4D; text-align: center;}footer .links a { padding: 0 2% 0 2%; color: #4D4E4D;}footer .company-links a { font-size: 0.7rem;}footer .links .seal {    display: inline;}footer .links .seal img {    width: initial;}footer .links .pipe { color: #4D4E4D;}footer #copy-date { padding-right: 2%; font-size: 0.7rem; color: white;}footer .cards { margin-top: 28px;}footer .cards img { width: 5%; min-width: 30px;}footer .column_left { width: 28%; text-align: right; color: white;}footer .column_middle { width: 44%; text-align: center;}footer .column_right { width: 28%; text-align: left;}footer .column_right p { display: list-item; text-indent: -30px; margin-left: 30px; list-style: none;}footer #StandardPageLinks {}footer #StandardPageLinks li:first-child .pipe { display: none;}footer #StandardPageLinks .pipe { padding: 0 1% 0 0; color: white; font-size: 1.2rem; vertical-align: top;}footer #StandardPageLinks ul { list-style: none; padding-bottom: .4%;}footer #StandardPageLinks ul li { display: inline; margin: 0 1% 0 1%;}footer #StandardPageLinks ul li a { font-size: 1.2rem; text-transform: uppercase;}footer #mob-contact-link { display: none;}footer .social_row {}footer .social_row img { max-width: 70px; transform: rotate(5deg);}footer #contactinfo {}footer #contactinfo span { display: inline; margin-right: 3%; font-size: 0.84rem;}footer #contactinfo .address { display: inline; padding-top: 0px; font-size: 0.84rem;}footer #contactinfo img { width: 4%; margin: 4px 10px 4px 0; min-width: 14px;}footer #p2n-power { width: 12%; min-width: 52px; margin-top: 8px;}@media screen and (min-width: 1200px) {    footer .cards {        margin-top: 20px;    }}@media screen and (max-width: 1000px) {    main .CategoryPanel {        width: 32%;    }    footer .column_left {        width: 30%;    }    footer .column_middle {        width: 40%;    }    footer .column_right {        width: 30%;    }}@media screen and (max-width: 800px) {}