.slideshowImage a { background-repeat:no-repeat; width:100%; padding-top:33%; background-position:center; background-size:100%; }

#slideshowMobile { display:none; }


.viewMore { border:1px solid #ffffff; border-radius:6px; display:block; color:#ffffff; text-decoration:none; padding:10px; width:auto; background-color:#006633; clear:both; float:right; margin:20px 0px 0px 0px; transition: .3s background-color,border-color,color; text-align:center; }
.viewMore:hover { border-color:#999999; background-color:#ffffff; color:#999999; }
.viewMore span { font-size:18px; }


#intro { clear:both; width:100%; padding:0 3% 0 3%; margin-top:10px; }
#intro p::first-letter { font-size:16px; }
#intro p { text-indent:10px; padding-bottom:20px; padding-right:20px; }

p { line-height:25px; }

#introLeft { width:65%; clear:both; float:left; padding-right:20px; }
#introRight { width:35%; float:left; }
#introRight img { border-radius:6px; }





#mainMap { border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; padding:0 3% 20px 3%; background-image:url(/images/mainMap.png); background-repeat:no-repeat; background-position:center; background-size:cover; margin-top:30px; float:left; }

#mainAddress { float:left; padding:10px; background:rgba(255,255,255,0.8); border-radius:8px; text-align:center; margin-top:20px; line-height:25px; }
#address { line-height:20px; margin-bottom:15px;}
#mainAddress span { color:#996633; font-size:15px; }

#directions a { padding:10px; display:block; margin-top:20px; width:0 auto; border:1px solid #cccccc; color:#ffffff; border-radius:8px; text-decoration:none; background-color:#006633; transition: .3s background-color,border-color,color; }
#directions a:hover { border-color:#999999; background-color:#ffffff; color:#999999; }

#mapHeading { border-bottom:1px solid #cccccc; padding:5px; margin-bottom:10px; color:#996633; font-size:16px; }

#openingHours { float:right; padding:10px; background:rgba(255,255,255,0.8); border-radius:8px; text-align:center; margin-top:20px; line-height:25px; }

#openingHoursHeading { border-bottom:1px solid #cccccc; padding:5px; margin-bottom:10px; color:#996633; width:auto; font-size:16px; }

#openingHours span { font-size:15px; color:#996633; }

.openClosed { color:#ffffff; border-radius:8px; padding:10px; font-size:18px; margin-top:10px; }
#open { background-color:#006633; }
#closed { background-color:#cc3333; }
#closed span { font-size:13px; color:#ffffff; }

.today { border:2px solid #006633; border-radius:6px; font-size:16px; padding:3px 6px 3px 6px; }

h1.home { color:#996633; font-weight:normal; font-size:23px; margin:10px 0px 25px 0px; float:left; padding:10px 20px 10px 0px; border-radius:8px; }


#adBarBg { display:flex; flex-direction:row; flex-wrap:wrap; background-color:#996633; border-top:3px solid #cc9966; border-bottom:3px solid #cc9966; padding-top:10px; padding-bottom:10px;}

.adBar { min-height:45px; width:33%; border-right:1px solid #cc9966; float:left; padding:3px 10px 0px 65px; color:#ffcc99; font-size:12px; letter-spacing:0.4px; background-repeat:no-repeat; background-position:10px top; background-color:#996633; }
.adBar:last-child { border-right:0; }

.adBar span { font-size:18px; color:#ffffff; line-height:25px; }

#secure { background-image:url(/images/adBarSecure.png); }
#delivery { background-image:url(/images/adBarDelivery.png); }
#clickCollect { background-image:url(/images/adBarClickCollect.png); }
#vegan { background-image:url(/images/adBarVegan.png); }

#adBarPopup { display:none; position:fixed; margin:0 auto; height:400px; width:450px; top:50%; left:50%; margin-top:-200px; margin-left:-225px; border:1px solid #cccccc; background-color:#ffffff; z-index:8; border-radius:6px; box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); animation-name:showAdBarPopup; animation-duration: 0.5s; }
@keyframes showAdBarPopup { from {opacity: 0} to {opacity: 1} }

#adBarPopupMask { display:none; position:fixed; height:100%; width:100%; background:rgba(255,255,255,0.9); z-index:3; animation-name:showAdBarPopupMask; animation-duration: 0.5s; }
@keyframes showAdBarPopupMask { from {opacity: 0} to {opacity: 1} }

#adBarPopupInner { margin:0px 20px 20px 20px; clear:both; float:left; }

#adBarPopupInner p { clear:both; float:left; }
#adBarPopupInner img { display:block; clear:both; margin:0 auto; padding-top:30px; }







.newsOuter { width:100%; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; -webkit-flex-direction:row; -ms-flex-direction:row; flex-wrap:wrap; }
.newsItem { width:25%; padding:0px 20px 0px 20px; border-right:1px solid #cccccc; margin:0px 0px 20px 0px; font-size:13px; line-height:20px; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:column; }
.newsItem:last-child { border:0; }
.newsItem img { align-self:start; margin-bottom:5px; }
.newsItem span.newsDate { align-self:start; margin-bottom:5px; font-size:12px; color:#666666; }
.newsItem span.newsLink { align-self:flex-start; font-size:13px; color:#666666; }
.newsItem h2 { font-style:italic; padding-top:10px; }
.newsItem img { border-radius:8px; border:1px soild #cccccc; width:100%; height:auto; overflow:hidden; margin-bottom:15px; }








.shopByCat { position:relative;border:1px solid #cccccc;border-radius:6px;width:16.1%;float:left;padding-top:16.1%;margin:0 0.5% 0.5% 0; background-size:80% auto; background-repeat:no-repeat; background-position:center top; transition: box-shadow .3s; }
.shopByCat span { position:absolute;bottom:0;left:0;width:100%;border-radius:0px 0px 6px 6px;color:rgba(153, 102, 51, 1);height:50px;text-align:center;text-decoration:none;letter-spacing:0.4px;font-size:15px;padding:3% 3% 0 3%; background-color:rgba(255, 255, 255, 1); }

.shopByCat:hover { box-shadow:0px 0px 0px 2px #996633; cursor:pointer; }
.shopByCat:hover span { cursor:pointer; }





.dayList { display:-webkit-flex; display:-ms-flexbox; display:flex; clear:both;  flex-wrap:wrap; }
.dayContainer { float:left;width:25%;border-right:1px solid #cccccc;padding:1%;padding-bottom:30px;display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:column; justify-content:space-between; }
.dayContainer img { border-radius:6px; }
.dayContainerLast { border:0; }
.dayContainerHeading { border-bottom:1px solid #cccccc; padding:5px; margin-bottom:10px; color:#996633; font-size:20px; text-align:center; }
.dayContainerCompany { margin-top:20px; color:#666666; font-size:16px; text-align:center; }
.dayContainerList { margin-top:20px; margin-bottom:20px; width:100%; }
.dayContainerList span { color:#cccccc; }






.fruitVegHomePic { clear:both; float:left; width:30%; }
.fruitVegHomeRight { float:left; width:70%; padding-left:25px; }
.fruitVegHomeRight p { margin-bottom:20px; }













@media only screen and (max-width: 1440px) {
/* For laptop: */



}



@media only screen and (max-width: 1100px) {
/* For inbetween: */

.newsItem { width:33.3%; }
.shopByCat { width:19.5%; padding-top:19.5%; }
.dayContainer { margin:0.3%; width:32%; }

}



@media only screen and (max-width: 800px) {
/* For tablets: */

.shopByCat { width:24.3%; padding-top:24.3%; }
#introLeft { width:100%; padding-right:0px; }
#introRight { width:100%; clear:both; }
.newsItem { width:50%; }
#introRight img { margin-top:20px; }
.fruitVegHomePic { width:100%; }
.fruitVegHomeRight { clear:both; width:100%; padding-left:0px; margin-top:20px; }
.dayContainer { margin:0.3%; width:49%; }

}


@media only screen and (max-width: 650px) {

.shopByCat { width:32.3%; padding-top:32.3%; }

}


@media only screen and (max-width: 414px) {
/* For mobile phones: */

#adBarBg { padding-top:0px; padding-bottom:0px;}
.adBar { width:100%; border-right:0; border-bottom:1px solid #cc9966; padding:10px 10px 10px 65px; font-size:12px; background-position:left center; }
.adBar:last-child { border:0; }
#adBarPopup { margin:0; height:100%; width:100%; top:0; left:0; margin-top:0; margin-left:0; border:0; border-radius:0px; box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2); animation-name:showAdBarPopup; animation-duration: 0.5s; }
@keyframes showAdBarPopup { from {opacity: 0} to {opacity: 1} }
.newsItem { border:0; width:100%; }
.shopByCat { margin:0.3%; width:49%; }
#mainMap { background-image:none; height:auto; }
#mainAddress { width:100%; }
#openingHours { width:100%; margin-bottom:20px; }
.shopByCat { width:49%; padding-top:49%; }
#introLeft { width:100%; padding-right:0px; }
#introRight { width:100%; clear:both; }
#slideshow { display:none; }
#slideshowMobile { display:block; }
.viewMore { width:100%; }
#introRight img { margin-top:20px; }
.fruitVegHomePic { width:100%; }
.fruitVegHomeRight { clear:both; width:100%; padding-left:0px; margin-top:20px; }
.dayContainer { margin:0; width:100%; }

}