/*
Theme Name: Default Chinese
Theme URI: http://www.winperwood.com/
Description: The default Chinese Winperwood theme based.
Version: 1.0
Author: Lianxu
Author URI: http://www.beyondcow.com/
Tags: green, custom header, fixed width, two columns, widgets
	Winperwood default v1.0
	http://www.beyondcow.com/

	This theme was designed and built by Lianxu,
	whose blog you will find at http://www.beyondcow.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

*{
	margin:0;padding:0;
}
body{
	text-align:left;
	font:11px/1.231 arial,helvetica,clean,sans-serif;
	font-size:9pt;
	background-color:#999;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}
table td{margin:0;padding:0;}

a {
	font-weight: normal;
	color: #5f9e36;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #D82906;
}

.hiden{display:none;}
.center{text-align:center;}
.block{display:block;}

p{
	text-decoration: none;
	text-align: justify;
	margin:10px 5px 10px 5px;
}

img{
	border:0;
} 


/********* Layout ************************/

#doc{
	text-align:left;
	width:950px;
	margin:20px auto;
}
#topdiv{
	-moz-border-radius-topright:11px;
	-moz-border-radius-topleft:11px;
	-webkit-border-top-right-radius:11px;
	-webkit-border-top-left-radius:11px;
	height:99px;
}

.leftcolumn{
	width:199px;
	vertical-align:top;
}
.rightcolumn{
	vertical-align:top;
	width:740px;
	padding:0;
}

#bodydiv{
	width:948px;
}

#bottomdiv{
	clear:both;
	width:950px;
	-moz-border-radius-bottomright:11px;
	-moz-border-radius-bottomleft:11px;
	-webkit-border-bottom-right-radius:11px;
	-webkit-border-bottom-left-radius:11px;
	border-bottom-left-radius:11px;
	border-bottom-right-radius:11px;
	height:58px;
}

/********* Layout ************************/

.barimg{margin:0 0 10px 0;}

#topdiv{
	background-color:#fff;
	border-top:1px solid #666;
	border-left:1px solid #666;
	border-right:1px solid #666;
}

#logo{float:left; margin:12px 0 0 15px;}

#bodydiv{
	background-color:#fff;
	border-left:1px solid #666;
	border-right:1px solid #666;
}

.rightcolumn{}

#bottomdiv{
	font-size:10px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #003300;
	line-height: 58px;
	clear:both;
}
#bottomdiv span{
	display:inline-block;
	padding-left:30px;
}
#bottomdiv a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

#faq{
	background: url(faqch.gif) no-repeat -2px 0;
	padding-top:40px;
	list-style-type:none;
	margin:20px 12px auto 15px;
	*margin:20px 10px auto 15px;
	text-align:left;
	border:1px solid #fff;
}

#faq li{
	margin-bottom:10px;
}
#faq li a{
	color: #5b7a5b;
}
#faq li a:hover{
	color: #D82906;
}
#faq li .highlightLink{
	color: #D82906;
	text-decoration: underline;
}
.highlight{
	color:#F00;
}


#topmenu{
	font-size:10px;
}
#topmenu .topIcon{
	display:block;
	height:11px;
	width:16px;
}
#topmenu .topIconinline{
	display:inline-block;
	height:11px;
	width:16px;
	margin:4px 4px 4px 0;
	vertical-align:middle;
}
#topmenu .home{
	background:url(images/home_normal.png) no-repeat center top;
	margin:0 0 2px 0;
}
#topmenu .ImgFlagCN{
	background:url(images/cn_normal.png) no-repeat center top;
}
#topmenu .ImgFlagCA{
	background:url(images/ca_normal.png) no-repeat center top;
}

#leftmenu ul{
	list-style-type:none;
	margin:5px 4px 30px 4px;
	padding:0;
	border:0;
}

#leftmenu li{
	margin-left:0px;
	border-bottom:1px solid #cacaca;
	line-height:30px;
	text-align:left;
	padding-left:27px;
	font-weight:100;
	cursor:pointer;
	background:url(arrow.gif) no-repeat 160px 2px;
}

#leftmenu li:hover, #leftmenu li.sfhover{
	background:url(arrow.gif) no-repeat 140px -22px;
}

#leftmenu a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9.5pt;
	font-weight: bold;
	color: #000000;
	display: block;
}
#leftmenu a:hover{
	color: #D82906;
}


#banner{
	background-color: #1a6329;
	width:100%;
	height:160px;
}

.maintable{
	border-collapse:collapse;
	width:100%;
}
.maintable .td1{
	vertical-align:top;
	width:230px;
}

