/*============================
        BEGIN anti-desktop styles
    =============================*/

@media screen and (max-width: 34.214em) {
/*@media screen and (max-width: 479px) {*/

@-ms-viewport{width: extend-to-zoom;zoom: 1.0;}
@viewport{zoom: 1.0;width: extend-to-zoom;}

    body { padding: 0; }

    #header { /*background: #000; height: auto;*/ margin: 30px 0 0; position: relative; width: 310px; }

    #logo { position: static; height: auto; }

    #storename, #storename div { display: none; }

    #infobar div{width:300px}

    #infobar a{padding:0 8px;}

    #infobar #infobar-yourorder-a,
    #infobar #infobar-help-a,
    #infobar #infobarbacktosite{display:none}

    #container { width: 310px; }

    #content-container { background: none; border-radius: 0; margin: 0 auto; padding: 10px 0 0; position: relative; width: 310px; }

    /*  HELP  */

    /*  LANDING  */

    #landing h2{font-size: 24px;}
    #landing #ziponly, #landing #geocode { float:none; width: auto }
    #landing #displayall{ clear:both; padding-top: 0; margin: 0; }

    /*  START YOUR ORDER  */
    
    #start #content-container{width:auto;}
    #start #content{width:auto}

    #start #floatingbox.no-errors { min-height:0;padding:0;margin:0}
    
    #start #content .start-your-order-border { margin: 0 auto; border-width: 4px; border-radius: 4px; width: 280px; }

    #start #floatingbox { float: none; font: 12px Arial,"Trebuchet MS",sans-serif; line-height: normal; margin: 10px auto 0; position: relative; width: auto; }

    #start #warningbox, #start #leadtime { min-height: 0;border-radius:0; }

    #start #warningbox { border-width: 2px/*solid #FF7878*/; border-radius: 4px; color: #000; margin: 5px 10px 10px; padding: 10px 5px 5px; width: auto; height: auto; }

    #start #leadtime { font-size:14px; line-height:16px; margin:10px auto 20px; padding:10px; -moz-border-radius:10px; 	-webkit-border-radius:10px; border-radius:10px; }

    #currenttime { display: none; }

    #start #content .start-your-order-border h2 { font-size: 18px; text-shadow: none; margin: 20px auto; }
    #start h3 {  }

    #start fieldset { padding: 0 0 10px; }
        #start fieldset > ul { padding:0;}

        #start #ordertype h3 span,#start #datetime h3 span{display:inline-block;width:auto;height:auto;}

        #start #future-date-selector{ margin: auto; width:auto; }

        #start .store-hours, #start .store-detail{float:none;max-width:260px;margin:20px auto}

        #footer{width:290px;margin:auto}


    /*  MENU  */

	#menu #content-container { padding-top: 35px; width: 320px; }

    #menu #container{ background: none; margin: 0 auto; width: 320px; }

    #menu #content{ border: none }

	#NavBarContainer { padding: 0 }

	#menu #css3menu a { padding: 3px 6px; }
	ul#css3menu li.topmenu > a { height: 26px; line-height: 26px; border-radius: 5px 5px 0 0; }
	#menu #css3menu.topmenu { border-radius: 0; box-shadow: none; height: 32px }

    #menu #css3menu,
	#menu #navbar { float:none; margin-left: auto; margin-right: auto; width: auto;}

	#css3menu .submenu ul { padding: 0; }
	ul#css3menu li { margin: 0 }

	
	#css3menu .submenu { width: 318px !important; }
	ul#css3menu .submenu { padding: 0 1px 3px; }

	ul#css3menu ul a { padding: 3px 5px; }

	#menu #cart-li a {  height: 26px; line-height: 26px; margin-left: 8px; }

	#menu #past-li,
	#menu #store-info-li,
	#menu #start-li { display: none }

    #menu #sidebar { display: block; width: 260px; background: none; border: none; float: none; margin-bottom: 0; padding-bottom: 0; }
    #menu #sidebar-ordertime,
    #menu #sidebar-ordertype,
    #menu #sidebar-storedetails,
    #menu #sidebar-hours,
    #menu #sidebar hr,
    #menu #sidebar .status-heading,
    #menu #sidebar-menucategories,
    #menu #sidebar-manageaccount,
    #menu .bt{display:none}
    
    #menu .orderlinks li{display:none}
    #menu #OrderLinkLi-ViewCart{display:block}

    #menu #sidebar-orderlinks .last{display:block}

    #promocodediv{clear:both;width:260px;margin-top:10px;}
    #promocodediv label{display:block;width:90%}
    #promocodediv input{margin-left:0;}
    #menu #PromoSubmit{border:none}

	#menu #menu-border { margin: 0 }
	
	#menu .cat-aftercat { background-position: left center; width: 180px; }

    #menu .enhanced-list .rightcolumn{margin-left:0}

    #menu .enhanced-list { float: none; }
    #menu .enhanced-list li { float: none; height: auto; }
    #menu .enhanced-list a { float: none; width: 300px; height: auto; box-shadow: none; }
    #menu .enhanced-list a:hover, #menu .enhanced-list a:focus{ box-shadow: none; border-radius: 0; }
	#menu .enhanced-list p { clear: both }|

    #menu #sidebar-orderlinks .status-heading,
    #menu #sidebar-menucategories .status-heading{font-size:16px;}

    #menu .enhanced-list .food-item-image { margin-bottom: 8px;  }

    #menu .food-item-desc{}

    #menu .category-description{width:auto}

    /*  ITEM OPTIONS  */
    
    #options #container{ background: none }

    #options ul#css3menu,#options #navbar {float:none;}
    #options #NavBarContainer{display:none;}

    #options #sidebar{display:block;width:260px;background:none;border:none;}
    #options #sidebar-ordertime,
    #options #sidebar-ordertype,
    #options #sidebar-storedetails,
    #options #sidebar-hours,
    #options #sidebar hr,
    #options #sidebar .status-heading,
    #options #sidebar-menucategories,
    #options #sidebar-manageaccount,
    #options #sidebar .button-holder,
    #options .bt{display:none}
    
    #options .orderlinks li{display:none}
    #options #sidebar-orderlinks .last{display:block}

    #options #content{clear:both}

    #options #price { margin: 10px; }

    #options #description,#options #quantityholdera{margin:10px}

    #options #content .option-box{width:auto}
    #options #content .option-box fieldset{padding:4px;}
    #options #content .option-box ul{padding-left:5px;padding-right:5px;}
    #options #content .button-holder{padding-bottom:1em;}

    #options .checkboxes li{width:auto;display:block;}

    /*  ORDER SUMMARY  */
    
    #cart #container{ background: none }
    #cart ul#css3menu,#options #navbar {float:none;}
    #cart #NavBarContainer{display:none;}

    #cart #content .option-box{border-width:0;width:auto}
    #cart #content .option-box fieldset{padding:0;}
    #cart #content .option-box ul{padding-left:2px;padding-right:2px;}
    
    #cart .the-cart{margin-top:.5em}

    #cart .the-cart #tableprice{max-width:80px}

    #cart .qty-controls li button,
    #cart .qty-controls li input{max-width:50px;}

    #cart .the-cart #tableremove,
    #cart .remove{display:none}
    #cart #tablefav,
    #cart .item-fav{display:none}

    #cart .item-name{padding:0 2px;}
    #cart .item-price {padding:0 2px;}

    #promotd label{margin-right:.4em;}
    #PromoSubmit{padding:.4em 1em;}
    #cart .misc-controls .promo input{margin-right:0}

    #cart #content .button-holder{padding-bottom:1em}
    #cart #content .button-holder li{display:block;margin:0 auto 1.5em;}
    #cart .button-holder input{width:15em}

    /*  SIGN IN  */

    #signin #container{ background: none }
    #signin #content label{width:100%}
    #signin .returning, #signin .register{width:auto}
    #content .option-box h2{font-size:20px;font-weight:normal}
    #signin #content input[type=text],#signin #content input[type=password]{width:96%}

    #signin .button-holder{margin:1em 0;}
    #signin .button-holder input{ width:10em; padding: .5em; }

    /*  FORGOT PASSWORD  */
    
    #forgotpass #container{ background: none }
    #forgotpass #content .option-box{width:auto}
    #content .option-box fieldset{padding: .5em}
    #forgotpass #content .option-box li{margin:1em 0}

    #forgotpass #content label{float:none;width:100%}
    #forgotpass #content input[type=text],#forgotpass #content input[type=password]{width:90%}

    #forgotpass .button-holder{margin:1em 0;}
    #forgotpass .button-holder input{ width:10em; padding: .5em; }

    /*  CHECK ORDER  */

    #checkorder #container{ background: none }
    #checkorder #content .option-box {width:auto}
    #checkorder #NextOrderTime{color:#c00;font-weight:700;margin:.8em 0;text-indent:0}

    #checkorder .button-holder{margin:1em 0;}
    #checkorder .button-holder li{display:block;margin:2em 0;}
    #checkorder .button-holder input{width:15em}

    /*  EXPIRED  */

    #expired #container{ background: none }
    #expired #content{background:#fff;padding:1em;}
    #expired h1{margin:0 0 1em;}
    #expired .button-holder{margin:2em 0;}
    #expired .button-holder li{display:block;margin:2em 0;}
    #expired .button-holder input{width:15em}

    /*  CHECKOUT  */

    #checkout #container{ background: none }
    #checkout #content .option-box{ border-width: 0; margin-left: 0; margin-right: 0; width: auto }
    #checkout #content .yourorderbox,
    #checkout #content .yourorderbox fieldset{padding:1px;}
    #checkout #content .option-box ul{padding-left:2px;padding-right:2px;}
    #checkout .payment,
    #checkout .pickdel{float:none;min-height:0;}
    
    #checkout #content .page-title{background:#fff;font-size:20px;padding:.25em;text-align:center;color:#a00;border-radius:4px;text-shadow:1px 1px 1px #ccc}
    #checkout #content .option-box h2{font-size:20px}
    
    #checkout .currency-sign{display:none}
    #checkout #content #tip{max-width:3em}
    #checkout .the-cart{margin-top:.5em}

    #checkout .the-cart #tableprice{max-width:80px}

    #checkout .qty-controls li button,
    #checkout .qty-controls li input{max-width:50px;}

    #checkout .the-cart #tableremove,
    #checkout .remove{display:none}
    #checkout .item-name{padding:0 2px;}
    #checkout .item-price {padding:0 2px;}

    #checkout #content label{float:none;width:18em;margin:0 0 .8em}
    #checkout #content input[type=text]{width:15em}
    #checkout #PaymentTypeUl label{float:left;width:8em;}

    #checkout .payment-info strong{margin:1em 0;}

    #checkout textarea{margin:0;display:block;max-width:18em;}
    #checkout #DeliverySpecialInstructions,
    #checkout #SpecialInstructions{max-width:18em}

    #checkout #content .same-addr{width:auto}

    #checkout #content .button-holder li{display:block;margin:0 auto 1em;}
    #checkout .button-holder,
    #checkout #reset{float:none;margin:0 auto;text-align:center;width:auto}
    #checkout .button-holder input,
    #checkout #reset input{width:15em;margin:1em auto 0;}

    #checkout .orderinfo{float:none}
    
    #checkout #content #ExtendedContactPhoneSpan input[type="text"]{width:auto}

    /*  CONFIRMATION  */

    #confirmation #content-container{ background:#fff; border-width:0; padding:0; width:310px }
    #confirmation #content{padding:4px 10px;}

    #confirmation h1{font-size:24px;padding:0 .5em}
    #confirmation #ThanksText{font-size:16px}

    #confirmation fieldset{border-radius:0;padding:8px;}

    #confirmation .order-submission-info li{margin:0 0 .75em}
    #confirmation .order-submission-info strong{display:block;float:none}

    #confirmation .pd-info,
    #confirmation .billing-info{float:none;border:none;margin:0 0 1em;width:auto}

    #confirmation #tablequantity{width:55px;}
    #confirmation #tableprice{width:70px}
    #confirmation .qty{text-align:center;}

    #confirmation .summary{text-align:left}
    #confirmation .summary .price{text-align:right}

    #confirmation .button-holder{margin:2em auto;text-align:center;}
    #confirmation .button-holder input{margin:0;width:15em;}

    /* DEMO CONFIRMATION */

    #dc #content-container{border-width:0;padding:0;width:310px}
    #dc #content{padding:4px 10px;width:290px}
    
    #dc p,
    #dc .next{margin:30px 10px;}
    #dc ul{margin:30px 25px}
    #dc li{margin:0 0 30px 0;padding:0;}

    #dc .button-holder{margin:2em auto;text-align:center;}
    #dc .button-holder input{margin:0;width:15em;}

/* MAIN MY ACCOUNT STYLES */
	
    #myaccount-pageselector{float:none;margin:20px 0}
    #myaccount-pageselector .button{margin-left:30px;font-size:16px}

    #personalinfo #content select, #savedaddr #content select, #savedfavs #content select, #pastorders #content select, #orderhistory #content select{padding:4px;}

	#personalinfo #category-li,
    #personalinfo #past-li,
    #personalinfo #store-info-li,
    #savedaddr #category-li,
    #savedaddr #past-li,
    #savedaddr #store-info-li,
    #savedfavs #category-li,
    #savedfavs #past-li,
    #savedfavs #store-info-li,
    #orderhistory #category-li,
    #orderhistory #past-li,
    #orderhistory #store-info-li    
    {display:none}
	
	/* =============    personalinfo   ================= */

    #personalinfo #css3menu{width:auto}

    #personalinfo .personal-info li,
    #personalinfo .personal-info li.last{margin:0 0 30px;}

    /* =============  / personalinfo   ================= */
	
	/* =============    savedaddresses   ================= */

    #savedaddr #css3menu{width:auto}

    #savedaddr .saved-addr-edit label{width: 50%}

    /* =============  / savedaddresses   ================= */
	
	/* =============    savedfavs   ================= */

    #savedfavs #css3menu{width:auto}

    /* =============  / savedfavs   ================= */
	
	/* =============    pastorders   ================= */

    #pastorders #css3menu{width:auto}

    /* =============  / pastorders   ================= */
	
	/* =============    orderhistory   ================= */

    #orderhistory #css3menu{width:auto}
    #orderhistory .option-box fieldset{padding:0}

    /* =============  / orderhistory   ================= */

}

