/*
'========================'
'Author： Fair'
'QQ    ： 269349070'
'Email :  fair.zhou@qq.com'
'========================'
*/
@charset "utf-8";
body, ul, li, dl, dt, dd, form{margin:0;padding:0;}
body, td, th, input, textarea{font-size:12px;font-family:Arial, Helvetica, sans-serif;}
img{border:none;}

body{background-color:#663366;}
div.pg_body{width:754px;margin:auto;background:url(body_bg.gif) repeat-x;padding:0px 23px;background-color:#6F3879;}
.clear{clear:both;}
.null{margin:5px;border:1px solid #ccc;text-align:center;line-height:30px;}

div#banner{background:url(../jewelry_01_02.jpg) no-repeat;text-align:right;}
 #banner form{padding:50px 10px 6px 0px;}
 #banner form label{color:#fff;}
 #banner form input{border:1px solid #999;background-color:#52335d;color:#fff;}
div#navigator{background:url(nav_bg.gif) repeat-x;height:25px;}
 #navigator ul{list-style-type:none;}
 #navigator ul li{float:left;line-height:25px;position:relative;font-weight:700;font-size:13px;}
 #navigator ul li a{display:block;color:#000;text-decoration:none;padding:0px 15px;}
 #navigator ul li a:hover{color:#fff;}
 
 #navigator ul li div{position:absolute;background-color:#c8c8c8;display:none;min-width:160px;_width:160px;}
 #navigator ul li div a{display:block;color:#000;font-weight:bold;text-decoration:none;padding:0px 8px;line-height:27px;}
 #navigator ul li div a:hover{color:#fff;background-color:#8b6f95;}
 #navigator ul li:hover div, #navigator ul li.hover div{display:block;}

div#body{background:url(main_bottom.gif) no-repeat right bottom;background-color:#634567;}

div#sidebar{float:left;width:100px;background:url(sidebar_bg_top.gif) no-repeat;padding:45px 0px 10px 0px;background-color:#7e6384;}
 #sidebar dt{color:#fff;border-bottom:1px solid #fff;}
 #sidebar dd{padding-left:5px;}
 #sidebar dd a{color:#fff;text-decoration:none;}
 #sidebar dd a:hover{text-decoration:underline;}

div#main{float:right;width:654px;_width:651px;padding-bottom:5px;}
 #main div.product_title{background:url(main_top.gif) no-repeat;height:59px;background-color:#502958;}
 #main div.product_list{float:left;width:340px;padding:10px 0px 0px 4px;}
  div.product_list ul{list-style-type:none;}
	div.product_list ul li{float:left;width:80px;margin-right:5px;}
	div.product_list ul li a{color:#fff;text-decoration:none;}
	div.product_list ul li a img{width:77px;height:77px;border:1px solid #502958;}
	div.product_list ul li a span{display:block;text-align:center;}
	div.product_list ul li a:hover img{border:1px solid #fff;}
  
 #main div.product_preview{float:right;width:300px;color:#fff;padding:10px 0px 0px 0px;}
 /*#main div.product_preview img{width:290px;height:290px;}*/
 #main div.product_preview div{text-align:center;}
 #main div.product_preview a{display:block;text-indent:-1000px;overflow:hidden;width:147px;height:23px;}
 #main div.product_preview a.add_cart{background:url(../jewelry_01_19.jpg) no-repeat;}
 #main div.product_preview a.view_cart{background:url(../jewelry_01_20b.jpg) no-repeat;}

/*leaflets img list*/
#leaflets_body{background-color:#450053;background:url(leaflets_center.gif) no-repeat center bottom;}
 #leaflets_body .leaflets_title{background:url(event_title.gif) no-repeat;height:57px;}
 #leaflets_body ul{list-style-type:none;padding-left:40px;height:335px;}
 #leaflets_body ul li{float:left;width:100px;margin:14px 15px 5px 15px;}
 #leaflets_body ul li a{color:#fff;text-decoration:none;}
 #leaflets_body ul li a img{width:100px;height:130px;border:1px solid #502958;}
 #leaflets_body ul li a span{display:block;text-align:center;}
 #leaflets_body ul li a:hover img{border:1px solid #fff;}
 
/*product*/
#product_body{background-color:#450053;background:url(product_center.gif) no-repeat center bottom;}
 #product_body .product_title{background:url(product_title.gif) no-repeat;height:58px;}
 #product_body ul{list-style-type:none;padding-left:40px;height:345px;}
 #product_body ul li{float:left;width:300px;height:320px;margin:14px 15px 5px 15px;}
 #product_body ul li a{color:#fff;text-decoration:none;}
 #product_body ul li a img{border:1px solid #502958;}/*width:100px;height:130px;*/
 #product_body ul li a span{display:block;text-align:center;line-height:20px;}
 #product_body ul li a:hover img{border:1px solid #fff;}

div.page_nav{clear:both;line-height:25px;margin-top:10px;text-align:center;color:#fff;}
/*div.page_nav a{color:#000;text-decoration:none;}*/
a.page{color:#fff;text-decoration:none;}
a.page:hover{text-decoration:underline;color:#000;}
a.arrow{color:yellow;text-decoration:none;}
a.arrow:hover{color:#000;}

div.bar{background:url(nav_bg.gif) repeat-x;height:25px;}
/*div#footer{background-color:#380144;color:#fff;line-height:25px;text-align:center;}*/
div#footer{background-color:#3D014B;background:url(../../../images/bt.gif) no-repeat center bottom;height:23px;}