@charset "utf-8";
/* CSS Document */
html { overflow:scroll; overflow-y:scroll; overflow:-moz-scrollbars-vertical; overflow-x: auto; }
* { margin:0; padding:0; font-family: Arial; }
.lang-hk { font-family: "細明體"; }
h1 { }
h2 { }
p { }
a img { border: 0 none; }
a:hover img, a:visited img, a:active img { border: 0px; }
a, a:visited, a:hover, a:active { text-decoration:none; }
a { color: #464646; }
.clear { clear: both; }
.button { padding: 0; margin: 0; border: 0 none; background-color: transparent; cursor: pointer; }
.button span { height: 21px; margin: 0 0 0 -1px; padding: 0 0 0 2px; background: transparent 0 center no-repeat !important; border: 0 none; display: block; }
.button span span { margin: 0 -2px 0 0; padding: 0 10px; color: #FFF; font: 13px/21px Arial; background-position: right center !important; text-align: center; }
.button-orange span { padding: 0 0 0 8px; margin: 0; background-image: url(../images/btn_orangeBg.png) !important; }
.button-orange span span { margin: 0 !important; padding: 0 8px 0 0; }
fieldset { margin:0; padding:0; border:none; }
body { }
#outter { width:100%; font-family: Arial, Helvetica, sans-serif, 新細明體; -webkit-text-size-adjust:none; }
#page_wrapper { width:100%; }
#main_wrapper { width: 952px; margin: 0 auto; position: relative; }
.page-home #page_wrapper { background:url(../../images/home_bg.gif) repeat-x center top; }
#content_wrapper { width:707px; min-height:500px; float:left; color:#464646; font-size:13px; padding-right:20px; position: relative; }
#content_wrapper p { padding-top:10px; padding-bottom:10px; text-align:justify; line-height:18px; }
#content_wrapper h1 { color:#7da7d9; font-size:22px; }
.quick_path { text-align:right; padding-top:8px; padding-bottom:8px; color:#acacac; }
.quick_path a { color:#acacac; }
.quick_path span.current_path { color:#f77f1d; }
/*-- Title --*/
#title { padding-top:60px;}
.title_mission { width:128px; height:32px; overflow:hidden; background:url(../images/title/title_mission.gif) no-repeat;}
body.lang-cn .title_mission { background:url(../images/title/title_mission_cn.gif) no-repeat;}
body.lang-en .title_mission { width:275px; background:url(../images/title/title_mission_en.gif) no-repeat;}
.title_history { width:128px; height:32px; overflow:hidden; background:url(../images/title/title_history.gif) no-repeat;}
body.lang-cn .title_history { background:url(../images/title/title_history_cn.gif) no-repeat;}
body.lang-en .title_history { width:190px; background:url(../images/title/title_history_en.gif) no-repeat;}
.title_service { width:128px; height:32px; overflow:hidden; background:url(../images/title/title_service.gif) no-repeat;}
body.lang-cn .title_service { background:url(../images/title/title_service_cn.gif) no-repeat;}
body.lang-en .title_service { width:260px; background:url(../images/title/title_service_en.gif) no-repeat;}
.title_facilities { width:128px; height:32px; overflow:hidden; background:url(../images/title/title_facilities.gif) no-repeat;}
body.lang-cn .title_facilities { background:url(../images/title/title_facilities_cn.gif) no-repeat;}
body.lang-en .title_facilities { width:285px; background:url(../images/title/title_facilities_en.gif) no-repeat;}
.title_partner { width:128px; height:32px; overflow:hidden; background:url(../images/title/title_partner.gif) no-repeat;}
body.lang-cn .title_partner { background:url(../images/title/title_partner_cn.gif) no-repeat;}
body.lang-en .title_partner { width:182px; background:url(../images/title/title_partner_en.gif) no-repeat;}
.title_contactus { width:128px; height:32px; overflow:hidden; background:url(../images/title/title_contactus.gif) no-repeat;}
body.lang-cn .title_contactus { background:url(../images/title/title_contactus_cn.gif) no-repeat;}
body.lang-en .title_contactus { width:180px; background:url(../images/title/title_contactus_en.gif) no-repeat;}
.title_homedish_aboutus { width:128px; height:32px; overflow:hidden; background:url(../images/title/title_homedish_aboutus.gif) no-repeat;}
body.lang-cn .title_homedish_aboutus { background:url(../images/title/title_homedish_aboutus_cn.gif) no-repeat;}
body.lang-en .title_homedish_aboutus { background:url(../images/title/title_homedish_aboutus_en.gif) no-repeat; width:380px;}
.title_homedish_contactus {width:128px; height:32px; overflow:hidden; background:url(../images/title/title_homedish_contactus.gif) no-repeat;}
body.lang-cn .title_homedish_contactus { background:url(../images/title/title_homedish_contactus_cn.gif) no-repeat;}
body.lang-en .title_homedish_contactus { background:url(../images/title/title_homedish_contactus_en.gif) no-repeat; width:177px;}
.title_homedish_partner {width:128px; height:32px; overflow:hidden; background:url(../images/title/title_homedish_partner.gif) no-repeat;}
body.lang-cn .title_homedish_partner { background:url(../images/title/title_homedish_partner_cn.gif) no-repeat;}
body.lang-en .title_homedish_partner { background:url(../images/title/title_homedish_partner_en.gif) no-repeat; width:225px;}
body.lang-cn.page-homedish .category_title { background: url(../images/title/title_homedish_cn.gif) no-repeat;}
body.lang-en.page-homedish .category_title { background: url(../images/title/title_homedish_en.gif) no-repeat;}
.title_feast_aboutus {width:128px; height:32px; overflow:hidden; background:url(../images/title/title_feast_aboutus.gif) no-repeat;}
body.lang-cn .title_feast_aboutus { background:url(../images/title/title_feast_aboutus_cn.gif) no-repeat;}
body.lang-en .title_feast_aboutus { background:url(../images/title/title_feast_aboutus_en.gif) no-repeat; width:216px;}
.title_feast_deadline {width:128px; height:32px; overflow:hidden; background:url(../images/title/title_feast_deadline.gif) no-repeat;}
body.lang-cn .title_feast_deadline { background:url(../images/title/title_feast_deadline_cn.gif) no-repeat;}
body.lang-en .title_feast_deadline { background:url(../images/title/title_feast_deadline_en.gif) no-repeat; width:323px;}
.title_feast_delivery {width:128px; height:32px; overflow:hidden; background:url(../images/title/title_feast_delivery.gif) no-repeat;}
body.lang-cn .title_feast_delivery { background:url(../images/title/title_feast_delivery_cn.gif) no-repeat;}
body.lang-en .title_feast_delivery { background:url(../images/title/title_feast_delivery_en.gif) no-repeat; width:238px;}
body.lang-cn.page-feast .category_title { background: url(../images/title/title_feast_cn.gif) no-repeat;}
body.lang-en.page-feast .category_title { background: url(../images/title/title_feast_en.gif) no-repeat; width:186px;}
.title_basket {width:298px; height:30px; overflow:hidden; background:url(../images/title/title_basket.gif) no-repeat;}
body.lang-cn .title_basket { background:url(../images/title/title_basket_cn.gif) no-repeat;}
body.lang-en .title_basket { background:url(../images/title/title_basket_en.gif) no-repeat; width:227px;}
/*-- Header --*/
#header_wrapper { width:100%; height:60px; background:url(../images/header_bg.png) repeat-x; }
.header { width:952px; height:60px; margin:0 auto; position:relative; }
.cert_tab { width:111px; height:35px; overflow:hidden; cursor:pointer; background:url(../images/cert_tab.png) no-repeat; position:absolute; bottom:-3px; left:140px;}
body.lang-cn .cert_tab { background:url(../images/cert_tab_cn.png) no-repeat;}
body.lang-en .cert_tab { background:url(../images/cert_tab_en.png) no-repeat;}
.cert_img { position: absolute; top: 60px; left: 144px; background-color: #ff6699; z-index: 101; padding:5px; background:url(../images/cert_bg.gif) repeat-x; color:#FFF; font-size:13px; background-color:#f6931e; display:none;}
.cert_img img { padding-bottom:4px;}
.logo { width:210px; height:82px; overflow:hidden; position:absolute; top:0; left:370px; z-index:100;}
.shopping_cart { color:#464646; font-size:11px; padding-top:14px; padding-bottom:8px; background:url(../images/shopping_cart_icon.gif) no-repeat top right; position:absolute; padding-right:30px; top:0; right:0; }
.shopping_cart a { color:#464646; }
.quicklink { width:372px; height:22px; overflow:hidden; background:url(../images/quicklink_bg.gif) no-repeat; position:absolute; right:0px; bottom:1px; font-size:12px; color:#000; }
.quicklink a { color:#464646; }
.lang { width:94px; height:19px; overflow:hidden; background:url(../images/ql_lang_bg.gif) no-repeat 1px top; float:right; color:#464646; padding-left:17px; padding-top:3px; }
.lang ul, .lang li { list-style: none; padding: 0; margin: 0; }
.lang li { width: 25px; text-align: center; float: left; }
.lang li.selected { background-color: #F7941D; }
.lang li.selected a { color: #FFF !important;}
.followus { width:138px; height:18px; padding-top:4px; overflow:hidden; float:right; padding-left:7px; }
.followus img { vertical-align:bottom; }
.ql_contactus { width:114px; height:18px; overflow:hidden; text-align:center; padding-top:4px; }
.ql_contactus a { color:#000; }
/*-- Footer --*/
#footer_wrapper { width:100%; background-color:#e5e5e5; }
.footer { width:912px; height:115px; overflow:hidden; margin:0 auto; color:#707070; font-size:11px; padding-top:8px; padding-left:20px; padding-right:20px; }
.footer a { color:#707070; }
.footer_L { float:left; width:275px;}
.footer_L.text1 {width:195px;}
.footer_R { float:right; }
.copyright { width:100%; /*text-align:center;*/ padding-top:10px;}
/*-- Sidebar --*/
#sidebar { width:175px; padding-left:20px; padding-right:30px; float:left; }
.sidebar_T.st_trademart { width:173px; height:163px; overflow:hidden; margin-top:-40px; position:relative; background:url(../images/sidebar_T_aboutus.png) no-repeat;}
.sidebar_T.st_homedish { width:173px; height:163px; overflow:hidden; margin-top:-40px; position:relative; background:url(../images/sidebar_T_homedish.png) no-repeat;}
.sidebar_T.st_feast { width:173px; height:163px; overflow:hidden; margin-top:-40px; position:relative; background:url(../images/sidebar_T_feast.png) no-repeat;}
body.lang-cn .sidebar_T.st_trademart { background:url(../images/sidebar_T_aboutus_cn.png) no-repeat;}
body.lang-cn .sidebar_T.st_homedish { background:url(../images/sidebar_T_homedish_cn.png) no-repeat;}
body.lang-cn .sidebar_T.st_feast { background:url(../images/sidebar_T_feast_cn.png) no-repeat;}
.hotline { width:158px; height:42px; overflow:hidden; background:url(../images/hotline_bg.gif) no-repeat; color:#FFF; font-size:12px; font-weight:bold; line-height:18px; margin-top:280px; }
.hotline table { width:130px; margin: 3px 0 0 17px; }
body.lang-en .hotline table { margin: 3px 0 0 15px; }
/*-- Sidebar nav --*/
ul.sidebar_nav { list-style: none; margin-bottom:20px; margin-top:5px; }
ul.sidebar_nav li { font-size:12px; color:#464646; padding:8px 10px 8px 10px; display:block; }
ul.sidebar_nav li a { color:#464646; padding-left:20px; overflow:hidden; width:135px; display:block; }
ul.sidebar_nav li a:hover, ul.sidebar_nav li a.hover { color:#003260; background:url(../images/sidebar_dot.gif) no-repeat left 4px; }

ul.sidebar_nav.home_dish li a { color:#464646; padding-left:20px; overflow:hidden; width:135px; display:block;}
ul.sidebar_nav.home_dish li a:hover, ul.sidebar_nav.home_dish li a.hover { color:#598527; background:url(../images/sidebar_dot_homedish.gif) no-repeat left 4px;}

ul.sidebar_nav.feast li a { color:#464646; padding-left:20px; overflow:hidden; width:135px; display:block;}
ul.sidebar_nav.feast li a:hover, ul.sidebar_nav.feast li a.hover { color:#ec8d1d; background:url(../images/sidebar_dot_feast.gif) no-repeat left 4px;}
/*-- Sidebar sub nav --*/

/*-- Banner --*/
#banner_wrapper { width:100%; background:url(../images/banner_wrapper_bg.gif) repeat-x; }
.banner_cover { width: 100%; height:138px; overflow:hidden; background:url(../images/banner/banner_cover.png) center top no-repeat; }
.banner_aboutus { width:952px; height:138px; overflow:hidden; margin:0 auto; background:url(../images/banner/banner_aboutus.jpg) no-repeat; }
/*-- Index --*/
.page-home #banner_wrapper { display: none; }
.main_content_wrapper { width:952px; height:475px; overflow:hidden; }
.trademart_wrapper { width:952px; height:475px; overflow:hidden; background:url(../images/trademart_wrapper_bg.jpg) no-repeat; position:relative; }
body.lang-cn .trademart_wrapper { background:url(../images/trademart_wrapper_bg_cn.jpg) no-repeat;}
body.lang-en .trademart_wrapper { background:url(../images/trademart_wrapper_bg_en.jpg) no-repeat;}
.trademart_des { width:325px; /*height:68px;*/ padding:10px 5px; position:absolute; top:188px; left:30px; font-size:13px; color:#000; background:url(../images/feast_des_bg.png) repeat; }
.trademart_more_btn { width:53px; height:14px; overflow:hidden; float:right; padding-right:5px; padding-top:24px;}
.trademart_more_btn a { width:53px; height:14px; background:url(../images/home_more_btn.gif) no-repeat; display:block;}
body.lang-en .trademart_more_btn a { background:url(../images/home_more_btn_en.gif) no-repeat;}
.homedish_wrapper { width:952px; height:475px; overflow:hidden; background:url(../images/homedish_wrapper_bg.jpg) no-repeat; position:relative; }
body.lang-cn .homedish_wrapper { background:url(../images/homedish_wrapper_bg_cn.jpg) no-repeat;}
body.lang-en .homedish_wrapper { background:url(../images/homedish_wrapper_bg_en.jpg) no-repeat;}
.homedish_des { width:325px; /*height:68px;*/ padding:10px 5px; position:absolute; top:188px; left:30px; font-size:13px; color:#000; background:url(../images/feast_des_bg.png) repeat; }
.homedish_more_btn { width:53px; height:14px; overflow:hidden; float:right; padding-right:5px; padding-top:24px; }
.homedish_more_btn a { width:53px; height:14px; background:url(../images/home_more_btn.gif) no-repeat; display:block;}
body.lang-en .homedish_more_btn a { background:url(../images/home_more_btn_en.gif) no-repeat;}
.feast_wrapper { width:952px; height:475px; overflow:hidden; background:url(../images/feast_wrapper_bg.jpg) no-repeat; position:relative; }
body.lang-cn .feast_wrapper { background:url(../images/feast_wrapper_bg_cn.jpg) no-repeat;}
body.lang-en .feast_wrapper { background:url(../images/feast_wrapper_bg_en.jpg) no-repeat;}
.feast_des { width:325px; /*height:68px;*/ padding:10px 5px; position:absolute; top:188px; left:30px; font-size:13px; color:#000; background:url(../images/feast_des_bg.png) repeat; }
.feast_more_btn { width:53px; height:14px; overflow:hidden; float:right; padding-right:5px; padding-top:40px; }
.feast_more_btn a { width:53px; height:14px; background:url(../images/home_more_btn.gif) no-repeat; display:block;}
body.lang-en .feast_more_btn a { background:url(../images/home_more_btn_en.gif) no-repeat;}
.feast_video { width:253px; height:144px; position:absolute; left:30px; bottom:22px; padding:1px; background-color:#FFF; border:1px solid #ccc; }
.column_wrapper { width:892px; height:135px; padding-left:30px; padding-right:30px; }
.col_trademart { width:298px; height:77px; float:left; position:relative; }
.col_trademart_bg { width:298px; height:77px; position:absolute; top:0; left:0; z-index:10; background:url(../images/col_trademart_bg.gif) no-repeat;}
body.lang-cn .col_trademart_bg { background:url(../images/col_trademart_bg_cn.gif) no-repeat;}
.col_trademart_btn { position:absolute; top:0px; left:21px; z-index:5; }
.col_homedish { width:296px; height:77px; float:left; position:relative; }
.col_homedish_bg { width:296px; height:77px; position:absolute; top:0; left:0; z-index:10; background:url(../images/col_homedish_bg.gif) no-repeat;}
body.lang-cn .col_homedish_bg { background:url(../images/col_homedish_bg_cn.gif) no-repeat;}
.col_homedish_btn { position:absolute; top:0px; left:21px; z-index:5; }
.col_feast { width:297px; height:77px; float:left; position:relative; }
.col_feast_bg { width:297px; height:77px; position:absolute; top:0; left:0; z-index:10; background:url(../images/col_feast_bg.gif) no-repeat;}
body.lang-cn .col_feast_bg { background:url(../images/col_feast_bg_cn.gif) no-repeat;}
.col_feast_btn { position:absolute; top:0px; left:21px; z-index:5; }
/*-- History --*/
.history_text { width:407px; overflow:hidden; background:url(../images/history_bg.jpg) no-repeat; padding-left:300px; }
/*-- Feast About us --*/
.feast_aboutus_text { width:449px; overflow:hidden; background:url(../images/feast_aboutus_bg.jpg) no-repeat top left; padding-left:258px; }
/*-- Mission --*/
.mission_text { width:707px; overflow:hidden; background:url(../images/mission_bg.jpg) no-repeat; font-size:15px; }
/*-- Service --*/
ul.service_page_menu { list-style:none; margin-top:5px; margin-bottom:40px; }
ul.service_page_menu li { overflow:hidden; list-style-type: none; float:left; font-size:12px; padding:0; margin:0; }
ul.service_page_menu li a.last { padding-right:0; }
ul.service_page_menu li a { background:url(../images/service_page_menu_btn.gif) no-repeat; width:224px; height:20px; line-height:20px; overflow: hidden; display:block; color:#fff; padding-right:15px; text-align:center; vertical-align:middle; }
ul.service_page_menu li a:hover, ul.service_page_menu li a.hover { background-position:0 -20px; }
.service_text { width:707px; overflow:hidden; }
.service_food1 { width:467px; overflow:hidden; background:url(../images/service_food1_bg.jpg) no-repeat; padding-left:240px; display:none; }
.service_food2 { width:467px; overflow:hidden; background:url(../images/service_food2_bg.jpg) no-repeat; padding-left:240px; display:none; }
.service_food3 { width:707px; height:920px; overflow:hidden; background:url(../images/service_food3_bg.jpg) no-repeat; position:relative; }
.service_food3 h3 { color:#003260; font-size:18px; }
.food3_sandwich { position:absolute; top:146px; left:18px; }
body.lang-en .food3_sandwich { left:7px; }
.food3_snack { position:absolute; top:260px; left:336px; }
.food3_grocery { position:absolute; top:443px; left:52px; }
body.lang-en .food3_grocery { left:58px; }
.food3_soup_dessert { position:absolute; top:593px; left:156px; }
body.lang-en .food3_soup_dessert { position:absolute; top:565px; left:156px; }
.food3_sauces { position:absolute; top:717px; left:241px; }
/*-- Facilities --*/
ul.facilities_page_menu { list-style:none; margin-top:5px; margin-bottom:40px; }
ul.facilities_page_menu li { overflow:hidden; list-style-type: none; float:left; font-size:12px; padding:0; margin:0; }
ul.facilities_page_menu li a.last { padding-right:0; }
ul.facilities_page_menu li a { background:url(../images/facilities_page_menu_btn.gif) no-repeat; width:164px; height:20px; line-height:20px; overflow: hidden; display:block; color:#fff; padding-right:15px; text-align:center; vertical-align:middle; }
ul.facilities_page_menu li a:hover, ul.facilities_page_menu li a.hover { background-position:0 -20px; }
.facilities_text { width:707px; overflow:hidden; }
.facilities_factory { width:465px; overflow:hidden; background:url(../images/facilities_factory_bg.jpg) no-repeat; padding-left:242px; }
.facilities_equipment { width:465px; overflow:hidden; background:url(../images/facilities_equipment_bg.jpg) no-repeat; padding-left:242px; }
.facilities_staff { width:465px; overflow:hidden; background:url(../images/facilities_staff_bg.jpg) no-repeat; padding-left:242px; }
.facilities_management { width:465px; overflow:hidden; background:url(../images/facilities_management_bg.jpg) no-repeat; padding-left:242px; }
/*-- Partner --*/
table.table_partner td { text-align:center; }
table.table_partner tr.partner_name td { padding-bottom:50px; padding-top:10px; }
.partner_logo_wrapper { width:228px; overflow:hidden; float:left; margin-right:3px; margin-left:2px; text-align:center; color:#464646; }
.partner_logo_wrapper .partner_logo { border:1px solid #e1e1e1; text-align:center; margin-top:10px; margin-bottom:10px; }
.partner_logo { border:1px solid #e1e1e1; width:224px; height:102px; overflow:hidden; float:left; margin-right:3px; margin-left:2px; text-align:center; margin-top:10px; margin-bottom:10px; }
/*-- Home Dish Partner --*/
/*-- Contact Us --*/
.contactus_text { }
.contactus_text a { color:#003260; text-decoration:underline; }
.contactus_text h2 { color:#7da7d9; font-size:24px; padding-top:10px; padding-bottom:10px; }
table.table_contactus { margin-top:5px; }
table.table_contactus td { padding-bottom:10px; padding-right:5px; }
table.table_contactus input#textf { width:175px; border:1px solid #e1e1e1; padding:1px; }
table.table_contactus textarea#texta { border:1px solid #e1e1e1; padding:1px; width:240px; height:90px; }
table.table_contactus input#submit { width:53px; height:19px; overflow:hidden; background:url(../images/send_btn.gif) no-repeat; border:0; }
body.lang-cn table.table_contactus input#submit { background:url(../images/send_btn_cn.gif) no-repeat;}
body.lang-en table.table_contactus input#submit { background:url(../images/send_btn_en.gif) no-repeat;}
/*-- Home Dish Contact us --*/
.homedish_contactus_text h2 { color:#8dc63f; font-size:24px; padding-top:10px; padding-bottom:10px; }
.homedish_contactus_text a { color:#003260; text-decoration:underline; }
/*-- Feast Deadline --*/
.feast_deadline_text { width:450px; overflow:hidden; padding: 170px 0 0 257px; background:url(../images/feast_deadline_bg.jpg) no-repeat top left; }
/* Home dish - List */
.list_box { width: 100%; padding: 10px 0 20px; display: inline-block; }
ul.category_list, ul.category_list li { list-style: none; padding: 0; margin: 0; }
ul.category_list li { width: 25%; float: left; }
ul.category_list .thumb { width: 162px; height: 146px; background: url(templates/../images/homedish_itemBg.png) center center no-repeat; }
ul.category_list .thumb a { width: 162px; height: 146px; display: table-cell; text-align: center; vertical-align: middle; }
ul.category_list .link { width: 162px; padding: 5px 0; text-align: center; }
.category_title.soap { background: url(templates/../images/title_hd_soap_large.png) left top no-repeat; }

/*-- Updated on 20120625 --*/
body.page-homedish ul.categories_menu li a { color:#fff !important;}


/*-- Updated on 20120630 --*/
/* error message */
.error {
  /* supply height to ensure consistent positioning for every browser */
  height:15px;
  background-color:#FFFE36;
  border:1px solid #E1E16D;
  font-size:11px;
  color:#000;
  padding:3px 10px;
  margin-left:-2px;
 

  /* CSS3 spicing for mozilla and webkit */
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -moz-border-radius-bottomleft:0;
  -moz-border-radius-topleft:0;
  -webkit-border-bottom-left-radius:0;
  -webkit-border-top-left-radius:0;
 
  -moz-box-shadow:0 0 6px #ddd;
  -webkit-box-shadow:0 0 6px #ddd;
}