@charset "utf-8";
*{ margin: 0; padding: 0; }* 
body { 
	font: .74em Verdana, Arial, "Trebuchet MS", "宋体", Tahoma, sans-serif; 
	line-height: 1.6em;
	background: #fff url(../images/bg.gif) repeat-x; 
	color: #444; 
}
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
ul{
	margin: 0px;
	list-style-type: none;
}
a {	color: #317486;	 text-decoration: none; }
a:hover { color: #808080;  }
p { margin: 0 0 15px 0; }
h1 { font: bold 1.7em Arial, Sans-Serif;  margin: 20px 0 0; }
h1 a { color: #fff;  }
h1 a:hover { color: #E4FFD3;  }
h2 {
	font: bold 1.6em Arial, Sans-Serif;
	margin-top: 10;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
}
h4 { color: #808080;  font-weight: normal; font-size: .9em; }

#content { width: 900px; margin: 0 auto; }

#logo { margin: 10px 0 0 0; height: 66px; width: 240px; float: left; background: url(../images/logobg.gif) no-repeat bottom; text-align: center;}
#menu{
	display: inline;
}
#menu ul { float: right; padding: 40px 0 0; margin: 0 0 18px; }
#menu li { font-size: 1.1em; display: inline; }
#menu li a {
	color: #ccc;
	background: #505050 url(../images/tab.gif) no-repeat right bottom;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
	padding-top: 30px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0;
}
#menu li a:hover { background: #505050 url(../images/tabhover.gif) no-repeat right bottom; color: #FEFFB8; }

#intro { 
	clear: both;
	background: #fff url(../images/intro.jpg) no-repeat;
	color: #4C8734;
	height: 170px;
	margin: 0 0 20px;
	padding: 45px 40px 0 0;
	text-align: right;
}
	#intro h1 { margin: 0; }
	#intro p { margin: 0; }
	
	#login { font-size: .9em; margin: 82px 0 0; }
	#login a { color: #fff; background: #8BE1FA; padding: 4px 20px 6px;}
	#login a:hover { color: #fff; background: #8BE1FA url(../images/loginhover.gif) no-repeat; }

#left { clear: left; float: left; width: 240px; padding: 0 15px 0 15px; font-size: .9em; margin: 0 0 15px; }
	#noticeList{
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 15px;
	}
	#noticeList ul {
	list-style: none;
	margin: 0;
}
	#noticeList li {
	background: #fff url(../images/bullet.gif) no-repeat center left;
	color: #46852F;
	line-height: 25px;
	height: 25px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 12px;
}
	#noticeList li a { background: #EAFFE3; color: #46852F; }
	#noticeList .addTime{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	color: #666666;
	}
#right {
	margin: 0 15px 20px 0;
	padding: 0 0 0 25px;
	float: right;
	width: 590px;
	text-align: justify;
}
	#notice { padding: 12px 14px 1px; background: #f4f4f4 url(../images/noticebg.gif) no-repeat bottom right; color: #808080; }
	#left a, #right a { color: #317486; }

	#right h2 { border-bottom: 1px solid #ccc; padding: 0 0 8px; }

#footer { clear: both; border-top: 1px solid #ccc; padding: 10px 0; margin: 0 0 15px; font-size: .9em; color: #808080; background: #fff; }
	#footer a { color: #4CA031; background: #fff; }
	#col1 { float: left; width: 274px; padding: 7px 0 0 15px; margin: 0 0 10px; }
	#col2 { float: left; width: 250px; border-left: 1px solid #ccc; padding: 7px 0 0 40px; }
	#col3 { float: right; width: 250px; border-left: 1px solid #ccc; padding: 7px 0 0 40px; }


/****** Sidebar Panels ******/
.panel{
	margin-bottom: 10px;
	border: 1px solid #D3D4D6;
	background-image: url(../images/panelH5Bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.panel h2 {
	margin: 0px;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
	text-indent: 10px;
}
.panel-content{
	
}
/* Link panel */
.hide{
	display:none;
}
.panel-content ul{
	padding: 0px;
	margin: 0px;
}
.panel-content li{
	padding: 0px;
	margin: 0px;
}
#panelLink{
	height:195px;
}
.panel-content{
	padding-top: 10px;
}
#panelLink .panel-content #picLink{
	float: left;
	width: 100px;
}
#picLink ul{
	padding-right: 8px;
	padding-left: 8px;
}
#picLink li{
	height: 40px;
	vertical-align: middle;
}
#picLink img{
	height: 33px;
	width: 88px;
}
#panelLink .panel-content #textLink{
	float: left;
	width: 120px;
}
#textLink ul{
	padding-left: 4px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E2E8EE;
}
#textLink li{
	height: 20px;
}
/* user panel */
#panelUser .panel-content{
	height: 135px;
}

