/* ----------  public css ---------- */
html {background:transparent; height:100%; margin:0; padding:0; outline:0; vertical-align:top;}

body {height:100%; font-size:13px; color:#7a7a7a; background:#e0e0e0 url(../images/body_bg.jpg) center top no-repeat; font-family:Arial,Helvetica, sans-serif;}

a{color:#3dab3a; text-decoration:none;}
a:hover {color:#083484; text-decoration:none;}

.wrapper { clear:both; width:100%; margin:0; padding:0;}

/* button & input style */
.button {padding-left:15px; height:30px; display:inline-block; background:url(../images/menu_bg.png) 0 -173px no-repeat;}
.button span{display:inline-block; padding-right:15px; line-height:20px; padding:5px 15px 5px 0; background:url(../images/menu_bg.png) 100% -173px no-repeat; color:#fff; font-weight:bold; text-shadow:#718fcd 1px 1px 0; cursor:pointer;}
.button:hover{ background-position:0 -203px;}
.button:hover span{background-position:100% -203px; text-shadow:#51c74d 1px 1px 0;}

.brtools{ clear:both; height:30px; overflow:hidden;}
.detail .brtools{ margin-top:30px;}


/* ----------  header ---------- */
.header{width:960px;height:100px; margin:0 auto; position:relative;}
.logo{ height:70px; padding:15px 0;}
.logo img{height:70px;}

.language{clear:both; height:26px; text-align:right; position:absolute; right:0px; top:15px;}
.language a{border-style:solid; border-width:1px; border-color:#ccc #ccc #aaa #ccc; background:#eee url(../images/button_bg.gif) top repeat-x;color:#555; display: inline-block;box-shadow:0px 1px 0px #ccc; display:inline-block; margin-left:5px;text-shadow: #fff 1px 1px 0;}
.language a span{ border-top:1px solid #fff;line-height:14px;padding:4px 11px 5px 11px; display:inline-block; cursor:pointer;}
.language a.current{color:#083484; font-weight:bold; background-position:0 bottom;}
.language a.current span{ border-color:#ddd;}
.language a.current:hover, .language a:hover{color:#3dab3a;}

.linkimg-group{ height:30px; text-align:right; position:absolute; right:0; top:55px;}
.linkimg-group .link{ display:inline-block; margin-left:5px; float:left;}
.linkimg-group .link img{ height:30px;}

/* banner */
.banner{ clear:both; width:940px; margin:0 auto; height:360px; padding:10px 10px 30px 10px; background-color:#fff;-moz-box-shadow:0 0 2px #ccc;-webkit-box-shadow:0 0 2px #ccc;-khtml-box-shadow:0 0 2px #ccc;box-shadow:0 0 2px #ccc; border-radius:3px;}
.slider_control{ width:940px; height:360px; padding:0;position:relative;}
.slider_control ul{padding:0; margin:0; list-style:none; position:relative;width:940px; height:360px;}
.slider_control ul li{display:none;clear:both;margin:0;zoom:1;position:relative; width:940px; height:360px; overflow:hidden; position:absolute; top:0px; left:0px;}
.slider_control ul li img{ width:940px; height:360px;}
.slider_control ol{ clear:both; padding:0;margin:0; position:absolute; top:368px; z-index:99; float:left;left:50%;}
.slider_control ol li{margin-right:10px;position:relative;height:14px; display:inline; float:left;left:-50%;}
.slider_control ol li.last{margin-right:0px;}
.slider_control ol li a{height:14px;width:13px;background: url(../images/controlnav.png) 0 -28px no-repeat;display:block;text-indent:-999px; overflow:hidden;}
.slider_control ol li a:hover{ background-position:0 0;}
.slider_control ol li a.current{background-position:0 -14px;}

/* ----------  menu ---------- */
.menu {width:960px;overflow:hidden;height:47px; margin:20px auto 30px auto; background:url(../images/menu_bg.png) 0 0 no-repeat;}
.menu ul{ height:42px;overflow:hidden;}
.menu li {float: left;overflow: hidden;position: relative; height:42px; padding-right:2px;background:url(../images/menu_bg.png) 100% -47px no-repeat;}
.menu li.last{ background:none; padding:0;}
.menu li a {position: relative;display:block; text-decoration:none; width:125px; line-height:42px;}
.menu li.center a{ width:198px;}
.menu li a span {position:absolute; padding:10px 0; left:0; cursor:pointer; color:#fff; line-height:22px;height:22px; display:block;font-size:18px; text-align:center; width:100%; text-shadow:#333 0 1px 0; font-family:Calibri,Helvetica, sans-serif;}
.menu li.current a span{background:url(../images/menu_bg.png) -15px -131px no-repeat;}
.menu li.first.current a span{ background-position:0 -131px;}
.menu li.last.current a span{ background-position:100% -131px;}
.menu li a span.out {top:0px;}
.menu li a span.over, .menu ul li a span.bg{top:-42px;}
.menu li a span.over { background:url(../images/menu_bg.png) -15px -89px no-repeat;}
.menu li.first a span.over,.menu li.first.current a span.over { background-position:0 -89px;}
.menu li.last a span.over, .menu li.last.current a span.over{ background-position:100% -89px;}

/* ----------  footer ---------- */
.footer {clear:both; width:100%; background-color:#f0f0f0; margin-top:50px;}
.copyright {margin:0 auto; width:930px; padding:0 15px 30px 15px; line-height:20px; position:relative; background:url(../images/menu_bg.png) center -233px no-repeat;line-height:32px; top:-15px;}
.copyright .col-1{ width:580px;}
.copyright .col-2{ width:350px; text-align:right;}
.copyright strong{ padding-right:5px;}
.copyright .title{ font-size:14px; color:#083484;}
.copyright p{ line-height:18px; padding-top:15px;}
.copyright span{ padding:0 5px;}
.copyright a.gray{color:#ccc;}
.copyright a.gray:hover{color:#666;}


/* ----------  index css  ---------- */
.content{ clear:both; padding:0;width:960px; margin:0 auto;}

.mainnews h3, .mainproduct h3, .certificate h3{ font-size:18px; text-shadow:#fff 1px 1px 0; line-height:20px; margin-bottom:15px; padding-left:20px; background:url(../images/marker4.png) left center no-repeat; color:#083484;}

.readmore{ display:block; margin-top:15px; width:100px; font-size:13px; height:30px; line-height:30px; font-weight:bold; color:#fff; text-align:center; background:url(../images/readmore_bg.png) no-repeat; text-shadow:#1c2a62 1px 1px 0;}
.readmore:hover{ color:#3dab3a;}

.mainnews{padding:5px 15px; width:320px; float:left; display:inline; background:url(../images/maingroup_bg.gif) 100% 0 repeat-y;}
.mainnewsscroll{overflow:hidden;}
.mainnewsscroll li{ width:100%; padding:7px 0 8px 0; background:url(../images/border_bot.gif) bottom repeat-x;}
.mainnewsscroll li a{ padding-left:18px; color:#083484; line-height:18px; background:url(../images/marker1.gif) 0 6px no-repeat;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; display:block; font-size:14px;}
.mainnewsscroll li a:hover{color:#3dab3a; background-image:url(../images/marker2.gif)}
.mainnewsscroll li a .date{ display:block; font-size:13px; font-weight:bold; color:#555;}

.mainproduct{padding:0 18px; width:324px; float:left; display:inline; background:url(../images/maingroup_bg.gif) 100% 0 repeat-y;}
.mainproduct li{ float:left; background-color:#fff; margin:7px 18px 8px 0; border:1px solid #083484; width:150px;-moz-box-shadow:1px 1px 2px #999;-webkit-box-shadow:1px 1px 2px #999;-khtml-box-shadow:1px 1px 2px #999;box-shadow:1px 1px 2px #999;}
.mainproduct li.odd{ margin-right:0px;}
.mainproduct li .sortname{ line-height:14px; display:block; font-weight:bold; padding:8px 10px; color:#fff; background:url(../images/product_title_bg.gif) 0 0 repeat-x; text-align:center; text-shadow:#083484 1px 1px 0; font-size:13px;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.mainproduct li .sortname:hover{color:#3dab3a;}
.mainproduct li .photo{ background-color:#fff; width:150px; height:150px; overflow:hidden; position:relative; z-index:2;}
.mainproduct li .photo img { max-width:150px; max-height:150px; width: expression(this.width >150 && this.height < this.width ? 150: true); height: expression(this.height > 150 ? 150: true);}

.certificate{padding:5px 15px; width:220px; float:left; display:inline;}
.certificate li{ float:left; width:96px; padding:7px; height:96px; display:inline;}
.certificate li .photo{ width:90px; height:90px; background-color:#fff;-moz-box-shadow:1px 1px 2px #ccc;-webkit-box-shadow:1px 1px 2px #ccc;-khtml-box-shadow:1px 1px 2px #ccc;box-shadow:1px 1px 2px #ccc; border:3px solid #f0f0f0;}
.certificate li .photo table{clear:both;height:90px;padding:0;margin:0;width:90px;table-layout:fixed; overflow:hidden;}
.certificate li .photo table td{padding:0;margin:0;vertical-align:middle;height:90px;width:90px;text-align:center;}
.certificate li .photo table td img { max-width:90px; max-height:90px; width: expression(this.width >90 && this.height < this.width ? 90: true); height: expression(this.height > 90 ? 90: true);}

/* ----------  pages css  ---------- */
.content .col-1{width:230px; margin-right:18px; border:1px solid #ccc; background:#eee;-moz-box-shadow:1px 1px 1px #fff inset;-webkit-box-shadow:1px 1px 1px #fff inset;box-shadow:1px 1px 1px #fff inset; border-radius:4px; padding:5px; display:inline;}
.content .col-2{ width:700px;}

.htmledit{ clear:both; overflow:hidden; line-height:150%; }
.htmledit table, .htmledit td,  .htmledit th{ border-collapse:inherit;}
.htmledit ul, .htmledit ol{list-style:inside; margin-left:24px;}
.htmledit ol{ list-style-type:decimal;}
.htmledit ul{ list-style-type:disc;}

.quoteinfo{ clear:both; line-height:20px; padding:15px 15px 15px 80px; background:#f8f8f8 url(../images/icon_quotes.png) 20px 20px no-repeat; margin-bottom:20px; border:1px solid #fff;border-radius:4px;}
.detail .htmledit .default_h4{ clear:both; line-height:20px; font-size:14px; color:#3dab3a; background:#eee; padding:5px 10px; margin-bottom:10px; border-radius:4px;}
.detail .htmledit .default_strong{ color:#828282; font-size:13px;}
.detail .htmledit .default_p{ line-height:24px; padding-bottom:10px;}

.detail .htmledit .default_table { width:100%; overflow:hidden; border-collapse:collapse;}
.detail .htmledit .default_table th{ color:#333; padding:5px 10px; background:url(../images/mail_bg.gif) 0 -40px repeat-x; line-height:20px; text-align:left;border:1px solid #ccc;}
.detail .htmledit .default_table td{ padding:5px 10px; line-height:20px; border:1px solid #ccc;} 
.detail .htmledit .default_table tr.even td{background-color:#f8f8f8;}
.detail .htmledit .default_table tr.odd td{background-color:#eee;}
.detail .htmledit .default_table tr.over td{background-color:#fff;}

.navigation{height:30px; margin-bottom:10px; background:url(../images/border_bot.gif) bottom repeat-x; text-align:right;}
.navigation span{padding:0px 10px; background:url(../images/divider.gif) center no-repeat; display:inline-block;}
.navigation span, .navigation a{ line-height:30px; font-weight:bold; display:inline-block;}
.navigation a{ color:#555;}
.navigation a.home{ padding-left:20px; background:url(../images/icon_home.gif) 0 7px no-repeat;}
.navigation a:hover{color:#3dab3a;}
.navigation strong{color:#083484; font-size:14px;}

.content .col-1 h3{ font-size:16px; text-shadow:#fff 1px 1px 0; line-height:18px; padding:8px 0 8px 28px; background:url(../images/marker4.png) 8px center no-repeat; color:#083484; border-width:1px; border-style:solid; border-color:#ccc;}
.content .col-2 .detail{ height:auto!important;height:300px;min-height:300px; }
.content .col-2 h2{ font-size:20px; color:#333; text-shadow:#fff 1px 1px 0; margin-bottom:20px;}

/*sidebar*/
.sidebar{clear:both;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.sidebar li{clear:both; border-top:1px solid #fff; border-bottom:1px solid #ccc;}
.sidebar li a{ display:block;line-height:20px;padding: 6px 10px; font-size:14px; color:#333;}
.sidebar li a.nav-top-item{ padding-right:30px; position:relative;}
.sidebar li a.nav-top-item span{ width:16px; height:16px; overflow:hidden; background: url(../images/icon_closed.png) 0 0 no-repeat; display:block; position:absolute; top:8px; right:10px;}
.sidebar li li a.nav-top-item span{ right:5px;background-position:0 -16px;}
.sidebar li a.nav-top-item span.opened{ background-image:url(../images/icon_opened.png);}
.sidebar .current a, .sidebar .current .current a, .sidebar .current .current .current a{ color:#083484; font-weight:bold; }
.sidebar li ul{ background:#fff; padding:5px; border-top:1px solid #ccc;}
.sidebar li li{ margin:0; background:url(../images/border_bot.gif) bottom repeat-x; border:0;}
.sidebar li li.last{ background:none;}
.sidebar li li a, .sidebar .current li a{ color:#555; background:none; padding:6px 10px; font-weight: normal;}
.sidebar li li a:hover, .sidebar li li li a:hover, .sidebar .current .current li a:hover{ color:#083484; background:none;}
.sidebar .current a:hover, .sidebar li .current a:hover, .sidebar li .current .current a:hover{color:#083484;}
.sidebar li li ul{ padding:0 0 0 15px; background:none;}
.sidebar li li li{ border:0;}
.sidebar li li li a, .sidebar .current .current li a{color:#555; font-weight: normal;}


.googlemap{border:1px solid #ccc; border-radius:4px; width:228px;}
.googlemap iframe{ margin:0; padding:0; overflow:hidden;}
.maplink{line-height:30px; font-size:13px; background-color:#eee; display:block; text-align:center; font-weight:bold; border-top:#ccc 1px solid;-moz-box-shadow:1px 1px 1px #fff inset;-webkit-box-shadow:1px 1px 1px #fff inset;box-shadow:1px 1px 1px #fff inset; color:#555;}
.maplink:hover{background-color:#fff; color:#083484; text-decoration:none;}


/* content list */
.content_list{ width:100%; overflow:hidden;}
.content_list table { width:100%;table-layout:fixed; overflow:hidden; border-collapse:inherit; background:url(../images/list_bg.png) 0 0 no-repeat;}
.content_list table th{text-align:left; padding:6px 10px 14px 10px; font-size:14px; line-height:20px; color:#333;}
.content_list table td{padding:5px 10px; vertical-align:middle; line-height:20px; background:url(../images/border_bot.gif) bottom repeat-x;}
.content_list table td a{ font-size:14px; color:#555;}
.content_list table td a:hover{ color:#3dab3a;}
.content_list table tbody tr.even td{background-color:none;}
.content_list table tbody tr.odd td{background-color:#e8e8e8;}
.content_list table tbody tr.over td{background-color:#f2f2f2;}
.content_list table tbody tr.out td{background-color:none;}
.nodata{ text-align:center; line-height:40px;}

.list_news td.T1{ width:65px; font-family: Tahoma,Geneva,sans-serif; text-align:center;}
.list_news th.T1{ width:65px;text-align:center;}
.list_news td.T1 .date{ display:block; width:51px; height:67px; text-align:center; border-radius:4px; background: url(../images/date_bg.png) 0 0 no-repeat; margin:0 auto;}
.list_news td.T1 .date span {display:block;}
.list_news td.T1 .date .day{ font-size:24px; line-height:30px; color:#fff;}
.list_news td.T1 .date .year_month{font-size:11px; font-weight:bold; color:#ccc;line-height:16px;}

/* ----------  page tools css  ---------- */
.grayr {margin-top:20px; padding:10px; FONT-SIZE:12px;text-align:center;}
.grayr a {PADDING:5px 8px;MARGIN:3px 5px;COLOR:#083484;TEXT-DECORATION: none; FONT-WEIGHT: bold; background-color:#fff;border-radius:2px;}
.grayr a:hover {COLOR:#3dab3a; background-color:#fff;}
.grayr a:active {COLOR:#fff; BACKGROUND-COLOR:#3dab3a;}
.grayr span.current {PADDING:5px 8px; FONT-WEIGHT: bold; MARGIN:3px 5px;COLOR:#fff; BACKGROUND-COLOR:#083484;border-radius:2px;}
.grayr span.disabled {PADDING:5px 8px; MARGIN:3px 5px; COLOR:#999; background-color:#ccc; FONT-WEIGHT: bold;border-radius: 2px;}


.detailstitle {margin-bottom:15px; overflow:hidden;background:url(../images/page_h3_bg.gif) center repeat-x; position: relative; padding:0 10px;}
.detailstitle h4 {line-height:20px; display:inline-block; color:#083484; font-size:14px; padding:5px 10px 5px 35px; background:#e0e0e0 url(../images/title_bg.png) 10px center no-repeat;}
.detailstitle .note {line-height:20px; display:inline-block; position:absolute;padding:5px; right:15px; text-align: right; top:0px;background:#e0e0e0;}
.nes {color:#d00;padding: 0 5px;}

.newstitle{margin-bottom:15px; border:3px solid #fff; position:relative;-moz-box-shadow:1px 1px 0 #f0f0f0;-webkit-box-shadow:1px 1px 0 #f0f0f0;-khtml-box-shadow:1px 1px 0 #f0f0f0;border-radius:10px; background:#083484;}
.newstitle h4 {color:#fff; font-size:14px; line-height:20px; padding:15px 90px 5px 40px; text-shadow:#333 1px 1px 0; position:relative; top:-5px; left:-15px; background:url(../images/icon_pin_blue.png) 0 0 no-repeat;}
.newstitle .date{ position:absolute; top:10px; right:15px; line-height:20px; text-align:right; font-family: Tahoma,Geneva,sans-serif; font-size:11px; font-weight:bold; color:#fff; text-shadow:#333 1px 1px 0;}

/* faq */
.faqlist{ width:100%; overflow:hidden;}
.faqlist li{padding:10px 5px 11px 5px; cursor:pointer; overflow:hidden; line-height:20px; background:url(../images/border_bot.gif) bottom repeat-x;}
.faqlist li a{ background:url(../images/icon_i.gif) 0 1px no-repeat; padding-left:25px; line-height:20px; display:block; color:#555;}
.faqlist li a:hover, .faqlist li a.current:hover{ color:#3dab3a;}
.faqlist li a.current{ color:#083484;font-weight:bold; background-image:url(../images/icon_i_current.gif);}
.faqlist li .info{ display:none; clear:both; margin:10px 0 10px 25px; line-height:20px; background:#eee url(../images/icon_quotes.png) 10px 10px no-repeat; padding:15px 15px 15px 65px; height:auto!important; height:40px; min-height:40px; border-radius:3px;}
.faqlist li.last{padding-bottom:0px; background:none;}
.faqlist li.last .info{ margin-bottom:0px;}

/* ----------  product list ----------  */
.productlist{clear:both; overflow:hidden;}
.productlist ul{ margin-left:15px;}
.productlist li{ float:left; background-color:#eee; border:1px solid #ccc; padding:5px; width:202px; border-radius:2px; margin:10px 14px 10px 0; display:inline;}
.productlist li.last{ margin-right:0px;}
.productlist li .photo{ background-color:#fff; width:200px; height:200px; overflow:hidden; border:1px solid #ccc;}
.productlist li .photo table{clear:both;height:200px;padding:0;margin:0;width:200px;table-layout:fixed; overflow:hidden;}
.productlist li .photo table td{padding:0;margin:0;vertical-align:middle;height:200px;width:200px;text-align:center;}
.productlist li .photo table td img { max-width:200px; max-height:200px; width: expression(this.width >200 && this.height < this.width ? 200: true); height: expression(this.height > 200 ? 200: true); cursor:pointer;}
.productlist li .productname{padding:5px 10px; border-color:#fff #ccc #ccc #ccc; border-style:solid; border-width:1px; color:#083484;font-size:14px; line-height:20px; font-weight:bold; display:block; text-shadow: #fff 1px 1px 0;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; text-align:center;}
.productlist li .productname:hover{ color:#3dab3a;}

/* ----------  product details ----------  */
.detail .leftcatalog{float:left; display:inline; width:314px; margin-right:8px; position:relative;}
.detail .catalog{float:left;width:74px; height:282px; margin-right:12px; background:#eee;border: 1px solid #ccc;border-radius:2px;-moz-box-shadow:1px 1px 1px #fff inset;-webkit-box-shadow:1px 1px 1px #fff inset;box-shadow:1px 1px 1px #fff inset; padding:15px 5px; position:relative;}
.detail .rightinfo{width:280px; height:314px; float:left; overflow:hidden; position:relative;}

.leftcatalog .showpic{width:302px; height:302px; position: relative; padding:5px; background-color:#eee;border: 1px solid #ccc;border-radius:2px;-moz-box-shadow:1px 1px 1px #fff inset;-webkit-box-shadow:1px 1px 1px #fff inset;box-shadow:1px 1px 1px #fff inset;}
.leftcatalog .showpic .hidden-container{ position:absolute; left:0; top:0;width:302px; height:302px; visibility:hidden;}
.leftcatalog .showpic table{table-layout:fixed;width:300px; height:300px; background-color:#fff;border: 1px solid #ccc;}
.leftcatalog .showpic table td{padding:0;margin:0;text-align:center;vertical-align:middle;width:300px;height:300px;}
.leftcatalog .showpic table td a{visibility:hidden;}
.leftcatalog .showpic table td img{ max-width:300px; max-height:300px; width:expression(this.width > 300 && this.height < this.width ? 300: true); height: expression(this.height > 300 ? 300: true);}

.zoomDiv {z-index:999;position: absolute;top:0; left:0;width:200px;height:200px;background:#fff;border:2px solid #eee;display:none;text-align: center;overflow:hidden; margin:-7px 0 0 3px;}
.zoomMask { position:absolute;background:url(../images/mask.png);cursor:move;z-index:1;}

.catalog .prev {position:absolute;left:34px;top:2px; background:url(../images/btn_turn.gif) 0 0 no-repeat; width:16px; height:11px; overflow:hidden; text-indent:-999px; display:block; z-index:3;}
.catalog .prev:hover{ background-position:-16px 0;}
.catalog .next {position:absolute;left:34px; bottom:2px; background:url(../images/btn_turn.gif) 0 -11px no-repeat; width:16px; height:11px; overflow:hidden; text-indent:-999px; display:block; z-index:3;}
.catalog .next:hover{ background-position:-16px -11px;}
.thumbs_list{z-index:2; border:1px solid #ccc; background-color:#f7f7f7; padding:0 5px;width:62px; height:280px;}
.thumbs_list ul{ clear:both; width:62px;overflow:hidden; margin:4px 0 !important;}
.thumbs_list li{width:60px;height:60px;border-width:1px; border-style:solid; margin-bottom:8px;cursor:pointer;position:relative;border-color:#ccc;}
.thumbs_list li.over{ border-color:#3dab3a;}
.thumbs_list li .bg{ width:60px; height:60px; overflow:hidden; position:absolute; display:none; z-index:2; top:0; left:0; background:url(../images/icon_amplify.png) no-repeat;}
.thumbs_list li table {clear:both;width:60px;height:60px;table-layout:fixed; position:relative; z-index:1;}
.thumbs_list li table td{margin:0; padding:0;text-align:center;vertical-align:middle;width:60px;height:60px;}
.thumbs_list li table td img{max-width:60px; max-height:60px; width: expression(this.width >60 && this.height < this.width ? 60: true); height: expression(this.height > 60 ? 60: true);}

.rightinfo .productname{font-size:18px; color:#083484;line-height:20px; padding-bottom:15px; display:block; text-shadow:#fff 1px 1px 0;}
.rightinfo .productinfo{padding:0; margin:0; width:100%;}
.rightinfo .productinfo td, .rightinfo .productinfo th{line-height:20px; vertical-align:top;background:url(../images/border_bot.gif) bottom repeat-x; color:#555;}
.rightinfo .productinfo td{padding:5px 0; }
.rightinfo .productinfo td p{line-height:20px; overflow:hidden;}
.rightinfo .productinfo th{width:80px; padding:5px 10px 5px 0; text-align:right; color:#333;}
.rightinfo .productinfo td span{ padding:0 5px;}
.rightinfo .productinfo td .download{ display:inline-block; padding-left:22px; line-height:18px; background:url(../images/ico_pdf.gif) 0 0 no-repeat;}
.rightinfo .brtools{ margin:10px 0 0 0;}

/* ----------  popwin ----------  */
.popcontactus{ width:150px; height:270px; position:absolute; background:url(../images/pop_contactus_bg.png) no-repeat; right:20px; top:420px; z-index:100; cursor:pointer;}
.popcontactus .closebr{background: url(../images/icon_close.png) no-repeat ;display: block;height:29px;overflow: hidden;position: absolute;right:-10px;text-indent:-999px;top:-10px;width:25px; z-index:101;}
.popcontactus h4{ line-height:35px; color:#fff; text-shadow: 1px 1px 0 #002749; font-size:13px; padding-left:35px;}
.popcontactus h5{ font-size:12px; margin:10px 0 5px 0; color:#fff; line-height:18px;}
.popcontactus ul{ padding:0 5px;}
.popcontactus li{ border-bottom:1px dotted #395fa9; line-height:20px; padding:5px 0; color:#ccc;}
.popcontactus li.last{ border:0;}
.popcontactus li strong{ display:block; color:#fff;}


/* ----------  contact us details ----------  */
.from_post{ padding: 0 15px;}
input, textarea{color:#9a9a9a; padding:2px 4px; border-style:solid; border-width:1px; border-color:#828282 #e9e9e9 #e9e9e9 #828282; background:#fff url(../images/input.gif) 0 0 no-repeat; line-height:20px; height:20px;}
textarea{height:80px;width:250px;}
select{border-style:solid; border-width:1px; border-color:#828282 #e9e9e9 #e9e9e9 #828282; height:20px; color:#9a9a9a; margin-top:3px; background:url(../images/input.gif) 0 0 no-repeat;}
input:focus, textarea:focus{color:#083484; background-image:none; border-color:#083484;}
input.type1{ width:250px;}
input.type2{ width:80px;}
input.type3{ width:30px;}
select.type1{ width:260px;}
select.type2{ width:90px;}
select.type3{ width:50px;}
.from_post input, .from_post select, .from_post textarea{ float:left;}
.from_post .fg{padding:0px 5px; line-height:26px; float:left; display:inline;}
.from_post table {clear:both; width:100%;}
.from_post td{padding-bottom:10px; vertical-align:top;}
.from_post td.td1{text-align:right; width:120px; font-weight:bold;line-height:26px; padding-right:10px; color:#4c4c4c;}
.from_post td.td2{width:300px;vertical-align:top;}
.from_post td.td2 img{vertical-align:middle; padding:4px 0 0 10px;cursor:pointer;}
.from_post td.td3 img{ padding:0 5px 0 0}
.from_post td.td3 span{line-height:18px; color:#999; margin:3px 0; display:block;}
.from_post .radio, .from_post .checkbox{ background:none; display:inline; border:0; padding:0px; width:13px; height:13px; margin:6px 3px 6px 5px; float:left;}
.from_post .brtools{ margin:10px 0 0 130px;}