@charset "utf-8";
/* CSS Document */
html{-webkit-text-size-adjust: none;}
body {margin:0; padding:0; font-size:11px; line-height:1.6em; font-family:verdana, Arial, Tahoma, Helvetica, sans-serif; color:#687175; background:url(style_img/body_bg.png) repeat-x left top #fff; height:100%; width:100%;}
html, body, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, img{margin:0px; padding:0px;}
ul, ol, li, dl, dt, dd {list-style:none;}
input, select, option {font-family:verdana, Arial, Tahoma, Helvetica, sans-serif; font-size:11px; margin:0;}
img {border:0px;}
a, a:link {color:#85aa10; text-decoration:none;}
a:hover {color:#3e4e57; text-decoration:underline;}
a, area {blr:expression(this.onFocus=this.blur())} /* for IE */
:focus {-moz-outline-style: none; } /* for Firefox */

/*header*/
#logo span, .language_btn .us, .language_btn .language_list, .top_nav, .top_nav .nav_r, .top_nav span, .top_nav .cart, .top_nav .newsletter, .livechat, .header_right .download{background:url(style_img/header_img.png) no-repeat;}
.page_top {background:url(style_img/top_bg.jpg) no-repeat right top; font-family:'Segoe UI',verdana, Arial, Tahoma, Helvetica, sans-serif;}
#header {width:966px; margin:0 auto; height:80px;}
#logo { float:left; height:50px; padding:10px; width:380px;}
#logo a {float:left; display:block; background:url(style_img/wondershare_logo.png) no-repeat; width:150px; height:50px; text-indent:-9999px; overflow:hidden;}
#logo span {float:left;display:block; background-position:-217px -120px; line-height:22px; padding:0 0 0 10px; margin-top:30px; color:#3e4e57; font-size:12px;}
.header_right {padding:15px 0 0 0; float:right;  }
.header_right .download{ background-position:left -218px; padding:2px 0 2px 25px;float:left;white-space:nowrap; width:92px;}
.language_btn {height:30px; width:126px; position:relative; float:left; cursor:pointer; line-height:14px;  color:#3e4e57;}
.language_btn .us{background-position:2px -180px; z-index:15; width:95px; height:18px; padding:3px 0 0 33px;position:absolute; left:0; top:0;}
.language_btn .language_list {visibility:hidden;position:absolute; left:0; top:20px; width:126px; height:110px;  background-position: -160px -180px; padding-top:14px; z-index:14;}
.language_btn .language_list p a{ padding-left:14px;}
.language_btn .language_list a { display:block; padding:0 0 2px 31px; height:16px;text-decoration:none; color:#3e4e57;}
.language_btn .language_list a:hover {text-decoration:underline; color:#3e4e57;}
.language_btn:hover div{visibility:visible;}

.top_nav {float:left; height:21px;background-position: -320px -230px;position:relative; padding:0 3px 0 10px; margin-right:8px; width:370px; font-size:11px;}
.top_nav .nav_r {background-position: -711px -230px; width:10px; height:21px; position:absolute; right:-10px; top:0;}
.top_nav span{background-position: -714px -179px; float:left; width:8px; height:21px; text-indent:-9999px;}
.top_nav a {color:#3e4e57; text-decoration:none; margin:0 2px; height:16px;}
.top_nav a:hover { color:#3e4e57; text-decoration:underline;}
.top_nav .cart,.top_nav .newsletter {padding:2px 0 2px 20px; float:left;}
.top_nav .cart {background-position:-449px -118px;}
.top_nav .newsletter {background-position:-449px -136px;}

.showlist{visibility:hidden;position:absolute;background:#3e4e57;border:1px solid #434343;width:275px;z-index:99;right:-5px;top:18px;padding:10px;}
.showlist dt{color:#fff;font-weight:bold;padding:0 0 5px 0;}
.showlist dd{color:#999; font-size:12px;}
.showlist .k1{background:url(icon6.png) no-repeat 0 3px;padding:0 0 20px 30px;border-bottom:1px dashed #ccc;}
.showlist .k2{background:url(icon5.png) no-repeat 0 13px;padding:10px 0 0 30px;}
.showlist dd a{color:#85AA10;font-size:12px;}
.showlist dd a:hover{color:#85AA10;}
.livechat{position:relative; width:68px; float:left; background-position:-449px -155px; padding:1px 0 0 22px; cursor:pointer;}
.livechat img{ padding-bottom:2px;}
.livechat:hover div{visibility:visible;}
.top_nav .showlist .k1 span{ text-indent:0; background:none; width:245px;}


#nav_search {width:960px; margin:0 auto; _position:relative; _z-index:8; padding:0 3px; background:url(style_img/header_img.png) no-repeat; height:46px;}
#nav {float:left;}
#nav li,#nav .menu1 {float:left; display:block; position:relative; z-index:9;font-family:'Segoe UI',Arial, verdana, Tahoma, Helvetica, sans-serif;}
#nav li a, #nav .menu1 a {color:#fff; text-decoration:none; width:100px; display:block; font-weight: normal; text-align:center; font-size:16px; line-height:40px; }
#nav li a:hover,#nav li.curr a {background:url(header_img.png) no-repeat -50px -60px; color:#fff;}
#nav li.menu1 a:hover,#nav .menu1.curr2 a {background:url(header_img.png) no-repeat -3px -60px; color:#3e4e57;}
#nav li.curr a:hover {color:#3e4e57;}
#nav li.curr2 a {background:url(header_img.png) no-repeat -50px -60px; color:#3e4e57;}
#nav .nav_menu {width:930px; padding:20px 0 20px 10px !important; *padding:20px 0 5px 10px !important; padding:20px 0 5px 10px; display:none; z-index:10; position:absolute; top:40px; background:url(style_img/bg_navMenu.png) repeat-x left top #90c52a;}
#nav .nav_menustore {width:235px; padding:20px 0 20px 10px !important; *padding:20px 0 5px 10px !important; padding:20px 0 5px 10px; display:none; z-index:10; position:absolute; top:40px; background:url(bg_navMenu.png) repeat-x left top #90c52a;}
#nav .m0 {left:8px;}
#nav .m1 {left:-90px;}
#nav .m2 {left:-190px;}
#nav .m3 {left:-290px;}
#nav .m4 {left:-390px;}
#nav .m5 {left:-490px;}
#nav .m6 {left:0px; width:235px;}
#nav .nav_menu dl, #nav .nav_menustore dl {float:left; display:block; height:150px; width:220px; padding:0 0px 0 10px; border-right:solid 1px #a2d345; border-left:solid 1px #86b21e;}
#nav .nav_menu dl.noneLeft, #nav .nav_menustore dl.noneLeft {border-left:none;}
#nav .nav_menu dl.noneRight, #nav .nav_menustore dl.noneRight {border-right:none; width:215px;}
#nav .nav_menu dl a, #nav .nav_menustore dl a {line-height:22px; background:none; font-size:12px; font-weight:normal;}
#nav .nav_menu dl dt, #nav .nav_menustore dl dt {font-size:15px; color:#3e4e57; font-weight:normal; padding:5px 0 0 5px; line-height:22px;}
#nav .nav_menu dl dt a, #nav .menu1.curr2 dl dt a {font-size:15px; font-weight:normal; color:#fff; text-align:left; width:auto; background:none;}
#nav .nav_menu dl dt a:hover, #nav .nav_menustore dl dt a:hover { text-decoration:underline; color:#fff; background:none;}
#nav .nav_menu dl dd a, #nav .menu1.curr2 dd a {color:#3e4e57; background:url(style_img/dd_dot.gif) no-repeat 7px 10px; padding:0 15px; text-align:left; width:auto;}
#nav .nav_menu dl dd a:hover, #nav .nav_menustore dl dd a:hover {background:url(style_img/dd_dot.gif) no-repeat 7px -38px #3e4e57; color:#fff;}
#nav .nav_menu dl dd.new, #nav .nav_menu dl dd.new a:hover{ background:url(../images/new-pro.gif) no-repeat 90% center; }
#nav .nav_menu dl dd.new a:hover{background-color:#3E4E57;}
#search {float:right; background:url(style_img/header_img.png) no-repeat 0 -120px; width:142px; height:21px; padding:0 0 0 5px; margin:10px 10px 0 0;}
#search .searchInput {float:left; width:113px; _width:113px; border:none; color:#fff; padding:4px 0 0 8px; background-color:#3D4E56;}
#search .searchr{background:url(searchBtn.png) no-repeat; width:21px; height:21px; border:none;}
#search .searchr:hover{ cursor:pointer;}

/*==TabBtn style==*/
#tabBtn{width:960px;height:120px;margin:10px auto 0;background:url(top_btn_bg.jpg) left top no-repeat;}
#tabBtn .title{color:#002c55;height:35px;padding-left:20px;font-size:14px;line-height:32px; font-weight:bold;}
#tabBtn ul li{float:left;width:150px;margin-left:2px;_margin-left:1px;padding:0 20px;background:url(top_btn_line.gif) right center no-repeat;}
#tabBtn ul li a{display:block;}
#tabBtn ul li a:hover{text-decoration:none;background:url(top_btn_icon.gif) right 11px no-repeat;}
#tabBtn ul li a h3{margin:0;padding:10px 0 3px 0;color:#7fa20f;font-size:14px; line-height:16px;font-weight:bold;}
#tabBtn ul li a p{color:#707070;font-size:11px;line-height:110%;margin:0px;padding-top:0px;}

/*==== footer ====*/
#footer{width:960px;font-size:11px;margin:10px auto;}
#footer .footerLeft,
#footer .footerRight{background:url(menu.png) no-repeat;width:10px;height:40px;float:left;}
#footer .footerLeft{background-position:-30px top;}
#footer .footerMenu{background:url(navCen.gif) repeat-x left -40px;padding:12px 5px 0 5px;width:930px;height:29px;float:left;}
#footer .footerMenu strong{font-family:Arial;font-size:12px;}
#footer .footerMenu select{width:105px;margin-top:1px;}
#footer .footerMenu a{color:#333;text-decoration:none;padding:0 2px;font-size:11px;}
#footer .footerMenu a:hover{color:#0170c4;text-decoration:underline;}
#footer .footerRight{background-position:-40px top;}
#footer .footNav{padding:10px 0;text-align:center;}
#footer .footNav a{color:#333;text-decoration:none;font-size:11px;}
#footer .footNav a:hover{color:#0170c4;text-decoration:underline;}
#footer .copyRight{font-size:11px;line-height:24px;color:#333;}

/*===  footer Links  ====*/
#footerLinks{height:5px;margin:-12px auto 0;background:url(foot_bg.gif) left top no-repeat; width:960px;}
#footerLinks h3{padding:0 0 20px 25px;color:#313131px;font-size:14px;font-weight:normal;}
#footerLinks ul{padding:0 20px 0 25px;}
#footerLinks ul li{margin-bottom:3px;list-style:inside;}
#footerLinks ul li a{color:#434343;}
#footerLinks .demo, #footerLinks .latest,#footerLinks .blogroll{float:left;margin-top:10px;background:url(foot_line_bg.gif) left top no-repeat;}
#footerLinks .demo{width:310px;background-image:none;}
#footerLinks .demo .demoCon{width:272px;height:227px;margin:-8px 0 0 15px;padding:13px 0 0 13px;background:url(demoCon_bg.gif) left top no-repeat;}
#footerLinks .demo .demoCon table img{margin-top:5px;}
#footerLinks .latest{width:420px;}
#footerLinks .blogroll{width:230px;}

/*== Editors ==*/
#editors{padding-top:30px;}
#editors p,#editors h1,#editors h2,#editors h3,#editors h4,#editors ul,#editors li{margin:0;padding:0;}
#editors li{list-style:none;}
#editors h2{padding-bottom:20px;font-size:20px; font-weight:normal;}
#editors h3{margin:20px 0 5px 0;padding-left:10px;background:url(editors_icon.gif) left center no-repeat;font-size:14px;font-weight:normal;}
#editors p{color:#535353;line-height:160%;}
#editors p.other{color:#707070;font-size:11px;line-height:100%;}
#editors .line{margin:35px 0;border-bottom:1px solid #dcddde;}
#editors .supportItem{margin-top:35px;}
#editors .supportItem li{list-style:none;padding:15px;background-color:#f9f9f9;}
#editors .supportItem li.white{background-color:#FFF;}
#editors .supportItem li img{float:left;}
#editors .supportItem li .txt{padding-left:150px;font-size:11px;}
#editors .supportItem li .txt h4{padding:5px 0 10px 0;color:#313131;font-size:14px;}
#editors .supportItem li .txt p{padding-bottom:10px;line-height:110%;}
#editors .supportItem li .txt p span{display:block;padding:0 0 3px 15px;}
#editors .supportItem li .txt p span.email{background:url(editors_email.gif) left center no-repeat;}
#editors .supportItem li .txt p span.facebook{background:url(editors_facebook.gif) left center no-repeat;}
#editors .supportItem li .txt p span.twitter{background:url(editors_twitter.gif) left center no-repeat;}