/* head */
.head_lt {float:left; font-size:0px; width:0px;}
.head_mid {float:left; width:772px; height:302px; text-align:center; background:url(../images/head_bg.jpg) no-repeat right top;}
.head_rht {float:right; font-size:0px; width:0px;}
.logo {float:left; width:772px; height:175px; text-align:center;}
.logo img {margin-top:90px;}
.headmenu {width:772px; height:127px;}
.headmenu .headmenu_lt {float:left; width:0px; height:127px; font-size:0px;}
.headmenu .headmenu_mid {float:left; width:772px; height:127px;font-size:12px;text-align:center;background:url(../images/menubg.gif) repeat-x left top; overflow:hidden;}
.headmenu .headmenu_rht {float:right; width:0px; height:127px; font-size:0px;}
.headmenu ul {float:left;	list-style:none; margin:3px 0 0 0; padding:0 0 0 0;width:772px; height:88px; text-align:center;}
.headmenu ul li {display:block; margin:0px; padding:0; list-style:none; float:left; height:116px; color:#fff; font-weight:bold; font-size:0px;}
.headmenu ul li .home_flash {width:128px !important; height:116px !important;}
.headmenu ul li .aboutus_flash {width:129px !important; height:116px !important;}
.headmenu ul li .menu_flash {width:129px !important; height:116px !important;}
.headmenu ul li .news_flash {width:129px !important; height:116px !important;}
.headmenu ul li .scene_flash {width:129px !important; height:116px !important;}
.headmenu ul li .contactus_flash {width:128px !important; height:116px !important;}
/* head */

/* footer css  */
.foot_lt {float:left; width:100px; height:51px; background:url(../images/footbg_l.gif) no-repeat left top}
.foot_mid {float:left; width:572px; height:51px;}
.foot_rht {float:right; width:100px; height:51px; background:url(../images/footbg_r.gif) no-repeat right top}
.copyright {margin-top:25px; font-size:11px; color:#ff8a06; text-align:center;}
.copyright a {font-size:11px; color:#ff8a06; margin:0 4px 0 4px;}
.ico {display:inline; margin-right:4px;}
.counter {width:100%; padding:8px 0;}
.counter img {display:inline;}
/* footer css end */

/* home */
.homeleft { float:left; width:212px; color:#cbb5b8; overflow:hidden; background:#510811}
.homeleft_top {width:212px; height:17px; background:url(../images/homeleft_t.jpg) no-repeat left top;}
.homeleft_mid {padding:0 10px; width:192px; height:382px;}
.homeleft_btm {width:212px; height:17px; background:url(../images/homeleft_b.jpg) no-repeat left top;}
h6.title1 { margin:0; padding:0 0 0 10px; height:26px; line-height:26px; font-size:14px !important; text-align:left; color:#fff;  background:url(../images/arrow5.gif) no-repeat left 11px;}
h6.title2 { margin:0; padding:0 0 0 10px; height:26px; line-height:26px; font-size:14px !important; text-align:left; color:#fff;  background:url(../images/arrow5.gif) no-repeat left 11px;}
.contact {width:100%; text-align:left; line-height:1.5em}
.contact .phone {margin-left:10px;padding-left:28px; height:22px; line-height:22px; font-weight:bold; font-size:14px; text-align:left;  background:url(../images/phone.gif) no-repeat left center;}
.contact .fax {margin-left:10px;padding-left:28px; height:22px; line-height:22px; font-weight:bold; font-size:14px; text-align:left;  background:url(../images/fax.gif) no-repeat left center;}
.contact .address {margin-left:10px;margin-top:3px; font-size:12px; text-align:left;}
.contact .map {margin-left:10px;margin-top:3px; font-size:12px; text-align:left;}
.businesshours {margin-top:8px; width:100%; text-align:left; line-height:1.5em}
.businesshours div {margin-left:10px;}
.service {margin-top:8px; text-align:left; line-height:1.5em}
.service div {margin-left:10px;}
.card { margin-top:10px; padding:0; text-align:left; background:none;}
.card img {float:left; padding:0 2px; margin-bottom:4px;}

.homemid {float:left; margin-left:10px; width:375px;}
.homepic {margin:0; width:375px; height:300px;}
.homepic .homepic_top {width:375px; height:0px; font-size:0px; overflow:hidden;}
.homepic .homepic_mid {width:375px; height:300px; text-align:center;}
.homepic .homepic_btm {width:375px; height:0px; font-size:0px; overflow:hidden;}
.homepic .homeimg {width:375px; height:300px; }
.prefermenu {width:375px; margin-top:8px;}
.prefermenu .menutypeitem {float:left; width:102px; height:100px; text-align:center; margin:4px 8px;}
.prefermenu .menutypeitem a {color:#cbb5b8;}
.prefermenu .menutypeitem img {width:100px; height:67px; border:#ddd 1px solid; padding:1px; margin-bottom:4px}
.prefermenu .menutypeitem .menutypeimg {}
.prefermenu .menutypeitem .menutypetxt {}

.homeright {float:right; width:145px; text-align:center; background:#510811;}
.homeright_top {width:145px; height:17px; background:url(../images/homeright_t.jpg) no-repeat left top;}
.homeright_mid {width:145px; height:400px; text-align:center;}
.homeright_btm {width:145px; height:17px; background:url(../images/homeright_b.jpg) no-repeat left top;}
.homeright marquee {margin:0; padding:0; width:128px; height:400px;}
.homeright img { width:128px; border-bottom:#fae8a6 1px solid;}

.homebottom {clear:both; padding:8px 0 0 0; padding:0; height:22px; line-height:22px; color:#fff; text-align:center;}
.allmaps { width:182px;}

.CatTit {text-align:center; margin-top:-2px; font-size:18px; font-weight:normal; border-bottom:#ab3f0e 1px dotted; padding-bottom:8px;}

/* news page start */
.newsMain {}
.newsCat {float:left; width:200px; color:#cbb5b8; background:#510811;}
.newsCatTop {width:200px; height:17px; font-size:1px; background:url(../images/subleft_t.jpg) no-repeat left top;}
.newsCatMid {width:180px; padding:0px 10px; min-height:200px; height:200px;background:#510811;}
.newsCat ul { margin:6px 0 0 0; padding:0; width:180px;}
.newsCat li { margin:0; padding:0; width:180px; display:block; font-size:12px; color:#cbb5b8; font-weight:bold; text-align:left; white-space:normal;}
.newsCat li a { margin:0; padding:5px 0 6px 12px; width:162px; line-height:12px; display:block; color:#cbb5b8; font-size:12px; font-weight:bold; 
text-align:left; text-decoration:none; background:url(../images/arrow5.gif) no-repeat left 8px;}
.newsCat li a:hover { color:#ff9100; text-decoration:none; background:url(../images/arrow5.gif) no-repeat left -29px;}
.newsCatBottom {width:200px; height:17px; font-size:1px; background:url(../images/subleft_b.jpg) no-repeat left top;}

.newsContent {float:right; padding:0; width:542px; height:auto;}
.newsConTop {width:100%; height:30px; padding-bottom:6px; border-bottom:#ab3f0e 1px solid}
.newsConTop .itemTitle { float:left; display:block; padding:0 0 0 20px; width:364px; height:30px; line-height:30px; font-size:0px; text-indent:-9999px !important; color:#36678d;
 background:url(../images/tit_news.gif) no-repeat 8px center;}
.barmenuConTop {width:100%; height:30px; padding-bottom:6px; border-bottom:#ab3f0e 1px solid}
.barmenuConTop .itemTitle { float:left; display:block; padding:0 0 0 20px; width:364px; height:30px; line-height:30px; font-size:0px; text-indent:-9999px !important; color:#36678d;
 background:url(../images/tit_barmenu.gif) no-repeat 8px center;}
.teaConTop {width:100%; height:30px; padding-bottom:6px; border-bottom:#ab3f0e 1px solid}
.teaConTop .itemTitle { float:left; display:block; padding:0 0 0 20px; width:364px; height:30px; line-height:30px; font-size:0px; text-indent:-9999px !important; color:#36678d;
 background:url(../images/tit_oolongtea.gif) no-repeat 8px center;}
.newsCon {padding:0 10px; text-align:center; border:#ab3f0e 1px solid; border-top:none;}
.newsCon .rest_classTitle { margin:0; padding:8px 0; font-size:18px; font-weight:normal; color:#fff; text-decoration:none;
text-align:center; border-bottom:#ab3f0e 1px dotted;}
.newsCon .rest_classCon {padding:8px 0; font-size:12px; line-height:20px; text-align:left;}
.newsCon .rest_classCon img { border:none; margin-right:4px; padding:0;}
/* news page end */

/* aboutus page start */
.aboutusMain {}
.aboutusCat { float:left; width:200px; color:#cbb5b8; background:#510811;}
.aboutusCatTop {width:200px; height:17px; font-size:1px; background:url(../images/subleft_t.jpg) no-repeat left top;}
.aboutusCatMid {width:180px; padding:0px 10px; min-height:300px; height:300px; background:#510811;}
.aboutusCat ul { margin:6px 0 0 0; padding:0; width:180px;}
.aboutusCat li { margin:0; padding:0; width:180px; display:block; font-size:12px; color:#cbb5b8; font-weight:bold; text-align:left; white-space:normal;}
.aboutusCat li a { margin:0; padding:5px 0 6px 12px; width:162px; line-height:12px; display:block; color:#cbb5b8; font-size:12px; font-weight:bold; 
text-align:left; text-decoration:none; background:url(../images/arrow5.gif) no-repeat left 8px;}
.aboutusCat li a:hover { color:#ff9100; text-decoration:none; background:url(../images/arrow5.gif) no-repeat left -29px;}
.aboutusCatBottom {width:200px; height:17px; font-size:1px; background:url(../images/subleft_b.jpg) no-repeat left top;}

.aboutusContent {float:right; padding:0; width:542px; height:auto;}
.aboutusConTop {width:100%; height:30px; padding-bottom:6px; border-bottom:#ab3f0e 1px solid}
.aboutusConTop .itemTitle { float:left; display:block; padding:0 0 0 20px; width:364px; height:30px; line-height:30px; font-size:0px; text-indent:-9999px !important; color:#36678d;
 background:url(../images/tit_news.gif) no-repeat 8px center;}
.aboutusCon {padding:0 10px; text-align:center; border:#ab3f0e 1px solid; border-top:none;}
.aboutusCon .rest_classTitle { margin:0; padding:8px 0; font-size:18px; font-weight:normal; color:#fff; text-decoration:none;
text-align:center; border-bottom:#ab3f0e 1px dotted;}
.aboutusCon .rest_classCon {padding:8px 0; font-size:12px; line-height:20px; text-align:left;}
.aboutusCon .rest_classCon img { border:none; margin-right:4px; padding:0;}
/* aboutus page end */

/* menu page start */
.menuMain {}
.menuCat {float:left; width:200px; color:#cbb5b8; background:#520811}
.menuCatTop {width:200px; height:17px; font-size:1px; background:url(../images/subleft_t.jpg) no-repeat left top;}
.menuCatMid {width:180px; padding:0px 10px; min-height:300px; background:#510811;}
.menuCat dl { margin:6px 0 0 0; padding:0;}
.menuCat dt { padding:0; width:180px; line-height:24px; display:block; font-size:12px; color:#cbb5b8; font-weight:bold; text-align:center; background:#none; border-bottom:; white-space:normal;}
.menuCat dt a{ padding:3px 0 5px 12px; width:162px; line-height:14px; display:block; color:#cbb5b8; font-size:12px; font-weight:bold; text-align:left; text-decoration:none; background:url(../images/arrow5.gif) no-repeat left 8px;}
.menuCat dt a:hover { color:#ff9100; background:url(../images/arrow5.gif) no-repeat left -29px; text-decoration:none; }
.menuCat dd { padding:0; font-size:12px; font-weight:bold; color:#208156; text-align:left; white-space:normal;}
.menuCat dd a { display:block; margin:0; padding:5px 0 5px 24px; color:#cbb5b8; font-weight:normal; font-size:12px; background:url(../images/arrow5.gif) no-repeat 12px -28px;; border-bottom:; text-decoration:none;}
.menuCat dd a:hover { color:#ff9100; text-decoration:none;}
.menuCat dl dd a.menulistbgcolor { }
.menuCatBottom {width:200px; height:17px; font-size:1px; background:url(../images/subleft_b.jpg) no-repeat left top;}

.menuContent {float:right; margin:0px; padding:0; width:540px; text-align:left;}
.menuConTop {width:100%; height:30px; padding-bottom:6px; border-bottom:#ab3f0e 1px solid}
.menuConTop .itemTitle { float:left; display:block; padding:0 0 0 20px; width:364px; height:30px; line-height:30px; font-size:0px; text-indent:-9999px !important; color:#36678d;
 background:url(../images/tit_menu.gif) no-repeat 8px center;}
/* Menu */
#menuList {margin:10px auto; width:100%; overflow:hidden; float:left;}
#menuList .catInfo{width:100%;margin:0; display:none;}
#menuList .catInfo h5 {width:100%; height:26px;color:#FFFFD4; line-height:26px;margin-buttom:5px; font-size:22px; font-weight:bold;  text-align:center;}
#menuList .catInfo p {margin-top:0px; color:#CBB5B8; text-align:center;}
/* MenuList style1 */
#menuList .catInfo .item {clear:both; padding:0px;width:100%; font-size:14px;list-style:none;margin-bottom:20px; text-align:left; }
#menuList .catInfo .item li td{ vertical-align:top;}
#menuList .catInfo .item li{ list-style-type:none;display:block; border-bottom:1px #AB3F0E dotted;width:100%;padding:5px 0px;}
#menuList .catInfo .item li .sku{width:40px;}
#menuList .catInfo .item li .name{font-weight:bold;}
#menuList .catInfo .item li .name p{color:#CBB5B8;font-size:12px;font-weight:normal; text-align:left;}
#menuList .catInfo .item li .price{text-align:right;width:150px;}
#menuList .catInfo .item li .summary{color:#777}
/* menu page cart end */

/* scene page start */
.sceneMain {}
.sceneCat {float:left; width:200px; color:#cbb5b8; background:#510811;}
.sceneCatTop {width:200px; height:17px; font-size:1px; background:url(../images/subleft_t.jpg) no-repeat left top;}
.sceneCatMid {width:180px; padding:0px 10px; min-height:300px; height:300px; background:#510811;}
.sceneCat ul { margin:0; padding:4px 2px; width:176px; height:auto; list-style:none; background:#520811;}
.sceneCat ul li { width:88px; height:80px; float:left; margin:0; text-align:center}
.sceneCat ul li a { text-decoration:none;}
.sceneCat ul li a img { width:74px; height:66px; padding:0px; border:#eee 1px solid;}
.sceneCat ul li a:hover { color:#ff9100; text-decoration:none; }
.sceneCat ul li a:hover img { border:#333 1px solid;}
.sceneCat ul div { width:144px; line-height:30px; text-align:left;}
.sceneCatBottom {width:200px; height:17px; font-size:1px; background:url(../images/subleft_b.jpg) no-repeat left top;}

.sceneContent {float:right; padding:0; width:542px; height:auto;}
.sceneConTop {width:100%; height:30px; padding-bottom:6px; border-bottom:#ab3f0e 1px solid}
.sceneConTop .itemTitle { float:left; display:block; padding:0 0 0 20px; width:364px; height:30px; line-height:30px; font-size:0px; text-indent:-9999px !important; color:#36678d;
 background:url(../images/tit_scene.gif) no-repeat 8px center;}
.sceneCon {margin-top:10px; padding:10px 0; text-align:center;}
/* scene page end */

/* contactus page start	*/
.contactMain {}
.contactus {float:right; margin:0px; padding:0; width:542px; text-align:left;}
.contactusTop {width:100%; height:30px; padding-bottom:6px; border-bottom:#ab3f0e 1px solid}
.contactusTop .itemTitle { float:left; display:block; padding:0 0 0 20px; width:364px; height:30px; line-height:30px; font-size:0px; text-indent:-9999px !important; color:#36678d;
 background:url(../images/tit_contact.gif) no-repeat 8px center;}
.mapsdiv {margin-top:12px; width:542px; height:280px;}
.mapsdiv .mapsiframe {width:542px; height:280px; background:none;}
.mapsdiv_b {width:752px; height:auto; margin:0;}
.mapsdiv_b .mapsiframe {width:752px; height:350px; background:none;}
.comment{margin-top:16px;}
.comment_title {margin:2px 0 6px 0; padding:3px 0; color:#787878; font-weight:bold;}
.comment_item {margin-bottom:10px;line-height:18px;}
.comment_name {background:#520811;padding:2px 8px; font-weight:bold;}
.comment_content {padding:2px 7px; border:#520811 1px solid;}
.show_conmment_div.page_fengye {font-size:8pt; text-align:center; margin-bottom:5px;}
/******/
.contact_left {float:left; width:200px; color:#cbb5b8; background:#520811}
.contact_leftTop {width:200px; height:17px; font-size:1px; background:url(../images/subleft_t.jpg) no-repeat left top;}
.contact_leftMid {width:180px; padding:0px 10px 4px 10px; min-height:300px;background:#510811;}
.contact_leftBottom {width:200px; height:17px; font-size:1px; background:url(../images/subleft_b.jpg) no-repeat left top;}
.left_siteinfo {line-height:1.4em}
.left_siteinfo span {font-weight:bold; margin-right:4px; color:#fff;}
.info_opentiem {padding-bottom:6px;}
.info_contact {padding:6px 0;}
.info_restype {padding:6px 0;}
.Comment_form {line-height:1.4em}
.comment_form_title { font-weight:bold; color:#ff9100; margin-top:10px; text-align:center;}
.comment_form_content label { display:block; width:100px; height:20px; line-height:20px; text-align:left;}
.comment_form_content input {width:174px; border:#c2540a 1px solid; background:#66262e; color:#fff;}
.comment_form_content textarea {width:174px; border:#c2540a 1px solid; background:#66262e; color:#fff;}
.comment_title { width:180px;}
.comment_cnt { width:180px;}
.show_submit_comment {margin-top:4px;}
/* contactus page end */

/* calendar page start */
.calendarMain { width:868px; margin:0; padding:0;}
.calendarMainTop { float:left; padding:20px 0 0 0; width:11px; height:430px; background:url(../images/contentleft.jpg) no-repeat left top;}
.calendarMainMiddle { float:left;padding:0; width:846px; height:430px; background:#fff url(contentmiddle.jpg) repeat-x left top;}
.calendarMainBottom { float:right; width:11px; height:430px; background:url(../images/contentright.jpg) no-repeat left top;}
.calendarContent { margin:22px 22px 0 22px; padding:10px 0 10px 0; height:auto;border:#ddd 1px dotted;}
.animalContentTop { margin:18px 22px 0 22px; height:37px; background:url(../images/12animal.jpg) no-repeat left top}
.animalContent { margin:0 22px 0 22px; padding:18px 0 0 0; height:auto;border:#ddd 1px dotted;}
.animalWrapper { clear:both; margin-bottom:18px; width:750px; height:120px;}
.animalPicTextBox { float:left; margin:0; padding:6px; width:350px; height:110px; background:#f6f9f8; border:#eee 1px solid;}
.animalVspacer { float:left; margin:0; padding:0; width:22px; height:10px;}
.animalPic { float:left;}
.animalPic img { padding:0; border:none; width:86px; height:110px;}
.animalText { float:left; padding-left:12px;}
.animal_name { text-align:left; color:#fff; font-size:14px; font-weight:bold; }
.animal_year { margin-top:5px; text-align:left; color:#fff;}
.animal_intro { margin-top:5px; text-align:left; color:#fff;}
/* calendar page end */

.hiddenbgmenu {display:none;}

/* user Login page start */
.mainUserLogin { text-align:center; margin-top:12px; height:auto; padding:8px 8px 0px 8px; background-color:#6A0B10; height:340px}
.mainUserLogin .login { padding:1px; border:1px solid #7E0F15; width:68%; margin-top:30px; display:block; text-align:left}
.mainUserLogin .login h5 {padding:0px 18px; height:25px; line-height:25px;background:url(../images/arrow5.gif) no-repeat 6px center #7E0F15; margin:0; color:#028888}
.mainUserLogin .login p { float:right; width:160px; height:130px; padding-left:20px; text-align:left; line-height:24px; font:12px Tahoma; background:url(../images/loginbg.gif) repeat-y left top; margin:18px 6px 6px 6px; padding-top:12px;color:#fff}
.mainUserLogin .login .loginform { margin-top:30px; margin-left:20px}
.mainUserLogin .login .loginform div { margin:12px; height:20px}
.mainUserLogin .login .loginform div button { margin-top:12px; margin:4px auto; display:block; width:86px}
.mainUserLogin .login .loginform label { float:left; width:70px; height:22px; line-height:22px; font-weight:bold;}
.mainUserLogin .login .loginform input { width:140px; padding:0px 1px; border-top:1px solid #fff; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #fff; height:18px; line-height:18px; background-color:#6A0B10}
.imgFormat1 { float:left; position:relative; top:-7px;}

#Viewmenucontent .viewcartlink { position:relative; left:245px; display:none;}

.OrderForm { width:620px; background-color:#6A0B10; clear:both;}
.cartcontent { width:620px; margin:6px 0 0 0;}
.cartcontent ul { width:620px; margin:0; padding:0;}
.cartcontent ul li{ float:left; list-style:none;}
.carttitle { width:620px; background:#570610; border-bottom:1px solid #570610;}
.carttitle ul {margin:0; padding:0; list-style:none; }
.carttitle li {float:left; margin:0; padding:0; width:115px; font-weight:bold; height:25px; line-height:25px; background:none;}
.carttitle li.productname { width:150px; text-align:left; padding-left:10px}
.itemcartnum { width:620px;}
.itemcartnum ul {margin:0; padding:0; list-style:none;}
.itemcartnum li{ float:left; margin:0px; padding:0 0 4px 0; width:115px; height:22px; line-height:22px; background:none; border-bottom:1px dotted #570610;}
.itemcartnum li.productname { width:150px; text-align:left; padding-left:10px}
.itemcartnum li input { color:#f30;}
.cartcontent div {width:625px; margin-top:4px;}
input.totaltext { border:0px; margin:0px; color:#f30; height:16px;}
input.subtotalinput { border:0px; padding:2px 0 0 0; color:#f30; height:16px;}

input.shopnumtext { width:30px;}
.noproduct { width:100%; padding-left:10px;}
.cartitembottom { padding-left:10px;}
.shopitem { float:right; }
.shopitem img { cursor:hand; }
.panddingspace{ width:350px; clear:both; height:30px;}
.nomenuitem { clear:both; text-align:center; padding-top:30px; padding-right:100px;}
.ordersignup #loginli li { list-style:none; margin-bottom:10px;}
.ordersignup { margin-top:25px;}
#loginli { margin-top:15px; width:450px; text-align:left;}
#loginli li label { width:100px; text-align:right; margin-right:10px; float:left; }
#loginli li.Billingtitle { text-align:center;}
.ordersignup #loginli li input { width:200px;}
input.login {margin:0px; border:none; height:16px; width:49px; background:url(../images/submitbg.gif) no-repeat left top #fff; margin-top:20px;}
.ordersignup #loginli input.Proceedtoshipping {margin:0px; border:none; height:16px; width:49px; background:url(../images/submitbg.gif) no-repeat left top #fff; margin-top:20px;}
/* user Login page end */
.homecontentswf {width:395px !important; height:287px !important; margin-right:26px; margin-left:-40px !important; margin-left:0px;}
.logocontentswf { position:relative; left:0px; top:0px;height:83px !important; width:230px !important;}

/* pages */
.pages {clear:both;	padding:15px 0; width:93%; text-align:center;}
.pages td {height:20px;}
.pages span {float:left; display:inline; margin:0 4px; line-height:20px;}
.pages a {float:left;color:#FF9100; display:inline; margin:0 4px; padding:0 6px; height:18px; line-height:18px; border:1px solid #AB3F0E; text-align:center; text-decoration:none;}
.pages a:hover {border:1px solid #AB3F0E; background:#AB3F0E; text-decoration:none; color:#f30;}
.pages a.nowPage {border:1px solid #AB3F0E; background:#AB3F0E; color:#fff;}