body,div,p,h1,h2,h3,h4,h5,h6,form,ul,li,ol,dl,dt,dd {margin:0; padding:0;}
body,th,td,input,select,textarea,button {font:12px/1.5 arial,helvetica,clean,sans-serif; color:#524230;}
body {background:#fcecc8;}
img {border:0;}
a {color:#776046; text-decoration:none;}
a:hover {color:#aa0000; text-decoration:underline;}

.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {_height:1%;}
.clearfix:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}

#pager {clear:both; padding:15px 0; text-align:center; width:100%;}
table.pager-box {text-align:center;}
table.pager-box td {font-family:"Times New Roman",Times,serif; font-size:13px; padding:0 0.1em; text-align:center;}
table.pager-box td a {display:block; line-height:2em; padding:0 0.5em; text-decoration:underline;}
table.pager-box td span {display:block; line-height:2em; padding:0 0.5em;}
table.pager-box td.pager-current {}
table.pager-box td.pager-current a {background-color:#aa0000; color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

.layer {position:absolute; z-index:998; left:50%; top:150px; width:480px; margin-left:-240px;}
.layer-box {background:#fff; border:5px solid #333; color:#484848; overflow:hidden; zoom:1;}
.layer-title {background:#eee; height:36px; padding:0 10px 0 15px;}
.layer-title h4 {float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; height:36px; line-height:36px;}
.layer-title span {cursor:pointer; float:right; font-family:"Times New Roman", Times, serif; font-size:36px; font-weight:normal;  height:36px; line-height:36px;}
.layer-main {margin:2px; padding:20px; overflow:hidden; zoom:1;}

#cmtForm {margin:0 auto; width:350px;}
#cmtForm #cmtFormEmail,
#cmtForm #cmtFormCont {margin-bottom:10px;}
#cmtForm #cmtFormEmail label,
#cmtForm #cmtFormCont label {display:block; font-weight:bold; padding-bottom:4px;}
#cmtForm #cmtFormEmail input,
#cmtForm #cmtFormCont textarea {background:#fff; border:1px solid #ccc; padding:4px; width:338px;}
#cmtForm #cmtFormSubmit {text-align:right;}
#cmtForm #cmtFormSubmit input {color:#333; font-weight:bold; padding:4px 20px;}

#homeWrap {display:inline;float:left;width:180px;padding-top:28px;padding-left:124px;padding-right:16px;margin:0px;}
.contbox{height:385px;width:750px;}
.homescroll{display:inline;float:left; margin:16px 5px 2px 2px;}
.banner{position: relative; margin-right: 10px;margin-top:10px; width:361px; height: 360px;overflow: hidden;}
#info {width:100%;}
#info .hd {color:#524230; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-style:italic;}
#info .bd {margin-top:5px;}
#hours {margin-top:5px; width:100%;}
#hours .hd {color:#524230; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-style:italic;}
#hours .bd {margin-top:5px;}
#cards {margin-top:5px; width:100%;}
#cards img {margin-right:4px; margin-bottom:4px; vertical-align:top;}

#aboutWrap {margin:28px 40px 20px 180px; width:530px;}
#aboutTit {color:#524230; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-style:italic;}
#aboutCont {margin-top:10px;}
#aboutCont p {margin-bottom:1em;}

#menuWrap {margin:28px 40px 20px 180px; width:530px; overflow:hidden; zoom:1;}
#menuTit {color:#524230; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-style:italic;}
#menuList {float:left; margin-top:10px; width:350px;}
#menuList .catInfo {display:none;}
#menuList h4 {border-bottom:1px dotted #ddd; color:#524230; font-family:Trebuchet MS; font-size:18px; font-weight:normal; padding-bottom:8px;}
#menuList h4 p {color:#999; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; margin-top:2px;}
#menuList h5 {border-bottom:1px dotted #ddd; color:#524230; font-family:Trebuchet MS; font-size:18px; font-weight:normal; padding-bottom:8px;}
#menuList h5 p {color:#999; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; margin-top:2px;}
#menuList .item {}
#menuList table {margin-bottom:10px;}
#menuList td {border-bottom:1px dotted #ddd; padding:3px 0; text-align:left;}
#menuList .sku {width:30px;}
#menuList .name {width:auto;}
#menuList .name p {color:#787878; display:block; font-style:italic; line-height:1.4;}
#menuList .name img {margin-left:6px;}
#menuList .price {width:100px; text-align:right;}
#menuCat {float:left; margin-top:13px; padding-right:20px; width:160px;}
#menuCat h4 {background:url(../images/side-title-bg.gif) no-repeat 0 0; color:#fff; height:42px; line-height:38px; font-family:Trebuchet MS; font-size:16px; font-weight:normal; margin-bottom:12px; text-align:center;}
#menuCat ul {list-style:none;}
#menuCat ul li {display:block;}
#menuCat ul li a {color:#776046; display:block; font-weight:bold; overflow:hidden; padding:2px 0px 2px 24px; white-space:nowrap;}
#menuCat ul li a:hover {background:#eeeceb; text-decoration:none;}
#menuCat ul li ul {}
#menuCat ul li ul li {}
#menuCat ul li ul li a {font-weight:normal; padding-left:36px;}
#menuCat ul li ul li a:hover {}
#menuCat ul li ul li ul {}
#menuCat ul li ul li ul li {}
#menuCat ul li ul li ul li a {padding-left:48px;}
#menuCat ul li ul li ul li a:hover {}
#menuCat ul li.on a {background:#e6e4e1 url(../images/cat-on.gif) no-repeat 0 0; color:#cc0000;}
#menuCat ul li.on a:hover {background:#e6e4e1 url(../images/cat-on.gif) no-repeat 0 0; color:#cc0000;}
#menuCat ul li.on ul li a {background:none; color:#776046;}
#menuCat ul li.on ul li a:hover {background:#eeeceb;}

#photoWrap {margin:28px 140px 20px 30px; width:580px;}
#photoTit {color:#524230; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-style:italic;}
#photoList {margin-top:20px;}
#photoList ul {list-style:none; overflow:hidden; zoom:1;}
#photoList ul li {display:inline; float:left; height:104px; text-align:center; width:24.9%;}
#photoList ul li img {background:#fff; border:#ddd 1px solid; padding:1px; vertical-align:top;}
#photoList ul li a:hover img {border:#524230 2px solid; padding:0;}

#contWrap {margin:28px 40px 20px 180px; width:530px;}
#contTit {color:#524230; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-style:italic;}
#location {margin-top:10px;}
#map{margin-top:10px;height:264px}

#couponWrap {margin:28px 40px 20px 180px; width:530px;}
#couponTit {color:#524230; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-style:italic;}
#couponCont {margin-top:20px;}
#couponCont p {margin-bottom:1em;}
#couponPrint {margin-top:20px; text-align:center;}
#couponPrint input {color:#333;}

#cmtWrap {margin:28px 40px 20px 180px; width:530px;}
#cmtTit {color:#524230; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-style:italic;}
#writeCmt {margin-top:10px;}
a#btn-write-comment {background:url(../images/btn-write-comment.gif) no-repeat 0 0; display:block; height:24px; line-height:24px; text-indent:-9999px; overflow:hidden; width:136px;}
a#btn-write-comment:hover {background-position:0 -24px;}
#cmtList {margin-top:15px; border-top:1px dashed #ddd;}
#cmtList ul {list-style:none;}
#cmtList ul li {border-bottom:1px dashed #ddd; overflow:hidden; padding:15px 20px 15px 0; zoom:1;}
#cmtList ul li img {float:left; vertical-align:top;}
#cmtList ul li h5 {color:#999; font-size:12px; font-weight:normal; margin-left:55px;}
#cmtList ul li div {margin-left:55px; margin-top:3px;}

/* layout */
#wrapper {}
#header {height:200px;}
#header p { width:1004px; margin:0 auto; position:relative; z-index:888}
#header p a{position:absolute; left:50px; top:-160px;}
#header p span{display:block;position:absolute; left:50px; top:-160px;color: #B20701; font-size: 40px;font-weight: bold;text-indent: -9999em;}
#nav {left:58px; position:absolute; top:77px;}
#nav ul {list-style:none;}
#nav ul li {height:32px; width:90px;}
#nav ul li a {color:#fcf1dc; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-style:italic; font-weight:normal; display:block; height:32px; line-height:32px; width:90px; text-align:center;}
#nav ul li a {overflow:hidden; text-indent:-9999px;}
#nav ul li a:hover {}
#nav ul li a#nav-home {background:url(../images/nav-home.gif) no-repeat 50% 50%; margin-left:4px;}
#nav ul li a#nav-about {background:url(../images/nav-about.gif) no-repeat 50% 50%; margin-left:0;}
#nav ul li a#nav-menu {background:url(../images/nav-menu.gif) no-repeat 50% 50%; margin-left:0;}
#nav ul li a#nav-photo {background:url(../images/nav-photo.gif) no-repeat 50% 50%; margin-left:31px;}
#nav ul li a#nav-direction {background:url(../images/nav-direction.gif) no-repeat 50% 50%; margin-left:39px;}
#nav ul li a#nav-coupon {background:url(../images/nav-coupon.gif) no-repeat 50% 50%; margin-left:26px;}
#nav ul li a#nav-comment {background:url(../images/nav-comment.gif) no-repeat 50% 50%; margin-left:52px; margin-top:80px;}
#container {height:480px; margin:0 auto; position:relative; width:1004px; z-index:15px;}
#side { position:absolute;background:url(../images/side-bg.png) no-repeat 0 100%;right:0; height:480px;width:235px; z-index:20;}
#primary {height:480px;position:relative;width:810px; z-index:25;}
#primary-hd {background:url(../images/main-hd-bg.png) no-repeat 0 0; height:41px; width:810px;}
#primary-bd {background:url(../images/main-bd-bg.png) no-repeat 0 0; height:410px; width:810px;}
#primary-ft {background:url(../images/main-ft-bg.png) no-repeat 0 0; height:41px; width:810px;}
#primary-cont {height:385px; left:30px; position:absolute; top:41px; width:750px; z-index:25;}
#bg-n {height:385px; overflow-x:hidden; overflow-y:auto; width:750px;}
.bannerbox{float:right;}
.primary-contbox{}
.tip{font-family:Georgia, "Times New Roman", Times, serif;margin-top: 15px;text-align: left;padding-left: 20px;font-size: 17px;color:#ea2121;font-weight: bold;}
.bg1 {background:url(../images/sjz-m.jpg) no-repeat 0 19px;}
.bg1 p.onorder{float:left;margin: 25px 0 0 10px;}
.bg2 {background:url(../images/sjz-l.jpg) no-repeat 0 100%;}
.bg3 {background:url(../images/sjz-z.jpg) no-repeat 0 100%;}
.bg4 {background:url(../images/sjz-j.jpg) no-repeat 100% 100%;}
#footer {background:url(../images/footer-bg.jpg) no-repeat 50% 0; color:#776046; padding:15px 0;}
#footer a {text-decoration:underline;}
#copyright {text-align:center;}
#copyright a{text-decoration:none;}
#designer {margin-top:10px; text-align:center;}
#floater {background:url(../images/flower.png) no-repeat 0 0; height:270px; position:absolute; right:0; top:0; width:500px; z-index:10;}

/* Slide Show CSS */
#featured {width:422px; height:310px; float:left; display:inline; margin:0px; position:relative;}
#featured_items {width:422px; height:310px; position:relative;}
#featured_items img{border:none;}
.clearfix:after { clear: both;content: ".";display: block;height: 0;visibility: hidden;}
ul#featured_num {bottom: 10px;margin: 0;padding: 0;position: absolute;right: 10px;z-index: 10;}
ul#featured_num li {display: inline;float: left;font-size: 12px;margin-left: 2px;text-align: center;}
ul#featured_num li a {background: none repeat scroll 0 0 #222222;color: #999999;display: block;height: 21px;line-height: 21px;opacity: 0.75;width: 21px;}
ul#featured_num a.activeSlide {background: none repeat scroll 0 0 #AE2F28;color: #FFFFFF;opacity: 1;}

#map_canvas{margin-bottom: 10px;width: 100%;height:252px;border: 1px #eee solid;}
.orderline{position:absolute; left:15px; top:40px; z-index:999;}