@media only screen and (min-width: 34.215em) and (max-width: 54.786em) {
/*@media only screen and (min-width: 480px) and (max-width: 767px) {*/

@-ms-viewport{width: extend-to-zoom;zoom: 1.0;}
@viewport{zoom: 1.0;width: extend-to-zoom;}

    body { padding: 0; }

    #header { /*background: #000; height: auto;*/ margin: 30px 0 0; position: relative; width: 410px; }

    #logo { position: static; height: auto; }

    #storename, #storename div { display: none; }

    #infobar div{width:410px}
    
    #infobar a{padding:0 8px;}
    
    #infobar #infobar-yourorder-a,
    #infobar #infobar-help-a,
    #infobar #infobarbacktosite{display:none}

    #container { width: 410px; }

    #content-container { background: none; border-radius: 0; margin: 0 auto; padding: 10px 0 0; position: relative; width: 410px; }

    /*  LANDING  */

    #landing #ziponly, #landing #geocode { float:none; width: auto }
    #landing #displayall{ clear:both; padding-top: 0; margin: 0; }

    /*  START YOUR ORDER  */
    
    #start #content-container{width:410px;}
    #start #content{width:auto}

    #start #floatingbox.no-errors { min-height:0;margin:0}

    #start #content .start-your-order-border { margin: 0 auto; border-width: 4px; border-radius: 4px; width: 372px; padding:10px }

    #start #floatingbox { float: none; font: 12px Arial,"Trebuchet MS",sans-serif; line-height: normal; margin: 10px auto 0; position: relative; width: auto;}

    #start #warningbox, #start #leadtime { min-height: 0; }

    #start #warningbox {  border: 2px solid #FF7878; border-radius: 4px; color: #000; margin: 5px 10px 10px; padding: 10px 5px 5px; width: auto; height: auto; }
    #start #warningbox li{line-height:24px;}

    #start #leadtime { font-size:14px; line-height:16px; margin:10px auto 20px; padding:10px; -moz-border-radius:10px; 	-webkit-border-radius:10px; border-radius:10px; }

    #currenttime { display: none; }

    #start #content .start-your-order-border h2 { font-size: 24px; text-shadow: none; width: 70%; margin: 20px auto; }
    #start h3 {  }

    #start fieldset { padding: 0 10px 10px; }
        #start fieldset > ul { padding:0;}

        #start #ordertype h3 span,#start #datetime h3 span{display:inline-block;width:auto;height:auto;}

        #start #future-date-selector{
            width:auto;
        }

        #start .store-hours,
        #start .store-details{float:none;width:230px;}
        
        #start .store-info h3{margin-top:30px}
        #start .store-info .last { margin-left:0;margin-right:0 }

        #footer{width:390px;margin:auto}

    /*  MENU  * /
    
    #menu #container{ background: none }

    #menu #content{padding-top:1px}

    #menu ul#css3menu,#menu #navbar {float:none;}
    #menu #NavBarContainer{display:none;}

    #menu #sidebar{display:block;width:360px;background:none;border:none;float:none;padding:0;margin:0 auto 10px}
    #menu #sidebar-ordertime,
    #menu #sidebar-ordertype,
    #menu #sidebar-storedetails,
    #menu #sidebar-hours,
    #menu #sidebar hr,
    #menu #sidebar .status-heading,
    #menu #sidebar-menucategories,
    #menu #sidebar-manageaccount,
    #menu .bt{display:none}

    #menu .orderlinks li{display:none}
    #menu #OrderLinkLi-ViewCart{display:block}

    #menu #sidebar-orderlinks .last{display:block}

    #promocodediv{clear:both;width:360px;margin-top:10px;}
    #promocodediv label{display:block;width:90%}
    #promocodediv input{margin-left:0}
    #menu #PromoSubmit{border:none}
    
    #menu .enhanced-list .rightcolumn{margin-left:0}

    #menu .enhanced-list { float:none;}
    #menu .enhanced-list li{float:none;width:auto;height:auto}
    #menu .enhanced-list a{ float:none;width:366px;height:auto;box-shadow:none;}
    #menu .enhanced-list a:hover,#menu .enhanced-list a:focus{box-shadow:none;border-radius:0;}

    #menu .enhanced-list .food-item-image{display:none}

    #menu .food-item-desc{display:none}

    #menu .category-description{width:auto}

		*/

	#menu #content-container { padding-top: 35px; width: 320px; }

    #menu #container{ background: none; margin: 0 auto; width: 410px; }

    #menu #content{ border: none }

	#NavBarContainer { padding: 0 }

	#menu #css3menu a { padding: 3px 6px; }
	ul#css3menu li.topmenu > a { height: 26px; line-height: 26px; border-radius: 5px 5px 0 0; }
	#menu #css3menu.topmenu { border-radius: 0; box-shadow: none; height: 32px }

    #menu #css3menu,
	#menu #navbar { float:none; margin-left: auto; margin-right: auto; width: auto;}

	#css3menu .submenu ul { padding: 0; }
	ul#css3menu li { margin: 0 }

	
	#css3menu .submenu { width: 318px !important; }
	ul#css3menu .submenu { padding: 0 1px 3px; }

	ul#css3menu ul a { padding: 3px 5px; }

	#menu #cart-li a {  height: 26px; line-height: 26px; margin-left: 8px; }

	#menu #past-li,
	#menu #store-info-li,
	#menu #start-li { display: none }

    #menu #sidebar { display: block; width: 260px; background: none; border: none; float: none; margin-bottom: 0; padding-bottom: 0; }
    #menu #sidebar-ordertime,
    #menu #sidebar-ordertype,
    #menu #sidebar-storedetails,
    #menu #sidebar-hours,
    #menu #sidebar hr,
    #menu #sidebar .status-heading,
    #menu #sidebar-menucategories,
    #menu #sidebar-manageaccount,
    #menu .bt{display:none}
    
    #menu .orderlinks li{display:none}
    #menu #OrderLinkLi-ViewCart{display:block}

    #menu #sidebar-orderlinks .last{display:block}

    #promocodediv{clear:both;width:260px;margin-top:10px;}
    #promocodediv label{display:block;width:90%}
    #promocodediv input{margin-left:0;}
    #menu #PromoSubmit{border:none}

	#menu #menu-border { margin: 0 }
	
	#menu .cat-aftercat { background-position: left center; width: 180px; }

    #menu .enhanced-list .rightcolumn{margin-left:0}

    #menu .enhanced-list { float: none; }
    #menu .enhanced-list li { float: none; height: auto; }
    #menu .enhanced-list a { float: none; width: 300px; height: auto; box-shadow: none; }
    #menu .enhanced-list a:hover, #menu .enhanced-list a:focus{ box-shadow: none; border-radius: 0; }
	#menu .enhanced-list p { clear: both }|

    #menu #sidebar-orderlinks .status-heading,
    #menu #sidebar-menucategories .status-heading{font-size:16px;}

    #menu .enhanced-list .food-item-image { margin-bottom: 8px;  }

    #menu .food-item-desc{}

    #menu .category-description{width:auto}

    /*  ITEM OPTIONS  */
    
    #options #container{ background: none }

    #options ul#css3menu,#options #navbar {float:none;}
    #options #NavBarContainer{display:none;}

    #options #sidebar{display:block;width:260px;background:none;border:none;}
    #options #sidebar-ordertime,
    #options #sidebar-ordertype,
    #options #sidebar-storedetails,
    #options #sidebar-hours,
    #options #sidebar hr,
    #options #sidebar .status-heading,
    #options #sidebar-menucategories,
    #options #sidebar-manageaccount,
    #options #sidebar .button-holder,
    #options .bt{display:none}
    
    #options .orderlinks li{display:none}
    #options #sidebar-orderlinks .last{display:block}

    #options #content{clear:both}

    #options #price { margin: 10px; }

    #options #description,#options #quantityholdera{margin:10px}

    #options #content .option-box{width:auto}
    #options #content .option-box fieldset{padding:4px;}
    #options #content .option-box ul{padding-left:5px;padding-right:5px;}
    #options #content .button-holder{padding-bottom:1em;}

    #options .checkboxes li{width:auto;display:block;}

    /*  ITEM OPTIONS  */
    
    #options #container{ background: none }

    #options ul#css3menu,#options #navbar {float:none;}
    #options #NavBarContainer{display:none;}

    #options #sidebar{display:block;width:360px;background:none;border:none;}
    #options #sidebar-ordertime,
    #options #sidebar-ordertype,
    #options #sidebar-storedetails,
    #options #sidebar-hours,
    #options #sidebar hr,
    #options #sidebar .status-heading,
    #options #sidebar-menucategories,
    #options #sidebar-manageaccount,
    #options #sidebar .button-holder,
    #options .bt{display:none}
    
    #options .orderlinks li{display:none}
    #options #sidebar-orderlinks .last{display:block}

    #options #content{clear:both}

    #options #price { margin: 10px; }

    #options #description,#options #quantityholdera{margin:10px}

    #options #content .option-box{width:auto}
    #options #content .option-box fieldset{padding:4px;}
    #options #content .option-box ul{padding-left:5px;padding-right:5px;}
    #options #content .button-holder{padding-bottom:1em;}
    #options #content .button-holder li{margin-right:2em}

    /*  ORDER SUMMARY  */
    #cart #container{ background: none }
    #cart ul#css3menu,#options #navbar {float:none;}
    #cart #NavBarContainer{display:none;}

    #cart #content .option-box{border-width:0;width:auto}
    #cart #content .option-box fieldset{padding:0;}
    #cart #content .option-box ul{padding-left:2px;padding-right:2px;}
    
    #cart .the-cart{margin-top:.5em}

    #cart .the-cart #tableprice{max-width:80px}

    #cart .qty-controls li button, #cart .qty-controls li input{max-width:50px;}

    #cart .the-cart #tableremove,
    #cart .remove{display:none}
    #cart #tablefav,
    #cart .item-fav{display:none}

    #cart .the-cart #tablequantity{width:5em;}
    #cart .item-name{padding:0 2px;}
    #cart .item-price {padding:0 2px;}

    #promotd label{margin-right:.4em;}
    #PromoSubmit{padding:.4em 1em;}
    #cart .misc-controls .promo input{margin-right:0}

    #cart #content .button-holder{padding-bottom:1em}
    #cart #content .button-holder li{display:block;margin:0 auto 1.5em;}
    #cart .button-holder input{width:15em}
    
    /*  SIGN IN  */

    #signin #container{ background: none }
    #signin #content .option-box h2{font-size:1.6em;}
    #signin #content input[type="text"], #signin #content input[type="password"]{width:96%}
    #signin .returning, #signin .register{width:auto}

    #signin .button-holder{margin:1em 0;}
    #signin .button-holder input{ width:10em; padding: .5em; }
    
    /*  FORGOT PASSWORD  */
    
    #forgotpass  #container{ background: none }
    #forgotpass #content .option-box{width:auto}
    #content .option-box fieldset{padding:1em}
    #forgotpass #content .option-box li{margin:2em 0}

    #forgotpass #content label{float:none;width:100%}
    #forgotpass #content input[type=text],#forgotpass #content input[type=password]{width:90%}

    #forgotpass .button-holder{margin:1em 0;}
    #forgotpass .button-holder input{ width:10em; padding: .5em; }
    
    /*  CHECK ORDER  */

    #checkorder #container{ background: none }
    #checkorder #content .option-box {width:auto}
    #checkorder #NextOrderTime{color:#c00;font-weight:700;margin:.8em 0;text-indent:0}

    #checkorder .button-holder{margin:1em 0;}
    #checkorder .button-holder li{display:block;margin:2em 0;}
    #checkorder .button-holder input{width:15em}
    
    /*  EXPIRED  */

    #expired #container{ background: none }
    #expired #content{background:#fff;padding:1em;}
    #expired h1{margin:0 0 1em;}
    #expired .button-holder{margin:2em 0;}
    #expired .button-holder li{display:block;margin:2em 0;}
    #expired .button-holder input{width:15em}
    
    /*  CHECKOUT  */

    #checkout #container{ background: none }
    #checkout #content .option-box{border-width:0;width:auto}
    #checkout #content .yourorderbox,
    #checkout #content .yourorderbox fieldset{padding:1px;}
    #checkout #content .option-box ul{padding-left:2px;padding-right:2px;}
    #checkout .payment,
    #checkout .pickdel{float:none;min-height:0;}
    
    #checkout #content .page-title{background:#fff;font-size:20px;padding:.25em;text-align:center;color:#a00;border-radius:4px;text-shadow:1px 1px 1px #ccc}
    #checkout #content .option-box h2{font-size:20px}
    
    #checkout .currency-sign{display:none}
    #checkout #content #tip{max-width:3em}
    #checkout .the-cart{margin-top:.5em}

    #checkout .the-cart #tableprice{max-width:80px}

    #checkout .qty-controls li button,
    #checkout .qty-controls li input{max-width:50px;}

    #checkout .the-cart #tableremove,
    #checkout .remove{display:none}

    #checkout #content label{float:none;width:18em;margin:0 0 .8em}
    #checkout #content input[type=text]{width:18em}
    #checkout #PaymentTypeUl label{float:left;width:8em;}

    #checkout .payment-info strong{margin:1em 0;}

    #checkout textarea{margin:0;display:block}
    #DeliverySpecialInstructions,
    #SpecialInstructions{max-width:18em}

    #checkout #content .same-addr{width:auto}

    #checkout #content .button-holder li{display:block;margin:0 auto 1em;}
    #checkout .button-holder,
    #checkout #reset{float:none;margin:0 auto;text-align:center;width:auto}
    #checkout .button-holder input,
    #checkout #reset input{width:15em;margin:1em auto 0;}

    #checkout .orderinfo{float:none}
    
    #checkout #content #ExtendedContactPhoneSpan input[type="text"]{width:auto}

    /*  CONFIRMATION  */

    #confirmation #content-container{border-width:4px;padding:0;width:400px}
    #confirmation #content{padding:4px 10px;}

    #confirmation h1{font-size:24px;padding:0 .5em}
    #confirmation #ThanksText{font-size:16px}

    #confirmation fieldset{border-radius:0;padding:8px;}

    #confirmation .order-submission-info li{margin:0 0 .75em}
    #confirmation .order-submission-info strong{display:block;float:none}

    #confirmation .pd-info,
    #confirmation .billing-info{float:none;border:none;margin:0 0 1em;width:auto}

    #confirmation #tablequantity{width:55px;}
    #confirmation #tableprice{width:70px}
    #confirmation .qty{text-align:center;}
    
    #confirmation .button-holder{margin:2em auto;text-align:center;}
    #confirmation .button-holder input{margin:0;width:15em;}

    /* DEMO CONFIRMATION */

    #dc #content-container{border-width:0;padding:0;width:400px}
    #dc #content{padding:4px 10px;width:380px}
    
    #dc p,
    #dc .next{margin:30px 10px;}
    #dc ul{margin:30px 25px}
    #dc li{margin:0 0 30px 0;padding:0;}

    #dc .button-holder{margin:2em auto;text-align:center;}
    #dc .button-holder input{margin:0;width:15em;}

    /* MAIN MY ACCOUNT STYLES */
	
    #myaccount-pageselector{float:none;margin:20px 0}
    #myaccount-pageselector .button{margin-left:30px;font-size:16px}

    #personalinfo #content select, #savedaddr #content select, #savedfavs #content select, #pastorders #content select, #orderhistory #content select{padding:4px;}

	#personalinfo #category-li,
    #personalinfo #past-li,
    #personalinfo #store-info-li,
    #savedaddr #category-li,
    #savedaddr #past-li,
    #savedaddr #store-info-li,
    #savedfavs #category-li,
    #savedfavs #past-li,
    #savedfavs #store-info-li,
    #orderhistory #category-li,
    #orderhistory #past-li,
    #orderhistory #store-info-li    
    {display:none}
	
	/* =============    personalinfo   ================= */

    #personalinfo #css3menu{width:auto}

    #personalinfo .personal-info li,
    #personalinfo .personal-info li.last{margin:0 0 30px;}

    /* =============  / personalinfo   ================= */
	
	/* =============    savedaddresses   ================= */

    #savedaddr #css3menu{width:auto}

    /* =============  / savedaddresses   ================= */
	
	/* =============    savedfavs   ================= */

    #savedfavs #css3menu{width:auto}

    /* =============  / savedfavs   ================= */
	
	/* =============    pastorders   ================= */

    #pastorders #css3menu{width:auto}

    /* =============  / pastorders   ================= */
	
	/* =============    orderhistory   ================= */

    #orderhistory #css3menu{width:auto}

    /* =============  / orderhistory   ================= */
}

