/* ----------------------------------------------------------------------------------------------------------
1) html tags reset
---------------------------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}
abbr, acronym {border: 0;}

/* ----------------------------------------------------------------------------------------------------------
2) basic: 
---------------------------------------------------------------------------------------------------------- */

body{font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#FCC648; color:#fff; line-height:1.6em;}
input,select,button,textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal;}
button { border:none;}
a { color:#fff; text-decoration:none;}
a:hover { color:#fff; text-decoration:underline;}
#current{color:#fff; font-weight:bold;text-decoration:underline;}

/* ----------------------------------------------------------------------------------------------------------
3) layout
---------------------------------------------------------------------------------------------------------- */
#container { margin:0 auto; background: url(../images/sub_page_top_bg.jpg) no-repeat center top; min-width:960px;}
#container .current_title h3{ height:30px; padding:10px 10px 10px 10px; line-height:20px; font-size:14px;}

#header{ height:137px; width:960px; margin:0 auto;}
	/* header */
	.langBar{ color:#834d00; text-align:center; padding:0; position:relative;}
	.lang { position:absolute; top:10px; right:90px;}
	.lang a{ color:#834d00; line-height:24px;text-decoration:none;}
	.lang a:hover{color:#834d00; line-height:24px;text-decoration:underline;}
	
	.logoBar { position:relative;}
	.logo{ background:url(../images/logo_small.gif) no-repeat center top; height:105px; width:76px; margin:auto; overflow:hidden;}
	.logo h1 a {width:76px; height:90px; display:block;}
	.logo h1 span { display:block; text-indent:-200px;}
	.searchBar{ position:absolute; right:0; top:0; padding-top:20px; width:300px;}
	.searchBar #btn{float:left; background-image:url(../images/search_btn.jpg);width:51px;height:21px;border:0px;vertical-align: middle; cursor:pointer;}
	.searchBar #insert{ float:left; border:1px #834d00 solid;margin-right:10px;height:18px; width:120px;vertical-align: middle;color:#834d00; line-height:18px;}
	
		.searchBar #select{ float:left; border:1px #834d00 solid;margin-right:10px;height:20px; width:50px;vertical-align: middle;color:#834d00; line-height:18px;}
	/* end header */
	
#mainBody{background:url(../images/index_bg_repeat.jpg) repeat-x center bottom; padding-bottom:80px;}

	.column { background:url(../images/sub_page_bottom_bg.jpg) no-repeat center bottom;}
	.content { width:778px; padding:0 91px 0px 91px; min-height:380px; height:auto !important; height:380px; overflow:visible; margin:0 auto; position:relative;}
	.contentBar { padding:20px 40px 100px 100px; margin:auto; overflow:hidden; zoom:1;}
		
#footer { background-color:#FCC648; width:960px; margin:0 auto; position:relative; color:#834d00; padding-bottom:10px;}
	/* footer */
	.quickLinkBar{ /*position:absolute; left:40px; top:0;*/ padding-left:40px;width:350px; height:20px; }
	.validate { position:absolute; right:40px; top:0;}
	.quickLinkBar a, .validate a{ font-size:12px; color:#834d00; line-height:20px; padding-left:2px; padding-right:2px;	text-decoration:none;}
	.quickLinkBar a:hover, .validate a:hover { font-size:12px;color:#834d00; line-height:20px; padding-left:2px; padding-right:2px;	text-decoration: underline;}
	
	.copyright{ text-align:center;}
	.copyright ul {display:block; width:200px; line-height:20px; text-align:center; margin:0px; padding:0px;}
	.copyright ul li{display:block; width:200px; height:20px; line-height:20px; text-align:center;margin:0px; padding:0px;}
	.copyright a{ font-size:11px; color:#834d00;}
	.copyright a:hover{ font-size:11px; color:#834d00; text-decoration: underline;}
	/* end footer */
/* ----------------------------------------------------------------------------------------------------------
4) modul: 
---------------------------------------------------------------------------------------------------------- */
/* sideNavBar */
/*.sideNavBar { width:116px; padding:10px 0 20px 0; background-color:#523000; position:absolute; left:30px; top:0px;}*/
.sideNavBar { width:116px; padding:32px 0 20px 0; background:url(../images/sidemenuconner.gif) no-repeat 0 0; position:absolute; left:30px; top:-26px;}
.sideNavBar ul{ padding-bottom:40px;background:url(../images/sidemenuconner.gif) no-repeat right bottom;}
.sideNavBar ul li.current, .sideNavBar ul li.current ul, .sideNavBar ul li a,.sideNavBar ul li.current ul li a:hover,.sideNavBar ul li.current ul li.current a  { background:url(../images/side_nav_bg.gif) no-repeat 0 0;}
.sideNavBar ul li a { height:25px; display:block;}
.sideNavBar ul li a span { display:none;}
.sideNavBar ul li ul li a span { display:block;}

.sideNavBar ul li.current a { height:58px; display:block;}
.sideNavBar ul li.current ul li a { background:none; height:21px;}
.sideNavBar ul li.current ul li a:hover, .sideNavBar ul li.current ul li.current a   { background-position:0 -722px; text-decoration:none;}/* modify 1*/

.sideNavBar ul li a.aboutUs{  background-position:0 0;}
.sideNavBar ul li a.news{  background-position:0 -25px;}
.sideNavBar ul li a.dessert{  background-position:0 -50px;}
.sideNavBar ul li a.shop{  background-position:0 -75px;}

.sideNavBar ul li.current { background-position:0 -704px;} /* modify 2*/
.sideNavBar ul li.current ul li { text-align:center;}
.sideNavBar ul li.current ul { background-position: 0 bottom; margin-top:10px; padding-bottom:10px;  /*min-height:75px;*/}

.sideNavBar ul li.current a.aboutUs { background-position:0 -200px;}
.sideNavBar ul li.current a.news { background-position:0 -258px;}
.sideNavBar ul li.current a.dessert { background-position:0 -316px;}
.sideNavBar ul li.current a.shop { background-position:0 -374px;}
.sideNavBar ul li.current a.contactUs{ background-position:0 -432px;}
.sideNavBar ul li.current a.feedback { background-position:0 -490px;}
.sideNavBar ul li.current a.sitemap { background-position:0 -548px;}
.sideNavBar ul li.current a.search { background-position:0 -606px;}
.sideNavBar ul li.current a.global { background-position:0 -144px;}
.sideNavBar ul li.current a.legal { background-position:0 -664px;}
/* end sideNavBar */
/* form */
.form table th { padding:6px; vertical-align:top; font-weight:bold;}
.form table td { padding:8px 6px 4px 6px; vertical-align:top;}
.formSubmit { background:url(../images/form_submit_bg.gif) no-repeat 0 0; width:123px; height:48px; cursor:pointer;}
.formSubmit:hover{ background:url(../images/form_submit_on_bg.gif) no-repeat 0 0; width:123px; height:48px;cursor:pointer;}
.formSubmit span { display:none;}
/* end form */
.imgFL { float:left; margin:0 20px 20px 0;}
.imgFR { float:right; margin:0 0 20px 20px;}
.subBottomFlashBar {width:280px; height:320px; position:absolute; right:-15px;bottom:-104px;}

/* ----------------------------------------------------------------------------------------------------------
5) homepage: 
---------------------------------------------------------------------------------------------------------- */
.home #container{ background: url(../images/index_bg.jpg) no-repeat center top;  }
.home #mainBody { padding-bottom:0px; min-height:450px; height:auto !important; height:450px;  overflow:visible;}
.home #mainBody .column { width:960px; background:none; margin:0 auto; overflow:hidden; zoom:1;}
.home .lang { position:absolute; top:10px; right:40px;}

.leftSideBar{float:left; width:385px; padding-left:37px;}
.homeNavBar{float:left; height:240px; width:116px; text-align:center;}
.rightSideBar{float:right; width:385px; padding-right:37px;}
/* newShop */
.newShop h2, .lastNews h2, .commendProduct h2, .about h2.us,.about h2.ci, .shop h2, .shopPic h2, .dessert h2, .dessert h2.new, .dessert h2.commend, .dessert h2.products, .news h2, .feedback h2, .contact h2, .sitemap h2, .searchResult h2, .global h2, .legal h2{ height:48px; line-height:48px; background: url(../images/title_bg.gif) no-repeat center 0; margin-bottom:10px;}

.newShop h2 span, .lastNews h2 span, .commendProduct h2 span, .about h2 span, .shopMap h2 span , .shop h2 span, .shopPic h2 span, .dessert h2 span, .news h2 span, .feedback h2 span, .contact h2 span, .sitemap h2 span, .searchResult h2 span, .global h2 span, .legal h2 span{ display:none;}

.newShop h3 {color:#FFF; text-align:left; line-height:20px;font-weight:bold;}
.newShop p {height:100px;color:#FFF;text-align:left; line-height:20px; padding-top:10px;}
.newShop .map{float:left;width:180px;height:180px;padding-left:40px;background: url(../images/map_bg.gif) no-repeat 23px 3px;}
*.newShop .map{float:left;width:180px; height:180px; padding-left:20px;background: url(../images/map_bg.gif) no-repeat 23px 3px;}
.newShop .info{float:left;width:135px;height:180px;padding-right:10px;padding-left:10px;}
.newShop .more{ background:url(../images/more_btn.gif) #844E02 no-repeat; display:block; height:46px; width:133px; border:0px;}
.newShop .more:hover{ background:url(../images/more_btn_on.gif) #844E02 no-repeat; height:46px; width:133px; border:0px;}
.newShop .more span { margin-left:-2000px;}
/* end newShop */
/* lastNews */
.lastNews { overflow:hidden; zoom:1;}
.lastNews h2 { background-position:center -60px;}
.lastNews ul { height:70px; padding-left:26px;}
.lastNews ul li{ float:left;width:140px; line-height:22px; padding:0 10px 0 20px; background:url(../images/point.gif) no-repeat left center;}
.lastNews ul li a{color:#fff; text-decoration:none;}
.lastNews ul li a:hover{color:#fff;text-decoration: underline;}
/* end lastNews */
/* commendProduct */
.commendProduct h2{ background-position:center -120px;}
.commendProduct ul { list-style:none; padding-left:32px;}
.commendProduct ul li { float:left; width:80px; text-align:center; background:url(../images/home_pro_b_bg.gif) no-repeat right top;}
/* end commendProduct */
.lastNews h2 .more, .commendProduct h2 .more  { color:#fbc649; line-height:30px; padding-right:20px;float:right;}
.lastNews h2 .more a, .commendProduct h2 .more a{ color:#fbc649; line-height:30px; padding-right:20px;text-decoration:underline;}
.homeFlashBar{text-align:center;color:#834d00;}
.homeFlashBar a{color:#834d00;}
.homeFlashBar a:hover{color:#834d00;text-decoration:underline;}
/* ----------------------------------------------------------------------------------------------------------
6) about us page: 
---------------------------------------------------------------------------------------------------------- */
.about{}
.about h2.us { background-position:0 -180px;}
.about h2.ci { background-position:0 -780px;}

/* ----------------------------------------------------------------------------------------------------------
7) shopMap : 
---------------------------------------------------------------------------------------------------------- */
.shopMap img{}
.shopMap #shopMapBg{ width:603px; height:403px; background:url(../images/map_bg_big.gif) no-repeat right bottom;}
.shop{ overflow:hidden; zoom:1;}
.shop h2{ background-position:0 -240px;}
.shopImg { float:left; width:180px; height:180px; text-align:left; padding-right:20px; padding-bottom:20px;background: url(../images/map_bg.gif) no-repeat 3px 3px;}
.shopInfo { margin-left:221px;} 
.shopInfo dl { } 
.shopInfo dl.title { font-size:12px;} 
.shopInfo dl dt { float:left; font-weight:bold;}
.shopInfo dl dd { padding-left:80px; margin-bottom:4px;}
.shopPic{}
.shopPic h2{ background-position:0 -300px; margin-bottom:10px;}
.shopPic ul { list-style:none;}
.shopPic ul li { float:left; width:150px; text-align:left;}

.shopPopupInfo h5 { font-weight:bold; color:#fbc649;}
.shopPopupInfo a { color:#834d00; text-decoration:none}
.shopPopupInfo a:hover { text-decoration:underline; color:#834d00; }
#hmtctl { display: none;}
/* ----------------------------------------------------------------------------------------------------------
8) product : 
---------------------------------------------------------------------------------------------------------- */
.category {}
.productBar { clear:both; overflow:hidden; zoom:1;}
.productList { overflow:hidden; zoom:1; margin-bottom:10px;}
.productList dl { float:left; margin-bottom:10px; width:146px; text-align:center; height:160px; padding:0px 5px;} 
.productList dl dt { margin-bottom:10px;}
.productList dl dt img { background:url(../images/pro_s_bg.gif) no-repeat top right; padding-right:16px;}
.pagination { margin-bottom:10px;}
.productImg { float:left; width:221px; text-align:center; margin-right:20px; height:230px;}
.productImg img { background:url(../images/pro_b_bg.gif) no-repeat top right; padding-right:26px; margin-bottom:10px;}
.zoom { background:url(../images/zoom_icon.gif) no-repeat 0 center; padding-left:20px;}
.productDetail { position:relative; overflow:hidden; zoom:1;}

/*.productInfo { margin-left:221px;}*/
.productInfo { float:left; width:390px;}
.productInfo dl { margin-bottom:10px;} 
.productInfo dl.title { font-size:14px;} 
.productInfo dl dt { float:left; font-weight:bold;}
.productInfo dl dd { padding-left:80px;}
.back, .back:hover {width:128px; height:41px; display:block; position:relative; left:5px; bottom:-30px;background:url(../images/back_btn_bg.gif) no-repeat 0 0;}
.back:hover { background-position:0 -41px;}
.back span { display:none;}

.dessert h2.commend  { background-position:0 -1080px; float:left; width:120px; margin-bottom:10px;}
.dessert h2.new  { background-position:0 -1020px; float:left; width:120px; margin-bottom:10px;}
.dessert h2.favor  { background-position:0 -960px; float:left; width:120px; margin-bottom:10px;}
.dessert h2.all  { background-position:0 -360px; float:left; width:120px; margin-bottom:10px;}
.dessert h2.products { background-position:0 -1200px; float:left; width:120px; margin-bottom:10px;}

/* ----------------------------------------------------------------------------------------------------------
9) news : 
---------------------------------------------------------------------------------------------------------- */
.contentBar .news { min-height:350px;}
.news h2.last  { background-position:0 -840px; float:left; width:120px; margin-bottom:10px;}
.news h2.promotion { background-position:0 -420px; float:left; width:120px; margin-bottom:10px;}
.newsBar { clear:both; overflow:hidden;zoom:1;}
.newsList { margin:20px 0 30px 0;}
.newsList ul { overflow:hidden; zoom:1;}
.newsList ul li{ float:left;width:590px; line-height:22px; padding:0 10px 0 20px; background:url(../images/point.gif) no-repeat left 8px;}
.newsList ul li a{color:#fff; text-decoration:none;}
.newsList ul li a:hover{color:#fff;text-decoration: underline;}
.newsDetail { position:relative; overflow:hidden; zoom:1; padding-bottom:50px;}
.newsDetail p{ overflow:hidden; zoom:1;}
.newsDetail h5{ line-height:40px; font-size:14px;} 
.newsDetail .back,.newsDetail .back:hover { display:block; position:absolute; left:auto;  bottom:0;}/*left:180px;*/
/* ----------------------------------------------------------------------------------------------------------
10) feedback: 
---------------------------------------------------------------------------------------------------------- */
.feedback h2.qA {background-position:0 -480px;}
.feedback h2.onlineFeedback {background-position:0 -540px;}
.feedback h2.booking {background-position:0 -600px;}

.bookingBar h4 { font-size:14px; font-weight:bold; margin-bottom:10px; padding-left:6px;}
.bookingBar p { margin-bottom:10px; padding-left:6px;}

.QAList dl { padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #523000;}
.QAList dl dt { float:left; width:20px;}
.QAList dl dt.title, .QAList dl dd.title { font-weight:bold; color:#fbc649;}
.QAList dl dt { font-size:14px; font-weight:12px;}
.QAList dl dd { margin-left:20px;}
/* ----------------------------------------------------------------------------------------------------------
12) contact us: 
---------------------------------------------------------------------------------------------------------- */
.contact h2 {background-position:0 -660px;}
.contactDetail { overflow:hidden; zoom:1; margin-bottom:30px;}
.contactImg {  float:left; width:180px; margin-right:20px;}
.contactInfo { margin-left:180px;}
.contactInfo h4 { font-size:14px; font-weight:bold; margin-bottom:10px;}
.contactInfo dl { margin-bottom:10px;} 
.contactInfo dl dt { float:left; font-weight:bold;}
.contactInfo dl dd { padding-left:90px;}
/* ----------------------------------------------------------------------------------------------------------
13) sitemap: 
---------------------------------------------------------------------------------------------------------- */
.sitemap h2  { background-position:0 -720px;}
/* ----------------------------------------------------------------------------------------------------------
14) global: 
---------------------------------------------------------------------------------------------------------- */
.global h2  { background-position:0 -1128px;}
.global .globalBar span strong { font-weight:bold;font-size:14px;line-height:50px; color:#fac649;}
.global .globalBar table td{ vertical-align:text-top;}
/* ----------------------------------------------------------------------------------------------------------
15) search result: 
---------------------------------------------------------------------------------------------------------- */
.searchResult h2 { background-position:0 -900px;}
.keyword{ font-size:14px; margin-bottom:10px;}
.keyword strong { font-weight:bold;}

/* ----------------------------------------------------------------------------------------------------------
16) legal: 
---------------------------------------------------------------------------------------------------------- */
.legal h2  { background-position:0 -1250px;}

/* ----------------------------------------------------------------------------------------------------------
 other: 
---------------------------------------------------------------------------------------------------------- */
#googleMap{}
#googleMap span{ display:none;}