.sandwich, .salad, .bar{
	width:90%;
	padding:0;
	margin:15px auto;
	list-style:none;
}
.sandwich li, .bar li, .salad li{
	width:95%;
	margin:0px auto 0 auto;
	height: 0;
	position:relative;
	cursor:pointer;
	z-index: 1;
	-webkit-transition:margin 0.2s ease-in;	
	background-size:100% auto;	
	background-image: url(../img/ingredients.png);
	cursor: pointer;	
	-moz-user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	}
.sandwich:hover li, .salad:hover li{
	-webkit-transition:margin 0.2s ease;
	}
.sandwich li:after, .sandwich li:before,.salad li:after, .salad li:before, .bar li:after, .bar li:before{
	content:' ';
	width:100%;
	height:6px;
	position:absolute;
	left:0px;
	z-index:2;
	top:-5px;
	background: transparent;
	}
.sandwich li:before, .salad li:before, .bar li:before{
	top:auto;
	bottom:-5px;
	}
.sandwich img, .salad img, .bar img{
	width: 100%;
	display: block;
}
.helper{
	width: 400px !important;
}
.bar li{
	margin-top: 10px;
	margin-bottom: 10px;
}
.salad{
	min-height: 20px;
	padding: 5px;
	position: relative;
}
.out-of-stock{
	opacity: 0.5;
}
.out-of-stock:after{
	position: absolute;
	content: 'out of stock' !important;
	top: 50% !important;
	left: 50% !important;
	width: 120px !important;
	margin-top: -0.7em !important;
	margin-left: -50px !important;
	padding: 1px 10px !important;
	font-size: 0.6em !important;
	color: #000 !important;
	font-weight: bold;
	text-align: center !important;
	background: rgba(255,255,255,0.8) !important;
	border-radius: 3px !important;
	height: auto !important;
}
.salad.large li{
	width: 100%;
}
.salad.small li{
	width: 80%;
}
.salad.large:after{
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 101%;
	border: #555 solid;
	border-width: 0 3px 3px 3px;
	border-radius: 2px 2px 5px 5px;
	max-height: 70px;
	height: 100%;
	padding: 5px;
	left: 50%;
	margin-left: -50.5%;
	z-index: 0;
}
.salad.small:after{
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 81%;
	border: #555 solid;
	border-width: 0 3px 3px 3px;
	border-radius: 2px 2px 5px 5px;
	max-height: 50px;
	height: 100%;
	padding: 5px;
	left: 50%;
	margin-left: -40.5%;
	z-index: 0;
}
.sandwich:before,.sandwich:after{
	content:'';
	display:block;
	width:100%;
	padding: 2.5%;
	background:#FC9;
	border-radius:10px 10px 0 0;
	}
.sandwich:after{
	border-radius:0 0 10px 10px;
	}
.preview[option="toasted"]{
	background-image: url(../img/bg6.png);
}
.preview[option="still"]{
	background-image: url(../img/bg6.png);
}
.preview[option]:after{
	content: attr(option);
	text-transform: lowercase;
	position:absolute;
	top:-0.5em;
	right:-0.3em;
	background:#00AB3F;
	color:#fff;
	font-size:0.8em;
	padding: 0 0.3em 0.1em 0.3em;
	border-radius: 3px;
}

/*********************************************************************************************************************************/
/*********************************************************************************************************************************/
/*********************************************************************************************************************************/

.tomato{
	padding: 3.8%;
	background-position: 0% 1.00%;
	}
.lettuce{
	padding:6%;
	background-position: 0% 2.00%;
	}
.grilled-chicken{
	padding:5%;
	background-position: 0% 3.03%;
	}

.thousand-island{
	padding:1%;
	background:#F99;
	}
.mayonnaise{
	padding:1%;
	background:#FF9;
	}

.smoked-salmon{
	padding:3%;
	background-position: 0% 49.12%;
	}
.rocket{
	padding:6%;
	background-position: 0% 4.02%;
	}
.cucumber{
	padding:6.0%;
	background-position: 0% 5.03%;
	}
.green-pepper{
	padding:6.1%;
	background-position: 0% 6.04%;
	}
.yellow-pepper{
	padding:6.1%;
	background-position: 0% 7.04%;
	}
.red-pepper{
	padding:6.1%;
	background-position: 0% 8.04%;
	}
.onion{
	padding:5.1%;
	background-position: 0% 9.05%;
	}
.jalapenos{
	padding:3.4%;
	background-position: 0% 10.03%;
	}
.peas{
	padding:3.9%;
	background-position: 0% 11.03%;
	}
.eggs{
	padding:4.8%;
	background-position: 0% 40.18%;
	}
.mango{
	padding:4.9%;
	background-position: 0% 29.12%;
	}
