body { font-family:Arial, Helvetica, sans-serif;color:#464646;line-height:1.4;font-size:13px;position:relative; }
.topbartitle { background: #2e292a; color: #fff; font-weight: bold; font-size: 123.5%; border-radius: 4px 4px 0 0; padding: 17px 11px 17px 28px; }
.closex { background: url(/images/closex.png) center no-repeat; width: 28px; height: 28px; float: right; margin-top: -3px; cursor: pointer; }
.mainpopinfo { background: #fff; border-radius: 0 0 4px 4px; box-sizing: border-box; padding: 34px 36px 15px 37px; width:100%; }
.openingbar { background: #c61331; color: #fff; font-weight: bold; border-radius: 3px; font-size: 123.5%; padding: 14px 23px; margin-bottom: 21px; }
.hourspopup table { width: 100%; margin: 0 0 40px; border-collapse: collapse; }
.hourspopup th { text-align: left; color: #c61331; font-weight: bold; font-size: 108%; padding: 0 0 4px 24px; }
.hourspopup td { font-size: 108%; padding: 9px 0 4px 24px; }
.hourspopup tbody tr { border-bottom: 1px solid #e1e1e1; }
.hourspopup tr td:first-child, .hourspopup tr th:first-child { width: 37%; }
.hourspopup tr td:nth-child(2), .hourspopup tr th:nth-child(2) { width: 35%; }
.hourspopup tr td:last-child, .hourspopup tr th:last-child { width: 28%; }
.lastorders .openingbar { margin: 0; position: relative; z-index: 1; }
.greycontent { border: 1px solid #c61331; border-top: 0; background: #f7f7f7; border-radius: 0 0 3px 3px; margin-top: -1px; padding: 19px 0 7px; margin-bottom: 25px; zoom:1; }
.hourspopup .greycontent thead tr { border-bottom: 1px solid #e1e1e1; }
.hourspopup .greycontent table { font-weight: bold; margin-bottom: 25px; }
.greycontent p { color: #242424; margin: 0; padding: 0 28px 19px 24px; font-size: 108%; line-height: 1.7em; }
span.veryimportant { color: #c61331; font-weight: bold; }
.deliveryexpandbar { background: #c61331; color: #fff; font-weight: bold; border-radius: 3px; font-size: 123.5%; padding: 14px 17px 14px 23px; }
.deliveryexpandbar .expandarrow { background: url(/images/expandarrow.png) center no-repeat; width: 20px; height: 12px; float: right; margin-top: 6px; transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; }
.deliveryexpandbar.active .expandarrow { transform: rotate(180deg); }
p.specificdelivery { margin: 0; padding: 35px 23px 24px; color: #c61331; font-weight: bold; font-size: 108%; }
tr.closed { font-size: 100%; color: #cb2c36; }
@media screen and (max-width:735px) {
.hourspopup { padding: 0 20px; }
.hourspopup tr td:last-child, .hourspopup tr th:last-child, .hourspopup tr td:nth-child(2), .hourspopup tr th:nth-child(2), .hourspopup tr td:first-child, .hourspopup tr th:first-child { width: auto; }
}
@media screen and (max-width:560px) {
.hourspopup { padding: 0 5px; }
.hourspopcontent { margin: 27px auto 0; }
.hourspopup td, .hourspopup th { padding: 8px 0 4px 7px; }
.greycontent p { padding: 0 28px 19px 7px; }
.openingbar { padding: 14px 23px 14px 7px; }
p.specificdelivery { padding: 35px 23px 24px 7px; }
.deliveryexpandbar { padding: 14px 17px 14px 7px; }
}
@media screen and (max-width:430px) {
.hourspopup table { font-size: 86%; }
.mainpopinfo { padding: 24px 0px 15px; }
}
@media screen and (max-width:350px) {
.hourspopup table { font-size: 83%; }
}