/*Full Reset - Use is optional ***************/
body{font:12px/1.5 Arial,Helvetica,sans-serif}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1{font-size:50px}
h2{font-size:26px;width:200px; color:#FFFFFF;}
h3{font-size:30px;padding:0px;margin:0px;}
h4{margin:0px; padding:0px;height:20px;}
h5{font-size:17px}
h6{font-size:15px}
ol{list-style:decimal}
ul{list-style:square}
li{margin-left:30px}
img{border:none;}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin:0px}
*{margin:0px; padding:0px;font-family:Arial,Helvetica,sans-serif;}
/*End of resets -----******/
pre{/*color:white;*/font-family:monospace;} /*TODO remove later*/


/*Start of reusables -----******/
.block {display:block; overflow:hidden;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.middle{margin-left:auto;margin-right:auto;}
.tiny{font-size:9px;}
.small{font-size:14px;}
.small_medium{font-size:16px;}
.medium{font-size: 18px;}
.big{font-size: 22px;}
.bigger{font-size: 28px;}
.biggest{font-size: 34px;}
.massive{font-size: 40px;}
.huge{font-size: 46px;}
.centred{text-align:center;}
.center{text-align:center;}
div.scroll-y{overflow-y: scroll;}
.hidden{display: none;}
.pointer{cursor:pointer;}

.white{color:#FFF;}
.white a, a:hover{
	color:#FFF;
	text-decoration:none;
}
.green {color: #009531;}
.red {color: #EE3300;}
.istanbul_red{color:#EF3E35;}
.ap_red{color:#B30000;}
.purple{color:#A02B6A;}
.grey{color:#999;}
.lightgrey{color:#CCC;}
.blue{color:#068EBB;}
.orange{color:#FF802B;}
.black{color:#000;}
.darkgrey{color:#666;}
.darkergrey{color:#2D2D2D;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.bg_white{background-color:#FFF;}
.bg_lightblue{background-color:#DDECFE;}
.bg_lightgrey{background-color:#F0F0F0;}
.bg_orange{background-color:#F58225;}
.bg_red{background-color:#B30000;}
.border_grey{border:5px solid #333;}
.border_lightgrey{border:5px solid #666;}
.line_lightgrey{border-top:1px solid #DFDFDF;}

.grey_indent_border{
	border-top:1px solid #1B1B1B;
	border-bottom:1px solid #666;
	height:0px;
}

input[type=button] {
  -webkit-appearance: none;
}
input[type=submit] {
  -webkit-appearance: none;
}

/*End   of reusables -----******/


/*MOJO************************/
body{
background-color:#E0E0E0;
margin:0;
padding:0;
width:100%;

}

.container{
	width:900px; /* Needs to be widen */
	display:block;
	margin:0px auto auto;
	background-color:#FFF;
	margin-top: 230px;
	/*border:1px solid #fff;*/
}

.curved {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(ie-css3.htc);
}
#clock{
	height:18px;
}
#load{
	width:900px;margin:0px auto; background-color:#000000;
}

/*Header**********************/
.header{
	width:900px; /* Needs to be widen */
	display:block;
	overflow:hidden;
	margin: 5px 0px;
}

.mainbody{
	clear: both;
	background-color:#fff;
}

.summaryBlock{
	width:900px;
	display:block; 
	overflow:hidden;
	/*background:url(../img/banner-option-bg.jpg) repeat-x;*/
	background:#D82B31;
}
/*.summaryBlock{
	display:block;
	overflow:hidden;
	position:absolute;
	top:0px;
}*/
.summaryBlock .column1{
	width:250px;
}
.summaryBlock .column2{
	/*width:280px;*/
}

.summaryBlock .column3{
	font-size:14px;
	width:280px;
	color:#CCC;
	text-align:center;
}
.summaryBlock .column4{
	width:350px;
}
.fmo_funds_box_small{
	text-align:center;
	float:right;
	width:364px;
	height:24px;
	padding:5px;
	margin-top:5px;
}
.fmo_funds_box{
	text-align:center;
	width:150px;
	height:100px;
	/*padding:0px 100px;*/
	margin-top:10px;
}
.speed{
	color:#CCC;
	text-align:center;
	width:30px;
	text-align:left;
}
.speedlabel{
	color:#CCC;
	width:200px;
	text-align:left;
}

/*Start of clickable -----******/
.clickable{
/*text-shadow:#aaa 2px 1px 2px;*/
cursor:pointer;
/*border: 2px outset #808080;*/
padding: 2px;
background-color: #808080;
color: #ffffff;
margin: 1px 0px;
/*-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
behavior: url(ie-css3.htc);*/}
.clickable:hover{background-color: #909090;}
.clickable:active{border: 1px inset #808080;}

.clickable.selectable{width: 250px;text-align: left;}
.clickable.selected{background-image: url('../img/icon-general-tick.png');background-position: right center;background-repeat: no-repeat;}

.clickable.red{text-shadow: #333 2px 1px 2px;background-color: #D82B31;border: 2px outset #D82B31;}
.clickable.red:hover{background-color: #D82B31;}
.clickable.red:active{border: 2px inset #D82B31;}
.clickable.green{text-shadow: #333 2px 1px 2px;background-color: #009933;border: 2px outset #009933;}
.clickable.green:hover{background-color: #009933;}
.clickable.green:active{border: 2px inset #009933;}
.clickable.orange{text-shadow: #999 2px 1px 2px;background-color: #FBB917;border: 2px outset #FBB917; color: black;}
.clickable.orange:hover{background-color: #FBB917;}
.clickable.orange:active{border: 2px inset #FBB917;}
.clickable.yellow{text-shadow: #ccc 2px 1px 2px;background-color: #F7EB00;border: 2px outset #F7EB00; color: black;}
.clickable.yellow:hover{background-color: #F7EB00;}
.clickable.yellow:active{border: 2px inset #F7EB00;}
.clickable.gray{text-shadow: #333 2px 1px 2px;background-color: #707070;border: 2px outset #707070;}
.clickable.gray:hover{background-color: #707070;}
.clickable.gray:active{border: 2px inset #707070;}
.clickable.white{/*text-shadow: #ccc 2px 1px 2px;*/background-color: #FEFEFE;/*border: 2px outset #FEFEFE;*/ color: black;}
.clickable.white:hover{background-color: #FEFEFE;}
.clickable.white:active{/*border: 2px inset #FEFEFE;*/}
.clickable.cream{/*text-shadow: #ccc 2px 1px 2px;*/background-color: #FFFFDF;/*border: 2px outset #FEFEFE;*/ color: black;}
.clickable.cream:hover{background-color: #FFFFDF;}
.clickable.cream:active{/*border: 2px inset #FEFEFE;*/}

.clickable.purple{text-shadow: #333 2px 1px 2px;background-color: #7711AA;border: 2px outset #7711AA; color: white;}
.clickable.purple:hover{background-color: #7711AA;}
.clickable.purple:active{border: 2px inset #7711AA;}
.clickable.blue{text-shadow: #333 2px 1px 2px;background-color: #0799CB;border: 2px outset #0799CB; color: white;}
.clickable.blue:hover{background-color: #0799CB;}
.clickable.blue:active{border: 2px inset #0799CB;}
.clickable.light-gray{text-shadow: #333 2px 1px 2px;background-color: #A0A0A0;border: 2px outset #A0A0A0;}
.clickable.light-gray:hover{background-color: #A0A0A0;}
.clickable.light-gray:active{border: 2px inset #A0A0A0;}

.clickable.card{background-image: url('../img/card.png');background-repeat: no-repeat; background-position:right; text-align:left;}
.clickable.cash{background-image: url('../img/cash.png');background-repeat: no-repeat; background-position:right; text-align:left;}
.clickable.plus{background-image: url('../img/icon-general-plus.png');background-repeat: no-repeat;}
.clickable.minus{background-image: url('../img/icon-general-minus.png');background-repeat: no-repeat;}
.clickable.cross{padding-left: 70px;background-image: url('../img/icon-general-cross.png');background-position: 5px 50%;background-repeat: no-repeat;height: 65px;}
.clickable.tick{padding-left: 70px;background-image: url('../img/icon-general-tick.png');background-position: 5px 50%;background-repeat: no-repeat;height: 65px;}
.clickable.search{background-image: url('../img/icon-general-search.png');background-position: 5px 50%;background-repeat: no-repeat;height: 50px;}
.clickable.arrowUp{background-image: url('../img/icon-general-arrow_up.png');background-repeat: no-repeat;}
.clickable.arrowDown{background-image: url('../img/icon-general-arrow_down.png');background-repeat: no-repeat;}
.clickable.edit{background-image: url('../img/icon-general-edit.png');background-repeat: no-repeat;}



/*customer list colours*/
.clickable.lightorange{text-shadow: #333 2px 1px 2px;background-color:#FF9E5E;border-color:#FF9E5E;}
.clickable.lightorange:hover{background-color:#FF9E5E;}

.clickable.darkorange{text-shadow: #333 2px 1px 2px;background-color:#FF802B;border-color:#FF802B;}
.clickable.darkorange:hover{background-color:#FF802B;}
/*orders reports colours*/
.clickable.lightpurple{background-color:#7F8AC0;border-color:#7F8AC0;}
.clickable.lightpurple:hover{background-color:#7F8AC0;}

.clickable.darkpurple{text-shadow: #333 2px 1px 2px;background-color:#3A477A;border-color:#3A477A;}
.clickable.darkpurple:hover{background-color:#3A477A;}
/*drivers colours*/
.clickable.lightgreen{background-color:#A3FF94;border-color:#A3FF94;color:#000;}
.clickable.lightgreen:hover{background-color:#A3FF94;}

.clickable.darkgreen{text-shadow: #333 2px 1px 2px;background-color:#54D200;border-color:#54D200;}
.clickable.darkgreen:hover{background-color:#54D200;}
/*cash&carry colours*/
.clickable.lightred{text-shadow: #333 2px 1px 2px;background-color:#F55B5F;border-color:#F55B5F;}
.clickable.lightred:hover{background-color:#F55B5F;}

.clickable.darkred{text-shadow: #333 2px 1px 2px;background-color:#EB2026;border-color:#EB2026;}
.clickable.darkred:hover{background-color:#EB2026;}





.clickable.highlight{border-style: inset;}

.clickable.disabled{text-shadow:none;background-color:#ccc;font-style:italic;border:none;color:#EFEFEF;}
.clickable.disabled:hover{background-color:#ccc;border-color: #ccc;border:none;}
.clickable.disabled:active{border:none;}
/*End   of clickable -----******/



/*Start of forms -----******/
.form{color:#FFF;}
.form fieldset{padding:5px;}
.form legend{padding:0 10px;}
.form .group{float:left;width:450px;padding:2px;}
.form .label{float:left;}
.form .input{float:right;width:320px;line-height:40px;padding:0px;}

input.error, textarea.error{background-color: #EE3300;}
input.valid, textarea.valid{background-color: #33EE33;}
/*End   of forms -----******/


/*Start of table.list -----******/
.even{
background-color:#e0e0e0;
}
.odd{
background-color:#ffffff;
}
.line-on{
background-color:#69F;
}
.line-on-accepted{
background-color:#6C3;
}
table.list{
border-collapse:collapse;
empty-cells:show;
width:100%;
height:684px;
}
table.list th{
text-align:left;
background:#EB2026;
height:28px;
}
table.list tr.foot td{
background:#F55B5F;
padding:0px 10px;
font-size:16px;
height:44px;
}
table.list tr.none td{
height:656px;
font-size: 25px;
color:#000;
background:#F55B5F;
text-align:center;
}
table.list tr.line td{
height:60px;
}
table.list tr.item:hover td{
background-color:#9DA3BD;
}
/*End   of table.list -----******/


/*Start of mutable body sizes -----******/

.screenOptions{
	width:900px;overflow:hidden;text-align:center;
}
.screenOptions-left{
	width:450px;
	overflow:hidden;
	text-align:left;
	float:left;
}
.btn_holder{
	width:430px; cursor: pointer; text-align:left;padding-left:20px; padding-bottom:20px; position:relative;
}
.btn_holder_alert{
	position:absolute;bottom:15px;left:70px;width:60px;height:60px;background-image:url('../img/icon-general-popup.png');line-height:60px; display:none;text-align:center;
}

.times_col1{
	border:none;width:260px;
}
.times_col2{
	width:325px; text-align:center;
}
.times_col3{
	width:325px; text-align:center;
}
.screenOptions-right{
	width:450px;
	overflow:hidden;
	text-align:center;
	float:right;
}

.screenOuter{
	width:  900px; /* Stays fixed width */
	height: 763px;
	margin: 0px auto auto;
	background-color:#fff;
}
.screenClock{
	width:    900px; /* Stays fixed width */
	display:  block;
	overflow: hidden;
	padding:  5px 0px;
	text-align:  center;
	font-weight: bold;
	height:30px;
}
.screenInner{
	width:    1360px; /* Stays fixed width */
	display:  block;
	overflow: hidden;
}

.shoppingMainbox{
	 width:    900px; /* 66.0% | maximum of width - detailsbox - 3 */

	background-color:#fff;
}
.cash_btn{
	margin:5px;height:62px;width:224px; background-image:url('../../modules/shopping/images/icon-shopping-cash.png');background-position:50% 50%;background-repeat:no-repeat;
}
.card_btn{
	margin:5px;height:62px;width:224px; background-image: url('../../modules/shopping/images/icon-shopping-card.png');background-position:50% 50%;background-repeat:no-repeat;
}
.delivery_btn{
	margin:5px;height:100px;width:440px; text-align:center;
}
.collection_btn{
	margin:5px;height:100px;width:440px;
}
.confirmation_btn{
	width:420px;height:150px;margin:4px 0;padding:0; color:#000; background-color:#FFCF87; border:4px solid black;
}
.offer-text{
	width:325px;max-height:120px;overflow:hidden;
}

table.products.items{width:900px;}
.products .text{width:310px;max-height:133px;overflow:hidden;}
.products .offer{width:310px;}
.products .price-main{width:140px;}
.products .price-sub{width:140px;max-height:133px;overflow:hidden;}

.shoppingDetailsbox{
	width:    900px; /* 33.9% | miniumum of 347 */
	background-color:#fff;
}
.shoppingDetailsbox-btn{
	height:100px;width:900px; clear:both; padding:0;text-align:left;
}
.shoppingDetailsbox-continue{
	height:130px;width:310px; clear:both; padding:0;
}
.shoppingDetailsbox-half{
	height:130px;width:310px; clear:both; padding:0;
}

.summaryMainbox{
	width:900px; /* width - actionsbox - own padding */
	overflow:hidden;
	background-color:#fff;
}

table.order-summary td.des{width: 620px;}
div.order-summary{background:url('../../modules/shopping/images/border.png') 786px 0px repeat-y;}

.summaryActionsbox{
	width:890px; /* Stays fixed width */
	overflow:hidden;
	padding:5px;
}


.thinBox{
	width:376px; /* Stays fixed width */
	padding:30px 10px;
	display:block;
	overflow:hidden;
}
.wideBox{
	width:496px; /* Needs to be widen */
	padding:10px 10px;
	display:block;
	overflow:hidden;
}
.optionBtn{
	width:265px; cursor: pointer; text-align:center; padding-bottom:20px; background-color:#FFF;
}
.optionBtn-logo{
    height: 400px;
    object-fit: contain;
    width: 400px;
    float: left;
	position: relative;
	border:2px solid darkgrey;
	border-radius: 50px;
}

/* for 404 images */
.optionBtn-logo::before{
	content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: white;
}
.optionBtn-logo::after{
	content: attr(alt);
    color: grey;
    font-weight: bold;
    font-size: 46px;
	position: absolute;
    width: 100%;
    left: 0;
    top: 40%;
	padding: 0 5% 0 5%;
    box-sizing: border-box;
}

.venue_nav{
	float:left;
	text-align:left;
	width:100%;
	padding:0px;
	margin:0px;
}
.curvedTab{
	border-top-left-radius: 10px; 
	border-top-right-radius: 10px; 
	border:1px solid #CCC;
	border-bottom:0px;
	background-color:#333333;
	width:114px;
	height:30px;
	padding:5px;
	margin:0px 2px 0px 0px;
	text-align:center;
	float:left;
	list-style:none;
	cursor:pointer;
}

.form .group{width:880px;}
.form .input{width:740px;}
/*End   of mutable body sizes -----******/

#carouselQuicklinks {
	position:absolute;
	left:95px;
	width:780px;
	height:100px;
	top:0;
}

#confirm-date-column {
    margin:10px;
    width:430px;
    border-collapse:collapse
}

#confirm-date-header {
    text-align:center;
    display:block;
    overflow:hidden;
    width:445px;
}

.button-gradient  {
	cursor:pointer;
	font-family: arial, verdana;
	text-decoration: none;
	display: block;
	text-align: center;
	letter-spacing: 2px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
		
}

.button-green {
	border: 4px solid #0c5511;
	color: #fff;
	background: #66c46e; /* Old browsers */
	background: #66c46e; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2YzQ2ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iIzEyOTMwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDlkMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #66c46e 0%, #129304 66%, #009d0d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#66c46e), color-stop(66%,#129304), color-stop(100%,#009d0d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #66c46e 0%,#129304 66%,#009d0d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #66c46e 0%,#129304 66%,#009d0d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #66c46e 0%,#129304 66%,#009d0d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #66c46e 0%,#129304 66%,#009d0d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66c46e', endColorstr='#009d0d',GradientType=0 ); /* IE6-8 */
}
.button-grey {
	border: 4px solid #676767;
	color: #fff;
	background: #A8A8A8; /* Old browsers */
	background: #A8A8A8; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2YzQ2ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iIzEyOTMwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDlkMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #A8A8A8 0%, #919191 66%, #808080 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A8A8A8), color-stop(66%,#919191), color-stop(100%,#808080)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #A8A8A8 0%,#919191 66%,#808080 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #A8A8A8 0%,#919191 66%,#808080 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #A8A8A8 0%,#919191 66%,#808080 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #A8A8A8 0%,#919191 66%,#808080 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A8A8A8', endColorstr='#808080',GradientType=0 ); /* IE6-8 */
}
.button-red {
	border: 4px solid #990000;
	color: #fff;
	background: #D82B31; /* Old browsers */
	background: #D82B31; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2YzQ2ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iIzEyOTMwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDlkMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #D82B31 0%, #C81117 66%, #AD0E12 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D82B31), color-stop(66%,#C81117), color-stop(100%,#AD0E12)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #D82B31 0%,#C81117 66%,#AD0E12 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #D82B31 0%,#C81117 66%,#AD0E12 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #D82B31 0%,#C81117 66%,#AD0E12 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #D82B31 0%,#C81117 66%,#AD0E12 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D82B31', endColorstr='#AD0E12',GradientType=0 ); /* IE6-8 */
}
.button-blue {
	border: 4px solid #068EBB;
	color: #fff;
	background: #068EBB; /* Old browsers */
	background: #068EBB; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2YzQ2ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iIzEyOTMwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDlkMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #4DCEF9 0%, #2AAEDA 66%, #068EBB 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4DCEF9), color-stop(66%,#2AAEDA), color-stop(100%,#068EBB)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4DCEF9 0%,#2AAEDA 66%,#068EBB 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4DCEF9 0%,#2AAEDA 66%,#068EBB 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4DCEF9 0%,#2AAEDA 66%,#068EBB 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4DCEF9 0%,#2AAEDA 66%,#068EBB 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4DCEF9', endColorstr='#068EBB',GradientType=0 ); /* IE6-8 */
}
.button-yellow {
	border: 4px solid #FFD10B;
	color: #000;
	background: #FFFF66; /* Old browsers */
	background: #FFFF66; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2YzQ2ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iIzEyOTMwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDlkMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #FFFF66 0%, #FFDC20 66%, #FFCC00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFF66), color-stop(66%,#FFDC20), color-stop(100%,#FFCC00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #FFFF66 0%,#FFDC20 66%,#FFCC00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #FFFF66 0%,#FFDC20 66%,#FFCC00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #FFFF66 0%,#FFDC20 66%,#FFCC00 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #FFFF66 0%,#FFDC20 66%,#FFCC00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFF66', endColorstr='#FFCC00',GradientType=0 ); /* IE6-8 */
}


#staticnavbar {
    overflow: hidden;
    position: fixed; /* Set the navbar to fixed position */
    top: 0; /* Position the navbar at the top of the page */
    width: 900px; /* Full width */
	z-index: 2000;
}


.plus-button{
	background: #43A564;
	height: 40px;
	width: 40px;
	padding: 10px;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	display: flex;
    align-items: center;
    justify-content: center;
}


.minus-button{
	background: #D82B31;
	height: 40px;
	width: 40px;
	padding: 10px;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	display: flex;
    align-items: center;
    justify-content: center;
}

.offer_text{
	color: red;
	float: left;
}

/* order summary area - pos-hide-prices class should only be present if db value is 1
This was for POS only but moved to all-platforms */
.pos-hide-prices .order-summary.items td.qty-add, .pos-hide-prices .order-summary.items td.qty-minus {
    width: 60px;
}

.pos-hide-prices .order-summary.items td.qty-add > div, .pos-hide-prices .order-summary.items td.qty-minus > div {
    margin: 0 auto;
}

.pos-hide-prices .order-summary.items .val, .pos-hide-prices .order-summary.items td.cry {
    display: none;
}

.pos-hide-prices .order-summary thead th.prc, .pos-hide-prices .order-summary thead th.cry {
    display: none;
}

.pos-hide-prices .order-summary thead th.qty {
    width: 200px;
}

.pos-hide-prices table.order-summary {
	border-bottom: 1px solid #aaa;
}

.pos-hide-prices table.order-summary .totals {
    display: none;
}

.pos-hide-prices table.order-summary.items td.cry {
    display: none;
}

.pos-hide-prices table.order-summary.items td.val {
    display: none;
}

.pos-hide-prices tr.order-summary.items.saves td.qty {
    border: 0;
}
.image-overlay {
	position: absolute;
	top: 0;
	right: 0;
}

/* Style the navigation bar */
.navbar {
	width: 100%;
	background-color: #D82B31;
	overflow: auto;
	cursor: pointer;
	position:relative;
}

/* Navbar links */
.navbar a {
	height: 100px;
	float: left;
	text-align: center;
	color: white;
	text-decoration: none;
	font-size: 22px;
	display: flex;
	justify-content: center;
	align-items:center;
}

/* Navbar links on mouse-over */
.navbar a:hover {
	background-color: #F6BCBC;
}

/* Style the navigation bar */
.continue-button {
	width: 100%;
	background-color: #43A564;
	overflow: auto;
	cursor: pointer;
}

/* Navbar links */
.continue-button  a {
	width: 100%;
	height: 100px;
	float: left;
	text-align: center;
	color: white;
	text-decoration: none;
	font-size: 24px;
	display: flex;
	justify-content: center;
	align-items:center;
}

/* Navbar links on mouse-over */
.continue-button a:hover {
	background-color: #9BD392;
}

/* Style the navigation bar */
.pickup-type-navbar {
	width: 100%;
	overflow: auto;
	margin-top:15px;
	margin-bottom: 10px;
}

/* Navbar links */
.pickup-type-navbar a {
	width: 180px;
	height: 40px;
	float: right;
	text-align: center;
	color: black;
	text-decoration: none;
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items:center;
	border-radius: 50px;
	border: 2px solid #D82B31;
	background-color: #F6BCBC;
	cursor: pointer;
	margin-right: 10px;
}

/* Style the navigation bar */
.pickup-type-progressbar {
	height:5px;
	width:200px;
	background:red;
	margin-bottom:10px;
}