/* user panel MemberLogin */
#panelUser .panel-content .memberLogin{
	margin: 5px;
	color: #666666;
	position: relative;
}
#panelUser .panel-content .memberLoginBox{
	color: #666666;
	position: relative;
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 25px;
}
.memberLogin td{
	height: 27px;	
}
.memberName,
.password,
.code{
	color: #666666;
	background-color: #F9FAFB;
	height: 16px;
	border: 1px solid #E2E8EE;
}
.memberName,
.password{
	width: 90px;
}
#panelUser .panel-content .regMember{
	text-decoration: underline;
}
.code,
.codeImg{
	vertical-align: middle;
}
.loginBt{
	color: #666666;
	background-image: url(../images/loginBtBg.jpg);
	background-repeat: no-repeat;
	height: 20px;
	width: 45px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.loginErrorSummary{
	background-color: #FFFFCC;
	display: block;
	font-size: 12px;
	border: 1px solid #A0A0A0;
	padding: 10px;
	position: absolute;
	left: 116px;
	top: 100px;
	width: 120px;
}
.memberLogin ul,
.memberLoginBox ul,
.loginErrorSummary ul{
	padding: 5px;
}
.memberLogin li,
.memberLoginBox li,
.loginErrorSummary ul li{
	color: #999999;
	list-style: square inside;
}

.memberLoginBox{
}
.loginBoxTitle{
}
.loginName{
}
.loginBoxLink{
}
.editLink{
}
.outLinkButton{
}

/* vote panel */
#panelVote .panel-content{
	height: 165px;
}
.votePanel{
	padding-top: 10px;
	padding-left: 15px;
}
.voteTitle{
	color: #000000;
	margin-bottom: 2px;
	display: block;
}
.voteList{
	padding: 0px;
	display: block;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 10px;
	margin-top: 0px;
}
.voteList input{
}
.voteButtonBox{
}
.voteButton,
.showButton{
	background-image: url(../images/voteBtBg.jpg);
	background-repeat: no-repeat;
	height: 20px;
	width: 60px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #666666;
}

.showPanel{
	padding-top: 20px;
	padding-left: 15px;
}
.showVoteTitle{
}
.showVoteTitle .voteMsg{
	color: #999999;
}
.showVoteList{
	margin-top: 10px;
	margin-left: 10px;
}
.showVoteList ul{
}
.showVoteList ul li{
	color:#333333;
	list-style: square inside;
	height: 16px;
}
.showVoteList ul li span{
	color: #999999;
	margin-left: 3px;
}

/* notice-news */
#notice-news{
	margin-bottom: 15px;
}
#notice-news .addTime{
	color: #666666;
	margin-left: 5px;
}
#news{
	
}
#newsContent{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#newsContent li{
	height: 25px;
	background-image: url(../images/notice-newsLi.jpg);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 10px;
	position: relative;
	display: block;
	width:550px;
}
#newsContent li .addTime{
	position: absolute;
	top: 0px;
	right: 15px;
}
/* product */
#product{
	clear: left;
}
#productTitle{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D3D4D6;
}
#productContent{
	padding-top: 8px;
	padding-right: 5px;
	line-height: 140%;
}

.productList{
}
.productAlternating,
.productItem{
	width: 235px;
}
.productImage{
	text-align: center;
}
.productImage img{
	text-align: center;
}
.productText{
	line-height: 120%;
}
.productClassName{
}
.productName{
}
#productContent .productName{
	color: #FF0000;
	text-decoration: underline;
	text-align: center;
	display: block;
	margin-top: 10px;
	margin-bottom: 2px;
}
.productNumber{
}
.price{
}
.productShortContent{
	display: none;
}
.productNumberLabel{
}
.priceLabel{
}
.cartButton{
	line-height: 23px;
	color: #000000;
	background-color: #FFFFFF;
	background-image: url(../images/CartBtBg.jpg);
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 19px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 23px;
	width: 80px;
}
.productNameBox{
}
.productNumberBox,
.priceBox{
	padding-left: 25px;
}
.cartButtonBox{
	padding-top: 5px;
	text-align: center;
}
/* a style which makes mainWrapper touch the bottom of sidebar and content */
.clear{
	border-top:1px solid transparent !important;
	margin-top:-1px !important;
	border-top:0;
	margin-top:0;
	clear:both;
	visibility:hidden;
}