@media only screen and (min-width: 54.787em) and (max-width: 73.071em) {
/*@media only screen and (min-width: 768px) and (max-width: 1023px) {*/

@-ms-viewport{width: extend-to-zoom;zoom: 1.0;}
@viewport{zoom: 1.0;width: extend-to-zoom;}

    body { padding: 0; }

    #header { /*background: #000; height: auto;*/ margin: 30px 0 0; position: relative; width: 720px; }

    #logo { position: static; height: auto; }

    #storename, #storename div { display: none; }

    #infobar div{width:700px}

    #infobar #infobar-help-a,
    #infobar #infobarbacktosite{display:none}

    #container { width: 730px; }

    #content-container { background: none; border-radius: 0; margin: 0 auto; padding: 10px 0 0; position: relative; width: 730px; }

    #navbar{background:none;width:auto}
    #navbar #css3menu{width:720px;margin:0 auto;}

    /*  LANDING PAGE  */

    #landing #geocode, #landing #ziponly{ width: 35% }

    /*  START YOUR ORDER  */

    #start #content-container{width:720px}
    #start #content{width:auto}

    #start #floatingbox.no-errors { min-height:0;margin:0}

    #start #content .start-your-order-border { margin: 0 auto; border-width: 4px; border-radius: 4px; width: 682px; padding:10px }

    #start #floatingbox { float: none; font-size: 12px; line-height: normal; margin: 10px auto 0; position: relative; width: auto; }

    #start #warningbox, #start #leadtime { min-height: 0; }

    #start #warningbox {  border: 2px solid #FF7878; border-radius: 4px; color: #000; margin: 5px 10px 10px; padding: 10px 5px 5px; width: auto; height: auto; }
    #start #warningbox li{line-height:24px;}

    #start #leadtime { font-size:16px; line-height:16px; margin:10px auto 20px; padding:10px; -moz-border-radius:10px; 	-webkit-border-radius:10px; border-radius:10px; }

    #currenttime { display: none; }

    #start #content .start-your-order-border h2 { font-size: 24px; text-shadow: none; width: 40%; margin: 20px auto; }
    #start h3 {  }

    #start fieldset { padding: 0 45px 10px; }
        #start fieldset > ul { padding:0;}

        #start #ordertype h3 span,#start #datetime h3 span{display:inline-block;width:auto;height:auto;}

        #start #future-date-selector{
            width:auto;
        }

        #start .store-hours,
        #start .store-details{width:230px;}
        
        #start .store-info h3{margin-top:30px}
        #start .store-info .last { margin-left:0;margin-right:0 }

        #footer{width:610px;margin:auto}

    /*  MENU  */
    
    #menu #container{ background: none }

    #menu ul#css3menu,#menu #navbar {float:none;}
    
    #menu #sidebar{display:none}

    #menu #sidebar .orderlinks li{display:inline-block;width:32%}
    #menu #menucategorylinks li{display:inline-block;width:32%}

    #promocodediv{clear:both;width:450px;margin-top:10px;}
    #promocodediv label{display:inline-block;width:auto;margin-right:20px;line-height:inherit}
    #PromoCodeBox{width:200px}
    #PromoSubmit{float:right;}
    #promocodediv input{margin-left:0}
    #menu #PromoSubmit{border:none}

    #menu .enhanced-list .rightcolumn{margin-left:0}

    #menu .enhanced-list { float:none;}
    #menu .enhanced-list li{float:none;width:auto;height:auto}
    #menu .enhanced-list a{ float:none;width:97%;height:auto;box-shadow:none;} /* If hiding the images, set height:auto, if revealing them, set to height:145px */
    #menu .enhanced-list a:hover,#menu .enhanced-list a:focus{box-shadow:none}

    #menu #sidebar-orderlinks .status-heading,
    #menu #sidebar-menucategories .status-heading{font-size:16px;}
    
	#menu .cat-aftercat { background-position: left center; width: 180px; }

    #menu .enhanced-list p{display:block}
    #menu .enhanced-list .food-item-image::after{clear:both;content:"";display:block;}

     #menu .food-item-desc{display:none} /* If hiding the images, uncomment this line */
     #menu .category-description{width:auto}

    #NavBarContainer .ordering-store, #NavBarContainer .call-center-info{
            color: #C5262B;
            display: block;
            font-weight: 700;
            margin: 20px auto;
            text-align: center;
            max-width: 708px;
            padding:4px;
            background:#fff;
            border: 2px solid #635946;
            border-radius: 8px;
        }

    #NavBarContainer .ordering-store-name {display: inline;}

    /* ITEM OPTIONS */

    #options #container{ background: none }

    /*  ORDER SUMMARY  */

    #cart #container{ background: none }
    #cart #content .option-box{width:auto}
    #cart .misc-controls .promo{text-align:right}

    /*  SIGN IN  */
    
    #signin #container{ background: none }
    #signin .button-holder{margin:1em 0;}
    #signin .button-holder input{width:15em}
    
    /*  FORGOT PASSWORD  */
    
    #forgotpass #container{ background: none }
    #forgotpass #content .option-box{margin:0 auto;width:530px}
    #content .option-box fieldset{padding:1em}
    #forgotpass #content .option-box li{margin:2em 0}
    
    #forgotpass #content label{width:auto;margin-right:2em;}
    #forgotpass #content input[type=text],#forgotpass #content input[type=password]{width:70%}

    #forgotpass .button-holder{margin:1em 0;}
    #forgotpass .button-holder input{width:15em}
    
    /*  CHECK ORDER  */

    #checkorder #container{ background: none }
    #checkorder #NextOrderTime{color:#c00;font-weight:700;margin:.8em 0;}

    /*  EXPIRED  */

    #expired #container{ background: none }
    #expired #content{background:#fff;padding:1em;}
    #expired h1{margin:0 0 1em;}
    #expired .button-holder{margin:2em 0;}
    #expired .button-holder li{display:block;margin:2em 0;}
    #expired .button-holder input{width:15em}

    /*  CHECKOUT  */

    #checkout #container { width: 650px; background: none }
    #checkout #content-container { width: 600px;}

    #checkout #content .option-box{width:auto}
    #checkout .payment,#checkout .pickdel{float:none;min-height:0;}
    
    #checkout #content .page-title{background:#fff;font-size:20px;padding:.25em;text-align:center;color:#a00;border-radius:4px;text-shadow:1px 1px 1px #ccc}
    #checkout #content .option-box h2{font-size:20px}

    #checkout .currency-sign{display:none}
    #checkout #content #tip{max-width:3em}
    #checkout .the-cart{margin-top:.5em}

    #checkout .the-cart #tableprice{max-width:80px}

    #checkout .qty-controls li button,
    #checkout .qty-controls li input{max-width:50px;}

    #checkout .the-cart #tableremove,
    #checkout .remove{display:none}

    #checkout #content label{width:28%}
    #checkout #content input[type=text]{width:50%}
    #checkout #PaymentTypeUl label{float:left;width:20%;}

    #checkout .payment-info strong{margin:1em 0;}

    #checkout #content .orderinfo label{width:40%}

    #checkout textarea{margin:0;display:block}

    #checkout #content .same-addr{width:auto}

    #checkout #content .button-holder li{display:block;margin:0 auto 1em;}
    #checkout .button-holder,
    #checkout #reset{float:none;margin:0 auto;text-align:center;width:auto}
    #checkout .button-holder input,
    #checkout #reset input{width:15em;margin:1em auto 0;}

    #checkout .orderinfo{float:none}

    #checkout #content #ExtendedContactPhoneSpan input[type="text"]{width:auto}
    #checkout #content #SpecialInstructions{ width: 530px }

    /*  CONFIRMATION  */

    #confirmation #content-container{padding:0;width:720px}
    #confirmation #content{padding:20px;}

    #confirmation .pd-info,
    #confirmation .billing-info{float:none;margin:0 0 1em;width:auto}

    #confirmation #tablequantity{width:3em;}
    #confirmation #tableprice{width:5em;}
    #confirmation .qty{text-align:center;}
    
    #confirmation .button-holder{margin:2em auto;text-align:center;}
    #confirmation .button-holder input{margin:0;width:15em;}

    /* DEMO CONFIRMATION */

    #dc #content-container{width:720px}
    #dc #content{padding:4px 10px;width:680px}
    
    #dc p,
    #dc .next{margin:30px 10px;}
    #dc ul{margin:30px 25px}
    #dc li{margin:0 0 30px 0;padding:0;}

    #dc .button-holder{margin:2em auto;text-align:center;}
    #dc .button-holder input{margin:0;width:15em;}
}