﻿        
        #divMenuItem, #divMenuSectionContainer {display:none;}  /* Hide on intial load */
        
        .leftSide {width:526px;}
        .rightSide {position:relative; width:420px;}

        .menuObjectContainer {heightX:500px; float:left;}
        
        .MenuSection, .MenuItem {
                      font-size:13pt; 
                      cursor:pointer;  
                      margin-bottom:5px;
                      letter-spacing: normal;
                      text-transform:uppercase;
                      } 
                      
        .MenuSection 
        {
            background-color:#BBBDBF;
            width:175px;   
            overflow:auto;
            color:white;
        }
                   
        .MenuSection.selected
        { 
            background-color:#B21321;
            width:205px;  
            color:White !important;
        }  
                
        .MenuSection.selected .NextIcon
        {
            display:block !important; 
        }
        
        .MenuSection.selected .SectionDetails
        {  
            color:White !important;
        }    
        
        .MenuSection.selected:hover
        { 
            background-position: -12px -505px;
        }
        
       .MenuSection:hover { 
            background-position: 0 -66px;  
       } 
            
        .MenuItem  
        {
            padding-top:0px;
            background-color:#B21321;
            width:275px;   
            overflow:auto;

        }
        
        .MenuItem:hover
        {
            background-position:-10px -525px ;
        }
              
        .MenuItem .MenuItemPrice 
        {  
           text-align: right;
        }
                
        .MenuItem .MenuItemNameContainer
        { 
            float:left; 
        }

        .MenuItem .MenuItemName
        {  
            width:175px;
        }

        .healthy { background-image: url(../Tools/Images/V2/ToGo_HealthyIconSmall.png); background-repeat:no-repeat; width:25px; height:25px;  }
 
        .MenuItemPriceContainer 
        {
            float: right !important;  
           width: 58px;
           padding-right:0px;  
           margin-right: 6px;
        }
        
        .MenuItemPriceContainer DIV 
        {
            text-align: right; 
            clear:both;
            width:100%;
            
        }
         
       
        .MenuSection .SectionDetails
        { 
            width:167px;  
            color:white;
        }    
          
        
        .MenuItem .SectionDetails  
        {
            color:white; 
            font-size:12px; 
            position: relative; width: 100%;
        } 
        .SectionDetails
        {
            font-size: 15px; 
            padding-left:10px; 
            float:left;
            overflow:auto; 
            line-height:16px;
            overflow:visible;
            padding-top:8px;
            padding-bottom:8px;
        }
        
        .SectionDetails DIV 
        {
            float:left;
        } 
          
        
          .backButton 
        {
    color: white;
    cursor: pointer;
    margin-bottom: 2px;
    overflow: auto;
    text-align: center;
            width:53px; 
            padding:5px;
            background-color:#BBBDBF;
        }
        
          .backButton:hover
        { 
        }
         
        
        .tabBar .orderSummary 
        { 
            margin-left:20px;font-size: 20px;
            margin-top: 5px;
        }
         
        
        .transparencyParent 
        {
            overflow:hidden; 
            position:relative;
            top: -17px;
            border-radius:0px 0px 10px 10px;
        }
 
         
        
        #divOrderSummaryContainer 
        {
            
        }
   
        #OrderSummary 
        {    
            min-height: 400px;
            padding-left:20px; 
            padding-right:20px;
            overflow: auto;
            letter-spacing:normal;
            padding-top:20px;
        }
        
        .orderSummaryTotals 
        {
            text-transform: uppercase !important;
            overflow:auto;
             margin-top:20px;
             padding-top:20px;
             padding-top:10px;
        }

        .orderSummaryTotals tr {
           height: 20px;
        }
        
        .btnContainer 
        {
            margin:auto; 
            text-align:center;
            overflow:auto;
            width:100%;
        }
        
        .btnContainer DIV 
        {
            text-transform: uppercase;
            cursor:pointer;
        }
        
        
        #btnCheckoutX {
 
            width:100%;  
            padding-top:10px;
            padding-bottom:10px;
            background-color:#59A84B;
            color:white;
            font-size:14pt; 
        }
         
        
        #btnUsualContainer LABEL
        { 
            cursor:pointer;
        }
         
        
        #usualNotice 
        {
            color:black;
            font-size:11px;
        }
        
        #btnUsual:hover {   
            background-position: 0 -37px;  
        }
        
        #divMenuItem 
        { 
            width: 100%; 
        }
        
        #divMenuItemBorderTop 
        {
            display:none;
            background-image:url('../Tools/Images/Order/order-box-ends.png');
            background-repeat:no-repeat;
            background-position: 0 -42px;  
            width: 467px;
            position:absolute;
            z-index:0; 
            height:200px;
        }
        
        .menuDescriptionBody 
        {
            padding:8px; overflow: auto;
            text-transform:uppercase;
        }
        
        .menuDescriptionBody INPUT[type='text']
        {
            width:100%;
        }
        .menuDescriptionBody SELECT
        {
            width:100%;
        }
        .menuItemSpecialInstructions TEXTAREA 
        {
            width: 100%;
        }
        #ddQuantity
        {
            width:75px;
        }
        
        #divMenuSpacing 
        {    margin: auto; 
            width: 100%;
        }
        
        #divMenuItem .menuItemName {font-size:20px; color:black; float:left;}
        #divMenuItem .menuItemPrice {font-size:20px; color:black;float:right;}
        .menuItemDescription {clear:both;}
        
        .AttributeGroup {margin-bottom:15px; }
        .AttributeGroup .AttributeGroupDescription {}
        .SingleAttribute {clear:both;}
        .SingleAttribute INPUT {float:left;}
        .SingleAttribute DIV {float:left;}
        .SingleAttribute .AttributeName {width:350px;letter-spacing: normal; min-height: 1px;} /*zorilla change width to 350 from 360
                                                                                                to accomodate the select and extra column */
        .SingleAttribute .selectedAmountExtra {font-size:10px}
        .SingleAttribute .IsExtra 
        {
            width:60px;    
            min-height: 1px;
        }
        .SingleAttribute .IsExtra .amountExtra 
        {
            padding-left:5px; 
            min-height: 1px;
            font-size: 10px;
            line-height: 16px;
        }
        .SingleAttribute .IsOnSide {width:60px;     min-height: 1px;}
        
        .AttributeHeader {font-size:10px;}
         
        .AttributeField
        {
            width:50px;   
        } 
        
        .menuItemSpecialInstructions 
        {
            clear:both;
            overflow:auto;
        }
        .menuItemSpecialInstructions DIV
        { 
        }
        
        .RelatedGroup {}
        
          #orderSummaryItems 
          { 
              clear:both;
              overflow:auto;
          }
           
         .ItemSummary
          { 
              padding-bottom: 20px !important; 
          }
          
          #orderSummaryItems .ItemAttributes DIV
          {
              overflow:auto;
          } 
          
          #orderSummaryItems DIV
          {
              float:left;
          }
          
         #orderSummaryItems .Edit, .orderSummaryTotals .Edit, #orderSummaryItems .Delete,  .EditMvc
         { 
             cursor:pointer;
            float:left;
            overflow:auto;
            width:32px; 
            background-color:#3B69A5;
            color:white;
            font-size:8pt;
            text-align:center;
            text-transform:uppercase;padding: 1px;
         }
         .orderSummaryTotals .Edit,  .EditMvc
         { 
            margin-left:7px;
             float: right;
         }
         
         #orderSummaryItems .Delete { 
            margin-left:1px;
            background-color:#B21321;
            width:30px; 
         }
         
        #orderSummaryItems .attributeGroupValues 
        {
            width:227px; 
            float:left !important; 
            display:block; 
            clear:none !important;
        }
                                                   
        #orderSummaryItems .attributeGroupAmountExtra 
        {
            float:left !important; 
            display:block;
            clear:none !important; width: 34px;
            text-align:right;
        }

         

         .divOrderTotalContainer {font-weight:bold;}
         #orderTax, #orderTip, #orderTotal, #orderSubtotal, #orderDiscount {text-align:right;}
        
        #tipEdit {display:none;}
        #tipEdit INPUT {width:34px}
        #tipEdit .tipOption { }
        #tipEdit .tipOptionHeader {font-size:11px; font-style:italic;}
        
        /*#trPromotion {display:none;}*/ 
        #trPromotion td 
        {
            color: brown;
            font-style: italic;
        }
        
        .choiceHeader {  
            background-color:black;
            text-transform:uppercase;
            text-align:center;
            color: white; 
            margin: auto;
            padding: 6px; 
            width: 100%;
            clear:both;
        }
        
      .RelatedGroup .AttributeGroupDescription 
      {  
            font-style: italic; 
            width: 400px !important;
      }
                       
        #btnAddToOrder 
        {  
            border:0px;
            cursor:pointer; 
            color: white;
            font-size: 14pt;
            padding-bottom: 10px;
            padding-top: 10px;
            width: 50%;
        }
                       
        #btnAddToOrder:hover
        {  
        }
        
        #btnAddToOrder.edit 
        { 
        }
                       
        #btnAddToOrder.edit:hover
        {  
        }
         
        /*#merchantLogo 
        { 
            background-repeat:no-repeat;
            width:125px;
            height:80px;
            background-position: center;
            background-color:transparent;
            border:0px;
            margin:auto;
        }*/ 

       #logoContainer {
           text-align: center;
           width: 150px;
           height: 150px;
       }

       #logoContainer img {
           max-width: 150px; 
       }
 
