/* Comment Generated by Combres - Resource '~/Content/smartphone.css' (Mode: Static) */


ul.menulist li a
{ 
		display:block;
		padding:0.3em 0;
		text-shadow: #ffffff 1px 1px 1px;		
}



.touch ul.menulist li .subtext, .touch ul.menulist li a
{ 
		text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;		
}

#logo-menu{width:60%;} 
#logo-menu a{
	background-image:url("/Content/Images/logo-menu-s.png");
	}
	@media all and (min-width: 420px) { #logo-menu a {background-image:url("/Content/Images/logo-menu.png");} }
	
#ItemInfoDiv ul {}	
#ItemInfoDiv ul li, ul.register li{
	padding-top:0.6em;
	border-top:1px solid #fff;
	border-bottom:1px solid #dedede;
	padding-bottom:0.4em;
	background-color:#f1f1f1;
	margin:0;
}
ul.register li label{display:block;}
#ItemInfoDiv ul li label{
	display:inline-block;
	width:25%;
}
#ItemInfoDiv ul li select, #ItemInfoDiv ul li label.size-label{
	width:70%;
	font-size:medium;
	margin-top:-2px;
}
li.add {padding-bottom:1em}
li.add label{
	display:inline-block;
	width:25%;
}
li.add  select{

	font-size:medium;
	margin-top:-2px;
}
li.add input{
	
	font-size:medium;


}



.button, a.button:link, a.button:active, a.button:visited{
background: #555 url("/Content/Images/button-overlay.png") repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size:large;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
}
.order li a.button{font-size:medium;font-weight:normal}
.button.strong, a.button.strong{background-color: #cc0000; }
.button.toppings{margin-left:26%;margin-bottom:1em;}
.ipad .topping-type{width:33%;float:left;}
.topping-type ul{border:1px solid #fff;}
.topping-type ul li 
{
    border-bottom:1px solid #ddd;
    background-color:#eee;
    margin:2px 0.3em;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    }
.touch .topping-type ul li 
{
    padding:5px;
    }
.touch .topping-type ul li input{margin:6px;}
.touch .topping-type ul li label{padding:6px; display:inline-block; width:80%;}

.footer .session{margin:5px 0;}
.footer .session a:link, .footer .session a:active, .footer .session a:visited 
{
    background: #111 url("/Content/Images/button-overlay.png") repeat-x;
    display: inline-block;
    padding: 5px 10px 6px;
    color: #ccc;
    text-decoration: none;
    font-weight: normal;
    line-height: 1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
    
    }


.store-list a.button.strong{font-size:small;margin:0.6em;}


		
		
	
@media all and (-webkit-min-device-pixel-ratio: 2) {
    #logo-menu a {background-image:url("/Content/Images/logo-menu-x2.png"); background-size:auto 24px}
	
	#breadcrumb a {background-image:url("/Content/Images/back-x2.png"); background-size:auto 12px}
	
	ul.menulist li {background-image:url("/Content/Images/select-x2.png"); background-size:auto 12px}
	.loading{ background-size:auto 24px}
			
	
}



#appviewport {
		  position: relative;
		}
		
		#appviewport > div {
		  display:none;
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 100%;
		}

		#appviewport > div.current {
		  display: block;
		}

		/*setting durations*/
		.in, .out {
		  -webkit-animation-timing-function: ease-in-out;
		  -webkit-animation-duration: 300ms;
		}
		
		/* Screen pushes out to left */
		@-webkit-keyframes outToLeft {
		  from { -webkit-transform: translateX(0); }
		  to { -webkit-transform: translateX(-100%); }
		}
		.push.out {
		  -webkit-animation-name: outToLeft; 
		}
		@-webkit-keyframes inFromRight {
		  from { -webkit-transform: translateX(100%); }
		  to { -webkit-transform: translateX(0); } 
		}
		.push.in {
		  -webkit-animation-name: inFromRight; 
		}
 
		/* the reverse, screen pushes out to the right */
		 @-webkit-keyframes inFromLeft {
		  from { -webkit-transform: translateX(-100%); }
		  to { -webkit-transform: translateX(0); } 
		}
		.push.in.reverse {
		  -webkit-animation-name: inFromLeft; 
		}
		@-webkit-keyframes outToRight {
		  from { -webkit-transform: translateX(0); }
		  to { -webkit-transform: translateX(100%); } 
		}
		.push.out.reverse {
		  -webkit-animation-name: outToRight; 
		}

		.error
		{
			background-color:#000;
			color:#fff;
			text-align:center;
			margin:40px;
		}
				    
		.loading
		{
			background:#000 url("/Content/Images/ajax-loader.gif") center 50%;
			background-repeat:no-repeat;	
			display: none;
            position: absolute;
            opacity: 0.7;
            z-index: 100;
            top:70px;
            left: 50%;
            height:200px;
            width: 200px;
            margin-left: -130px;
            padding: 10px 30px;
            text-align:center;

		}