﻿body{background:url(../images/background.jpg) repeat-y top center #350505;background-color:#2D0304;margin:0px;
     scrollbar-face-color: #f2f2f2;
	 scrollbar-highlight-color: #ffffff;
	 scrollbar-shadow-color: #cccccc;
	 scrollbar-3dlight-color: #dddddd;
	 scrollbar-arrow-color: #336000;
	 scrollbar-track-color: #fff;
	 scrollbar-darkshadow-color: #ffffff;
}
#box{width:1000px;margin:0px auto;border:none}
#top{width:1000px;height:300px;float:left;border-bottom:none;position:relative;z-index:1;background:url(../images/header_bg.jpg) no-repeat;}
#top h1{ position:absolute; left:0px; top:0px; font-size:24px; line-height:150px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#333;  text-align:center; background:url(../images/logo_bg.png) no-repeat;width:316px;height:227px;}
#top span { position:absolute; bottom:10px; left:20px;}
#main{width:1000px;border:none;float:left;background:#6C0302}
#left{width:280px;float:left;border:#B1955B 3px solid;margin:30px 0px 0px 15px;}
#right{width:640px;float:left;margin-left:30px;margin-top:30px;border:#B1955B 3px solid;}
#book{width:630px;float:left;margin-left:5px;margin-top:5px;border:none;background:url(../images/bookbg.png);}
#con_t{height:35px;width:630px;text-align:left;margin:0px auto;color:#FFF}
#con_m{width:610px;color:#FFF;margin:0px auto;float:left}
.con_m img{border:#FFFFFF 3px solid}
#cat{width:390px;height:210px;float:left}
#text{font-weight:bold;background:url(../images/sline.png) no-repeat bottom right;padding-bottom:8px;}
#text p { margin:0; margin-bottom:15px;}
#text{margin-left:15px;}
.text{font-family:Arial,Helvetica,sans-serif;line-height:20px;color:#333;font-size:12px;}
#foot{color:#FFF;font-weight:bold;width:1000px;height:80px;float:left;border-top:1px solid #33342F;line-height:40px;color:#676767;background:#4B1403;font-size:12px;}
#foot p{font-size:12px;font-weight:normal;color:#CCCCCC;}
#foot p a:link{color:#FFFFFF;}
#foot p a:visited{color:#FFFFFF;}
#foot p a:hover{color:#0066FF;}
#foot p a:active{color:#FFFFFF;}
#text a{color:#CCC}
#text a:hover{color:#900}
#foot a{color:#CCC}
#foot a:hover{color:#900}
#con_b{float:left;width:415px;}

/* nav */
#nav{position:absolute;z-index:100;top:2px;right:-6px;height:290px;width:119px;}
#nav a{width:119px;height:58px;display:block;text-align:center;line-height:58px;font-size:18px;font-family:arial;text-decoration:none;font-weight:normal;}
#nav a:link{color:#FFFFFF;background:url(../images/button.png) no-repeat;}
#nav a:visited{color:#FFFFFF;background:url(../images/button.png) no-repeat;}
#nav a:hover{color:#FFFFFF;background:url(../images/button.png) no-repeat 0px -58px;text-shadow:0 0 3px #000;font-size:20px;}
#nav a:active{color:#FFFFFF;background:url(../images/button.png) no-repeat;}

/* menu */
#menuCat{font-family:Arial,Helvetica,sans-serif;line-height:20px;color:#FF9900;font-size:12px;}
#menuWrap {margin-top:5px; width:625px; padding:30px; background:url(../images/cnt_top_bg.jpg) repeat-x 0 0;}
.menuWrap {margin-top:5px; width:625px; height:680px; padding:30px; background:url(../images/list.jpg) repeat-x 0 0;}
.menuCat {width:100%;float:left;overflow-X:hidden;overflow-Y:auto;min-height:360px;}
.menuCat h3 {margin:0 0 10px 0; padding:0; font-size:20px; font-weight:700; font-style:italic; font-family:Times New Roman; text-align:center;}
.menuCat ul {margin:0 15px; padding:0; list-style:none;}
.menuCat ul li {width:240px;margin-left:2px;float:left;background:url(../images/menu_line.png) no-repeat bottom center #802B07}
.menuCat ul li a {font-size:13px;font-weight:600;display:block; width:100%; height:20px; line-height:20px; font-weight:700; text-decoration:none; overflow:hidden;}
.menuCat ul li a:link{color:#FFFFFF;}
.menuCat ul li a:visited{color:#FFFFFF;}
.menuCat ul li a:hover {color:#FFFFFF;text-shadow:0 0 3px #FFFFCC;}
.menuCat ul li a:active{color:#FFFFFF;}
.menuCat ul li a.cur {background:url(../images/cat_on.gif) no-repeat 8px center;}
.menuCat ul li ul li {background:none;}
.menuCat ul li ul li a {display:block; width:100%; height:20px; line-height:18px; font-size:11px; font-weight:700; text-decoration:none;}

/* menu */
#menuTit h3 {margin:0; padding:0; height:34px; line-height:34px;font-size:24px; color:#c89c53;background:url(../images/border.jpg) no-repeat 0 bottom; font-weight:normal}
#menuLists {width:98%;margin:0px 8px;}
#menuLists dl {margin:0 0 10px 0; padding:0; list-style:none;}
#menuLists dl dt {margin:0 0 4px 0; padding:0; font-size:20px; font-weight:bold; font-family:"Trebuchet MS", Tahoma; color:#c89c53; text-align:center;}
#menuLists dl dd {margin:0; padding:0; line-height:1.4em; color:#644e2a; text-align:center;}
#menuLists ul {margin:0 0 15px 0; padding:0; list-style:none;}
#menuLists ul li {width:100%;}
#menuLists ul li div { padding:3px 0; width:100%; line-height:18px; font-size:14px; font-weight:400; border-bottom:#CCCCCC 1px dashed; overflow:hidden; zoom:1;}
#menuLists ul li div .sku {float:left; width:40px; color:#000000;}
#menuLists ul li div .name {float:left; font-weight:400; padding-right:5px; color:#000000; font-weight:bold;}
#menuLists ul li div .name img{border:none;}
#menuLists ul li div .price {float:right;  font-weight:400;color:#000000; font-weight:bold;}
#menuLists ul li div .price span{float:left;min-width:100px;padding-left:10px;}
#menuLists ul li p {margin:0; padding:0 100px 0 40px; color:#5e573b; font-style:italic; line-height:16px; font-size:13px;line-height:20px;}

.catList li a:link{color:#fff}
.catList li a:visited{color:#8100AD}
.catList li a:hover{color:#CCCC00;font-weight:bold;background:url(../images/menu_ico.png) no-repeat center right;}
.catList li a:active{color:#fff}
.catList li a{margin-left:3px;color:#fff}
.menuCat{background:##6C0302;padding:4px;}

.right_ul li { cursor:pointer; float:left; width:150px; line-height:22px;list-style:none;}
.right_ul li a { color:#750E0F; text-decoration:none; font-weight:bold;}
.right_ul li ul li { margin:0; padding:0; font-size:12px; clear:both; width:100%; margin-left:-25px;}
.right_ul li ul li a { color:#333;}

/* photo */
#photoWrap{margin-top:5px;width:100%;float:left;}
#photoList {width:100%; margin:0; padding:1px 0 0 1px; list-style:none;overflow:auto;}
#photoList .item {float:left; display:block; padding:2px 8px; text-align:center; font-size:8pt;margin-left:10px;}
#photoList .item a {display:inline-block; padding:5px; text-align:center; background:#f8eddc; border:#ccc 1px solid;}
#photoList .item a:hover { background:#fff; border:#00f 1px solid;}
#photoList .item a img {display:block; width:150px;height:90px;border:#CCCCCC 1px solid;}
#photoList .item a span {padding:4px 0 0 0; display:block; width:120px; line-height:14px; overflow:hidden;}
#showPhoto {width:100%; margin:0.6em 0 0 0; text-align:center;}
#showPhoto img {margin-bottom:0.6em}

/* pages */
.pages {clear:both;	padding:10px 0; width:100%; text-align:center;height:20px;color:#333333}
.pages table{margin:0px auto;}
.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; color:#F60; border:1px solid #4d2605; text-align:center; text-decoration:none;}
.pages a:hover {border:1px solid #4d2605; color:#900; text-decoration:none;}
.pages a.nowPage {border:1px solid #4d2605; color:#F60;}