#divCancelOrder
{
    font-size: 11px;    
    margin-top:10px;
    float: right;
    text-transform: uppercase;
    margin-bottom: 10px;text-align: right;
} 
#divCancelOrder a:hover {
    text-decoration: underline !important;
}


#divAlertContainer, .divOrderMessage, #divLargeOrderAlert, .divFreeDeliveryLabel
{
    width:95%;
    margin:auto;
    background-color:brown;
    color:White;
    padding:8px;
    margin-bottom:15px;
    font-size: 16px;
    text-align: center;
}

#linkCancel { float:left; padding-left:10px; cursor:pointer;text-decoration:underline;}
#linkCancel:hover { text-decoration:none;}

.divPromoCodeLink { cursor:pointer; text-decoration:underline !important;  font-size:11px;
                    margin-bottom: 35px;display: block;
text-transform: uppercase;
}
.divPromoCodeLink:hover {text-decoration:none  !important;}

#promoDetailsCancel, #promoSignIn
{
    cursor:pointer;
    text-decoration:underline;
}
#promoDetailsCancel:hover, #promoSignIn:hover
{
    text-decoration:none;
}

#divPromoDetails { border:1px solid gray;  border-radius:5px; padding:5px; margin-top: 14px;}

.tbPromoCode {width:111px !important; margin-right:10px; float:left; background-color: #F7F5E3;}

#btnPromoCode { cursor:pointer; text-decoration:underline !important;  font-size:13px; float:left; color:#3B69A5;}
#btnPromoCode:hover  {text-decoration:none  !important;}

#merchantInfo {
    color:black;
    letter-spacing:normal;
    margin-bottom:10px;
} 
.dashedBorder {
     border-top:1px dashed gray;
}

.trTip {
     color: #F48020;}

.orderSummaryTotals tr .tdlabel {
   text-align:left;
}
.leftSideContent {
	padding: 15px;
}

.divMenuContainer {
	width:218px;
	float:left;
}
.ItemSummary .item
{
	float: left;
	width: 290px;
	margin-left: 13px;
	margin-right: 5px;
}

.divWhatAreYouHungryFor {
    display: none;
}

.GroupOptions input, .GroupOptions label {
	
}