@charset "utf-8";
/* Reset
------------------------------------- */
html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, em, img, small, strike, strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; list-style:none}
:focus { outline: 0; }
body { line-height: 1%; color: black; background: white; font-family:"宋体", Verdana}
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* Typography
------------------------------------- */
.sitepath{ padding:12px 0 0 28px;background:transparent url('img/contantbg-top.gif') 0 0 no-repeat}
.sitepath a{color:#3e3e3e}
.contact{ margin:20px auto; clear:both; display:block; padding-bottom:30px; width:690px}
.contact a{ width:177px; height:30px;background:transparent url('img/contactbottombg.jpg') 0 0 no-repeat; display:block; line-height:30px; text-indent:36px; font-size:14px; font-weight:700; text-decoration:none; margin:0 auto; float:left; margin-left:120px; color:#ed2c21}
.contact a.contactbottom,.contact a.joinbottom{color:#ed2c21}
.contact a.contactbottom:hover,.contact a.joinbottom:hover{color:#ea483e;}




/* 分页 */
.page{ font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 12px; }
.page a,.page span{display:block;color:#cf000e;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #cf000e;padding-top:3px;float:left;margin-top:5px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:18px} /* SPAN和链接 */
.page a:hover, .page a.current{color:#fff;border:1px solid #cf000e; background:#cf000e} /* 当前链接有激活时 */
.page input{padding:0px;color:#cf000e;height:16px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px} /* 跳转INPUT */
.prenext{line-height:40px;border-top-width:1px;border-top-style:dashed;border-top-color:#ccc;padding-right:10px;padding-left:10px;  white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.prenext .pre{float:left;width:50%} /* 上一篇 */
.prenext .next{text-align:right;float:right;width:50%} /* 下一篇 */
/* Links */
a { text-decoration: underline; }
a:link { color: #3e3e3e; }
a:visited {color: #3e3e3e;}
a:hover, a:active {color: #ed2c21;text-decoration: none;}

a.more { padding-right: 7px; background: url('../images/more_arrow.gif') 100% 5px no-repeat;}
a.more:link, a.more:visited { color: #0857a6; }
a.more:hover, a.more:active {color: #ed2c21;}
a.go-link { background: transparent url('../images/arrow_grey_right.gif') 0 50% no-repeat; padding-left: 16px; }
a.custom_action { font-size: 12px; font-weight: bold; float: right; display: inline; border: 1px solid #c7c7c7; background: #f1f1f1 url('../images/arrow_grey_right.gif') 5px 50% no-repeat; padding: 5px 10px 5px 23px; margin: 0 0 10px 10px; text-decoration: none; }
a.custom_action:hover { background-color: #f8f8f8; }
a.shopCart, a.shopCart:link, a.shopCart:visited, a.shopCart:hover, a.shopCart:active { padding: 3px 0 0 20px; text-transform: uppercase; font-family: Tahoma, Arial, Verdana, Helvetica; font-size: 12px; font-weight: bold; text-decoration: none; color: #ed2c21; background: transparent url('../images/online_store_icon.gif') 3px 2px no-repeat; }
.caseStudy a, #promoLink a {color: #ed2c21;}

/* Heading */
h1 { margin: 0; padding: 25px 20px 12px 20px; font-size: 20px; font-weight: 700; border-bottom: 1px solid #ddd}
#content-wrapper h1 {font-size: 22px;text-align:center; width:90%; margin:0 auto; border-bottom: 1px dashed #ddd; background:transparent}
.pageContainer{padding:10px 16px;background:transparent url('img/contantbg-bottom.gif') bottom  no-repeat;}
.pageContainer ul ul, .pageContainer ul ul ul { padding-bottom: 0; }
p { padding-bottom: 12px; }
.pageContainer .pagecontentp{height:auto !important;  min-height: 500px; height:500px;overflow:visible; font-size:14px}
.pageContainer .pagecontentp h3{font-size:14px; margin:20px 0 4px; border-bottom:2px solid #dcdddd;border-left:5px solid #ed2c21; text-indent:20px;background:#eee; padding:6px 0 2px}
.pageContainer .pagecontentp h3 a:hover{ color:#f08300}
.pageContainer .pagecontentp h3.channelist{font-size:16px; margin:24px 0 4px; border-bottom:1px dashed #b5b5b6; text-indent:24px;background:#eee url('img/gray-btn.gif') 2px 5px  no-repeat; border-left:0px}
.pageContainer .pagecontentp .description{font-size:12px;text-indent:20px; margin:10px 0; height:1%; width:100%}
.pageContainer .pagecontentp .list{font-size:12px; line-height:24px; margin:0; padding:0 24px;background:transparent url('img/channelist_arrow.gif') 8px 5px  no-repeat;}
.pageContainer p{line-height:24px;font-family:"宋体", Verdana}
.pageContainer p table{line-height:24px}
.pageContainer p td{border:1px #ccc solid; padding:8px}
.pageContainer p td p{margin:0 !important; padding:0 !important; line-height:14px !important}
.pageContainer table a:link,.pageContainer table a:visited { color:#F00}
.pageContainer table a:hover { color:#f60}
.pageContainer table a:visited { color:#999}

.pagecontentp table{ border: 1px solid #ccc;padding: 5px;line-height: 20px;height: 20px;margin: 0;}
.pagecontentp table td{ border: 1px solid #ccc;padding: 5px;margin: 0;}
.pagecontentp table td p{padding: 0px;margin: 0;}

h2 {}
h3 { color: #ed2c21;  }
h3 a,
h3 a:link,
h3 a:visited,
h3 a:active{ color: #ed2c21; text-decoration: none; }
h3 a:hover { color: #ed2c21; text-decoration: underline; }
h4 { padding: 4px 6px; margin: 0 0 10px 0; font-size: 12px; background-color: #f0f0f0; border-bottom: 1px solid #ccc; }
h4 img { vertical-align: middle; margin-right: 6px; }
.faq h5 { font-size: 14px; padding: 10px 0; }

/* Elements */

ul, ol { padding: 0; }
ul ul, ul ul ul { padding-bottom: 0; }

sup { line-height: 0; vertical-align: baseline; position: relative; bottom: 3px; }

/* General
------------------------------------- */
body { background: #fff; color: #3a3e45; font: normal 12px Arial, Verdana, Helvetica, sans-serif; line-height: 1.4; text-align: center; }
#wrapper { background: #fff; margin: 0 auto; padding: 0 0 20px 0; overflow: hidden; text-align: left; width: 980px; }
#container { background: #fff url('img/contantbg-bg.jpg') right top no-repeat; }
#content-wrapper {display: inline; float: right; width: 728px;background:transparent   url('img/contantbg-center.gif') 0 0 repeat-y;}
#sidebar-wrapper {display: inline; float: left;  width: 233px; margin-bottom: 12px;}

.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clearfix{ display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix{ height: 1%; }
.clearfix{ display: block; }
/* End hide from IE-mac */
.js-stat { position: absolute; width: 0; height: 0; top: 0; left: 0; visibility: hidden; overflow: hidden; }
.hidden { display: none; }
.clear { clear: both; font-size: 1px; line-height: 0; height: 0; overflow: hidden; }

/* Header
------------------------------------- */
#header { height: 95px; padding: 0; }
#header h1 { float: left; display: inline; border: 0; width: 250px; height: 85px; overflow: hidden; margin:5px 0 0 20px; padding: 0; text-indent: -9999px; }
#header h1 a { display: block; width: 250px; height: 85px; background: #fff url('img/logo.gif') no-repeat; }
#header ul { width:460px;display: inline; float: right; margin: 25px 5px 0 0; padding: 0; display:block}
#header ul li { display: inline; float:right; font: bold 12px Verdana, Arial, Helvetica, sans-serif; line-height:20px }
#header ul li a { color: #3a3e45; display: block; padding: 7px 0; text-decoration: none; line-height:20px}
#header ul li a:hover { color: #ed2c21; line-height:20px}
#header ul li a span { display: block; padding: 0 8px; line-height: 9px; border-right: 1px solid #ccc; line-height:20px }
#header ul li#picMenuAbout a span { border-right-style: none; }

/* Main Menu
------------------------------------- */
#mainNavA {width: 980px; margin-bottom:5px; display:block; position:relative; z-index:600; text-align: left; background: transparent ; color: #fff; font: bold 12px Verdana, Arial, Helvetica, sans-serif;}
#mainNav {width: 980px; margin-bottom: 2px; text-align: left; background: #ed2c21; color: #fff; font: bold 12px Verdana, Arial, Helvetica, sans-serif; overflow: hidden; }
#mainNav ul { list-style: none; padding: 0; margin: 0; text-align: center; }
#mainNav li { float: left; margin-left: -1px; display: inline; white-space: nowrap; }
#mainNav li span { display: block; padding: 0 8px; }
#mainNav a { float: left; display: block; line-height: 21px; background: transparent url('../images/bg-mainmenu_splitter-1x22.gif') right top no-repeat; text-decoration: none; }
#mainNav #pic8 a { background-image: none; }
#mainNav a:link, #mainNav a:visited, #mainNav a:active { color: #fff; }
#mainNav a:hover, #mainNav a.current:link, #mainNav a.current:visited, #mainNav a.current:hover, #mainNav a.current:active, #mainNav .topMenuHighlighted a:link, #mainNav .topMenuHighlighted a:visited, #mainNav .topMenuHighlighted a:hover, #mainNav .topMenuHighlighted a:active, #mainNav .topMenuHighlighted a.current, #mainNav .topMenuHighlighted a.current:hover, #mainNav #pic7 a:hover, #mainNav #pic7 a.current, #mainNav #pic7.topMenuHighlighted a, #mainNav #pic7.topMenuHighlighted a:hover, #mainNav #pic7.topMenuHighlighted a.current { background: #fbfbfb url('../images/bg_mainnav_selected.gif') top repeat-x; color: #ed2c21; text-decoration: none; line-height: 22px; }
#mainNav span#txt0 { border-style: none; padding-left: 20px; }

/* top menu dropdown items */
.topMenu { position:absolute; z-index:2; left: 0; top: 0; visibility: hidden; background: url('../images/bg_topmenu_bl.gif') 0% 100% no-repeat; color: #3a3e45; font: normal 12px Verdana, Arial, Helvetica, sans-serif; text-align: left; filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95; }
.topMenu a { display: block; border-top: solid 1px #ddd; padding: 3px 5px; margin-left: -17px; }
.topMenu a:link,
.topMenu a:visited,
.topMenu a:active { color: #3a3e45; text-decoration: none; }
.topMenu a:hover { color: #ed2c21; text-decoration: none; background-color: #fff; padding: 3px; border-right: 2px solid #ed2c21; border-left: 2px solid #ed2c21; }
/* IE7 fixes to make items wider */
*+html .topMenu img { margin-top: 1px; vertical-align: top; }
.topMenuContainer { margin-left: 17px; padding-top: 8px; background: url('../images/bg_topmenu_br.gif') 100% 100% no-repeat;}
.topMenuContainer a {white-space:nowrap;filter:"alpha(opacity=95)";}
.topMenuSeparator { padding: 3px 5px; margin-left: -17px; border-top: solid 1px #ddd; }
.topMenu img { vertical-align: middle; }
/* #dmMenuLang .topMenuContainer,  */#dmMenuContact .topMenuContainer, #dmMenuAbout .topMenuContainer, #dmMenuBlogs .topMenuContainer, #dmMenuCommunity .topMenuContainer { padding-top: 0; }
#dm3 a, .dm-cat { display: block; border-top: solid 1px #ddd; padding: 3px 8px 3px 15px; margin-left: -17px; }
#dm3 a.dm-cat, .dm-cat { padding: 3px 8px; }
#dm3 a:hover { padding: 3px 6px 3px 13px; }
#dm3 a.dm-cat:hover { padding: 3px 6px; }

/* Lang Menu
------------------------------------- */
div#LangsList {width:255px;background:#fff;text-align:left;position:absolute;left:0;top:-8px;z-index:800;filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95}
div#LangsList ul {width:255px;margin:0;padding:7px 0;list-style:none;}
div#LangsList li a, div#LangDropDown a {display:block;height:27px; width:206px; overflow:hidden;font:normal 12px/27px Verdana;padding-left:45px; margin-left:2px;background:transparent URL('img/top_flags.gif') no-repeat;}
div#LangDropDown a {filter:"alpha(opacity=95)";}
div#LangDropDown a, div#LangDropDown a:link, div#LangDropDown a:visited, div#LangDropDown a:active, div#LangDropDown a:hover {color:#3a3e45;text-decoration:none;}
div#LangsList li a:hover {background-color:#e9e9e9;}
div#LangsList li a span {color:#85888c;}
div#LangDropDown li#Flag-0 a {background-position:18px 4px}
div#LangDropDown li#Flag-1 a,div#LangDropDown li#Flag-2 a,div#LangDropDown li#Flag-3 a,div#LangDropDown li#Flag-4 a,div#LangDropDown li#Flag-5 a,div#LangDropDown li#Flag-6 a,div#LangDropDown li#Flag-7 a,div#LangDropDown li#Flag-8 a,div#LangDropDown li#Flag-9 a,div#LangDropDown li#Flag-10 a {background-position:18px -19px;}

div#LangDropDown {width:233px;height:30px;border-left:1px solid #d3d3d3;position:absolute;margin-left:280px;top:30px;z-index:700;overflow:hidden;}
div#LangDropDown div#LangsList ul {margin-left:6px;filter:"alpha(opacity=95);"}

div#LangDropDown:hover {overflow:visible;}
div#LangDropDown:hover div#LangsList {left:5px;top:-8px;border:1px solid #d3d3d3;}
div#LangDropDown:hover div#LangsList ul {left:5px;top:-8px;margin-left:0;}
/* Hidden lang */
div#LangDropDown:hover div#LangsList ul li.CurentLang {display:none;}
/* Visible curent lang */
div#LangDropDown .Flag-1 {top:-7px;}
div#LangDropDown .Flag-2 {top:-33px;}
div#LangDropDown .Flag-3 {top:-60px;}
div#LangDropDown .Flag-4 {top:-87px;}
div#LangDropDown .Flag-5 {top:-114px;}
div#LangDropDown .Flag-6 {top:-140px;}
div#LangDropDown .Flag-7 {top:-168px;}
div#LangDropDown .Flag-8 {top:-168px;}
div#LangDropDown .Flag-9 {top:-168px;}
div#LangDropDown .Flag-ru {top:-195px;}
div#LangDropDown .Flag-es {top:-222px;}
div#LangDropDown .Flag-uk {top:-249px;}
div#LangDropDown .Flag-us, div#LangDropDown .Flag-en {top:-276px;}

/* search */
#search { float: right; display: inline; margin: 2px 3px 0 0; border-top: 0px solid #cfcfcf; display:block}
#search form { background:transparent; padding-left: 2px; }
#search .fieldSearch { float: left; background:transparent; width: 160px; height: 13px; font: normal 12px Arial, Helvetica, sans-serif; color: #000; line-height: 13px; border: 0px solid; }
#search .buttonSearch { float: left; width: 16px; height: 16px; border-style: none; }

/* Sidebar
------------------------------------- */
#sidebar-wrapper .navigation{ background: #fff url('../images/ebg_7.jpg') 0 47px repeat-y ; font: normal 12px Verdana, Arial, Helvetica, sans-serif;  width:100% }
#sidebar-wrapper .navigation ul{ list-style: none; padding: 0; }
#sidebar-wrapper .navigation ul li,#sidebar-wrapper .navigation2 ul li{padding:0 0 2px;}
#sidebar-wrapper .navigation .hide-separator {height: 18px; font-size: 1px; line-height: 1px; background: transparent url('../images/ebg_7_b.jpg') bottom left no-repeat; margin-top: -2px; }
#sidebar-wrapper .navigation ul li a{ color: #3e3e3e; display: block; padding: 0 30px 0 12px; line-height:30px;margin:0 auto; text-decoration: none; width: 161px; text-indent:10px;background:none; overflow:hidden; height:33px;}
#sidebar-wrapper .navigation ul li a:hover{background: transparent url('../images/et_4.jpg') top center no-repeat; background-position:0px -33px}
#sidebar-wrapper .navigation ul li .justhis{background: transparent url('../images/et_4.jpg') top center no-repeat !important; background-position:0px 0px;color:#FFF !important; font-weight:700}
#sidebar-wrapper .navigation ul li a span{ display: block; padding: 2px 0; }
#sidebar-wrapper .navigation ul li.top{ background: none; padding-bottom: 10px; height:47px; text-align:center; font-size:14px; text-indent:0}
#sidebar-wrapper .navigation ul li.top a { background:transparent url('../images/ebg_7_t.jpg') left top no-repeat; color: #fff; font-size: 12px; font-weight: bold; padding: 0; width: 233px; height:47px; text-align:center; font-size:14px; text-indent:0}
#sidebar-wrapper .navigation ul li.top a:hover {background:transparent url('../images/ebg_7_t.jpg') left top no-repeat; height:47px; text-align:center; font-size:14px; text-indent:0}
#sidebar-wrapper .navigation ul li.top a span {padding: 15px 20px 15px 20px;}

#sidebar-wrapper .navigation2 { background:transparent url('../images/list_bg_c.gif') top center repeat-y ; font: normal 12px Verdana, Arial, Helvetica, sans-serif;  width:100%; margin-top:20px}
#sidebar-wrapper .navigation2 .hide-separator {height: 3px; font-size: 1px; line-height: 1px; background: transparent url('../images/list_bg_b.jpg') top center no-repeat;}
#sidebar-wrapper .navigation2 ul { list-style: none; padding: 0;background:transparent url('../images/list_bg_t.jpg')  top center no-repeat;}
#sidebar-wrapper .navigation2 ul li {background:transparent url('../images/list_bg_c.gif') top center repeat-y}
#sidebar-wrapper .navigation2 ul li a span {background:transparent;display: block; padding: 2px 0;}
#sidebar-wrapper .navigation2 ul li a {background:transparent url('img/list_arrow.gif') 0 7px no-repeat;color: #3e3e3e; display: block; padding: 2px 0 2px 10px; margin:0 auto; text-decoration: none; width: 203px; border-bottom:1px #ccc dashed;}
#sidebar-wrapper .navigation2 ul li a:hover {background:transparent url('img/list_arrow.gif') 0 7px no-repeat;color:#cf000e; border-bottom:1px #ccc dashed}
#sidebar-wrapper .navigation2 ul li.top { background:transparent none; padding-bottom: 10px; height:47px; text-align:center; font-size:14px; text-indent:0}
#sidebar-wrapper .navigation2 ul li.top a {background:transparent none;color: #cf000e; font-size: 12px; font-weight: bold; padding: 0; width: 203px; height:47px; text-align:center; font-size:14px; text-indent:0;border-bottom:1px #ccc dashed}
#sidebar-wrapper .navigation2 ul li.top a span {padding: 15px 20px 15px 20px; }
#sidebar-wrapper .navigation2 ul li.top a:hover {background:transparent none;height:47px; text-align:center; font-size:14px; text-indent:0}
#sidebar-wrapper .navigation2 ul li .current{color:#cf000e !important; font-weight:700}

#sidebar-wrapper .navigation .selectedSec { font-weight: bold; }
#sidebar-wrapper .navigation b { color: #ed2c21; font-weight: bold; }
#sidebar-wrapper .navigation ul li span.selected { display: block; font-weight: bold; padding: 2px 20px; }
#sidebar-wrapper .navigation ul li.level1 a,
#sidebar-wrapper .navigation ul li.level1 span.selected { padding-left: 30px; width: 171px; }
#sidebar-wrapper .navigation ul li.level2 a,
#sidebar-wrapper .navigation ul li.level2 span.selected { padding-left: 40px; width: 161px; }
#sidebar-wrapper .navigation ul li.level3 a,
#sidebar-wrapper .navigation ul li.level3 span.selected { padding-left: 50px; width: 151px; }

#sidebar-wrapper .navigation h2 { padding: 5px 0 0 20px; font-size: 12px; }

/* Footer
------------------------------------- */
#footer-wrapper { background: #fff ; padding-top: 10px; border-top:1px #E5E5E5 solid; margin-top:10px}
#footer { background: #fff; color: #666; font: normal 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height: 14px; margin-top: 7px; padding: 5px 0 6px; }
#footer .copyright { padding-left: 10px; }
#footer ul { display: inline; float: right; list-style: none; }
#footer ul li { display: inline; float: left; border-right: 1px solid #c3c3c3; margin-right: -1px; padding: 0 6px; }
#footer a { color: #666; text-decoration: none; }
#footer a:hover { color: #636363; text-decoration: underline; }
.caselist{ width:90%; margin:0 auto}
.caselist li{float:left; width:44%; line-height:24px}
