@charset "utf-8";
*{
	-webkit-text-size-adjust:none;
	-webkit-user-select:none;
	-webkit-touch-callout:none;
	-webkit-box-sizing:border-box;
}
input, input:before, input:after {
	-webkit-user-select: initial;
	-khtml-user-select: initial;
	-moz-user-select: initial;
	-ms-user-select: initial;
	user-select: initial;
} 
#container{
	width:500px;				/* OVERALL SIZE */
	border:0;
	padding:0;
	border-collapse:collapse;
}
#header{
	padding:0;
	height:32px;
	vertical-align:top;
	background-image:url(../img/img.p?img=top_bar.gif);
}
#ctx{
	padding:0;
	height:50px;
	vertical-align:top;
}
#wrapper{
	position:relative;
	z-index:1;
	height:400; 	/* 400 */ 
	width:500px;					/* CONTENT SIZE*/
	overflow:auto;
	background-color:#FFFFFF;
}
#scroller{
	overflow:hidden;
}
#footer{
	padding:0;
	height:66px;
	vertical-align:top;
	background:url(../img/img.p?img=b_empty.gif);
	background-color:#000000;
}
body,td,th{
	font-family:Verdana, Geneva, sans-serif;
}
body{
	margin:0;
	overflow:hidden;
	position:fixed;
}
.lblheader{
	margin-top:5px;
	height:27px;
	color:#F58345;
	text-align:center;
	font-size:16px;
	font-weight:bold;
}
/* ---------------------------- */
/* 		CUSTOM MSGBOX 			*/
/* ---------------------------- */
#modalContainer{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:255;
	background-color:transparent;
}
#customBox{
	position:relative;
	width:320px;
	margin-top:150px;
	border:2px outset #F58345;
	background-color:#000000;
	background-image:url(../img/img.p?img=alert.png);
	background-repeat:no-repeat;
	background-position:4px 40px;
	-moz-user-select:none;
}
#customBox h1{
	margin:0;
	background-image:url(../img/img.p?img=top_bar.gif);
	background-repeat:no-repeat;
	border-bottom:1px solid #000;
	padding:8px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
}
#customBox p{
	padding-left:5px;
	margin-left:55px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
}
#customBox .Btn{
	display:inline-block;
	position:relative;
	margin-bottom:8px;
}
#customBox #closeBtn{
	width:53px;
	height:41px;
	background-image:url(../img/img.p?img=ok.png);
	background-repeat:no-repeat;
}
#customBox #cancelBtn{
	width:41px;
	height:41px;
	background-image:url(../img/img.p?img=cancel.png);
	background-repeat:no-repeat;
}
.input_phone{
	color:#036;
	text-align:center;
	font-weight:normal;
	font-size: 28px;
	border-radius: 4px 1 1 4px;
	padding: 7px 10px 6px 7px;
	border: solid 1px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.7) inset, 0 1px 0 rgba(255,255,255,0.2); 
	width: 95%;
}
.input{
	color:#036;
	text-align:left;
	font-weight:normal;
	font-size: 16px;
	border-radius: 4px 1 1 4px;
	padding: 7px 10px 6px 7px;
	border: solid 1px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.7) inset, 0 1px 0 rgba(255,255,255,0.2); 
	width: 100%;
	-webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

