html,body {height:100%}
body {margin:0; padding:0; font:12px Tahoma; color:#000; background:#0D4E0C url(../images/body_bg.jpg) repeat-x left top;}
td {color:#000; font:12px Tahoma;}
input, textarea, select {font:12px/20px Tahoma, Arial;}
form,h1,h2,h3,h4,h5,h6 {margin:0; padding:0;}
h2,h3 {font-size:14px;}
h4,h5,h6 {font-size:12px;}
ul {list-style-type:none;margin:0;padding:0;}
img {border:0;}
a {color:#0066cc; text-decoration:underline;}
a:hover {color:#f30; text-decoration:underline;}
.hspacer {clear:both; width:1px; height:15px; font-size:1px; overflow:hidden;}
.clear {clear:both; font-size:0px; line-height:0px; height:0px;}
/* layout */
#wrapper {width:100%;}
#header {margin:0 auto; width:960px; height:80px; position:relative;}
#nav {margin:0 0 0 52px; height:80px;}
#nav ul {margin:0; padding:0; list-style:none;margin-left:30px;}
#nav ul li {float:left; margin:0;}
#nav ul li a {display:block; width:auto; height:80px; line-height:80px; font-size:18px; font-weight:400; color:#fff; text-decoration:none; text-transform:uppercase;}
#nav ul li.split {width:3px; height:80px; font-size:1px;}
#nav ul li a#navHome {display:block; text-indent:-9999px; overflow:hidden; width:93px; height:80px; background:url(../images/nav_home.jpg) no-repeat left top;}
#nav ul li a#navAbout {display:block; text-indent:-9999px; overflow:hidden; width:140px; height:80px; background:url(../images/nav_about.jpg) no-repeat left top;}
#nav ul li a#navMenu {display:block; text-indent:-9999px; overflow:hidden; width:146px; height:80px; background:url(../images/nav_menu.jpg) no-repeat left top;}
#nav ul li a#navPhoto {display:block; text-indent:-9999px; overflow:hidden; width:113px; height:80px; background:url(../images/nav_photo.jpg) no-repeat left top;}
#nav ul li a#navComment {display:block; text-indent:-9999px; overflow:hidden; width:132px; height:80px; background:url(../images/nav_comment.jpg) no-repeat left top;}
#nav ul li a#navContact {display:block; text-indent:-9999px; overflow:hidden; width:151px; height:80px; background:url(../images/nav_contact.jpg) no-repeat left top;}
#nav ul li a#navHome:hover {background:url(../images/nav_home_on.jpg) no-repeat left top;}
#nav ul li a#navAbout:hover {background:url(../images/nav_about_on.jpg) no-repeat left top;}
#nav ul li a#navMenu:hover {background:url(../images/nav_menu_on.jpg) no-repeat left top;}
#nav ul li a#navPhoto:hover {background:url(../images/nav_photo_on.jpg) no-repeat left top;}
#nav ul li a#navComment:hover {background:url(../images/nav_comment_on.jpg) no-repeat left top;}
#nav ul li a#navContact:hover {background:url(../images/nav_contact_on.jpg) no-repeat left top;}
#nav ul li a#navHome.on {background:url(../images/nav_home_on.jpg) no-repeat left top;}
#nav ul li a#navAbout.on {background:url(../images/nav_about_on.jpg) no-repeat left top;}
#nav ul li a#navMenu.on {background:url(../images/nav_menu_on.jpg) no-repeat left top;}
#nav ul li a#navPhoto.on {background:url(../images/nav_photo_on.jpg) no-repeat left top;}
#nav ul li a#navComment.on {background:url(../images/nav_comment_on.jpg) no-repeat left top;}
#nav ul li a#navContact.on {background:url(../images/nav_contact_on.jpg) no-repeat left top;}
#cor {position:absolute;top:0; right:0; width:46px; height:34px;}
#icoHome {display:block; text-indent:-9999px; overflow:hidden; width:46px; height:34px; line-height:34px; background:url(../images/ico_home.jpg) no-repeat left top;}
#icoHome:hover {background:url(../images/ico_home_on.jpg) no-repeat left top;}
#icoHome.on {background:url(../images/ico_home_on.jpg) no-repeat left top;}
#banner {margin:0 auto;height:328px; width:100%; text-align:center; background:url(../images/banner_bg.jpg) repeat-x left top; overflow:hidden; position:relative}
#banner .bg{ background:url(../images/banner.jpg) no-repeat; height:100%;width:960px;margin:0 auto; position:relative;}
#banner .logo{ position:absolute; left:100px; top:100px;}
#banner .wings{ position:absolute;right:0px;top:0px;}
#home {width:100%;}
#home #home_bd {width:100%; background:#38A54C;}
#home #home_ft {width:100%; height:31px; background:url(../images/index_5.jpg) no-repeat center top;}
#home ul {margin:0 auto; padding:0; width:960px; height:245px; list-style:none; zoom:1;}
#home ul li {float:left; overflow:hidden; position:relative;}
#home ul li img {vertical-align:top;}
#home #home_bd ul li div{color:#fff;overflow:hidden; position:absolute; padding:10px 0; line-height:20px;}
#home #home_bd ul li .block1{width:340px;height:50px;left:137px; top:30px;}
#home #home_bd ul li .block2{width:330px;height:50px;left:144px; top:30px;}
#home #home_bd ul li .block3{width:340px;height:50px;left:137px; top:40px;}
#home #home_bd ul li .block3 img{margin-right:4px;}
#home #home_bd ul li .block4{width:330px;height:50px;left:144px; top:40px;}
#main {margin:0 auto; padding:20px 0; width:960px;}
#main #main_bg {margin:0 auto; width:864px; height:auto; overflow:hidden; zoom:1; background:#0D4E0C url(../images/main_bg.jpg) no-repeat center top;}
#main #left {float:left; width:210px;}
#main #left #left_hd {width:210px; height:82px; background:url(../images/left_hd.jpg) no-repeat left top;}
#main #left #left_bd {width:210px; height:auto; background:url(../images/left_bd.jpg) repeat-y left top;}
#main #left #left_ft {width:210px; height:81px; background:url(../images/left_ft.jpg) no-repeat left top;}
#main #right {float:left; width:654px;}
#main #right #right_hd {width:654px; height:10px; font-size:1px; background:url(../images/right_hd.jpg) no-repeat left top;}
#main #right #right_bd {width:654px; height:auto; min-height:631px; overflow:hidden; padding:10px 0; background:url(../images/right_bd.jpg) no-repeat left bottom;}
#main #right #right_bd_table {width:654px; background:#fff;}
#main #right #right_bd_td {height:621px; padding:10px 0; background:url(../images/right_bd.jpg) no-repeat left bottom;}
#main #right #right_ft {width:654px; height:10px; font-size:1px; background:url(../images/right_ft.jpg) no-repeat left top;}
#footer {clear:both; margin:0 auto; padding:18px 0; width:960px; font-size:11px; color:#fff; background:url(../images/footer_line.jpg) no-repeat center top;}
#copyright {text-align:center;}
#designer {margin-top:12px; text-align:center;}
#counter {}
#HotProduct{position:relative;width:960px; height:150px;bottom:0px;overflow: hidden;font-size:12px; margin:0px;float:left}
#HotProduct div{float:left;}
#HotProduct .Cont{height: 150px;width: 817px;overflow: hidden;}
#List1_1,#List2_1{float:left;}
#HotProduct .ScrCont{width: 3850px;}
#HotProduct a{text-decoration:none;}
#HotProduct a:hover{color:#ff3300;text-decoration: underline;}
#HotProduct img{float:left; display:inline; width:160px; height:114px; padding:22px; vertical-align:top; background:url(../images/pic_bg.jpg) no-repeat 4px 4px;}
#HotProduct .left{height: 170px;width:61px;margin:0px 2px;display:inline;cursor:pointer;background-image: url(../images/goleft.jpg);background-repeat: no-repeat;background-position: left center;}
#HotProduct .right{height: 170px;width:61px;margin:0px 2px;cursor:pointer;background-image: url(../images/goright.jpg);background-repeat: no-repeat;background-position: left center;}
/* pages */
.pages {clear:both; padding:15px 0; width:100%; text-align:center;}
.pages td {height:20px;}
.pages span {float:left; display:inline; margin:0 4px; line-height:20px;}
.pages a {float:left; display:inline; margin:0 4px; padding:0 6px; height:18px; line-height:18px; border:1px solid #ccc; background:#fff; text-align:center; text-decoration:none;}
.pages a:hover {border:1px solid #0066cc; background:#0066cc; text-decoration:none; color:#fff;}
.pages a.nowPage {border:1px solid #0066cc; background:#0066cc; color:#fff;}
/* about */
#aboutWrap {margin:0 auto; width:600px;}
#aboutTit {width:100%; margin:0 0 15px 0; border-bottom:1px solid #ccc;}
#aboutTit h3 {margin:0; padding:0 0 12px 0; line-height:1.2em; font-size:26px; font-weight:400; text-transform:uppercase;}
#aboutCnt {width:100%; line-height:1.6em;}
#aboutCnt p {line-height:1.6em;}
/* menu */
#menuCat {width:210px;}
#menuCat ul {margin:0; padding:0; list-style:none;}
#menuCat ul li {width:210px; background:url(../images/left_line.jpg) no-repeat left bottom;}
#menuCat ul li a {display:block; width:185px; height:30px; font-size:11px; font-weight:700; color:#fff; padding-left:25px;padding-top:6px; text-decoration:none;}
#menuCat ul li a:hover {color:#000; background:url(../images/left_on.jpg) no-repeat left 1px;}
#menuWrap {margin:0 auto; width:600px;}
#menuTit {width:100%; margin:0 0 15px 0; border-bottom:1px solid #ccc;}
#menuTit h3 {margin:0; padding:0 0 12px 0; line-height:1.2em; font-size:26px; font-weight:400; text-transform:uppercase;}
.catInfo{display:none;}
#menuLists {margin:0px auto;width:98%;padding:6px;}
#menuLists h4 {text-align:left;padding-left:20px;color:#A50B00; font-family:Georgia, "Times New Roman", Times, serif; font-size:32px; font-weight:bold; padding-bottom:8px;background:url(../images/tit.jpg) no-repeat; text-transform:uppercase;line-height:31px;}
#menuLists h4 p {color:#644e2a; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; margin-top:2px;}
#menuLists h5 {text-align:left;padding-left:20px;color:#A50B00; font-family:Georgia, "Times New Roman", Times, serif; font-size:26px; font-weight:bold; padding-bottom:8px;background:url(../images/tit.jpg) no-repeat; text-transform:uppercase;line-height:31px;}
#menuLists h5 p {color:#6c5e5e; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; margin-top:2px;}
#menuLists .item {}
#menuLists table {margin-bottom:10px;}
#menuLists div p{font-size:12px;text-align:left;}
#menuLists .sku {width:50px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#555;}
#menuLists .name {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:14px;color:#412ABB;}
#menuLists .name a{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:14px;color:#412ABB;}
#menuLists .name img {margin-left:6px;}
#menuLists .price {width:100px;text-align:right; color:#A28430;}
/* news */
#newsWrap {margin:0 auto; width:600px;}
#newstTit {width:100%; margin:0 0 15px 0; border-bottom:1px solid #ccc;}
#newsTit h3 {margin:0; padding:0 0 12px 0; line-height:1.2em; font-size:26px; font-weight:400; text-transform:uppercase;}
#newsList {width:100%;}
#newsList .item {width:100%; margin:0 0 15px 0; padding:0 0 15px 0; background:url(../images/dotline.gif) repeat-x 0 100%;}
#newsList .item h4 {margin:0; padding:0; font-size:16px; font-weight:400; font-family:"Trebuchet MS";}
#newsList .item h6 {margin:6px 0 0 0; padding:0; font-size:11px; font-weight:400; color:#9d8f77;}
#newsList .item div {margin:8px 0 0 0; line-height:1.6em;}
#newsList .item div p {margin:0 0 1em 0; padding:0; line-height:1.6em;}
/* photo */
#photoWrap {margin:0 auto; width:600px;}
#photoTit {width:100%; margin:0 0 15px 0; border-bottom:1px solid #ccc;}
#photoTit h3 {margin:0; padding:0 0 12px 0; line-height:1.2em; font-size:26px; font-weight:400; text-transform:uppercase;}
#photoList {width:100%; zoom:1;}
#photoList dl {float:left; display:inline; margin:10px 22px 10px 22px; width:156px; height:145px; background:url(../images/pics_bg.jpg) no-repeat left top;}
#photoList dl dt {margin:0; padding:18px 0 6px 0; width:100%; text-align:center; list-style:none;}
#photoList dl dt img {width:120px; height:90px; vertical-align:top;}
#photoList dl dd {margin:0; padding:0;width:100%; text-align:center; color:#000; font-size:11px;}
/* contact */
#contactWrap {margin:0 auto; width:600px;}
#contactTit {width:100%; margin:0 0 15px 0; border-bottom:1px solid #ccc;}
#contactTit h3 {margin:0; padding:0 0 12px 0; line-height:1.2em; font-size:26px; font-weight:400; text-transform:uppercase;}
#contactCnt {width:100%;}
#contactCnt iframe {width:590px; height:350px; border:1px solid #999;}
#contactCnt p {margin:10px 0 0 0; padding:0; line-height:1.6em;}
/* comment */
#commentWrap {margin:0 auto; width:600px; position:relative;}
#commentTit {width:100%; margin:0 0 15px 0; border-bottom:1px solid #ccc;}
#commentTit h3 {margin:0; padding:0 0 12px 0; line-height:1.2em; font-size:26px; font-weight:400; text-transform:uppercase;}
#writeCmt {width:300px; position:absolute; right:0; top:8px;}
#cmtBar {text-align:right;}
#cmtBar a {display:block; width:138px; height:20px; line-height:21px; text-decoration:underline;}
#cmtForm {padding:5px 18px 15px 18px; border:3px #0066cc solid; background:#bfd5fe; zoom:1;}
#cmtForm h4 {margin:0; padding:0; height:30px; line-height:30px; font-size:14px; font-weight:400; font-family:"Trebuchet MS"; position:relative;}
#cmtForm h4 span {position:absolute; right:0; top:0; cursor:pointer; font-size:26px; font-weight:400;}
#cmtForm #cmtFormEmail {width:100%; margin-top:8px;}
#cmtForm #cmtFormCont {width:100%; margin-top:8px;}
#cmtForm #cmtFormSubmit {width:100%; margin-top:10px;}
#cmtForm label {display:block; padding-bottom:4px; font-size:11px; font-weight:400;}
#cmtForm .textbox {padding:2px 2px 4px 2px; width:250px; color:#333; border:#999 1px solid; background:#fff;}
#cmtForm .textarea {padding:2px; width:250px; color:#333; border:#999 1px solid; background:#fff;}
#cmtList {width:100%;}
#cmtList h4 {margin:0; padding:0; height:34px; line-height:34px; text-indent:-9999px; background:url(../images/title_comment.gif) no-repeat 0 0;}
#cmtList dl {margin:0; padding:10px 0; width:100%; background:url(../images/dotline.gif) repeat-x 0 100%;}
#cmtList dt {margin:0; padding:0; line-height:1.6em; color:#999;}
#cmtList dt strong {margin-right:10px; font-weight:400;}
#cmtList dt span {font-weight:400;}
#cmtList dd {margin:0; padding:0; line-height:1.6em;}