.avocado{
	padding:4.4%;
	background-position: 0% 20.08%;
	}
.fresh-mushrooms{
	padding:5.9%;
	background-position: 0% 12.04%;
	}
.broccoli{
	padding:6.6%;
	background-position: 0% 14.1%;
	}
.beets{
	padding:4.8%;
	background-position: 0% 13.05%;
	}
.red-cabbage{
	padding:6.4%;
	background-position: 0% 15.07%;
	}
.white-cabbage{
	padding:6.7%;
	background-position: 0% 16.09%;
	}
.sweet-corn{
	padding:3.5%;
	background-position: 0% 17.05%;
	}
.red-grapes{
	padding:3.6%;
	background-position: 0% 26.09%;
	}
.pineapple{
	padding:4.6%;
	background-position: 0% 22.12%;
	}
.green-apples{
	padding:5%;
	background-position: 0% 23.14%;
	}
.yellow-apples{
	padding:5%;
	background-position: 0% 25.14%;
	}
.red-apples{
	padding:5%;
	background-position: 0% 24.14%;
	}
.red-beans{
	padding:3%;
	background-position: 0% 19.05%;
	}
.artichokes{
	padding:4.4%;
	background-position: 0% 18.08%;
	}
.kiwi{
	padding:4.4%;
	background-position: 0% 27.09%;
	}
.tuna{	
	padding:3.4%;
	background-position: 0% 46.13%;
}
.spicy-tuna{
	padding:3.4%;
	background-position: 0% 47.13%;	
}
.grilled-turkey{
	padding:4.5%;
	background-position: 0% 48.23%;
}
.roast-beef{
	padding:3.5%;
	background-position: 0% 50.16%;	
}
.pickled-cucumbers{	
	padding:4.5%;
	background-position: 0% 37.15%;
}
.pickled-lemons{
	padding:4.5%;
	background-position: 0% 38.18%;
}
.feta-cheese{
	padding:4.5%;
	background-position: 0% 41.18%;
}
.canned-mushrooms{
	padding:5.7%;
	background-position: 0% 42.21%;
}
.almonds{	
	padding:3.2%;
	background-position: 0% 32.08%;
}
.walnuts{
	padding:3.5%;
	background-position: 0% 34.13%;
}
.pistachios{
	padding:3%;
	background-position: 0% 33.1%;
}
.sweet-potato{	
	padding:4.4%;
	background-position: 0% 30.12%;
}
.raspberries{
	padding:3.9%;
	background-position: 0% 28.07%;
}
.beef-bacon{	
	padding:3.5%;
	background-position: 0% 51.16%;
}
.capers{
	padding:1.8%;
	background-position: 0% 36.04%;	
}
.crab-sticks{
	padding:5%;
	background-position: 0% 52.21%;
}
.fusili-pasta{
	padding:8.7%;
	background-position: 0% 58.46%;
}
.farfalle-pasta{
	padding:8.3%;
	background-position: 0% 59.45%;
}
.shrimps{
	padding:6%;
	background-position: 0% 53.28%;
}
.salami{
	padding:3%;
	background-position: 0% 54.15%;
}
.pastrami{
	padding:2.8%;
	background-position: 0% 55.12%;
}
.smoked-turkey{
	padding:2.8%;
	background-position: 0% 56.14%;	
}
.black-olives{
	padding:3.8%;
	background-position: 0% 43.14%;	
}
.green-olives{
	padding:3.8%;
	background-position: 0% 44.16%;	
}

/*********************************************************************************************************************************/
/*********************************************************************************************************************************/
/*********************************************************************************************************************************/

.mozzarella{
	padding: 1%;
	background-color: #FFD;
	border-radius: 2px;
	box-shadow:inset 0 -1px 3px rgba(0,0,0,0.1);
}
.emmental{
	padding: 1%;
	background-color: #F1C25A;
	border-radius: 2px;
	box-shadow:inset 0 -1px 3px rgba(0,0,0,0.1);
}
.brie{
	padding: 1%;
	background-color: #EADDA6;
	border-radius: 2px;
	box-shadow:inset 0 -1px 3px rgba(0,0,0,0.1);
}
.camembert{
	padding: 1%;
	background-color: #F2E5B8;
	border-radius: 2px;
	box-shadow:inset 0 -1px 3px rgba(0,0,0,0.1);
}
.red-cheddar{
	padding: 1%;
	background-color: #E49425;
	border-radius: 2px;
	box-shadow:inset 0 -1px 3px rgba(0,0,0,0.1);
}
.old-amsterdam{
	padding: 1%;
	background-color: #E8B655;
	border-radius: 2px;
	box-shadow:inset 0 -1px 3px rgba(0,0,0,0.1);
}
.blue-cheese{
	padding: 1%;
	background-color: #DCE0BD;
	border-radius: 2px;
	box-shadow:inset 0 -1px 3px rgba(0,0,0,0.1);
}
.cream-cheese{
	padding: 0.8%;
	background-color: #FFE;
	border-radius: 2px;
	box-shadow:inset 0 -1px 3px rgba(0,0,0,0.1);
}

