BODY { padding:0px; margin:0px 0 15px 0; color: #333333; font-size:12px; font-family:Geneva, Arial, Helvetica, sans-serif; TEXT-ALIGN: center; min-width: 1000px; }
form,P,OL,ul,li { padding:0px; margin:0px; }
ul  { LIST-STYLE-TYPE: none; }
img { border:0px; }
h1,h2,h3,h4,h5 { padding:0;	margin:0px 0 0px 0;} 

a:link,
a:visited,
a:active{ color:#333; font-size:12px; text-decoration:none; }
a:hover { color:#0033CC; font-size:12px; text-decoration:underline; }

.address { clear:both; text-align:left; padding-left:10px;  font-weight:bold; }
.address a:link,
.address a:hover,
.address a:visited,
.address a:active { font-size:12px; color:#003399;   text-decoration:underline; }

.blank8 { clear:both; height:8px; overflow:hidden; }
.blank15{ clear:both; height:15px; overflow:hidden; }
.ad { clear:both; margin-bottom:8px; } 
.point { border-bottom:#999999 dashed 1px; height:1px; overflow:hidden; }
.page { clear:both; height:35px; line-height:35px; text-align:center;  }
.page a:link,
.page a:active,
.page a:visited { font-size:12px;  color:#003399;  text-decoration: underline;  }
.page a:hover{ font-size:12px;  color:#003399;  text-decoration: underline; }
.itembg { clear:both; background:url(itembg.gif) repeat-x left 0px; height:9px; overflow:hidden; }	

/* head Styles */
#head { clear:both; width:850px; height:123px; margin:auto; padding-top:15px; }
#head .logo { float:left; width:320px; text-align:left;}
#head .contact { float:right; }
#head .banner { float:right; height:70px; }
#head .tab { clear:both; height:47px; background-color:#EFEFEF; margin-bottom:5px; }
#head .tab .left { float:left; background:url(tab_left.gif) left no-repeat; width:5px; height:37px; }
#head .tab .right { float:right; background:url(tab_right.gif) left no-repeat; width:5px; height:37px; }
#head .tab .main { float:left; width:840px; background-color:#0C1D83; height:30px; padding-top:7px; }
#head .tab ul { padding-left:10px;}
#head .tab li { display:inline; padding-left:12px; padding-right:12px; text-align:left; float:left;  }
#head .tab li a { font-size:17px; color: #FFFFFF; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif;    }
#head .tab .hit a { float:left; font-family: Verdana, Arial, Helvetica, sans-serif;  color:#0C1D83; height:30px; font-weight:bold; padding:0 0 0 12px; margin-left:5px; margin-right:3px;  text-decoration:none; background:url(../images/menuitem.gif) no-repeat left 0px;  }
#head .tab .hit a span { float:left; display:block; line-height:30px;  padding:0px 12px 0px 0px; color:#0C1D83; background:url(../images/menuitem.gif) no-repeat right 0px;  }
#head .tab .hit a:link,
#head .tab .hit a:hover,
#head .tab .hit a:visited{ font-size:17px; color: #FFFFFF;  font-weight: normal; text-decoration:none; }
#head .tab .hit a:active{ font-size:17px; color: #FFCCCC;font-weight: normal; text-decoration: underline;}

/*contentĄ˘footer Styles*/
#content { clear:both; width:850px; margin:auto; }
#footer { clear:both; width:850px; margin:auto;  height:30px; background-color:#F6F6F6; border:#D5D5D5 solid 1px;  text-align:center; padding-top:8px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.links { clear:both;  margin-bottom:6px;  border:#D5D5D5 solid 1px; padding:6px 0 4px 0; }
.links li { display:inline; padding-right:3px; padding-left:3px; }

/* div Styles */
.partleft { float:left; width:260px; }
.partright { float:right; width:580px; margin-bottom:10px; min-height:300px; }

.partlefta { float:left; width:160px; }
.partrighta { float:right; width:680px; margin-bottom:10px; min-height:400px; }

/* Index Styles */
.indexnews{ float:left; width:285px; clear:left; text-align:left; }
.indexnews .title{ clear:both; height:25px; background:url(bg1.gif) right top; text-align:left; color:#FFFFFF; font-weight:bold; }
.indexnews .title h2 { display:block; line-height:25px;  font-size:16px;  background:url(bg1.gif) left top no-repeat; padding:0 0 0 8px;   margin:0px;  }
.indexnews .title h2 a:link,
.indexnews .title h2 a:active,
.indexnews .title h2 a:visited { font-size:16px;  color:#FFFFFF; text-decoration:none; }
.indexnews .title h2 a:hover{ font-size:16px;  color:#FFFFFF; text-decoration: underline; }
.indexnews ul{ line-height: normal; list-style-type: none; margin: 0px; float:left; padding-left:0; line-height:170%;  }
.indexnews li { padding:0px 0px 0px 6px; margin:0px 0px 0px 0px; background:url(item1.gif) left 10px no-repeat;}

.indexclients { float:right; width:285px; clear:right; text-align:left; }
.indexclients .title{ clear:both; height:25px; background:url(bg2.gif) right top; text-align:left; color:#FFFFFF; font-weight:bold; }
.indexclients .title h2 { display:block; line-height:25px; font-size:16px; background:url(bg2.gif) left top  no-repeat; padding:0 0 0 8px; margin:0px; }
.indexclients .title h2 a:link,
.indexclients .title h2 a:active,
.indexclients .title h2 a:visited { font-size:16px;  color:#FFFFFF; text-decoration:none; }
.indexclients .title h2 a:hover{ font-size:16px;  color:#FFFFFF; text-decoration: underline; }
.indexclients ul{ line-height: normal; list-style-type: none; margin: 0px; float:left; padding-left:0; line-height:170%;  }
.indexclients li { padding:0px 0px 0px 6px; margin:0px 0px 0px 0px; background:url(item1.gif) left 10px no-repeat;} 

.indexproname { border-bottom:#CCCCCC 1px solid; height:40px; text-align:left; position:relative; }
.indexproname h1 { font-size:30px; font-family:"Times New Roman", Times, serif; }
.indexproname h1 a:link,
.indexproname h1 a:active,
.indexproname h1 a:visited {  font-size:30px; font-family:"Times New Roman", Times, serif;text-decoration: none; }
.indexproname h1 a:hover{  font-size:30px; font-family:"Times New Roman", Times, serif; text-decoration: underline; }
.indexproname .viewmore{ position:absolute;  right:5px; top:20px;}
.indexproname .viewmore a:link,
.indexproname .viewmore a:active,
.indexproname .viewmore a:visited { font-size:12px; color:#0033CC; text-decoration: underline;  }
.indexproname .viewmore a:hover{ font-size:12px; text-decoration: underline; }

.indexpro { clear:both;  margin:auto; background-color:#F1F8FF; border:#AECAE8 solid 1px; height:280px; padding:10px;}
.indexpro li { display:inline; float:left; width:185px; text-align:center; height:140px; }
.indexpro li img { display:block; margin:auto; text-align:center; }
.indexpro li .pic { clear:both; text-align:center; }
.indexpro h1 { font-size:16px; text-align:left; padding:0px; margin:0px; }
.indexpro .title { clear:both; text-align:left; margin-top:10px; padding-left:20px; font-size:14px;  font-weight:bold; color:#0C1D83; position:relative; }
.indexpro .title .viewmore { position:absolute; font-size:10px; right:10px; top:0px; font-weight:normal; }
.indexpro .title .viewmore a:link,
.indexpro .title .viewmore a:active,
.indexpro .title .viewmore a:visited { font-size:10px; color:#0033CC; text-decoration: underline; }
.indexpro .title .viewmore a:hover{ font-size:10px; text-decoration: underline; }
.indexpro .title h2 { float:left; color:#0C1D83;  margin:0px; padding-left:10px; font-size:16px; font-weight:bold; }

.intro { margin-top:10px; margin-bottom:10px; font-size:14px; padding-left:10px; padding-right:10px; line-height:22px; text-align:left; }

/* News Styles */
.newslist { clear:both; text-align:left; padding-top:8px;}
.newslist h1 { clear:both; padding:2px 0 2px 15px; margin:0px;  text-align:left;  background-color:#72D9F5; font-size:14px; font-weight:bold; }
.newslist ul{ line-height: normal; width:560px;  list-style-type: none; margin: 0px 0px 0px 10px; float:left; padding-left:0; line-height:170%;  }
.newslist li { clear:both; padding:0px 0px 0px 6px; margin:0px 0px 5px 0px; background:url(item1.gif) left 10px no-repeat; text-align:left;  } 
.newslist li h2 { text-align:left; font-size:12px;  color:#003399;  line-height:20px;  font-family:arial;  }
.newslist li h2 a:link,
.newslist li h2 a:active,
.newslist li h2 a:visited { font-size:12px;  color:#003399;  text-decoration: underline;  }
.newslist li h2 a:hover{ font-size:12px;  color:#003399;  text-decoration: underline; }

.newscatelist { clear:both; text-align:left; padding-top:8px;}
.newscatelist ul{ line-height: normal; width:560px;  list-style-type: none; margin: 0px 0px 0px 10px; float:left; padding-left:0; line-height:170%;  }
.newscatelist li { clear:both; padding:0px 0px 0px 6px; margin:0px 0px 5px 0px; background:url(item1.gif) left 10px no-repeat; text-align:left;  } 
.newscatelist li h2 { text-align:left; font-size:12px;  color:#003399;  line-height:20px;  font-family:arial;  }
.newscatelist li h2 a:link,
.newscatelist li h2 a:active,
.newscatelist li h2 a:visited { font-size:12px;  color:#003399;  text-decoration: underline;  }
.newscatelist li h2 a:hover{ font-size:12px;  color:#003399;  text-decoration: underline; }

.newscatelist h3 { clear:both; color:#003399; margin:0px; padding-left:10px; font-size:16px; }
.newscatelist h3 a:link,
.newscatelist h3 a:active,
.newscatelist h3 a:visited { font-size:16px;  color:#003399;  text-decoration: underline;  }
.newscatelist h3 a:hover{ font-size:16px;  color:#003399;  text-decoration: underline; }

.newsdetail { clear:both; }
.newsdetail h1 { font-size:22px; text-align:center; margin:0px; padding-top:6px; padding-bottom:6px; }
.newsdetail .time { clear:both; text-align:left; padding-left:10px;  font-size:12px; color:#003399; line-height:20px; }
.newsdetail .con { line-height:20px; margin-top:10px; text-align:left; margin-bottom:10px; font-size:14px; padding-left:10px; padding-right:10px; line-height:20px; }

/* About Styles */
.about { clear:both; width:155px; margin:auto; margin-bottom:8px;   }
.about ul{ margin:0; padding:0px;}
.about li { height:25px; line-height:25px; background: url(item.gif) left top no-repeat; border-bottom:#E0E0E0 solid 1px;  text-align:left; padding-left:20px;  }
.about li a:link,
.about li a:active,
.about li a:visited{ font-size:14px; color:#003399; font-weight:bold; font-family:arial;  text-decoration:none; }
.about li a:hover { font-size:14px; color:#003399; font-weight:bold; font-family:arial;  text-decoration:underline; }


/* Products Styles */
.products { clear:both; margin-bottom:10px; }
.productslist { clear:both; height:190px; margin:auto; }
.productslist .title { clear:both; height:35px; text-align:left; position:relative;  }
.productslist .title h2{ clear:both; font-size:16px; text-align:left;  line-height:35px; height:35px;  color:#003399; font-family:arial; }
.productslist .title h2 a:link,
.productslist .title h2 a:active,
.productslist .title h2 a:visited,
.productslist .title h2 a:hover{ color:#003399;  line-height:35px;  font-size:16px; text-decoration: underline; }
.productslist .piclist { clear:both; padding:10px; background-color:#F1F8FF; border:#AECAE8 solid 1px; height:130px; margin-bottom:10px; }
.productslist .piclist li { display:inline; float:left; width:185px; height:130px;   text-align:center;  margin:auto;  }
.productslist .piclist li a:link,
.productslist .piclist li a:active,
.productslist .piclist li a:visited { font-size:12px;  color:#003399;  text-decoration: none;  }
.productslist .piclist li a:hover{ font-size:12px;  color:#003399;  text-decoration: underline; }
.productslist .piclist li .pic { clear:both; text-align:center; }
.productslist .piclist li img { display:block; margin:auto; }
.piclistwhite { clear:both; padding:10px;  height:190px; }
.piclistwhite ul { clear:both; }
.piclistwhite li { display:inline; float:left; width:185px; height:150px;  text-align:center; }
.piclistwhite li a:link,
.piclistwhite li a:active,
.piclistwhite li a:visited { font-size:12px;  color:#003399;  text-decoration: none;  }
.piclistwhite li a:hover{ font-size:12px;  color:#003399;  text-decoration: underline; }
.piclistwhite li .pic { clear:both; text-align:center; }
.piclistwhite li img { display:block; margin:auto; }

.piclisttxt { clear:both; }
.piclisttxt ul{ line-height: normal; list-style-type: none; margin: 0px 0px 0px 10px; float:left; padding-left:0; line-height:170%;  }
.piclisttxt li { clear:both; padding:0px 0px 0px 6px; margin:0px 0px 5px 0px; background:url(item1.gif) left 10px no-repeat; text-align:left;  } 
.piclisttxt h2 {clear:both; font-size:16px; text-align:left;  line-height:35px; height:35px;  color:#003399; font-family:arial; }
.piclisttxt a:link,
.piclisttxt a:active,
.piclisttxt a:visited { font-size:12px;  color:#003399;  text-decoration: underline;  }
.piclisttxt a:hover{ font-size:12px;  color:#003399;  text-decoration: underline; }


.productsdetail { clear:both; padding:10px; height:300px;  }
.productsdetail .pic { width:150px; float:left; text-align:left; }
.productsdetail .pic img { display:block; }
.productsdetail .con { float:right; width:380px;  text-align:left; color:#003399; font-size:14px; }
.productsdetail .con ul{ line-height: normal; list-style-type: none; margin: 0px; float:left; padding-left:0; line-height:170%;  }
.productsdetail .con li { padding:0px 0px 0px 6px; margin:0px 0px 0px 0px; background:url(item1.gif) left 10px no-repeat;} 
.productsdetail .con a:link,
.productsdetail .con a:active,
.productsdetail .con a:visited,
.productsdetail .con a:hover{ color:#003399; font-size:14px; text-decoration: underline; }
.productsdetail .detail { clear:both; font-size:14px; line-height:22px; text-align:left; }


.procate { clear:both;  margin:auto; margin-bottom:8px;   }
.procate .itema { clear:both; height:23px;  line-height:23px; border-bottom:#E0E0E0 solid 1px; background: url(item.gif) left top no-repeat; text-align:left; padding-left:20px;  }
.procate .itema a:link,
.procate .itema a:active,
.procate .itema a:visited{ font-size:12px; font-weight:bold; text-decoration:none; }
.procate .itema a:hover { font-size:12px; font-weight:bold; text-decoration:underline; }

.procate .itemb { clear:both;  height:23px;  line-height:23px; border-bottom:#E0E0E0 solid 1px; background: url(item2.gif) left top no-repeat; text-align:left; padding-left:25px;  }
.procate .itemb a:link,
.procate .itemb a:active,
.procate .itemb a:visited{ font-size:12px; text-decoration:none; }
.procate .itemb a:hover { font-size:12px; text-decoration:underline; }


/* Clients Styles */
.clients { clear:both; margin-top:10px; margin-bottom:10px; text-align:left;  }
.clients .body { clear:both; padding-left:5px; padding-right:5px;  font-size:14px; text-align:left; padding-top:3px; padding-bottom:3px; line-height:21px;    }
.clients .user { clear:both; font-size:13px; text-align:right; color:#003399; padding-left:20px; padding-right:5px; padding-bottom:6px;}


.prodetail { border:#D8D8D8 solid 1px; margin-bottom:12px; }
.prodetail h1 { color: #333333; font-size:22px; text-align:center; line-height:100%; padding:10px 0 12px 0px; }
.prodetail dt { width:630px; text-align:left; padding-top:4px; padding-bottom:4px;   }
.prodetail dt p { float:left; text-align:left; font-size:14px; line-height:140%; font-weight:bold; }
.prodetail dt img { float:left; padding-left:30px;  padding-top:2px; }

.qualification { clear:both; margin:auto; text-align:left; }
.qualification .item { float:left; width:660px; margin-left:5px; margin-right:5px;  }
.qualification .item .pic { float:left; width:165px; }
.qualification .item .pic img { padding:1px; border:#CCCCCC solid 1px; }
.qualification .item .con { float:left; width:495px;  font-size:12px;  line-height:23px;  }
.qualification .item .con a:link,
.qualification .item .con a:active,
.qualification .item .con a:visited{ font-size:12px; color:#003399;  text-decoration:underline; }
.qualification .item .con a:hover { font-size:12px; color:#003399;  text-decoration:underline; }

.qualificationdt { clear:both; margin:auto; text-align:left; }
.qualificationdt h2 { clear:both; font-size:24px; text-align:center;  line-height:35px; height:35px;  font-family:arial; }
.qualificationdt li { font-size:14px; line-height:23px;  }
.qualificationdt .pic { clear:both; text-align:center; }
.qualificationdt .pic img { padding:1px; border:#CCCCCC solid 1px; }
.qualificationdt .con { clear:both; font-size:12px;  line-height:23px;  }

/*layout*/

div.stylebox{ clear:both; width:100%; margin: 8px 3px 8px 3px;  }
div.stylebox .body {  margin:auto; text-align:left; line-height:160%; margin: 0px 8px 10px 8px;  }
div.stylebox h3{margin: 2px 0px 5px 0px; }

/*colors*/
div.stylebox{ background:#F3F3F3; background:#F3F3F3 url(point.gif) no-repeat 8px 10px; }
div.stylebox h3{ color: #0C1D83; font-size:16px; text-align:left; font-variant:normal; padding-left:20px; }

.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}
/* Page Numbers */
.pages {
    padding: 1em;
    margin: 1em 0;
    clear: left;
    font-size: 85%;
}

.pages a, .pages span {
    display: block;
    float: left;
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    border: 1px solid #fff;
    background: #fff;
}

.pages span.current {
    border: 1px solid #2E6AB1;
    font-weight: bold;
    background: #2E6AB1;
    color: #fff;
}

.pages a {
    border: 1px solid #9AAFE5;
    text-decoration: none;
}

.pages a:hover {
    border-color: #2E6AB1;
}

.pages a.nextprev {
    font-weight: bold;
}

.pages span.nextprev {
    color: #666;
}

.pages span.nextprev {
	border: 1px solid #ddd;
	color: #999;
}

