/*
Global Menu
*/

/* Menu name text at top */
.menu_name{
    font-size:16pt;
    font-weight:bold;
}

.category{
    padding:4px;    
    margin:6px 0px 6px 0px;
}

/* Descriptions (if any) under category name */
.category .description{
    padding: 4px;
}

.category .name{
    display:block;
    clear:both;
}

.menu_item_container{
    margin-left:4px;
}


.size_heading{
    float:right;
    width:50px;
    
    margin:0px 0px 2px 2px;

    text-align:center;
    font-weight:bold;
    font-size:8pt;
}

.item_price{
    float:right;
    width:50px;

    margin:0px 0px 0px 2px;
    
    text-align:center;
    font-size:10pt;  
     
}

.menu_item{
    border-top:1px dotted #AAAAAA;
    margin: 0px 0px 0px 0px;
    padding: 8px 0px 8px 8px;
}

/* To show a hovering effect when mouse is over menu item */
.menu_item:hover{
    background-color:#EEEEEE;
}

.menu_item .info{
    float:left;
}

/* Menu item name */
.menu_item .info .name{
    margin:0px;
    font-size:11pt;
    font-weight:bold;
    color:#000000;   
}

.menu_item .info .name .thumb{
    height:32px; 
    cursor:pointer;
}

.menu_item .info .icon{
    width:18px;
    height:18px;
}

/* Menu item description */
.menu_item .info .description{
    padding:0px;
    font-size:11pt;
    color:#444444;        
    max-width: 365px;
}

.category img{
    max-width:640px;    
}

/* Top level category name */
.category_0 .name{
    color:#274c7f;  
    font-size:15pt;
    font-weight:bold;
}

/* Level 1 category name */
.category_1 .name{
    font-size:13pt;
    font-weight:bold;
    color:#4573b1;    
    margin-left:4px;
}
/* Level 2 category name */
.category_2 .name{
    font-size:12pt;
    font-weight:bold;
    color:#0000AA;    
    margin-left:8px;
}
/* Level 3 category name*/
.category_3 .name{
    font-size:12pt;
    font-weight:bold;
    color:#0000AA;    
    margin-left:12px;
}

#menu_icon_legend img{
    width: 16px;
    height: 16px;
}

/*
Order Button on sidebar
*/

#order_button a{
    padding:6px 10px 6px 10px;
    background-color:#DDDDDD;
    color:#222222;
    font-size:13pt;    
    font-weight:bold;
    border-radius:8px;
    border:1px solid #555555;
}

#order_button a:hover{
    background-color:#EEEEEE;
    color:#559955;
    border:1px solid #888888;
}

#order_popup .item_name{
    color:#000000;    
}

#order_popup .quantity input{
    width:32px;
}
#order_popup .quantity{
    color:#000000; 
    font-size:79px; 
}

#order_popup a{
    color:#000000;    
}

/*
Desktop
*/
#order_bar_area{
    width:300px;
    border-left: 1px dotted #EEEEEE;
    font-size:10pt;
    padding:8px;

}

#order_bar_area .header{
    font-size:17pt;
    font-weight:bold;
    color: #007700;
    padding-bottom:4px;
    margin-bottom:4px;
}

#order_bar_area .order .quantity{
    font-size:10pt;   
    font-weight:bold;
    color:#666666;
}

#order_bar_area .order .item{
    color:#000000;
    font-size:11pt;    
}

#order_bar_area .order .option{
    color:#444444;
}

#menu_area{
    padding:8px;

}

#menu_footer{
    margin-top:5px;
    border-top:1px solid #DDDDDD;
    padding: 5px;
    text-align:center;
    font-size:9pt;
    font-weight:bold;
}