#skip {-webkit-border-radius: 5px;-webkit-border-top-right-radius: 0;-moz-border-radius: 5px;-moz-border-radius-topright: 0;border-radius: 5px;border-top-right-radius: 0;}

#food .steps img {-webkit-filter: drop-shadow(5px 5px 10px black) grayscale(1);}
#food .steps img.active {-webkit-filter: drop-shadow(5px 5px 10px black) grayscale(0);}
#food .steps img:hover {-webkit-filter: drop-shadow(5px 5px 20px #588c00) grayscale(0);}
#food .steps img.noeffect:hover {-webkit-filter: drop-shadow(5px 5px 10px black) grayscale(0);}

body { 
  background: url(bgs/bg1.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body:before { content: ''; position: absolute; left: 60%; right: 0; top: 4px; height: 35px; background: none; }
#panel {background: none;left:0;z-index:50;}
#hplista {background-color: rgba(0,0,0,0.6); }
#footer {background-color: rgba(0,0,0, 0.8);}
.boxprice strong {color: white;}
#panel ul li a {color: #00c9ef;}
#panel div ul li a {color: #00c9ef;text-decoration: none;}
#panel div ul li {color: #00c9ef;float: left;padding-left: 12px;}
#panel div ul {
font-weight: bold;
}


#food .steps {color: #588c00; font-size: 150%}
#food .steps.lblresp {margin-bottom: 0px;position: relative;top: 27px;}
#food h2 {text-align: center; padding-bottom: 5px;padding-top: 20px;font-size: 24px;border-bottom: 1px dotted silver;margin-bottom: 18px;}
#food .steps strong{display: inline}
#food .steps td.text{position:relative; }
#food .steps .text {background-color: rgba(255, 255, 255, 0.8);position: relative;top: -63px;color: black;}

#food #newsletter{border-top: 1px dotted silver;border-bottom: 1px dotted silver;padding: 10px;text-align: center;color: #3C3C3C;}


#food #newsletter #formlabel{float: left; width: 40%;}
#food #newsletter #formlabel.label2{font-size: 15px;font-weight: bold;font-style: italic;padding-top: 7px;}
#food #newsletter #formcontrol{float: right; width: 50%;}
#food #newsletter #formcontrol .login{border: 1px solid silver; width: 73%; float: left; }
#food #newsletter #formcontrol .save{ width: 20%; float: right; line-height: 33px;height: 38px;}
#food #newsletter .citybox {padding-top: 10px;}
#food #newsletter .citybox .box{width: 20%; float: left; text-align: left;}
#food #nwslcitybox {text-align: left;padding: 10px;background-color: #f0fff0;margin-top: 10px;border: 1px dotted green;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; display: none}
#food #nwslcitybox.lblresp {border-color: silver; background-color: #fffaf0}

#food .notice {padding: 5px 10px; margin-top: 12px;background: #f0f0f0;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0, 0.5);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0, 0.5);box-shadow:0px 0px 10px 0px rgba(0,0,0, 0.5);}

#food #articles {padding-top: 10px; padding-bottom: 10px;}
#food #articles .article {padding: 5px; margin-bottom: 20px; border-right: 2px solid white;width: 48%; float: left; background-color: #fffaf0; border: 1px dotted silver;}
#food #articles .article:hover {-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0, 0.5);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0, 0.5);box-shadow:0px 0px 10px 0px rgba(0,0,0, 0.5);}
#food #articles .article:nth-child(2n) {float:right}
#food #articles .about {float: left; width: 70%}
#food #articles .image {float: right; width: 25%}
#food #articles .image img {width: 100%}
#food #articles .article:hover {border-right: 2px solid silver;}
#food #articles .article a:hover {text-decoration: None}
#food #articles .article h3 {color: darkgreen}

#food .discount {padding: 5px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0, 0.5);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0, 0.5);box-shadow:0px 0px 10px 0px rgba(0,0,0, 0.5); width: 48%; float: left; }
#food .discount:hover {-webkit-box-shadow: 0px 1px 10px 0px rgba(12,126,64, 0.5);-moz-box-shadow:0px 0px 10px 0px rgba(12,126,64, 0.5);box-shadow:0px 0px 10px 0px rgba(12,126,64, 0.5); }
#food .discount:nth-child(2n) {float: right}
#food .discount h3 {padding: 5px 0px;text-align: center;color: darkgreen; font-size: 15px; height: 44px; overflow:hidden; margin-bottom: 8px;}
#food .discount .table {width: 48%; float: left; padding-top: 13px;}
  #food .discount .table table {width: 100%; }
  #food .discount .table table th {width: 40%; color: darkgreen; text-align: left}
  #food .discount .table table td {font-weight: bold; text-align: left;}
  #food .discount .time {background: rgba(0,0,0,0.7);color: white;position: absolute;top: 183px;padding: 5px;text-align: center;left: 168px;}
  #food .discount .detail {float: right; width: 40%; padding-top: 13px;padding-right: 5px;}
  /*
  #food .discount .detail a {display: block;width: 100%;background-color: #80cc00;text-align: center;text-decoration: none;font-size: 16px;padding: 5px 0px;margin-top: 9px;color: white;font-weight: bold;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
  #food .discount .detail a:hover {color: #f5f5f5	; -webkit-box-shadow: 0px 0px 10px 0px rgba(12,126,64, 0.5);-moz-box-shadow:0px 0px 10px 0px rgba(12,126,64, 0.5);box-shadow:0px 0px 10px 0px rgba(12,126,64, 0.5);}
  */
  #food span.foodprice {display: block;width: 100%;background-color: #80cc00;text-align: center;text-decoration: none;font-size: 16px;padding: 5px 0px;margin-top: 9px;color: white;font-weight: bold;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin-bottom:15px;}
  #basketsummary span.foodprice {display: block;width: 100%;background-color: #80cc00;text-align: center;text-decoration: none;font-size: 16px;padding: 5px 0px;margin-top: 9px;color: white;font-weight: bold;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin-bottom:15px;}
  #food span.addsubvariant {cursor:pointer;display: inline-block;text-align: center;text-decoration: none;font-size: 12px;padding: 5px 10px;color: black;font-weight: bold;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin-bottom:9px;border:2px solid #80cc00;}
  #food span.addsubvariant.hovered {cursor:pointer;display: inline-block;background-color: #80cc00;text-align: center;text-decoration: none;font-size: 12px;padding: 5px 10px;color: white;font-weight: bold;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin-bottom:9px;}
  #food #selcity {padding: 5px 10px;margin-top: 12px;background: #f0f0f0;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0, 0.5);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0, 0.5);box-shadow: 0px 0px 10px 0px rgba(0,0,0, 0.5);margin-bottom: 22px;}
  #food #selcity ul {width: 100%; }
  #food #selcity ul li:nth-child(1) {font-weight: bold;font-size: 17px;padding-top: 4px;text-align: center;}
  #food #selcity ul li {float: left; width: 20%; padding-bottom: 2px;padding-top: 2px;}
  #food #selcity ul li a {width: 100%;background: white;display: block;text-align: center;color: black;border: 1px dotted black;text-decoration: none;padding: 5px 0px;font-size: 15px;background: #faf0e6;}
  #food #selcity ul li a:hover {background: #ffdab9}
  #food #selcity ul li a:hover span {color: white;}
  #food #selcity ul li a span{font-size: 10px;color: #696969;position: relative;top: -6px;}
  #food #selcity ul li a.act {background: #a0522d;color: white;}
  #food #selcity ul li a.act span {color: white;}
  
  #food .closenwslcity {display: block;float: right;position: relative;top: -13px;}
  
  #food .separator {border-top: 1px dotted silver; height: 5px; width: 100%; clear: both; padding-top: 10px; padding-bottom: 5px;}
  #food .where {padding-left: 6px;font-weight: bold;color: darkgreen;text-align: left;}
  #food .timebottom {text-align: left;padding-left: 6px;padding-top: 10px;}
  
  #food .discount .pricetable{background: #fffaf0;border: 1px dotted silver;}
    #food .discount .pricetable .price {color: #a0522d;}
    
  #food .discount:hover a img{-webkit-filter: drop-shadow(1px 1px 10px black);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
  #food .discount:hover .timebottom{text-decoration: underline;}

  #food .detaillink {background: white !important;color: black !important;font-size: 13px !important;font-weight: normal !important;text-decoration: underline !important;padding-top: 5px !important;height: 15px;padding-top: 0px !important;}
  #food .detail.nopadding {padding-top: 0px !important}
  #food .table td {padding: 0px !important;}
  #food .table {padding-left: 31px;}
  #food .table th {padding: 0px !important; width: 71px;}
  
  .farmertext {float: left; width: 49%; font-size: 15px;}
  .farmerimages {float: right; width: 49%}
  .farmerimages  .otherimages{padding: 10px;}
  .farmerimages  .otherimages a {display: block; float: left; width: 25%; width: 93px; height: 60px; border: 1px solid silver; margin: 1px; padding: 1px;}
  .farmerimages  .otherimages a:hover img{-webkit-filter: drop-shadow(1px 1px 20px #00bceb);}
  .backbutton {background: #00c9ef;color: white;}

  .farmerdetail {text-decoration: none !important;}
  .foodselectcity {background-color: none !important}

  .foodselectcity {left: -457px !important;}

  #cities.food{top: 39px; background-color: rgba(0,0,0,0.6);}
  ul#nav {padding-top: 4px;}

@media screen and (max-width: 1000px){
	.foodselectcity {left: 0px !important;}
    #food #newsletter #formlabel{float: left; width: 100%;}
    #food #newsletter #formcontrol{float: left; width: 100%;}
}

@media screen and (max-width: 500px){
  
    #food .steps {font-size: 100%}
    #food h2 {padding-top: 10px;font-size: 20px;}
    #food .steps strong{display: block}

}

#basketitems { 
	position: fixed; 
	left: 0; 
	top: 0; 
	overflow: hidden; 
	width: 267px; 
	height: auto; 
	font-weight: bold; 
	
}
#basketitems {
	top:39px;
}
#basketitems h2 {
	text-align:center;
}
#basketitems .in .basket{
	width:245px;
	float: right;
	color: #000;
	padding: 5px 10px;
	background: #fff; 
	background-color: rgba(255,255,255,0.9);
	border: 1px solid #000; 
}
#hplista {
position: fixed;
z-index:20
}

.noshadow{
	-webkit-filter: drop-shadow(0px 0px 0px black) !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}