/* CMD BUTTONS */
.cmdcall{
	position:relative;
	width:54px;
	height:66px;
	background:url(../img/img.p?img=b_call.gif);
}
.cmdcallh{
	position:relative;
	width:54px;
	height:66px;
	background:url(../img/img.p?img=b_call_h.gif);
}
.cmdback{
	position:relative;
	width:54px;
	height:66px;
	background:url(../img/img.p?img=b_back.gif);
}
.cmdbackh{
	position:relative;
	width:54px;
	height:66px;
	background:url(../img/img.p?img=b_back_h.gif);
}
.cmdcart{
	position:relative;
	width:54px;
	height:66px;
	background:url(../img/img.p?img=b_cart.gif);
}
.cmdcarth{
	position:relative;
	width:54px;
	height:66px;
	background:url(../img/img.p?img=b_cart_h.gif);
}
@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.4;
    }
    100% {
        opacity: 1;
    }
}
.cmdcontinue{
	position:relative;
	width:54px;
	height:66px;
	background:url(../img/img.p?img=b_continue.gif);
	animation: blink 1s;
    animation-iteration-count: infinite;
}
.cmdcontinueh{
	position:relative;
	width:54px;
	height:66px;
	background:url(../img/img.p?img=b_continue_h.gif);
}
.cmdcontinued{
	position:relative;
	width:54px;
	height:66px;
	background:url(../img/img.p?img=b_continue_d.gif);
}
.cmdpos{
	position:relative;
	width:54px;
	height:66px;
	background:url(../img/img.p?img=b_pos.gif);
}
.cmdposh{
	position:relative;
	width:54px;
	height:66px;
	background:url(../img/img.p?img=b_pos_h.gif);
}
.cmdposd{
	position:relative;
	width:54px;
	height:66px;
	background:url(../img/img.p?img=b_pos_d.gif);
}
.cmdneg{
	position:relative;
	width:54px;
	height:66px;
	background:url(../img/img.p?img=b_neg.gif);
}
.cmdnegh{
	position:relative;
	width:54px;
	height:66px;
	background:url(../img/img.p?img=b_neg_h.gif);
}
.cmdnegd{
	position:relative;
	width:54px;
	height:66px;
	background:url(../img/img.p?img=b_neg_d.gif);
}
.cmdwo{
	position:relative;
	width:54px;
	height:66px;
	background:url(../img/img.p?img=b_wo.gif);
}
.cmdwoh{
	position:relative;
	width:54px;
	height:66px;
	background:url(../img/img.p?img=b_wo_h.gif);
}
.cmdwod{
	position:relative;
	width:54px;
	height:66px;
	background:url(../img/img.p?img=b_wo_d.gif);
}
.cmdingredients{
	position:relative;
	width:54px;
	height:66px;
	background:url(../img/img.p?img=b_ingredients.gif);
}
.cmdingredientsh{
	position:relative;
	width:54px;
	height:66px;
	background:url(../img/img.p?img=b_ingredients_h.gif);
}
.cmdingredientsd{
	position:relative;
	width:54px;
	height:66px;
	background:url(../img/img.p?img=b_ingredients_d.gif);
}
.cmdnote{
	position:relative;
	width:54px;
	height:66px;
	background:url(../img/img.p?img=b_note.gif);
}
.cmdnoteh{
	position:relative;
	width:54px;
	height:66px;
	background:url(../img/img.p?img=b_note_h.gif);
}
.cmdnoted{
	position:relative;
	width:54px;
	height:66px;
	background:url(../img/img.p?img=b_note_d.gif);
}
.cmdcheckout{
	position:relative;
	width:54px;
	height:66px;
	background:url(../img/img.p?img=b_checkout.gif);
}
.cmdcheckouth{
	position:relative;
	width:54px;
	height:66px;
	background:url(../img/img.p?img=b_checkout_h.gif);
}
.cmdremove{
	position:relative;
	width:54px;
	height:66px;
	background:url(../img/img.p?img=b_remove.gif);
}
.cmdremoveh{
	position:relative;
	width:54px;
	height:66px;
	background:url(../img/img.p?img=b_remove_h.gif);
}
.cmdremoved{
	position:relative;
	width:54px;
	height:66px;
	background:url(../img/img.p?img=b_remove_d.gif);
}
.cmdmenu{
	position:relative;
	width:54px;
	height:66px;
	background:url(../img/img.p?img=b_menu.gif);
}
.cmdmenuh{
	position:relative;
	width:54px;
	height:66px;
	background:url(../img/img.p?img=b_menu_h.gif);
}
.cmdallergy{
	position:relative;
	width:54px;
	height:66px;
	background:url(../img/img.p?img=b_allergy.gif);
}
.cmdallergyh{
	position:relative;
	width:54px;
	height:66px;
	background:url(../img/img.p?img=b_allergy_h.gif);
}
.empty{
	position:relative;
	width:54px;
	height:66px;
	background:url(../img/img.p?img=b_empty.gif);
}
/* ---------------------------------------------------- */
/* GENERAL ITEM / CATEGORY 								*/
/* ---------------------------------------------------- */
div.logo{
	line-height:2px;
	color: #414141;
	background-color:#000000;
	padding-bottom:1px;
}
div.listoddrow{
	font-size:18px;
	line-height:1.5em;
	font-weight:bold;
	color: #414141;
	background-color:#000000;
	padding-bottom:1px;
}
div.listitemoddrow{
	font-size:18px;
	line-height:1.5em;
	font-weight:bold;
	color: #414141;
	background-color:#000000;
	padding-bottom:1px;
}
div.listoptionoddrow{
	font-size:16px;
	line-height:1.5em;
	font-weight:bold;
	color:#008000;
	background-color:#000000;
	padding-bottom:1px;
}
div.listingredientoddrow{
	font-size:16px;
	line-height:1.5em;
	font-weight:bold;
	color:#AF7817;
	background-color:#000000;
	padding-bottom:1px;
}
div.listnoteoddrow{
	font-size:16px;
	line-height:1.5em;
	font-weight:bold;
	color:#FF0000;
	background-color:#000000;
	padding-bottom:1px;
}
div.listdiscountoddrow{
	font-size:18px;
	line-height:1.5em;
	font-weight:bold;
	color:#FF0000;
	background-color:#000000;
	padding-bottom:1px;
}
div.listpriceoddrow{
	font-size:18px;
	line-height:1.5em;
	font-weight:bold;
	color:#000000;
	background-color:#000000;
	padding-bottom:1px;
}
div.carttip{
	font-size:18px;
	line-height:1.5em;
	font-weight:normal;
	color:#090;
	/*background-color:#000000;*/
	padding-bottom:1px;
}
div.informations{
	font-size:12px;
	font-weight:normal;
	line-height:normal;
}
div.cartsubtotal{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #414141;
	font-stretch:narrower;
		
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100&0.5+0,0.5+50,0.5+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(241,241,241,0.5) 50%, rgba(225,225,225,0.5) 51%, rgba(246,246,246,0.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(241,241,241,0.5) 50%,rgba(225,225,225,0.5) 51%,rgba(246,246,246,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(241,241,241,0.5) 50%,rgba(225,225,225,0.5) 51%,rgba(246,246,246,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#80f6f6f6',GradientType=0 ); /* IE6-9 */
			
	min-height:20px;
	margin-top:1px;
	padding:6px;
	background-color:#B9E1FF;
}
div.carttaxes{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:16px;
	color: #414141;
	font-stretch:narrower;
		
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100&0.5+0,0.5+50,0.5+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(241,241,241,0.5) 50%, rgba(225,225,225,0.5) 51%, rgba(246,246,246,0.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(241,241,241,0.5) 50%,rgba(225,225,225,0.5) 51%,rgba(246,246,246,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(241,241,241,0.5) 50%,rgba(225,225,225,0.5) 51%,rgba(246,246,246,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#80f6f6f6',GradientType=0 ); /* IE6-9 */
			
	min-height:16px;
	margin-top:1px;
	padding:4px;
	background-color:#FFDEBF;
}
div.listline0{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	/*color: #414141;*/

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100&0.5+0,0.5+50,0.5+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(241,241,241,0.5) 50%, rgba(225,225,225,0.5) 51%, rgba(246,246,246,0.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(241,241,241,0.5) 50%,rgba(225,225,225,0.5) 51%,rgba(246,246,246,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(241,241,241,0.5) 50%,rgba(225,225,225,0.5) 51%,rgba(246,246,246,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#80f6f6f6',GradientType=0 ); /* IE6-9 */

	min-height:20px;
	margin-top:1px;
	padding:6px;
	background-color:#FFFFFF;
}
div.listline1{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	/*color: #414141;*/
	font-stretch:narrower;
		
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100&0.5+0,0.5+50,0.5+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(241,241,241,0.5) 50%, rgba(225,225,225,0.5) 51%, rgba(246,246,246,0.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(241,241,241,0.5) 50%,rgba(225,225,225,0.5) 51%,rgba(246,246,246,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(241,241,241,0.5) 50%,rgba(225,225,225,0.5) 51%,rgba(246,246,246,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#80f6f6f6',GradientType=0 ); /* IE6-9 */
			
	min-height:20px;
	margin-top:1px;
	padding:6px;
	background-color:#FFFFFF;
}
div.listline0h{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	/*color: #414141;*/
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100&0.5+0,0.5+50,0.5+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(241,241,241,0.5) 50%, rgba(225,225,225,0.5) 51%, rgba(246,246,246,0.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(241,241,241,0.5) 50%,rgba(225,225,225,0.5) 51%,rgba(246,246,246,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(241,241,241,0.5) 50%,rgba(225,225,225,0.5) 51%,rgba(246,246,246,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#80f6f6f6',GradientType=0 ); /* IE6-9 */
	
	min-height:20px;
	margin-top:1px;
	padding:6px;
	background-color:#B9E1FF;
}
div.listline1h{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	/*color: #414141;*/
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100&0.5+0,0.5+50,0.5+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(241,241,241,0.5) 50%, rgba(225,225,225,0.5) 51%, rgba(246,246,246,0.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(241,241,241,0.5) 50%,rgba(225,225,225,0.5) 51%,rgba(246,246,246,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(241,241,241,0.5) 50%,rgba(225,225,225,0.5) 51%,rgba(246,246,246,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#80f6f6f6',GradientType=0 ); /* IE6-9 */
	
	min-height:20px;
	margin-top:1px;
	padding:6px;
	background-color:#B9E1FF;
}
div.listline0ua{
	min-height:22px;
	margin-top:1px;
	padding:7px;
	background-color:yellow;
	color:#000000;
}
div.listline1ua{
	min-height:22px;
	margin-top:1px;
	padding:7px;
	background-color:yellow;
	color:#000000;
}
div.listline0u{
	min-height:22px;
	margin-top:1px;
	padding:7px;
	background-color:white;
	color:#000000;
}
div.listline1u{
	min-height:22px;
	margin-top:1px;
	padding:7px;
	background-color:white;
	color:#000000;
}
div.listline0a{
	min-height:22px;
	margin-top:1px;
	padding:7px;
	background-color:yellow;
}
div.listline1a{
	min-height:22px;
	margin-top:1px;
	padding:7px;
	background-color:yellow;
}
div.listline0r{
	min-height:22px;
	margin-top:1px;
	padding:7px;
	background-color:red;
	color:#FFF;
}
div.listline1r{
	min-height:22px;
	margin-top:1px;
	padding:7px;
	background-color:red;
	color:#FFF;
}
.CartSumary{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-style:normal;
	color:#FFF;
	padding:7px;
	vertical-align:middle;
}
/*#ball{
	position:absolute;
	z-index:1;
	left:225px;
	top:445px;
	height:31px;
	width:31px;
	padding-top:7px;
	padding-left:1px;
	background:url(../img/img.p?img=ball.png);
	background-repeat:no-repeat;
	text-align:center;
	color:red;
	font-size:18px;
	font-weight:bold;
	font-family:Courier New;
}*/