.ceasar{
	padding: 0.8%;
	background-color: #FCF5E2;
	border-radius: 35%;
}
.yogurt{
	padding: 0.9%;
	background-color: #FFF;
	border-radius: 35%;
}
.thousand-island{
	padding: 0.8%;
	background-color: #EFC9A5;
	border-radius: 35%;
}
.sweet-chili{
	padding: 0.6%;
	background-color: #F05209;
	border-radius: 35%;
}
.pesto-mayo{
	padding: 0.8%;
	background-color: #B1D692;
	border-radius: 35%;
}
.ketchup{
	padding: 0.8%;
	background-color: #BF0103;
	border-radius: 35%;
}
.mayo{
	padding: 0.8%;
	background-color: #FFE;
	border-radius: 35%;
}
.mustard{
	padding: 0.8%;
	background-color: #fc5;
	border-radius: 35%;
}
.barbecue-sauce{
	padding: 0.8%;
	background-color: #7D3419;
	border-radius: 35%;
}
.balsamic-vinegar{
	padding: 0.6%;
	background-color: rgba(150,100,100,0.5);
	border-radius: 35%;
}
.white-vinegar{
	padding: 0.6%;
	background-color: rgba(255,255,255,0.6);
	border-radius: 35%;
}
.olive-oil{
	padding: 0.6%;
	background-color: rgba(200,200,100,0.8);
	border-radius: 35%;
}

.lemon-squeeze{
	padding: 0.6%;
	background-color: rgba(255,255,20,0.6);
	border-radius: 35%;
}
.teriyaki{
	padding: 0.6%;
	background-color: #A7322A;
	border-radius: 35%;
}
.soy-sauce{
	padding: 0.6%;
	background-color: #77322A;
	border-radius: 35%;
}
.blue-cheese-dressing{
	padding: 0.8%;
	background-color: #E5E8E0;
	border-radius: 35%;
}
.special-herbal-yogurt{
	padding: 0.9%;
	background-color: #EEFEEE;
	border-radius: 35%;
}
.honey-mustard{
	padding: 0.8%;
	background-color: #FFED03;
	border-radius: 35%;
}
.hot-sauce{
	padding: 0.6%;
	background-color: #F05209;
	border-radius: 35%;
}
.spicy-mazola{
	padding: 0.6%;
	background-color: rgba(200,200,100,0.8);
	border-radius: 35%;
}
.olive-paste{
	padding: 0.6%;
	background-color: #A98376;
	border-radius: 35%;
}
.paprika{
	padding: 0.6%;
	background-color: rgba(200,200,100,0.8);
	border-radius: 35%;
}
.cinnamon{
	padding: 0.5%;
	background-color: #AD4D11;
	opacity:0.5;
}
.cream{
	padding: 0.8%;
	background-color: #FFE;
	border-radius: 35%;
}
.nutella{
	padding: 0.6%;
	background-color: rgba(200,200,100,0.8);
	border-radius: 35%;
}
.pesto{
	padding: 0.8%;
	background-color: #AFEC78;
	border-radius: 35%;
}
.black-caviar{
	padding: 1%;
	background-color: #202;
	border-radius: 35%;
}
.red-caviar{
	padding: 1%;
	background-color: #c02;
	border-radius: 35%;
}
.butter-spread{
	padding: 0.6%;
	background-color: #ffc;
	border-radius: 35%;	
}
.butter-spread{
	padding: 0.6%;
	background-color: #ffc;
	border-radius: 35%;	
}
.caramel-sauce{
	padding: 0.8%;
	background-color: #ED7D31;
	border-radius: 35%;	
}
.chocolate-sauce{
	padding: 0.8%;
	background-color: #8D4D11;
	border-radius: 35%;	
}
.coffee-powder{
	padding: 0.5%;
	background-color: #8D4D11;
	opacity:0.5;
}
.cranberry-jam{
	padding: 1%;
	background-color: #c05;
	border-radius: 15%;	
	opacity: 0.8;
}
.fig-jam{
	padding: 1%;
	background-color: #632A0C;
	border-radius: 15%;	
	opacity: 0.8;
}
.fresh-basil{
	padding: 0.5%;
	background-color: #3c0;
}
.fresh-mint{
	padding: 0.5%;
	background-color: #3d5;
}
.halawa{	
	padding: 1.2%;
	background-color: #feb;
}
.honey{	
	padding: 0.6%;
	background-color: #fd0;
	border-radius: 35%;	
	opacity: 0.8;
}
.orange-jam{	
	padding: 1%;
	background-color: #fd0;
	border-radius: 15%;	
	opacity: 0.8;
}
.parmesan-oregano{
	padding: 0.8%;
	background-color: #fd8;
	border-radius: 2px;
	box-shadow:inset 0 -1px 3px rgba(0,0,0,0.1);
}
.peanut-butter{	
	padding: 1%;
	background-color: #feb;
	border-radius: 35%;	
}
.raspberry-jam{
	padding: 1%;
	background-color: #a02;
	border-radius: 15%;	
	opacity: 0.8;
}
.strawberry-jam{
	padding: 1%;
	background-color: #d03;
	border-radius: 15%;	
	opacity: 0.8;
}
.thyme-zaatar{
	padding: 0.5%;
	background-color: #390;
	opacity:0.5;	
}

