@charset "utf-8";
/* ----------  public css ---------- */
body {width:100%; font-size:12px; color:#000;}
a {color:#6497c7; text-decoration:none;}
a:hover {color:#88b460;text-decoration:none;}

.wrapper { clear:both; margin:0px auto; padding:0px;width:960px;}

/* button style */
.default_button {background:url(images/button_bg_default.gif) 0px 0px no-repeat;height:30px;}
.default_button .centerbg{float:left;display:inline;margin-left:15px;padding:7px 0;height:16px; overflow:hidden;background:url(images/button_bg_default.gif) 0 -30px repeat-x;}
.default_button .centerbg a{line-height:16px; color:#666; font-weight:bold;}
.default_button .centerbg a:hover{color:#88b460; text-decoration:none;}
.default_button .rightbg{width:15px; height:30px; background:url(images/button_bg_default.gif) 0px -60px no-repeat; float:left;}

.default_button.green, .default_button.green .centerbg, .default_button.green .rightbg{ background-image:url(images/button_bg_green.gif)}
.default_button.green .centerbg a{color:#363;}
.default_button.green .centerbg a:hover{ color:#fff;}

.default_button.blue, .default_button.blue .centerbg, .default_button.blue .rightbg{ background-image:url(images/button_bg_blue.gif)}
.default_button.blue .centerbg a{color:#135;}
.default_button.blue .centerbg a:hover{ color:#fff;}


/* ----------  header ---------- */
.header{width:960px; height:80px; margin:0;}
.header .col-1{ width:250px; margin-right:10px;}
.header .col-2{ width:700px;}

.language{clear:both; margin-top:10px; height:17px; text-align:right; padding:9px 0;}
.language span{line-height:17px; padding:0 15px;}
.language span.sitemap{ padding-right:25px; border:0; background:url(images/icon_sitemap.gif) 30px center no-repeat;}
.language a{border-bottom:#999 1px dotted; line-height:15px; color:#999;}
.language a:hover, .language span a.current:hover{border-color:#88b460; color:#88b460;}
.language a.current{border-color:#6497c7; color:#6497c7;}

/* menu br style */
.topmenu { clear:both; width:700px; height:35px; clear:both; background:url(images/menu_bg.jpg) 0 0 no-repeat;}
.sf-menu {position:relative; z-index:100; }
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu ul {position:absolute; top:-999em; width:13em;}
.sf-menu ul li {width:100%; margin:0; padding:0;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left;position:relative;background: url(images/menu_li_bg.gif) right top no-repeat;}
.sf-menu a {display:block;position:relative; color:#fff; padding:10px 15px; line-height:15px; text-decoration:none; font-weight:bold; font-size:13px;}
.sf-menu a:hover, .sf-menu a:active, .sf-menu li.sfHover a, .sf-menu li.current a, .sf-menu li.current a:hover{color:#ffaf21; outline:0;}
.sf-menu li a.main:hover, .sf-menu .sfHover a.main, .sf-menu .current a.main, .sf-menu .current a.main:hover{ background-position:left top;}
.sf-menu li li, .sf-menu li.sfHover li{background-image:none;background-color:#fff; border-bottom:1px dotted #0051a3;}
.sf-menu li li.last{ border:0;}
.sf-menu li li a, .sf-menu li.sfHover li a, .sf-menu li.current li a{background-image:none; margin:0;font-size:12px;color:#010101}
.sf-menu li li a:hover, .sf-menu li.current li a:hover, .sf-menu li.sfHover li a:hover, .sf-menu li li.sfHover a, .sf-menu li li.sfHover a:hover, .sf-menu li li.sfHover li.sfHover a, .sf-menu li li.sfHover li.sfHover li a:hover, .sf-menu li li.sfHover li.sfHover li.sfHover a, .sf-menu li li.sfHover li.sfHover li.sfHover li a:hover{color:#fff; background-image:none; background-color:#0081f8;}
.sf-menu li li.sfHover li a, .sf-menu li li.sfHover li.sfHover li a, .sf-menu li li.sfHover li.sfHover li.sfHover li a{background-color:#0051a3; color:#0051a3;}
.sf-menu a.sf-with-ul {padding-right:25px;min-width:1px;}
.sf-sub-indicator {position:absolute;display:block;right:0.5em; top:1em; /* IE6 only */width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url('images/arrows-ffffff.png') no-repeat -10px -100px;}
a > .sf-sub-indicator { top:1em; background-position: 0 -100px;}
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position:-10px -100px;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:	0;top:35px; z-index:999;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:13em; top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:13em; top:0;}
.sf-menu ul .sf-sub-indicator { background-position:-10px 0;}
.sf-menu ul a > .sf-sub-indicator { background-position:0 0;}
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, 
.sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; }
/*** shadows for all but IE6 ***/
.sf-shadow ul {background:url('images/shadow.png') no-repeat bottom right;padding:0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px;-webkit-border-top-right-radius: 17px;-webkit-border-bottom-left-radius: 17px;}
.sf-shadow ul.sf-shadow-off {background: transparent;}

/* banner */
.banner{ clear:both; width:960px; margin-bottom:10px;}
.slider{ background:url(images/banner_bg.jpg) 0 0 no-repeat; padding:5px; width:950px; height:220px;}
.sortgroup{ width:960px; padding-bottom:5px; overflow:hidden; background:#155d2a bottom no-repeat;}
.sortgroup .search{ margin:0 10px; width:240px; display:inline; float:left;}
.sortgroup .search h3{ font-size:13px; padding:5px 0px; color:#fff; line-height:18px;}
.sortgroup .search input{ width:150px; float:left; margin-right:5px; padding:4px; height:20px; line-height:20px;}
.default_button.searchtype{float:left; }
.default_button.searchtype, .default_button.searchtype .centerbg, .default_button.searchtype .rightbg{ background-image:url(images/button_bg_search.gif)}
.sortgroup .search .advance{ line-height:30px; font-weight:bold; color:#fff; display:block; text-align:right;}
.sortgroup .search .advance:hover{ color:#f00;}
.sortgroup ul{ float:left; width:700px; background:#0051a3 no-repeat;}
.sortgroup li{ float:left; padding:5px 5px 0 5px; text-align:center; cursor:pointer; width:90px;}
.sortgroup li img{width:80px; height:60px; clear:both;}
.sortgroup li .over{ display:none;}
.sortgroup li .default{ display:block;}
.sortgroup li.over .over{ display: block;}
.sortgroup li.over .default{display:none;}
.sortgroup li.over .sortname{color:#f00;}
.sortgroup li .sortname{line-height:12px;min-height: 24px; display:block; font-size:11px; color:#fff;}
.sortgroup li .sortname:hover{ color:#f00;}

/* ----------  footer ---------- */
.footer {clear:both; width:960px; padding-bottom:30px;}
.footer .bottomlink{ height:17px; background:url(images/footer_bg.jpg) 0 0 no-repeat; margin-bottom:10px; text-align:center; padding:9px 0;}
.footer .bottomlink span{line-height:17px; padding:0 15px; color:#fff;}
.footer .bottomlink a{border-bottom:#363 1px dotted; line-height:15px; color:#fff;}
.footer .bottomlink a:hover{border-color:#f00; color:#f00;}

.copyright {clear:both; color:#000; text-align:center;line-height:20px;}
.copyright span{ padding:0 5px;}
.copyright a{color:#666; border-bottom:1px dotted #666; line-height:16px; zoom:1;}
.copyright a:hover{color:#f00; text-decoration:none; border-color:#f00;}
.copyright h3{font-size:13px;font-weight:bold;}

/* ----------  index css  ---------- */
.content{ clear:both; width:960px; margin-bottom:10px;}
.maincontent .col-1{ width:260px; margin-right:10px;}
.maincontent .col-2{ width:480px; margin-right:10px;}
.maincontent .col-3{ width:200px;}

.grouptitle{ height:35px; background-repeat:no-repeat; overflow:hidden;}
.grouptitle h3{ padding:5px 15px; font-size:13px; color:#fff; line-height:25px;}
.groupbottom{ clear:both; overflow:hidden; height:10px; background-repeat:no-repeat;}

.newproduct{ background:url(images/title_bg_small_home.jpg) -780px 0 repeat-y;position:relative;}
.newproduct .grouptitle{ background:#0051a3; background-position:-260px 0;}
.newproduct .groupbottom{ background-image:url(images/title_bg_small_home.jpg); background-position:-1040px -25px;}

.carousel{background:#e7e7e7;position:relative;height:220px !important; z-index: 1; margin:10px 1px; width:230px; overflow:hidden; padding:0 14px;}
.carousel ul{position:relative; margin:0;padding:0;list-style:none; overflow:hidden;}
.carousel li{ width:200px;height:220px;overflow:hidden; display:inline; text-align:center;margin:0 15px;padding:0;position: relative; float:left;}	
.carousel li table{clear:both; width:200px; height:200px;margin:0; padding:0; border:0;table-layout:fixed;}
.carousel li table td{margin:0; padding:0; border:0;text-align:center;vertical-align:middle;width:200px;height:200px;overflow:hidden;}
.carousel li 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);}
.carousel li .productname{line-height:20px; font-size:14px;color:#0051a3;}
.carousel .prev, .carousel .next{ display:block;width:20px;height:80px;position:absolute;top:75px; text-indent:-999px; z-index:99; overflow:hidden; background-repeat:no-repeat;}
.carousel .prev{left:0;background:url(images/btn_turn.png) no-repeat 0 0;}	
.carousel .next{right:0;background:url(images/btn_turn.png) no-repeat -20px 0;}														
.carousel .prev:hover{ background-position:0px -80px;}
.carousel .next:hover{background-position:-20px -80px;}


.downloadgroup{background:url(images/downloadgroup_bg.jpg) -200px 0 repeat-y;}
.downloadgroup .downloadtitle{ height:35px; background:#ea620e; overflow:hidden;}
.downloadgroup h3{ padding:10px 15px 20px 15px; font-size:13px; color:#fff; height:30px;}
.downloadgroup .downloadimg{ height:175px; text-align:center; overflow:hidden; padding:5px 0 10px 0;}
.downloadgroup .downloadimg 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);}
.downloadgroup .brtools{ overflow:hidden; height:60px; background:url(images/downloadgroup_bg.jpg) -400px 100% no-repeat;}
.button_download{ display:block; width:120px; height:32px; overflow:hidden; background:url(images/br_download_bg.jpg) 0 0 no-repeat; margin:14px auto;}
.button_download:hover{ background-position:0 -32px;}

.mainnews{width:480px; background:url(images/title_bg_medium.jpg) -1440px 0 repeat-y;}
.mainnews .grouptitle{ background:#155d2a; background-position:-960px 0;}
.mainnews .grouptitle ul{ padding:5px 0 0 30px; height:30px;}
.mainnews .grouptitle li{ float:left; height:30px; margin:0 5px; cursor:pointer; display:inline;}
.mainnews .grouptitle li a{display:block; margin:0; padding:5px 15px; color:#fff; line-height:20px; font-weight:bold; font-size:13px; letter-spacing:1px; text-align:center; width:100px;}
.mainnews .grouptitle li a:hover, .mainnews .grouptitle li.current a:hover{ color:#6497c7;} 
.mainnews .grouptitle li.current{ background:#e7e7e7}
.mainnews .grouptitle li.current a { color:#155d2a; }

.mainnews .newscontent{ background:#e7e7e7;clear:both;clear:both;height:240px;overflow:hidden; }
.mainnews .newscontent ul{display:none;clear:both;height:240px;overflow:hidden; position:relative;}
.mainnews .newscontent li{ margin:0; padding:10px 10px 0 220px; width:250px; height:230px; }
.mainnews .newscontent li .photo{ width:200px; position:absolute; left:10px; top:10px; text-align:center; overflow:hidden;}
.mainnews .newscontent li .photo img{max-width:200px;width: expression(this.height > 200 ? 200: true);}
.mainnews .newscontent li .date{ line-height:16px; font-size:13px; font-weight:bold; color:#155d2a; display:block;}
.mainnews .newscontent li .title{ display:block; line-height:18px; padding:3px 0 5px 0; font-size:13px; font-weight:bold; zoom:1;color:#0051a3;}
.mainnews .newscontent li p{ clear:both; line-height:18px;}
.mainnews .newscontent li table{ width:100%; table-layout:fixed; overflow:hidden; border-collapse:collapse;}
.mainnews .newscontent li table td{border-bottom:1px solid #e1e1e1; padding:5px 0; line-height:16px;}
.mainnews .newscontent li table strong{ color:#155d2a; font-weight:bold; padding-right:5px;}
.mainnews .newscontent li table a{ font-weight:bold;}
.mainnews .newscontent li .brtools{ margin-top:10px; clear:both; height:30px; overflow:hidden;}

.mainnews .groupbottom{ background-image:url(images/title_bg_medium_home.jpg); background-position:-1920px -25px;}

/* ----------  inner page css  ---------- */
.pagecontent .col-1{width:260px; margin-right:10px;}
.pagecontent .col-1 .grouptitle{ background:#0051a4; background-position:-260px 0;}
.pagecontent .col-1 .groupbottom{background-image:url(images/title_bg_small.jpg); background-position:-1040px -25px; }
.pagecontent .col-2{width:690px; padding-bottom:10px; }
.pagecontent .col-2 .grouptitle{ background-position:-1380px 0; position:relative;}
.pagecontent .col-2 .grouptitle .date{ position:absolute; line-height:35px; top:0px; right:15px; float:right; color:#fff; font-size:11px; font-weight:bold;}
.pagecontent .col-2 .groupbottom{ background-image:url(images/title_bg_large.jpg);  background-position:-2760px -25px;}

.navigation{height:35px;background:#155d2a;  margin-bottom:10px; position:relative;}
.navigation .nav{ height:17px;padding:9px 100px 9px 10px; overflow:hidden;width:690px;}
.navigation .nav span{padding:0 10px; line-height:17px;color:#fff;}
.navigation .nav strong{line-height:17px; color:#fff;}
.navigation .nav a{ color:#fff; border-bottom:1px dotted #fff; font-weight:bold;}
.navigation .nav a:hover{color:#f00; border-color:#f00;}


.shareicon {height: 16px; float:right; position:absolute; top:9px; right:10px;}
.shareicon span{ line-height:16px; font-weight:bold; color:#000; float:left;}
.shareicon a.icon1 {background-position:0 0x;}
.shareicon a.icon2{ background-position:0 -16px;}
.shareicon a.icon3{ background-position:0 -32px;}
.shareicon a.icon4{ background-position:0 -48px;}
.shareicon a {background-image:url(images/shareicon_bg.gif);background-repeat: no-repeat;display: inline-block;float:left;height: 16px;margin-left:5px; width: 16px;}

/* ----------  html edit css  ---------- */
.detail{clear:both; width:660px;background:url(images/title_bg_large.jpg) -2070px 0 repeat-y; padding:10px 15px; overflow:hidden;}

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

.detail .brtools{ clear:both; margin-top:15px;}

.quoteinfo{ clear:both; line-height:20px; padding:10px 10px 10px 60px; background:#e9eae2 url(images/ico_quotes.gif) 15px 15px no-repeat; margin-bottom:15px;}
.detail .htmledit h4{ clear:both; line-height:24px; font-size:12px; color:#6497C7; margin-bottom:5px; padding-left:5px; border-left:3px solid #6497C7; background:#ececec;}

.detailstitle{margin-bottom:10px; position:relative; background: url(images/marker4.gif) 5px 12px no-repeat; padding:7px 10px 5px 20px; border-bottom:1px solid #e1e1e1;}
.detailstitle h4{font-size:13px; color:#88b460; padding:0 200px 0 0; line-height:18px;}
.detailstitle h4 a{color:#88b460;}
.detailstitle h4 a:hover{color:#6497c7;}
.detailstitle .note{ position:absolute; top:7px; right:10px; line-height:18px; text-align:right;}
.nes{color:#f00; padding:0px 5px;}

.productcontent .navigation{ }
.productcontent .grouptitle{ background-image:url(images/title_bg_max.jpg); background-position:0 0; }
.productcontent .groupbottom{ background-image:url(images/title_bg_max.jpg); background-position:-1920px -25px;}
.productcontent .detail{width:930px;background:url(images/title_bg_max.jpg) -960px 0 repeat-y; }

/*leftmenu */
.leftmenu{overflow:hidden;background:url(images/title_bg_small.jpg) -780px 0 repeat-y;padding:10px 15px;}
.leftmenu li{ clear:both; border-bottom:1px solid #e1e1e1; zoom:1; float:left; width:230px;}
.leftmenu li a{ display:block;line-height:18px; padding:8px 5px 8px 22px; background:#fff url(images/marker3.gif) 5px 14px no-repeat; color:#666; font-weight:bold;}
.leftmenu li a:hover, .leftmenu li .current:hover{ color:#88B460; background-image:url(images/marker1.gif); background-color:#f8f8f8;}
.leftmenu li .current{ color:#6497c7;background-image:url(images/marker2.gif);}

/* content list */
.content_list{ width:100%; overflow:hidden;}
.content_list table { width:100%;table-layout:fixed; overflow:hidden;}
.content_list table th{text-align:left; padding:0 5px 5px 5px; line-height:18px; color:#6497C7;border-bottom:1px solid #e1e1e1;}
.content_list table td{padding:5px; vertical-align:middle;line-height:18px; border-bottom:1px solid #e1e1e1;}
.content_list table td a{color:#666; text-decoration:none;}
.content_list table td a:hover{color:#88b460; text-decoration:none;}
.content_list table td.T1{background-image:url(images/marker3.gif); background-position:10px center; background-repeat:no-repeat;padding-left:25px;}
.content_list table th.T1{padding-left:20px;}
.content_list table tbody tr.even{background-color:#fff;}
.content_list table tbody tr.odd {background-color:#f8f8f8;}
.content_list table tbody tr.over{background-color:#eee;}
.content_list table tbody tr.over .T1{ background-image:url(images/marker1.gif)}
.content_list table tbody tr.out{background-color:none;}
.nodata{ text-align:center; color:#999; line-height:40px;}

.list_download .T1{ width:100px; text-align:center;}
.list_download td.T1{color: #88B460;font-size: 11px;font-weight: bold;}
.list_download .T2{ width:80px; text-align:center;}

.list_news { clear:both; overflow:hidden; width:100%;}
.list_news dl { clear:both; float:left; width:640px; display:inline; padding:0 10px 10px 10px; border-bottom:#e1e1e1 1px solid; margin-top:15px;}
.list_news dl dt {float: left; margin-right:10px; width:150px; text-align:center;}
.list_news dl dt 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);}
.list_news dl dd {float: left; overflow: hidden; width:480px;}
.list_news dl dd p {line-height:18px; overflow:hidden;}
.list_news dl dd .date{color: #155d2a;display: block;font-size: 11px;font-weight: bold;line-height: 16px;}
.list_news dl dd .title{display:block; font-size:13px; line-height:18px; font-weight:bold; text-decoration:none; padding-bottom:5px;color: #0051a3;}
.list_news dl dd .default_button{ clear:both; margin-top:10px; float:right;}

.defaultlist{width:100%; line-height:18px; border-collapse:collapse; margin-bottom:15px;}
.defaultlist th{ background:#6497c7; text-align:center; color:#fff; padding:5px; border:1px solid #fff; vertical-align:middle;}
.defaultlist td{ text-align:center;padding:5px; border:1px solid #fff;vertical-align:middle;}
.defaultlist tr.even{background-color:#f8f8f8;}
.defaultlist tr.odd {background-color:#eee;}
.defaultlist tr.over{background-color:#fff;}
.defaultlist .T1, .defaultlist th.T0{ white-space: nowrap;}
.defaultlist td.T0{ text-align:left;white-space: nowrap;}
.defaultlist .T2{ width:40px;}

.productnav{ clear:both; line-height:24px; font-weight:bold; color:#6497C7; margin-bottom:5px; padding-left:5px; border-left:3px solid #6497C7; background:#ececec;}
.productnav span{ padding:0 5px;}

.exhibition_list{ width:100%;overflow:hidden;}
.exhibition_list dl{clear:both; float:left; width:660px; height:255px;}
.exhibition_list dl dt{float: left;width:500px; height:255px;}
.exhibition_list dl dt .photo{width:490px; height:245px; padding:4px; border-width:1px; border-style: solid;border-color:#fff; background:#eee;}
.exhibition_list dl dt .photo table{clear:both; width:490px; height:245px;margin:0; padding:0; border:0;table-layout:fixed;}
.exhibition_list dl dt .photo table td{margin:0; padding:0; border:0;text-align:center;vertical-align:middle;width:290px;height:245px;}
.exhibition_list dl dt .photo table td a{ cursor:pointer; display:block;}
.exhibition_list dl dt .photo table td img{max-width:490px; max-height:245px; width: expression(this.width >490 && this.height < this.width ? 490: true); height: expression(this.height > 245 ? 245: true);}
.exhibition_list dl dd{float: left; width:160px; height:255px;}
.exhibition_list dl dd .photo{ width:150px; height:75px; padding:4px; border-width:1px; border-style: solid;border-color:#fff; background:#eee;}
.exhibition_list dl dd .photo table{clear:both; width:150px; height:75px;margin:0; padding:0; border:0;table-layout:fixed;}
.exhibition_list dl dd .photo table td{margin:0; padding:0; border:0;text-align:center;vertical-align:middle;width:150px;height:75px;}
.exhibition_list dl dd .photo table td img{max-width:150px; max-height:75px; width: expression(this.width >150 && this.height < this.width ? 150: true); height: expression(this.height > 75 ? 75: true);}

.exhibition th{ width:130px; text-align:right;}
.exhibition td{ text-align:left;}
.exhibition td strong{ color:#6497C7;}
.exhibition td a{ text-decoration:underline;}

/*tips*/
#tooltip { position: fixed;z-index:1000;width:auto !important; width:500px; background:url(images/tips_bg.png); text-align:center;padding:5px;-moz-border-radius:3px; -webkit-border-radius:3px;border-radius:3px; text-align:center; top:50%; left:50%; margin-left:-260px; margin-top:-135px;}
#tooltip img{ max-width:500px;max-height:250px;}

/* page tools css */
.grayr {margin:10px 0 0 0; padding:10px; FONT-SIZE:12px;text-align:center;}
.grayr a {PADDING:2px 8px; MARGIN:1px; COLOR:#666; TEXT-DECORATION: none; FONT-WEIGHT: bold;}
.grayr a:hover {COLOR:#fff; background-color:#88b460;}
.grayr a:active {COLOR:#fff; BACKGROUND-COLOR:#666;}
.grayr span.current {PADDING:2px 8px; FONT-WEIGHT: bold; MARGIN:1px; COLOR:#fff; background-color:#6497C7;}
.grayr span.disabled {PADDING:2px 8px; MARGIN:1px; COLOR:#ccc; FONT-WEIGHT: bold;}

/* ---------- product----------  */
.productlist{ width:660px; overflow:hidden; }
.productlist li{width:165px; height:190px; float:left;text-align:center; margin-bottom:10px; overflow:hidden;}
.productlist li .title{line-height:20px;}
.productlist li .photo{ width:150px; height:150px; border-width:1px; border-style:solid; margin:10px auto 5px auto;}
.productlist li .photo table {clear:both; width:150px; height:150px;margin:0; padding:0; border:0;table-layout:fixed;}
.productlist li .photo table td{margin:0; padding:0; border:0;text-align:center;vertical-align:middle;width:150px;height:150px;}
.productlist li .photo table td 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);}
.photo.default{ border-color:#e1e1e1;}
.photo.over{ border-color:#88b460;}

/* ---------- join us----------  */
.trafficinfo{ padding-right:340px; position:relative; width:320px;height:auto!important;height:260px;min-height:260px;}
.trafficinfo .googlemap{ width:320px; position:absolute; top:0px; right:0px; border:1px solid #e1e1e1;}
.trafficinfo .googlemap .maplink{ line-height:20px; background:#6497C7; display:block;  text-align:center; color:#fff;}
.trafficinfo .googlemap .maplink:hover{color:#135;}
.noticeinfo{padding-right:340px; position:relative; width:320px;height:auto!important;height:190px;min-height:190px;}
.noticeinfo .noticeimg{width:320px; position:absolute; top:0px; right:0px;}

/* ---------- sitemap ---------  */
.sitemaplist{ width:640px; margin:0 10px;}
.sitemaplist .col-1, .sitemaplist .col-2{ width:200px; margin-right:20px;}
.sitemaplist .col-3{width:200px;}
.sitemaplist h4{ padding:7px 0 5px 20px;background: url(images/marker4.gif) 5px 10px no-repeat; border-bottom:1px solid #e1e1e1;font-size:13px; color:#88b460;line-height:18px; margin-bottom:5px;}
.sitemaplist ul{ padding:0 0 20px 20px; overflow:hidden;}
.sitemaplist li{ clear:both;float:left; width:180px;}
.sitemaplist li a{ padding:3px 10px 3px 15px; background:url(images/marker3.gif) 0 9px no-repeat; line-height:18px; color:#666; display:block;}
.sitemaplist li a:hover{ color:#88b460; background-image:url(images/marker1.gif);}

/* ----------  full screen window ---------- */
.largecontent{ width:97%; margin:10px auto;}
.largecontent .brtools{ clear:both; float:left; margin-top:20px; height:29px;position:relative; left:50%;}
.largecontent .brtools .default_button{ display:inline;position:relative;left:-50%; float:left;}
.largecontent .header, .largecontent .footer{ clear:both; height:0;}


/* ----------  pop windows ---------- */
.hide_box{width:480px; overflow:hidden; display:none; position:relative; padding-bottom:15px; background:url(images/popwin_bg.gif) -960px 100% no-repeat;}
.hide_box h4{ line-height:19px; overflow:hidden;color:#fff; padding:8px 25px 8px 15px; font-size:13px; background: url(images/popwin_bg.gif) 0 0 no-repeat;}
.hide_box .closebr{ display:block; width:32px; height:16px; overflow:hidden;right:15px; top:2px; position:absolute; background:url(images/icon_close.gif) 0 0 no-repeat; text-indent:-999px;}
.hide_box .closebr:hover{ background-position:0 -16px;}
.popcontent{padding:10px 10px 0 10px; overflow:hidden; background:url(images/popwin_bg.gif) -480px 0 repeat-y;}
.popcontent p{line-height:18px; padding-bottom:10px;}
.popcontent .from_post td.td1{ width:100px;}
.popcontent .from_post td.td2{ width:220px;}
.popcontent .from_post td p{ padding:5px 0 0 0; clear:both;}
.popcontent .from_post td label{ clear:both;}
.popcontent .from_post .brtools{ margin-left:110px;}

/* ----------  product search ---------- */
#productsearch td.td1{ width:150px;}
#productsearch td.td2{ width:170px;}
#productsearch td.td2 select{width:160px;}
#productsearch td.td4{ vertical-align:top;}
#productsearch td.td4 input{width:150px;}
#productsearch td.td4 .radio{width:13px; height:13px; margin-left:10px;}
#productsearch .brtools{ margin-left:160px;}

/* ----------  contact us details ----------  */
input, textarea{color:#666; padding:2px 4px; border:1px solid #999; background:#f8f8f8 url(images/input.gif) 0 0 no-repeat; line-height:18px; height:18px;}
textarea{height:60px;width:200px;}
input:hover, textarea:hover{border-color:#6497c7;}
select{border:1px solid #999; height:20px; color:#666; margin-top:2px; background:#f8f8f8 url(images/input.gif) 0 0 no-repeat;}
optgroup{color:#6497C7;font-style:normal;}
optgroup option{ color:#666;}
input:focus, textarea:focus{border-color:#88b460; color:#000; background-image:none; background-color:#fff;}
input.type1{ width:200px;}
input.type2{ width:80px;}
input.type3{ width:30px;}
select.type1{ width:210px;}
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:24px; 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:150px; font-weight:bold;line-height:24px; padding-right:10px; color:#333;}
.from_post td.td2{width:250px;vertical-align:top;}
.from_post td.td2 strong{ color:#88b460;}
.from_post td.td2 img{vertical-align:middle; padding:5px 0 0 10px;cursor:pointer;}
.from_post td.td3 img{ padding:2px 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:12px; height:12px; margin:6px 3px 6px 5px; float:left;}
.from_post .brtools{ margin:10px 0 0 160px;}
.from_post .default_button{ margin-right:10px; float:left;}

.contactinfo h4{ clear:both; line-height:24px; font-size:12px; color:#6497C7; margin-bottom:5px; padding-left:5px; border-left:3px solid #6497C7; background:#ececec; margin-top:10px;}
.contactinfo ul{line-height:20px; padding-left:24px;}
.contactinfo li{line-height:18px;}
.contactinfo li strong{padding-right:10px;}