/*
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 newstyle 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
*/


/* CSS RESET
---
    html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
    v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
    html5doctor.com/html-5-reset-stylesheet/
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display:block;
}

nav ul { list-style:none; }

blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; text-align:left;}
input, select { vertical-align:middle; }

.pdfpreview{border: 1px solid #aaa; vertical-align:top; padding: 5px; }
/* GENERIC PIECES
--- */
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
html { overflow-y: scroll; }
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.cf {overflow:hidden;}

/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink. */
::-moz-selection{ background: #666; color:#fff; text-shadow: none; }
::selection { background:#666; color:#fff; text-shadow: none; }


/* IE FIXES
--- */
button {  width: auto; overflow: visible; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }


/* Generic Print setup
--- */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; }
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}


/*************************************************************************/
/*************************************************************************/
/*************************************************************************/

html{background:url(./images/bg2.png);}
html, body {height:100%;color:#333;}


/* Typography
--- */
body {font: 13px/1.4 "Droid Serif",Georgia, Times, serif;}
h1 {font: bold 20px/20px Trump, Arial, sans-serif; text-transform:uppercase;}
h2 {font: bold 16px/16px Trump, Arial, sans-serif; text-transform:uppercase;}
h3 {font: bold 14px/14px "Droid Serif",Georgia, Times, serif;}

a {text-decoration:none;color:#5c995d;}

a:hover{color:#060;}

h1,
.type h1 {margin:0px 0px 8px; }
.type h2 {margin:14px 0 0; background:url(./images/dots.png) repeat-x 0 100%; padding-bottom:5px; padding-top:10px;}
.type h3 {margin:14px 0 0; font-size:14px; color:#000;}
.type p {margin:12px 0;}
.type ul {margin:20px;}

.type p a{background:url(./images/dots-blue.png) repeat-x 50% 100%;font-weight:bold;}
.type p a:hover{background-color:rgba(0,0,0,.05)}
.type pre{white-space: pre-wrap;  white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap;word-wrap: break-word; white-space: -moz-pre-wrap !important;}
.hide{display: none;}
/* Structure
--- */
.wrap {width: 864px; margin:0 auto; position:relative; }
body > .wrap{/* min-height:100%; */}
#logo { background: url(images/logo.png) no-repeat; width: 280px; height:80px; display: block; text-indent: -12065px;  margin-top: 24px; clear: both; position: absolute; left: 0; top: 1px; font-size: 17pt;  line-height: 75px;}

#content {overflow:hidden; padding-bottom:72px;padding-top:36px;}
.home #content{padding-top:0;}

div.primary {width:624px; float:left; padding-bottom:48px; padding-right:24px;background:url(./images/dots-vert.png) repeat-y 100% 0;}
div.secondary {float:right; width:192px; padding-left:25px; background:url(./images/dots-vert.png) repeat-y 0 0;margin-left:-1px; }

/* Secondary Navigation
--- */
.secondary nav ul {padding:0; margin:0;}

/* Main Navigation
--- */
header.main{padding-top:0px;}
header {overflow:hidden; position:relative; position:relative;height:80px;border-bottom:2px solid #004400;border-top:3px solid #005500;}
header nav.mainnav {position:absolute;right:0;bottom:0;display:block; overflow:hidden;margin-top:20px;}
header nav.mainnav a {font: normal 13px/11px Arial,Trump,sans-serif;
    color:#005000; text-transform:uppercase;  float:left;padding:12px 16px 8px;border-right:1px dotted #aaa; font-weight: normal;}
header nav.mainnav a:first-child {margin:0;border-left:1px dotted #aaa;}
header nav.mainnav a:hover{background-color: #e0f0e0;}
header nav.mainnav a.selected{background-color: #e0f0e0;}
header nav ul{display: none;}
header #topmenu{font-size:10px; position: absolute; top: 5px; right: 0px; }
header #topmenu .topIcon{display:block;height:11px;width:16px;}
header #topmenu .topIconinline{display:inline-block;height:13px;width:16px;margin:4px 4px 4px 0;line-height: 14px;vertical-align:middle;}
header #topmenu .ImgFlagCN{background:url(images/cn_normal.png) no-repeat center top;}
header #topmenu .ImgFlagCA{background:url(images/ca_normal.png) no-repeat center top;}
.sinaicon{	background:url(images/sina.png) no-repeat center top; display: inline-block; width:16px;height: 14px; line-height: 10px;}
.sep{height:12px;background-color: #e0f0e0; margin: 1px 0 12px; z-index: 10;}

.subnav{display: none;position:absolute;border: 0px solid red; z-index: 109999;}
.subnav a{display: block;padding:2px 16px 2px 16px;text-align: center;height: 24px;line-height: 24px;background-color:#fff; border-left: 1px dotted gray;border-right: 1px dotted gray;border-bottom: 0px dotted gray;min-width: 70px;}
.subnav a:hover{background-color:#e0f0e0; }

#subnav1{top: 83px;left: 575px;}
#subnav2{top: 83px;left: 778px;}


.pagination-top{margin: 0 0 10px 0;}
/* Home Page Entry Points
--- */
#entry-points {overflow:hidden; width:864px;margin-bottom:0px; padding-bottom: 5px; background:url(./images/dots.png) repeat-x 0 100%;}
#entry-points article {width: 260px;height: 180px; float:left; margin-right:36px; position:relative;color:#555; font-size:12px;}
#entry-points article:last-child {margin:0; padding-right:0; border:0;}
#entry-points h2 {padding:2px 0 6px 0; color:#222;}
#entry-points article .more {margin-top:12px;}

#entry-points .twitter h2{background:url(./images/news.png) no-repeat;padding-left:24px;}
#entry-points .tweets li{margin:6px 0; list-style: none; }
#entry-points .tweets li em{color:#aaa;}
#entry-points .featured img{float: left;}
#entry-points .featured h2{background:url(./images/feat.png) no-repeat;padding-left:24px;padding-bottom:12px}
#entry-points .featured h3{font: bold 14px/12px Trump, Arial, sans-serif; text-transform:uppercase;margin-bottom:6px}
#entry-points .featured .btn{margin-top:12px;}


.cases-list{width:864px;padding-top:24px;}
.cases-list .case{width:256px;height:180px;float:left;margin-right:30px}
.cases-list .case h2 a{display:block;height:60px;text-align:center;line-height:65px;color:#fff;background:#555 url(./images/bg-bottom-light.png);margin-bottom:6px;
    border:1px solid #fff;border-top:1px solid #333;border-left:1px solid #333;}
.cases-list .case h2 a:hover{background-color:#222; border:1px solid black; }
.cases-list .case .desc{font-size:12px;color:#777;margin-bottom:6px;}


#news{width:932px;overflow:hidden;}
#news article{width:408px;float:left;margin-right:24px; padding-top:24px; padding-right:24px;background:url(./images/dots-vert.png) repeat-y 100% 0;}
#news h2{font-size:16px;}
#news .twitter h2{background:url(./images/news.png) no-repeat;padding-left:24px;}
#news .featured img{float: left; margin-right: 9px;}
#news .featured p{margin-top: 40px;}
#news .featured h2{background:url(./images/feat.png) no-repeat;padding-left:24px;padding-bottom:12px}
#news .featured h3{font: bold 14px/12px Trump, Arial, sans-serif; text-transform:uppercase;margin-bottom:6px}
#news .featured .btn{margin-top:12px;}
#news .tweets li{margin:12px 0;font-size:12px;}
#news .tweets li em{color:#aaa;display:block;}
#feature-list span{display:block;float:left;width:12px;height:14px;background:url(./images/check.png) no-repeat 0 3px;
    text-indent:-10000px;margin-right:6px;}
#feature-list li{font-weight:bold;margin-bottom:4px;}


/* Links with arrows
--- */
a.more{display:inline-block;padding:4px 12px;background:#eee url(./images/bg2.png);color:#333;font-style:italic;border:1px solid #ddd;font-size:12px;}
a.more:hover{background-color:#555;color:#fff;}


/* Footer
--- */
footer.main {background:#333 url(./images/bg-bottom.png); height:100px;padding:8px 0;background:url(./images/dots.png) repeat-x top; overflow:hidden;
    margin-top:-37px;margin-left:auto;margin-right:auto;width:864px;}
footer.main .wrap *{display:inline;font:11px "Droid Serif", georgia, serif;}
footer.main .wrap h2{display:none;}
footer.main nav{color:#aaa; margin-right:32px;float:left;height:20px;margin-left:3px;line-height:20px;}
footer.main nav a{float:left;padding: 3px 6px 3px 0;color:#666;}
footer.main nav a:hover{color:#060;}
footer.main p.made{float:right;margin-top:3px;color:#aaa;}
footer.main p.made a{color:#666;}
footer.main p.made a:hover{color:#060;}
footer .info{color:#aaa; font:10px "Droid Serif", georgia, serif;}
footer .info a{color:#666;}
footer .info a:hover{color:#060;}

/* sidebar */
.secondary{font-size:12px;color:#666;line-height:16px;}
.secondary h2{font: bold 13px/1.1 'Droid Serif', georgia,serif;margin-bottom:7px;text-transform:none;color:#000;}
.secondary p{margin-bottom:5px;}
.secondary .box{border-top:2px solid #333;padding-top:12px;}

.products h2{margin:15px 0 8px 0}
.products h3{margin:0 0 1px 0;}
.products h2, .products h3{ cursor: pointer; color:#060;  }
.products .add1{ line-height: 25px; }

.product p.tit{
	background: url("./images/dots.png") repeat-x scroll 0 100% rgba(0, 0, 0, 0);
    margin: 14px 0 0;
    padding-bottom: 5px;
    padding-top: 10px;
    font: bold 16px/16px Trump,Arial,sans-serif;
    text-transform: uppercase;
}
.product h2{
	background: none;
	text-transform: none;
	font: normal 13px Sans-serif;
}
/* Download
--- */

.download .btn {padding:10px 0;}
.download .btn span {line-height:33px; margin-left:15px; font-weight:normal;}
.download .secondary {padding-bottom:40px;}
.download #feature-list {list-style:none; padding:0; margin:20px 0;}
.primary {width:625px; float:left;padding-right:24px;background:url(./images/dots-vert.png) repeat-y 100% 0;}
.secondary {float:right; width:192px; padding-left:24px; margin-left:-1px;background:url(./images/dots-vert.png) repeat-y;}


/* Purchase
--- */
body.theme-purchase .buy-form {margin-top:10px}
body.theme-purchase .buy-form .btn {margin-top:10px}


pre code {background: #eee; margin:20px 0; display:block; padding:5px;}


.errorlist {color: red;}


/* Buttons */
.btn a{display:inline-block;padding:4px 12px;background:#7cb0b3 url(./images/bg2.png);color:#fff;font-weight:bold;border-bottom:1px solid #fff;
    border-right:1px solid #fff;border-top:1px solid #689193;border-left: 1px solid #689193;font-size:12px;}
.btn a i{font-style:normal;}
.btn a.download,
.buy-form .btn a{padding:12px 16px 8px;font-size:14px;font: bold 22px/22px Trump, Arial, sans-serif; text-transform:uppercase;}
.btn a.download i{background:url(./images/arr-down.png) no-repeat 100% 0;padding-right:20px;}

.btn a.preview{background:#eee url(./images/bg2.png);color:#333;border-bottom:1px solid #fff;border-right:1px solid #fff;border-top:1px solid #ddd;border-left:1px solid #ddd;}

.btn a:hover,
.btn a.preview:hover{border-top-color:#333;border-left-color:#333;background-color:#555;color:#fff;}


#legacy{background:#eee url(./images/bg2.png);padding:12px;}
#legacy input[type=text]{padding:3px;font-size:16px;margin: 0 6px;}

input[type="text"],
textarea,
select{background:#fff;border:1px solid #ddd;font-family:'Droid Serif', georgia, serif;}

.box ul{list-style:none;}
.box ul li{padding:3px 0;background:url(./images/arr2.png) no-repeat 1px 5px;
    padding-left:10px;font-weight:normal;font-size:12px;line-height:1.2;}

#tagline{z-index:1;position:absolute;top:20px;left:20px;}
#tagline span{font-size:18px;line-height:26px; color:#eed;font-family:'Droid Serif',georgia,serif;text-transform:none;font-weight:normal;display:inline;
    background:#000;background:rgba(0,0,0,.8);padding: 2px 6px;position:relative;clear:both;}
#tagline a{float:left;background:#fff url(./images/bg2.png);font:italic 13px/14px 'Droid Serif',georgia,serif;padding:6px 12px;color:#444;margin-top:8px;opacity:.8;}
#tagline a:hover{opacity:1;color:#000;}

/* webkit scroller */
pre::-webkit-scrollbar { width:5px; height:5px; background:#ddd; margin-right:5px; }
pre::-webkit-scrollbar-thumb { height:10px; background-color:#222; }

.downloaddiv{width: 305px; display: inline-block; height: 190px; vertical-align: top; padding:0; margin:10px 0;}
.downloaddiv h3{margin:9px 0 0 0;}
.downloaddiv img{display: block; margin: 5px 0;}
/************************************************************/
#imageGallary{ width: 624px; height: 120px; }
.primarydemotitle{padding-top: 10px;}
#demo { width:864px; height:290px; margin-bottom: 20px;}
.pdficon{ width:20px; height: 16px; line-height: 16px; display: inline-block; background:url(./images/pdf.gif) no-repeat 0 0; }
.categorylist h3{ margin: 3px 0 0px 0; }
.productbox {display: inline-block;margin-bottom: 10px;max-width: 200px;min-width: 200px;font-size: 10px;}
.fileicon{width:20px; height: 16px; line-height: 16px; display: inline-block;}
#productpic{float: left;max-width: 302px;max-height: 230px;width: 302px; height: 230px;margin-right: 10px; }
.showbox{display: none;}
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;}
.type table th{text-align: right;}
.type table td{padding-left: 10px;}
.type .rightbox{min-height: 190px;}
.emailform{
	width: 100%;
	margin: 10px auto 0;
}
.emailform h2{
	margin: 0 0 10px 0;
}
.emailform  input[type=text]{
	margin: 3px 0 10px;
	width: 50%;
	min-width: 200px;
	height: 25px;
}
.emailform  textarea{
	margin: 10px 0;
	width: 99%;
	min-width: 200px;
	min-height:360px; 
}
.emailform  input[type=submit]{
	display: block;
	width: 80px;
	height: 25px;
	margin: 10px;
}