.maintable .td2{
	vertical-align:top;
	width:66%;
}

.categorytb{
	border-collapse:collapse;
	width:100%;
	margin-bottom:30px;
}
.categorytb th{
	width:130px;
	text-align:left;
	padding:0;
}
.categorytb td{
	text-align:left;
	vertical-align:text-top;
}

.categorytb th img{
	border:0;
	margin-right:13px;
	width:94px;
	height:55px;
	text-align:left;
	margin-bottom:10px;
	margin-left:5px;
}


.srchbox{
	text-align:left;
	padding:0 0 0 14px;
	color:#050;
}

.srchbox .srchipt{
	width:160px;
	border:1px solid #050;
	color:#050;
}

.contactbox{
	text-align:left;
	padding:0 0 0 14px;
	color:#050;
	margin-top:20px;
}
.produ{
	margin:10px 0 20px 0;
	border:0px solid red;
}

.intro{
	border:0px solid red; margin:10px 10px 20px 10px;
}
.intro p{
	margin:5px 0 0 0;
}
.intro .title{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13.5pt;
	font-weight: bold;
	color:#5f9e36;
	text-align:left;
	margin:10px 0 5px 0;
}

#product{width:100%;}





.greenHeading {
	font-weight: bold;
	color: #5f9e36;
	text-decoration: none;
	padding:5px 0 5px 0;
}


#product table{
	border-collapse:collapse;
	width:100%;
	margin:0px 0 0px 0;
}
#product table td,th{
	border:0px solid red;
}
#product th{
	width:100px;
	text-align:right;
}

.tit{
	background-color:#d1e4d1;
	height:30px;
	vertical-align:middle;
	line-height:30px;
	padding-left:8px;
	cursor:pointer;
	border-top:1px solid #b1c4b1;
	border-left:1px solid #b1c4b1;
	border-right:1px solid #b1c4b1;
	color:#3b4f44;
	margin-top:5px;
}

.tith{
	background-color:#d1e4d1;
	height:30px;
	vertical-align:middle;
	line-height:30px;
	padding-left:8px;
	cursor:pointer;
	border:1px solid #b1c4b1;
	color:#3b4f44;
	margin-top:5px;
	margin-bottom:20px;
}

#category{border:1px solid #b1c4b1;margin-bottom:20px;padding:10px;}
#category ul{margin-left:8px;}

#gradegroup{border:1px solid #b1c4b1;}


#gradegroup ul{
	list-style:none;
	margin-left:8px;
}
#gradegroup li img{
	vertical-align:text-top;
	border:1px solid #AAA;
	padding:2px;
	margin-right:3px;
	height:50px;
	width:69px;	
}
.faqdiv{
	margin:0 5px 0 5px;
	width:100%;
}
.faqdiv a{
	color:#060;
}
#qdiv{width:560px;}
#qdiv ul{margin:10px 0 10px 10px; padding:0;}
#qdiv li{
	list-style:none;
	background:url(right-chk-icon.gif) no-repeat 0px 0px;
	*background:url(right-chk-icon.gif) no-repeat 0px 6px;
	padding:0 0 0 15px;
	margin:0;
	line-height:10px;
	*line-height:24px;
}

#atable{
	width:100%;
	text-align:left;
}
#atable th{
	background-color:#ddfee0;
	padding:2px 0 2px 5px;
	text-align:left;
}
#atable td{
	background-color:#f4fff5;
	padding:2px 5px 2px 5px;
	text-align:left;
}
#atable .up{
	text-align:right;
	background-color:#FFF;
	height:25px;
}
#atable .up img{
	border:0;
}

.bannerframe{
	width:100%;
	height:350px;
}

.categorylist{margin:5px;}
.categorylist table{ border-collapse:collapse; border:0px solid red; width:100%;}
.categorylist table td{vertical-align:top; text-align:left;border:0px solid blue; padding:5px 0 0 5px;}
.categorylist table th{width:80px; padding:5px 0 0 0;}
.categorylist ul li, .categorylist li{list-style-type:none;}

#categorylist{
	width:720px;
	padding:10px;
	margin:0 0 20px 0;
	border-bottom:1px solid #b1c4b1;
	border-left:1px solid #b1c4b1;
	border-right:1px solid #b1c4b1;
}
#categorylist ul li, .categorylist li{list-style-type:none;}

