@charset "utf-8";
/* Peddle */

#pedaddsub { border: solid 1px #000; padding: 4px; background-color: #fff;display:block;width: 72px;float:left;}
#dinnerbuy #pedaddsub {padding: 10px; margin-top: 10px; margin-bottom: 20px;margin-left: auto; margin-right: auto; width: 350px;}

#pedbutadd, #pedbutsub {border: 0px;cursor:pointer; font-size: 20px; font-weight: bold; background-color: transparent;padding: 3px;padding-left: 3px; padding-right: 3px;}
#pedbutadd {position:relative; top: 0px;}
#pedaddsub #qty {font-weight: bold; border: 0px;}

#pedbutbuy {border: solid 1px #000; background-color: #fff; cursor:pointer;padding: 10px;height: 41px; margin-left: 10px; font-size: 20px; line-height: 20px; transition: background-color 1s, color 1s;}
#pedbutbuy:hover {background-color: #000 !important; color: #fff !important;}

#dinnerbuy  #pedbutbuy {border: solid 0px #000; border-radius: 3px; background-color: transparent; cursor:pointer;padding: 5px;padding-bottom: 4px; width: 200px; height: 80px; color: transparent; background-image: url('ticket-add-to-basket.png'); background-repeat: no-repeat; background-position: center;}
#dinnerbuy a:hover {text-decoration: none;}
#peddle-bin {visibility: hidden;position: absolute;left: 0px;top: 0px;width:100%;height:100%;text-align:center;z-index: 1000;}
#peddle-bin div {width:300px;margin: 100px auto;background-color: #fff;border:1px solid #000;padding:15px;text-align:center; opacity: 1 !important;}

#pedform {display:block;min-height: 30px;}
#pedformhalf {display:block;min-height: 30px;width: 50%; float:left;}
#pedform input, #pedformhalf input {padding: 5px; float:left; display:block;width: 90%; margin-bottom: 5px; border: solid 1px #000;border-radius: 3px; }
#pedformhalf input {padding: 5px; float:left; display:block;width: 80%; margin-bottom: 5px; border: solid 1px #000;border-radius: 3px; }
#pedform textarea {padding: 5px; float:left; display:block;width: 90%; height: 70px; margin-bottom: 5px;border: solid 1px #000;border-radius: 3px; }
#pedform select {padding: 5px; float:left; display:block;width: 82%;border: solid 1px #000;border-radius: 3px; margin-bottom: 5px;}
.pedform {display:block;font-weight: bold;  width: 200px; min-height: 30px; float:left;position:relative; top: 2px;border-radius: 3px; }
.pedformhalf {display:block;font-weight: bold;  width: 200px; min-height: 30px; float:left;position:relative; top: 2px;border-radius: 3px; }

input.ped-update {width: 50px; border:0px; background-color: transparent; font-size: 16px; text-align: right;}

.modalDialog {position: fixed;font-family: Arial, Helvetica, sans-serif;top: 0;	right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.8);z-index: 99999;	opacity:0;-webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in;pointer-events: none;}
.modalDialog:target {opacity:1;pointer-events: auto;}
.modalDialog > div {width: 400px;position: relative;	margin: 10% auto;padding: 5px 20px 13px 20px;background: #fff;background: -moz-linear-gradient(#fff, #999);background: -webkit-linear-gradient(#fff, #999);background: -o-linear-gradient(#fff, #999);	}
.close {background: #606061;color: #fff;	line-height: 25px;	position: absolute;	right: -12px;text-align: center;	top: -10px;	width: 24px;text-decoration: none;font-weight: normal;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;-moz-box-shadow: 1px 1px 3px #000;-webkit-box-shadow: 1px 1px 3px #000;box-shadow: 1px 1px 3px #000; transition: background-color 1s, color 1s;}
.close:hover { background: orange; color: #fff;}
.modalDialog a {color: #000;}

.pedinnards {display:block; width: 165px;}

.pedalert {padding: 5px; display:inline-block;width: auto; margin-bottom: 5px; margin-top: 5px; border: solid 1px #000;border-radius: 3px; font-style:italic;}

.no-show {display:none;}
.show-me {display:block;}

.pco-wide {width: 55%; }

.pco-wide input {width: 98%; }
.pco-small {width: 15%; color: #000;}
.pco-small #pedaddsub {position: relative; top: -10px;}
.pco-small-hide {width: 15%; color: #000;}
.pco-total {width: 210px; margin-left: auto; margin-right: auto; text-align:right;}
.mobprice {display:none;}
button.emptybasket {border: 1px solid #000; width: auto; margin-left: auto; margin-right: auto; padding: 5px; transition: background-color 1s;}
button:hover.emptybasket {background-color: #F7941E; cursor:pointer;}

a.continueshopping {color: #F7941E; font-weight:bold; text-shadow: 0px 0px 4px #fff; text-transform:uppercase;font-size: 20px; line-height: 25px; transition: color 1s;}
a:hover.continueshopping {font-weight:bold; color: #000; text-decoration: none;}
a.gotocheckout {color: #F7941E; font-weight:bold; text-shadow: 0px 0px 4px #fff; text-transform:uppercase;font-size: 25px; line-height: 30px;text-decoration: underline;transition: color 1s;}
a:hover.gotocheckout {font-weight:bold; color: #000;}

@media only screen and (max-width: 767px) { /* SMALL - Mobile Landscape */
.pco-wide {width: 100%; margin-bottom: 0px;float:right;}
.pco-small {width: 30%;}
.pco-price {width: 100% !important;  margin-bottom: 20px;clear:both;}
.pco-price .pco-small {width: 75px; }
.pco-small-hide {width: 30%;}
.tableheadings {display:none !important;}
.mobprice {display:inline-block; color: #000; width: 100px; }

#pedform input {width: 90%;  }
#pedform textarea {width: 90%;  }
#pedform select {width: 92%;}
#dinnerbuy #pedaddsub {width: 90%;}
	}
	
	
	
.dangerdanger {width: 100%; height: auto; display:block; color: red; text-align:center;padding-bottom: 20px;}

#pedbutbought {background-color: #fff; padding: 5px; padding-left: 10px; padding-right: 10px; border: 1px solid #000; border-radius: 0px 0px 0px; font-weight: bold; color: #000;transition: color 0.5s, background-color 0.5s;font-size: 19px; line-height: 21px;font-family:'Brandon Grotesque W01'; letter-spacing: 2px; position:relative; top: -5px;}
#pedbutbought:hover {color: #fff !important; background-color: #000 !important; cursor:pointer;}