@charset "utf-8";
/*
描述: Cavan主题样式表第五十七套
作者: xxxxxx
版本: 0.1

[目录表]

0- common
1- Container
2- Header
3- Body
4- Footer
5- main
6- sidebar
7- content
8- feedback
9- product
10- faq
*/

/* =0 common
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a{ color:#707070; text-decoration:none;}
a:hover{ text-decoration:underline;}

/* =1 Container
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body{padding:0px;}
#Container{width:920px;  }


/* =2 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Header{position:relative;margin:0 auto; height:125px; z-index:10;background: url(images/header-bg.jpg) no-repeat top right; }
#headerMenu {color:#555555;position:absolute;right:14px;top:10px;white-space:nowrap;}
#Logo{top:-10px; left:-50px}
.logoText{font-size:24px; position:absolute; left:62px; top:20px;}
.logoText a{color:#fff; line-height:41px; font-family:Verdana;}
.logoText a:hover{ text-decoration:none;}

#Navbar{top:95px; left:0; width:100%; background: url(images/nav_bg.jpg) repeat-x top}
.scrollNav{ position:absolute; right:10px; top:0; width:28px;}
.navleft,.navright{ width:14px; height:34px; cursor:pointer;}
.navleft{float:left; background:url(images/navLeft.gif) no-repeat center;}
.navright{ float:right; background:url(images/navRight.gif) no-repeat center;}

.nav{ margin-left:100px }
.nav_in{ }
.nav li{float:left; line-height:32px; height:32px; background:url(images/nav_li_hover_bg.gif) repeat-x;}
.nav li a{width:85px;font-weight:bold; text-align:center; color:#fff; background:url(images/nav_li_bg.gif) repeat-x;display:block;}
.nav li a:hover,.nav .navhover a{width:85px;color:#fff; text-decoration:none;  background:url(images/nav_li_hover_bg.gif) repeat-x;display:block;}
.nav .liImg{width:2px;background:url(images/nav_line.gif) no-repeat center;}

.submenu{ position:absolute; padding:0 10px 0 10px; top:31px; z-index:100; display:none; line-height:25px; white-space:nowrap; background:#afc24b;}
.submenu .subline{ display:none;}
#Navbar .submenu a{ display:inline-block; color:#fff; font-weight:normal; background:none;}
#Navbar .submenu a:hover{color:#fff; background:none; font-weight:bold;}

/* =3 Body
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Body{width:920px;margin:0 auto;}
#Wrapper{border:1px solid #fff;}
#Banner{position:relative;margin-bottom:8px;}
.bannerText{position:absolute; left:50px; top:60px; color:#fff000; font-weight:bold; font-size:25px; }

/* =4 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#Footer{background:#f3f3f3;  margin-top:20px; padding:12px; color:#888888;text-align:center; line-height:25px;}
#Footer a{ color:#333333;}
#Footer img{ border:#f3f3f3 1px solid;}
.footer_authentication, .footer_stat, .footer_records{ display:inline; padding:0 6px;}

/* =5 main
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.com_title{ clear:both; background:url(images/box-top-ico.gif) no-repeat 0px 8px; padding-left:15px; border-bottom:2px solid #336699;  height:27px;line-height:27px; color:#336699; margin-bottom:10px;}
.com_title h2{font-weight:bold; padding-left:2px; }
.more{ text-align:right; font-size:12px; margin-top:20px; }
.more a{color:#afc24b}

/* =6 sidebar
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

.side .com_title{ margin:0; background:#336699;color:#fff; border-bottom-style:none;}
.side .content{ color:#707070; border:1px solid #336699;}
.side ul{ list-style-type:none}
.discUL{list-style-position:outside; list-style:none;}
.discUL li{  list-style-type:none; background:url(images/list-ico.jpg) no-repeat 0px 7px; padding-left:10px;}
.com_bullet li{}
.com_bullet li a{color:#707070; text-decoration:none; font-weight:normal;}
.com_bullet li a:hover{ color:#f6260b; text-decoration:underline;}

#SideBar {
float:left;
margin-left:-920px;
}

.Sub_special{ width:193px;}

/* =7 content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.content{ margin-bottom:10px; padding:10px;}
.content img{ vertical-align:middle;}
.content table tr{padding:1px 0px;font-size:14px}
.content a{}
.content a:hover{color:#f00;text-decoration:none;}
.content h3{font-size:12px; font-weight:bold;}

#Main{font-size:14px}
/* =8 feedback
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.feedback_con{ margin-bottom:20px;}
.feedback_con{ padding:0 10px;}
.feedback_con table td { height:37px; }
.feedback_con .btn{ background:url(images/messageboard_btn_bg.gif) no-repeat; width:76px; height:24px; font-size:12px; color:#fff; border:none; cursor:pointer;}
.feedback_con table input { padding:1px; border:1px solid #d8d8d8; background:#fff; width:132px; height:15px; }
.feedback_con table textarea{ padding:1px; width:286px; height:136px;  border:1px solid #d8d8d8; background:#fff;}

/* =9 product
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.product_sidecon{}
.tree{ margin:20px 10px 0 20px; line-height:27px;}
.tree li{ border-bottom:1px solid #e5e5e5; zoom:1;}
.tree li.open{}
.tree li a{ color:#333; display:block; padding-left:19px; background:url(images/tree-plus.gif) no-repeat 6px 10px;}
.tree li a:hover{ color:#f6260b; font-weight:bold;}
.tree .open a{ color:#333; font-weight:bold; background:url(images/tree-minus.gif) no-repeat 6px 10px;}
.tree_sub{ padding-bottom:5px;}
.tree .tree_sub li{ padding-left:30px; line-height:24px; border:none;}
.tree .tree_sub li a{color:#888888; font-weight:normal; background:url(images/list-ico.jpg) no-repeat 9px 10px;}
.tree .tree_sub li a:hover{ color:#f6260b;}
.tree .tree_sub .cur a{}
.product h3 a{ font-size:14px; font-weight:bold; color:#000;}
.prdcrumb{ font-family:Simsun; margin:20px 10px; padding-left:12px; background:url(images/treeico_parent.gif) no-repeat left center;}
.prdcrumb a{ color:#000;}
.prdcrumb strong{ font-weight:bold; color:#000;}
.product_con_detail{ padding:0 10px;}
.product_con_detail .pic{ margin:0 0 20px 10px;}
.product_con_detail .info{ margin-left:10px;}
.product_con_detail .info table{ font-family:Verdana; line-height:18px;}
.product_con_detail .info th{ text-align:right; padding:0 10px;}
.product_con_detail .info td{ height:28px; padding:0px;}
.prdname td{ font-size:14px; color:#333; font-weight:bold;}
.prdpromotion td{ font-size:14px; color:#f60; font-weight:bold;}

.page{ background:#f7f7f7; margin:20px 10px; clear:both; text-align:center; padding:5px 0;}
.page a{ color:#555; text-decoration:underline; margin-right:10px;}
.page a:hover{ color:#f60;}
.page .disabled{ color:#6d6d6d; margin-right:10px;}
.page select{ color:#f60;}

/* =10 faq
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.faq_sidecon{}
.faq_con h3{ margin:35px 10px 0; padding-left:20px; background:url(images/faqico.gif) no-repeat left center; font-size:14px; color:#a64a00; line-height:25px;}
.faq_con p{ margin:0 10px 0 30px; line-height:25px;}