/*********************************************************************************************************************************/
/*********************************************************************************************************************************/
/*********************************************************************************************************************************/

.white-panini-with-olives:after,.white-panini-with-olives:before{
}
.green-ciabatta:before,.green-ciabatta:after{
	background: -moz-linear-gradient(top,  rgba(206,202,86,0.8) 0%, rgba(206,202,86,0.8) 1%, rgba(237,226,142,0.8) 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,202,86,0.8)), color-stop(1%,rgba(206,202,86,0.8)), color-stop(99%,rgba(237,226,142,0.8))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(206,202,86,0.8) 0%,rgba(206,202,86,0.8) 1%,rgba(237,226,142,0.8) 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(206,202,86,0.8) 0%,rgba(206,202,86,0.8) 1%,rgba(237,226,142,0.8) 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(206,202,86,0.8) 0%,rgba(206,202,86,0.8) 1%,rgba(237,226,142,0.8) 99%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(206,202,86,0.8) 0%,rgba(206,202,86,0.8) 1%,rgba(237,226,142,0.8) 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccceca56', endColorstr='#ccede28e',GradientType=0 ); /* IE6-9 */
}
.multi-cereal-brown-panini:before,.multi-cereal-brown-panini:after{
	background: -moz-linear-gradient(top,  rgba(160,109,32,0.78) 0%, rgba(160,109,32,0.78) 1%, rgba(175,140,42,0.79) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(160,109,32,0.78)), color-stop(1%,rgba(160,109,32,0.78)), color-stop(100%,rgba(175,140,42,0.79))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(160,109,32,0.78) 0%,rgba(160,109,32,0.78) 1%,rgba(175,140,42,0.79) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(160,109,32,0.78) 0%,rgba(160,109,32,0.78) 1%,rgba(175,140,42,0.79) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(160,109,32,0.78) 0%,rgba(160,109,32,0.78) 1%,rgba(175,140,42,0.79) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(160,109,32,0.78) 0%,rgba(160,109,32,0.78) 1%,rgba(175,140,42,0.79) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7a06d20', endColorstr='#c9af8c2a',GradientType=0 ); /* IE6-9 */
}
.green-tortilla-wrap:before,.green-tortilla-wrap:after{
	background: #be8;
	padding:1%;
}
.red-tortilla-wrap:before,.red-tortilla-wrap:after{
	background: #fa8;
	padding:1%;
}
.brown-tortilla-wrap:before,.brown-tortilla-wrap:after{
	background: #c95;
	padding:1%;
}
.the-real-french-baguette:before,.the-real-french-baguette:after{
	padding: 3.2%;
	box-shadow: inset 0 0 20px rgba(0,0,0,0.2);
}
.white-toast:before,.white-toast:after{
	border-radius: 3px;
	width: 80%;
	background: #FCDDA3;
	position:relative;
	left:50%;
	margin-left:-40%;
}
.brown-toast:before,.brown-toast:after{
	border-radius: 3px;
	width: 80%;
background: -moz-linear-gradient(top,  rgba(160,109,32,0.78) 0%, rgba(160,109,32,0.78) 1%, rgba(175,140,42,0.79) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(160,109,32,0.78)), color-stop(1%,rgba(160,109,32,0.78)), color-stop(100%,rgba(175,140,42,0.79))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(160,109,32,0.78) 0%,rgba(160,109,32,0.78) 1%,rgba(175,140,42,0.79) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(160,109,32,0.78) 0%,rgba(160,109,32,0.78) 1%,rgba(175,140,42,0.79) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(160,109,32,0.78) 0%,rgba(160,109,32,0.78) 1%,rgba(175,140,42,0.79) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(160,109,32,0.78) 0%,rgba(160,109,32,0.78) 1%,rgba(175,140,42,0.79) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7a06d20', endColorstr='#c9af8c2a',GradientType=0 ); /* IE6-9 */
	position:relative;
	left:50%;
	margin-left:-40%;
}