.sglist{margin:10px;}
.sglist ul{margin:10px;list-style-type:none; clear:both; overflow:auto;zoom:1;}
.sglist li{
	margin:5px 5px 0 0;border:0px solid #222;
	list-style:none;
	display:block;
	float:left;
	width:220px;
	word-break:break-all; 
}
.sglist li img{float:left;}
.sglist li a{
	float:none;
	word-break:break-all;
}
.sglist h4{
	width:180px;
	word-break:break-all;
}
h4{
word-break:break-all;
}
	#bannerdiv {
		width: 100%;
		height: 290px;
		background: #000;
		text-align:center;
	}
	#bannerdiv .diapo {
		cursor: pointer;
		-ms-interpolation-mode: nearest-neighbor;
	}
	#bannerdiv .link {
		border: dotted #fff 1px;
		margin-left: -1px;
		margin-bottom: -1px;
	}
	#bannerdiv .bank {
		visibility: hidden;
	}
	#bannerdiv .top {
		width: 100%;
		height: 40%;
		background: #181818;
	}
	#bannerdiv .text {
		width: 100%;
		text-align: center;
		color: #FFF;
		font-family: verdana, arial, Helvetica, sans-serif;
		z-index: 1000;
	}
	#bannerdiv .title {
		font-size: 0.9em;
		font-weight: bold;
	}
	#bannerdiv .legend {
		font-size: 0.8em;
	}
	#bannerdiv .scrollbar {
		width: 80%;
		height: 16px;
		z-index: 1000;
	}
	#bannerdiv .track {
		left: 1%;
		width: 98%;
		height: 16px;
		filter: alpha(opacity=30);
		opacity: 0.3;
	}
	#bannerdiv .arrow-left {
	}
	#bannerdiv .arrow-right {
		right: 0px;
	}
	#bannerdiv .bar {
		height: 16px;
		left: 25px;
	}

.producttable{margin:25px 0 25px 0; width:700px; }
.producttable h1{
	color:#3c5148;
	font-size:13pt;
	margin:0 0 10px 0;
	font-weight:bold;
}
.producttable table{
	border-top:2px solid #95b5a3;
	width:100%;
	background-color:#d1e4d1;
	color:#3c5148;
        font-size:10pt;
}
.producttable table th{
	text-align:right;
	width:130px;
	height:25px;
	border-bottom:1px solid #c1d4c1;
        font-size:10pt;
}
.producttable table td{
	padding-left:18px;
	border-bottom:1px solid #c1d4c1;
         font-size:10pt;
}
.producttable table td span{
	cursor:pointer;
}

.nav{
	margin:0 0 20px 0;
	padding:0 0 8px 4px;
	border-bottom:1px dashed #3c5148;
	font-size:11pt;
	color:#3c5148;
	font-weight:600;
}
.nav a{
	font-size:11pt;
	font-weight:600;
}

.des{
	min-height:250px;
	height:auto !important;
  	height:250px;
	color:#3c5148;
	font-size:11pt;
}
.des h1{
	color:#3c5148;
	font-size:14pt;
	margin:0 0 15px 0;
	font-weight:bold;
}
.des h2{
	color:#3c5148;
	font-size:9pt;
	margin:0 0 15px 0;
}
.productpic{
	padding:5px;
	width:320px;
	height:240px;
	background-color:#d1e4d1;
	border:1px solid #7c9188;
	text-align:center;
	float:left;
	clear:both;
	display:block;
	margin:0 8px 8px 0;
}

.resource{margin:20px 12px 28px 15px;}

.resource h1{
	font-size:10pt;
	font-weight:bold;
}
.resource h2{
	font-size:9pt;
	font-weight:bold;
}

.bar{background-color:#030;margin:0 0 10px 0;color:#fff;font-size:15pt;height:35px;line-height:35px;padding:0 0 0 9px;}

.more{float:right;}
.detail{text-decoration:underline;}

div.showbox img.sbResize {position: absolute; right: 2px; bottom: 2px;}

div.showbox {
    display: none;
    
    position: relative;
    
    width: 320px;
 	background-color:#FFFFCC;
    border: 1px solid #000;
    padding: 0;
}
.sbIcon{
	clear:both;
	float:left;
	margin:5px 0 0 5px;
}
.sbTitle{margin: 0 25px;}
  
.sbTitle h1{
  margin: 5px 0;
  padding-left:5px;
  width: 100%;
  height:14px;
  line-height:14px;
  font-size:10px;
  color:#FFFFCC;
  background-color:#005500;
}

div.showbox .sbClose {
  position: absolute;
  cursor: pointer;
  right: 4px;
  top: 6px;
}

.sbContent{
  border-top:1px;
  color:#000;
  font:12px/18pt Comic Sans, Comic Sans MS, cursive;
  padding:0 20px 5px;
}