﻿    html { margin: 0px; padding: 0px; }
    body { background-color: #9e0000;  background-image: url("../i/bg.jpg");  background-repeat: repeat; font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; text-align: center; margin-left: auto; margin-right: auto; font-size: 90%; }
    h1 { font-size: 130%; color: #a30b06; border-bottom: 1px solid #f2c078; }
    .h1_main { border: 0px; margin-bottom: -10px; width: auto; margin-left: 0px; margin-top: 0px; }
    h2 { font-size: 110%; color: #a30b06; padding-top: 7px; margin-left: 15px; border-bottom: 1px solid #f2c078; width: 560px;}
    .h2_orderonline { border-bottom: 1px solid #e1e1e1; }
    h3 { font-size: 110%; margin-bottom: -13px !important;  margin-bottom/**/: -18px;}
    hr { margin-top: -5px; margin-bottom: -5px; padding:0px; border-bottom:1px dashed #e0b374; border-top:0px; border-left:0px; border-right:0px; line-height:0px; height:1px; display:block;}
    p { font-size: 95%; }
    
    #container { margin-left: 0px; padding: 0px; width: 980px; margin-left: auto; margin-right: auto;  }
    #header { background-image: url("../i/header_bg.jpg"); background-repeat: repeat-x; margin: 0px; padding: 0px; text-align: left; }
    #navigation_container { background-image: url("../i/header_bg.jpg"); background-repeat: repeat-x;  text-align: left; }
    #navigation { background-color: #9e0000; background-image: url("../i/navigation_bg.jpg"); background-repeat: no-repeat; margin-bottom: -5px;  width: 100%;  }
    #navigation_full { background-color: #9e0000; background-image: url("../i/navigation_bg_full.jpg"); background-repeat: no-repeat; margin-bottom: -5px;  width: 100%;  }
    #navigation_buttons { margin-left: 22px; background-image: url("../i/navigation_buttons_bg.jpg"); background-repeat: repeat-x; }
    #subnavigation { background-color: #9e0000; background-image: url("../i/subnavigation_bg.jpg"); background-repeat: no-repeat; margin-bottom: 0px; padding-left: 26px; padding-bottom: 20px; font-size: 95%; height: 20px; text-align: left; }
    #subnavigation_full { background-color: #9e0000; background-image: url("../i/subnavigation_bg_full.jpg"); background-repeat: no-repeat; margin-bottom: 7px !important; margin-bottom/**/: 3px; padding-left: 26px; padding-bottom: 10px !important; padding-bottom/**/: 0px; font-size: 95%; height: 20px; text-align: left; }
    #subnavigation a { color: #000000; text-decoration: none; }
    #subnavigation a:hover { text-decoration: underline; }
    .subnavigation_current { color: #9e0000; font-weight: bold; background-color: #ffcc81; background-image: url("../i/menu_sidenav_tab.jpg"); background-repeat: no-repeat; }
    #subnavigation_static { margin-bottom: 0px; padding-left: 26px; padding-bottom: 20px; font-size: 95%; height: 20px; text-align: left; }
    #subnavigation_static a { color: #000000; text-decoration: none; }
    #subnavigation_static a:hover { text-decoration: underline; }
    
    #catnavigation { float: left; width: 130px; }    
    #catnavigation a { color: #000000; text-decoration: none; font-size:8.5pt; }
    #catnavigation a:hover { text-decoration: underline; }
    
    
    #container_bg { background-color: #9e0000; margin-top: -25px !important; margin-top/**/: -10px; }
    #content_container { background-color: #9e0000; background-image: url("../i/content_bg.gif"); background-repeat: repeat-y; padding-top: 0px; padding-left: 26px; padding-top: 0px; margin-top: 0px; float: left; width: 740px !important; width /**/: 763px; text-align: left; padding-bottom:0px; min-height: 550px; height:auto !important; height:550px; }
    #content_container_full { background-color: #9e0000; background-image: url("../i/content_bg_full.gif"); background-repeat: repeat-y; padding-top: 0px; padding-left: 0px; padding-top: 0px; margin-top: 0px; float: left; width: 980px !important; width /**/: 980px; text-align: left; padding-bottom: 20px; }
    #content { }
    #content_full { width: 920px; min-height: 420px; margin-left: 28px; height:auto !important; height:420px; }
    
    #orderbox { width: 204px; background-color: #ffffff; background-image: url("../i/orderbox_bg_repeat.jpg"); background-repeat: repeat-y; float: left; margin-top: -25px !important; margin-top/**/: -40px; text-align: left; }
    #orderbox_content { width: 204px; background-image: url("../i/orderbox_bg.jpg"); background-repeat: no-repeat; padding: 10px; }
    #orderbox_title { margin-left: 39px; font-size: 100%; font-weight: bold; margin-bottom: 10px;}
    #orderbox_table { font-family: "Courier New", Courier, monospace; font-size: 85%; }
    #orderbox_fix { background-color: #9e0000; }
    .orderbox_space { margin-bottom: 10px; }
    .orderbox_border_bottom { border-bottom: 1px dashed #000000; }
    .orderbox_border_top { border-top: 1px dashed #000000; }
    .orderbox_total { font-size: 125%; font-weight: bold; }
    #orderbox_checkout { width: 120px; border: 1px solid #000000; padding: 4px; margin-top: 20px; text-align: center; margin-left: auto; margin-right: auto; }
    #orderbox_checkout a:link { font-size: 125%; font-weight: bold; color: #a30b06; text-decoration: none; }
    #orderbox_checkout a:visited { font-size: 125%; font-weight: bold; color: #a30b06; text-decoration: none; }
    #orderbox_checkout a:hover { text-decoration: underline; }
    #orderbox_checkout a:active { text-decoration: underline; }
    
    .menu_table_top { background-color: #ffffff; margin-top: -2px !important; margin-top/**/: 0px; min-height: 420px; height:auto !important; height:420px; }
    .menu_table { font-size: 80%; padding-left: 15px; padding-right: 15px; }
    .menu_photo { float: left; margin-right: 5px; border: 1px solid #c8c8c8; padding: 2px; }
    .menu_listing_left { margin-right: 6px; margin-bottom: 30px !important; margin-bottom/**/: 15px; padding-left: 0px; }
    .menu_listing_right { margin-left: 8px; margin-bottom: 20px !important; margin-bottom/**/: 15px; }
    .menu_item {}
    .menu_name_chinese { margin-bottom: 4px; }
    .menu_name { font-weight: bold; margin-bottom: 4px; }
    .menu_price { font-weight: bold; float: right; margin-left: 20px; }
    .menu_desc { color: #747474; font-style: italic; }
    .menu_add { font-size: 85%; clear: both; }
    .menu_add a { color: #bf0000; }
    .category_description { font-size:8pt; color:Gray; font-family:Arial; font-style:italic; font-weight:normal; }
    .menu_left { float: left; }

    .prop { float:right; width:1px; }
    .min450px { height:450px; }


    #footer_container { background-image: url("../i/footer_bg.jpg"); background-repeat: repeat-x; margin-left: 0px;}
    #footer {  margin-left: 0px; background-repeat: no-repeat; padding-left: -40px; margin-top: 0px !important; margin-top/**/: -5px; margin-bottom: 0px !important; margin-bottom/**/: 0px; padding-top: 8px !important; padding-top/**/: 8px; padding-bottom: 30px !important; padding-bottom/**/: 20px; padding-right: 0px; font-size: 80%; color: #a8a8a8; }
    #footer_fix { width: 763px; margin-top: 25px !important; margin-top/**/: 25px; margin-left: -26px !important; margin-left/**/: -26px; }

    #footer a:link { color: #a8a8a8; }
    #footer a:hover { color: #a8a8a8; }
    #footer a:active { color: #a8a8a8; }
    #footer a:visited { color: #a8a8a8; }

    #footer_full { background-image: url("../i/footer_full.jpg"); margin-left: 0px; background-repeat: no-repeat; padding-left: 26px; margin-top: 0px !important; margin-top/**/: -19px; padding-top: 22px !important; padding-top/**/: 20px; padding-left: 0px; padding-bottom: 15px !important; padding-bottom/**/: 15px; padding-right: 0px; font-size: 80%; color: #a8a8a8; }
    #footer_full a:link { color: #a8a8a8; }
    #footer_full a:hover { color: #a8a8a8; }
    #footer_full a:active { color: #a8a8a8; }
    #footer_full a:visited { color: #a8a8a8; }

    .clear { clear: both; overflow:hidden; }
    
    #sidenavigation { width: 134px; float: left; margin-right: 0px !important; margin-right/**/: -3px; margin-top: -14px!important; margin-top/**/: 0px; font-size: 90%; }
    #sidenavigationOLD { width: 134px; float: left; font-size: 90%; }
    #sidenavigation a { color: #000000; text-decoration: none; margin-left: 0px; }
    #sidenavigation a:hover { text-decoration: underline; }
    #sidenavigation ul { margin-left: -6px !important; margin-left/**/:0px; padding-left: 0px;}
    #sidenavigation ul li { list-style-image: none; list-style: none; padding: 4px 4px 4px 9px; }

    .current { background-color: #ffce87; font-weight: bold; }
    
    .photo_right_index { float: right; margin-bottom: 0px; padding: 6px; background-color: #ffffff; }

    .photo_left { float: left; margin-right: 10px; margin-bottom: 10px; padding: 6px; background-color: #ffffff; }
    .photo_right { float: right; margin-left: 10px; margin-bottom: 10px; padding: 6px; background-color: #ffffff; }

    
    #promotion_box { width: 412px; background-color: #ffffff; text-align: center; font-size: 90%; clear: both; }
    #promotion_box_content { width: 395px; text-align: left; padding-bottom: 7px; margin-left: auto; margin-right: auto; }
