@charset "utf-8";
/* ----------  public css ---------- */
body {width:100%; font-size:12px; color:#666; background:#e2e2e2 url(../images/bady_bg.gif) top repeat-x;}
a {color:#13b900; text-decoration:none;}
a:hover {color:#ee8000;text-decoration:none;}

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

/* button style */
.default_button {background:url(../images/button_default.png) 0 0 no-repeat; padding-left:15px; height:46px; display: inline-block; color:#13b900; }
.default_button span{display: inline-block;padding:0 15px 0 0; height:46px; background:url(../images/button_default.png) 100% -92px no-repeat; cursor:pointer;}
.default_button span span{display: inline-block; padding:13px 10px; background:url(../images/button_default.png) 0 -46px repeat-x;height:20px; line-height:20px; font-size:13px; font-weight:bold;}
.default_button:hover{ color:#fff; background-image:url(../images/button_green.png)}
.default_button:hover span, .default_button:hover span span{background-image:url(../images/button_green.png)}

.orange_button {background:url(../images/button_orange.png) 0 0 no-repeat; padding-left:15px; height:46px; display: inline-block; color:#fff; }
.orange_button span{display: inline-block;padding:0 15px 0 0; height:46px; background:url(../images/button_orange.png) 100% -92px no-repeat; cursor:pointer;}
.orange_button span span{display: inline-block; padding:13px 10px; background:url(../images/button_orange.png) 0 -46px repeat-x;height:20px; line-height:20px; font-size:13px; font-weight:bold;}
.orange_button:hover{ color:#fff; background-image:url(../images/button_green.png)}
.orange_button:hover span, .orange_button:hover span span{background-image:url(../images/button_green.png)}

.brtools{ margin-top:20px; clear:both; height:46px; overflow:hidden;}

/* ----------  header ---------- */
.header{width:960px; height:320px; margin:0 auto; position:relative; z-index:2;}
.header .logo{ top:40px; position: absolute; width:300px; height:150px; display:block; z-index:100; background:url(../images/logo-top.png) top center no-repeat;}
.header .logo:hover{ background-position:bottom center;}

.language{clear:both; height:18px; text-align:right; top:20px; right:0px; position:absolute; z-index:100;}
.language span{line-height:18px; padding:0 15px;color:#13b900;}
.language a{border-bottom:#13b900 1px dotted; line-height:16px; color:#13b900;}
.language a.current{border-color:#ee8000; color:#ee8000; font-weight:bold;}
.language a:hover, .language a.current:hover{border-color:#fff; color:#fff;}

/* menu br style */
.menu { clear:both; height:42px; width:960px; position:absolute; top:220px; left:0; padding:19px 0 57px 0; z-index:100; background: url(../images/menu_shadow.png) 0 0 no-repeat;}
.sf-menu {position:relative; z-index:10; background:#1a3b10; height:30px; clear:both; border-top:1px solid #18640a; border-bottom:1px solid #41d71d; border-left:1px solid #18640a; border-right:1px solid #41d71d;}
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu ul {position:absolute; top:-999em;width:14em;}
.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 center no-repeat;}
.sf-menu a {display: inline-block;position:relative; color:#13b900; padding:5px 15px; line-height:20px;  font-weight:bold; font-size:13px;text-align:center;}
.sf-menu li.current a{color:#ee8000; background:url(../images/menu_li_current_bg.gif) center top no-repeat;}
.sf-menu li.sfHover{background:#ee8000 url(../images/menu_li_over_bg.gif) 0 center repeat-x;}
.sf-menu a:hover, .sf-menu a:active, .sf-menu li.current a:hover{color:#fff; outline:0;}
.sf-menu li.sfHover a{color:#664400; outline:0;}
.sf-menu li li, .sf-menu li.sfHover li, .sf-menu li.current li{background:#ee8000;}
.sf-menu li li a, .sf-menu li.sfHover li a, .sf-menu li.current li a{display:block;color:#fff;background: none;font-size:12px; padding:5px 10px; line-height:20px; text-align:left;}
.sf-menu li li a:hover, .sf-menu li.sfHover li a:hover, .sf-menu li.current li a:hover{color:#664400; background-color:#ffcb4f;}
.sf-menu a.sf-with-ul {padding-right:30px;min-width:1px;}
.sf-sub-indicator {position:absolute;display:block;right:10px; top:0.7em; /* 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:0.7em; 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:30px; 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:14em; 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:14em; 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:100%; height:320px; background:url(../images/bg.jpg) center top no-repeat; position: absolute; z-index:1; left:0; top:0;}
.animate{ width:960px; margin:0 auto; position:relative; height:320px; overflow:hidden;}
.animate .text{ position:absolute; left:330px; top:80px; z-index:2; text-shadow:0 0 5px rgba(105,255,0,0.9); -webkit-animation: fadeText 30s linear infinite; animation: fadeText 30s linear infinite;}
.animate .text .tw{ color:#ff6600; font-size:36px; line-height:60px; font-family:Microsoft YaHei,Arial,Helvetica,sans-serif; display:block; font-weight:bold; letter-spacing:2px}
.animate .text .en{ color:#fff; font-size:20px; font-weight:bold; display:block;}
.animate .circuit{ width:2000px; height:1900px; background:url(../images/annular.png) center center no-repeat; background-size:contain; position:absolute; left:60px; top:-240px; z-index:1; -webkit-animation: moveRound 30s linear infinite; animation: moveRound 30s linear infinite;}
.honeycomb{ width:282px; height:150px; position:absolute; right:0; background:url(../images/honeycomb.png) center 0px no-repeat;-webkit-animation: maskImg 8s linear infinite; animation: maskImg 8s linear infinite;}

@-webkit-keyframes fadeText{0%{opacity:0}2%{ opacity:1}10%{opacity:1}15%{opacity:0}100%{opacity:0}}
@keyframes fadeText{0%{opacity:0}2%{ opacity:1}10%{opacity:1}15%{opacity:0}100%{opacity:0}}

@-webkit-keyframes moveRound{0%{left:100px; top:-240px;}
	10%{left:100px; top:-240px;}
	15%{left:400px; top:-560px;}
	20%{left:400px; top:-1160px;}
	25%{left:100px; top:-1450px;}
	35%{left:100px; top:-1450px;}
	40%{left:-200px; top:-1650px;}
	45%{left:-900px; top:-1650px;}
	50%{left:-1150px; top:-1400px;}
	60%{left:-1150px; top:-1400px;}
	65%{left:-1450px; top:-1100px;}
	70%{left:-1450px; top:-500px;}
	75%{left:-1150px; top:-200px;}
	85%{left:-1150px; top:-200px;}
	90%{left:-870px; top:20px;}
	95%{left:-160px; top:20px;}
	100%{left:100px; top:-240px;}}
@keyframes moveRound{
	0%{left:100px; top:-240px;}
	10%{left:100px; top:-240px;}
	15%{left:400px; top:-560px;}
	20%{left:400px; top:-1160px;}
	25%{left:100px; top:-1450px;}
	35%{left:100px; top:-1450px;}
	40%{left:-200px; top:-1650px;}
	45%{left:-900px; top:-1650px;}
	50%{left:-1150px; top:-1400px;}
	60%{left:-1150px; top:-1400px;}
	65%{left:-1450px; top:-1100px;}
	70%{left:-1450px; top:-500px;}
	75%{left:-1150px; top:-200px;}
	85%{left:-1150px; top:-200px;}
	90%{left:-870px; top:20px;}
	95%{left:-160px; top:20px;}
	100%{left:100px; top:-240px;}
}
@-webkit-keyframes maskImg{0%{opacity:0.2; top:-150px; background-position:center 0px;}40%{ opacity:0.6; top:130px; background-position:center -280px;}80%{opacity:0.4; top:320px; background-position:center -470px;}100%{opacity:0.4; top:320px; background-position:center -470px;}}
@keyframes maskImg{0%{opacity:0.2; top:-150px; background-position:center 0px;}40%{ opacity:0.6; top:130px; background-position:center -280px;}80%{opacity:0.4; top:320px; background-position:center -470px;}100%{opacity:0.4; top:320px; background-position:center -470px;}}

.mainslider{width:100%;height:320px; position:relative; list-style:none; margin:0 auto; padding:0; background:url(../images/loading.svg) center no-repeat;}
.mainslider li{width:100%; height:100%; position:relative; overflow:hidden;}
.mainslider li a{width:100%; height:100%; display:block; position:absolute; left:0; top:0; cursor:pointer; background-position:center top; background-repeat:no-repeat; -moz-background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;}
.banner .slider{ width:960px; margin:0 auto; position:relative; height:320px; overflow:hidden;}

.rslides_tabs{margin:0; height:16px; position:absolute; left:50%; bottom:8px;}
.rslides_tabs li{float:left; margin-left:10px; position:relative; right:50%;}
.rslides_tabs a{cursor:pointer; display:block; width:16px; height:16px;  border-radius:50%; position:relative; overflow:hidden; text-indent:-999px; transition:all 0.5s ease 0s; background-color:#66ff00;}
.rslides_tabs li.rslides_here a, .rslides_tabs li.rslides_here a:hover{background-color:#fff;}
.rslides_tabs a:hover{ background-color:@light;}

/* ----------  footer ---------- */
.footer {clear:both; width:100%; padding:20px 0 40px 0; background:#219614;  border-top:#ee8000 3px solid;}

.copyright {clear:both; color:#1b4307; width:960px; margin:0 auto; text-align:center;line-height:18px;}
.copyright span{ padding:0 5px;}
.copyright a{color:#41d71d; border-bottom:1px dotted #41d71d; line-height:16px; zoom:1;}
.copyright a:hover{color:#ee8000; text-decoration:none; border-color:#ee8000;}
.copyright .title{font-size:13px;font-weight:bold;}


/* ----------  index css  ---------- */
.content{ clear:both; width:960px; margin:30px auto;}
.maincontent{ background:url(../images/main_fg.jpg) 324px center no-repeat; margin:30px auto;}
.maincontent .col-1{ width:300px; margin-right:60px; background:url(../images/group_bg_small.jpg) -300px 0 repeat-y; position:relative;z-index:1;}
.maincontent .col-2{ width:600px;background:url(../images/group_bg_large.jpg) -600px 0 repeat-y; position:relative;z-index:1;}
.maincontent .col-1 .groupbottom{ clear:both; background:url(../images/group_bg_small.jpg) -600px bottom no-repeat; height:30px; overflow:hidden;}
.maincontent .col-2 .groupbottom{ clear:both; background:url(../images/group_bg_large.jpg) -1200px bottom no-repeat; height:30px; overflow:hidden;}

.grouptitle{ clear:both; height:50px; background:url(../images/main_title_bg.png) 0 0 no-repeat; padding-left:18px; position:absolute; left:17px; top:-15px; display:inline; z-index:2;}
.grouptitle h3{display:inline-block; line-height:20px; font-size:16px; color:#664400; background:url(../images/main_title_bg.png) 100% bottom no-repeat; padding:13px 28px 17px 10px; float:left;}

.newproduct{background:url(../images/group_bg_small.jpg) 0 0 no-repeat; padding:45px 20px 0 20px;}
#productslider{margin:0; background:url(../images/group_fg.gif) top repeat-x; padding-top:15px;}
#productslider ul, #productslider li{margin:0;padding:0;list-style:none; overflow:hidden;}
#productslider li{ width:260px; overflow:hidden; text-align:center;}	
#productslider li .photo{ width:200px; height:200px; padding:4px; border-width:1px; border-style: solid; margin:0 25px 10px 25px; background-color:#fff;}
#productslider li table{clear:both; width:200px; height:200px;margin:0; padding:0; border:0;table-layout:fixed;}
#productslider li table td{margin:0; padding:0; border:0;text-align:center;vertical-align:middle;width:200px;height:200px;}
#productslider 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);}
#productslider li .productname{line-height:20px; margin:0 auto; font-size:13px; color:#666; font-weight:bold; display:block; text-align:center; width:210px; height:43px;}
#productslider li .productname:hover{color:#ee8000;}
#prevBtn, #nextBtn{ display:block;width:20px;height:80px;position:absolute;top:114px; text-indent:-999px; z-index:99;}
#prevBtn{left:1px;}	
#nextBtn{right:1px;}														
#prevBtn a, #nextBtn a{ display:block;width:20px;height:80px;}
#prevBtn a{background:url(../images/btn_turn.png) no-repeat 0 0;}
#nextBtn a{background:url(../images/btn_turn.png) no-repeat -20px 0;}
#prevBtn a:hover{ background-position:0px -80px;}
#nextBtn a:hover{background-position:-20px -80px;}

.photo.default{border-color:#ccc;}
.photo.over{ border-color:#ee8000;}


.mainnews{background:url(../images/group_bg_large.jpg) 0 0 no-repeat;padding:15px 20px 0 20px;}
.scrolltext{width:420px; height:30px; overflow:hidden; margin:0 20px 0 140px;}
.scrolltext td{ padding:0 20px; line-height:30px; color:#f00; font-size:14px;}
.mainnews ul{clear:both; overflow:hidden;background:url(../images/group_fg.gif) top repeat-x; padding-top:15px;}
.mainnews li{ margin:0; padding:6px 0 6px 28px; background:#e2e2e2 url(../images/marker1.gif) 10px 13px no-repeat; border-bottom:1px solid #fff; border-top:1px solid #ccc}
.mainnews li .date{ line-height:20px; font-size:11px; font-weight:bold; color:#ee8000; padding-right:10px;}
.mainnews li a{line-height:20px; white-space:nowrap; color:#666;}
.mainnews li.over{ background-color:#13b900;}
.mainnews li.over a, .mainnews li.over .date{ color:#fff;}
.mainnews .brtools{margin-top:10px;}

/* ----------  inner page css  ---------- */
.pagecontent .col-1{ width:240px; margin-right:30px; background:url(../images/group_bg_min.jpg) -240px 0 repeat-y; position:relative;z-index:1;}
.pagecontent .col-2{ width:690px;}
.pagecontent .col-1 .groupbottom{ clear:both; background:url(../images/group_bg_min.jpg) -480px bottom no-repeat; height:30px; overflow:hidden;}

.navigation{height:18px; margin-bottom:10px;  overflow:hidden; text-align:right; padding-bottom:15px;  background: url(../images/navigation_bg.jpg) 0 bottom no-repeat;}
.navigation span{padding:0 10px; }
.navigation strong{ font-size:13px;}
.navigation a{ color:#13B900; line-height:16px; border-bottom:1px dotted #13B900; font-weight:bold;}
.navigation a:hover{color:#ee8000; border-color:#ee8000;}

/* ----------  html edit css  ---------- */
.detail{clear:both; width:690px;overflow:hidden;}
.pagecontent .col-2 h2{ color:#664400; font-size:22px; line-height:30px; margin-bottom:20px; }
.pagecontent .col-2 .date{color:#EE8000; font-size:11px; font-weight:bold; padding-bottom:3px; display:block; font-family: Tahoma,Geneva,sans-serif;}

.htmledit{ clear:both; width:100%; 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:10px 10px 10px 75px; background:#ececec url(../images/ico_quotes.jpg) 15px 15px no-repeat; margin-bottom:15px; color:#EE8000;}
.detail .htmledit h4{ clear:both; line-height:18px; padding:5px 0; font-size:13px; color:#13B900; margin-bottom:10px;  padding-bottom:5px; background:url(../images/group_fg.gif) 0 bottom repeat-x;}

.detailstitle{margin-bottom:15px; position:relative; background:#ececec; border-left:5px solid #EE8000; padding:5px 15px; }
.detailstitle h3{font-size:14px; color:#ee8000; padding:0 200px 0 0; line-height:20px;}
.detailstitle .note{ position:absolute; top:5px; right:15px; line-height:18px; text-align:right;}
.nes{color:#f00; padding:0px 5px;}


/*leftmenu */
.leftmenu{overflow:hidden;background:url(../images/group_bg_min.jpg) 0 0 no-repeat; padding:45px 20px 0 20px;}
.leftmenu ul{clear:both; overflow:hidden;background:url(../images/group_fg.gif) top repeat-x; padding-top:15px;}
.leftmenu li{margin:0; border-bottom:1px solid #fff; border-top:1px solid #ccc;}
.leftmenu li a{ display:block; line-height:20px;color:#13B900; padding:6px 0 6px 28px; background:#e2e2e2 url(../images/marker1.gif) 10px 13px no-repeat; font-weight:bold;}
.leftmenu li a:hover, .leftmenu li .current:hover{ color:#fff; background-color:#13b900;background-image:url(../images/marker1.gif);}
.leftmenu li .current{ color:#ee8000; background-image:url(../images/marker2.gif); font-size:13px;}

.productmenu{background:url(../images/group_bg_min.jpg) 0 0 no-repeat; padding:45px 20px 0 20px;}
.productmenu ul{clear:both; background:url(../images/group_fg.gif) top repeat-x; padding-top:15px;}
.productmenu li{ clear:both; padding:6px 0 6px 28px; background:#e2e2e2 url(../images/marker1.gif) 10px 13px no-repeat; position:relative;border-bottom:1px solid #fff; border-top:1px solid #ccc; zoom:1;}
.productmenu li a{ line-height:20px;font-weight:bold;color:#13B900;}
.productmenu li a:hover, .productmenu li li li li.opened a:hover{color:#ee8000;}
.productmenu li .current{ color:#ee8000; font-size:13px;}
.productmenu li ul, .productmenu li.opened li ul,  .productmenu li li.opened li ul{ padding:0; visibility:hidden; position:absolute; width:100%; left:100%; top:-1px; background:#e2e2e2; Z-INDEX:10; border-left:1px solid #fff;border-right:1px solid #ccc;}
.productmenu li li a, .productmenu li.opened li a, .productmenu li li.opened li a, .productmenu li li li.opened li a{color:#13B900;}
.productmenu li.opened a, .productmenu li li.opened a, .productmenu li li li.opened a{color:#ee8000;}
.productmenu li.opened ul, .productmenu li li.opened ul, .productmenu li li li.opened ul{ visibility:inherit; }

/* 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; font-size:13px; padding:0 10px 9px 10px; line-height:18px; color:#ee8000; background:url(../images/group_fg.gif) 0 bottom repeat-x;}
.content_list table td{padding:7px 10px; vertical-align: top; line-height:18px; border-bottom:1px solid #FFF; border-top:1px solid #CCC;}
.content_list table td a{color:#666; text-decoration:none;}
.content_list table td a:hover{color:#ee8000; text-decoration:none;}
.content_list table td.T1{background-image:url(../images/marker1.gif); background-position:10px 12px; background-repeat:no-repeat;padding-left:28px;}
.content_list table th.T1{padding-left:28px;}
.content_list table tbody tr.even{background-color:#e2e2e2;}
.content_list table tbody tr.odd {background-color:#ececec;}
.content_list table tbody tr.over{background-color:#13B900;}
.content_list table tbody tr.over td, .content_list table tbody tr.over td a{ color:#fff;}
.content_list table tbody tr.out{background-color:none;}
.nodata{ text-align:center; color:#999; line-height:40px;}

.list_news .T1{ width:80px;}
.list_news td.T1{color:#ee8000; font-size:11px; font-weight: bold; font-family: Tahoma,Geneva,sans-serif}


/* page tools css */
.grayr {margin:20px 0 0 0; padding:10px; FONT-SIZE:12px;text-align:center;}
.grayr a {PADDING:3px 10px; MARGIN:2px; COLOR:#13b900; TEXT-DECORATION: none; FONT-WEIGHT: bold;background-color:#ececec;}
.grayr a:hover {COLOR:#fff; background-color:#13b900;}
.grayr a:active {COLOR:#ee8000; BACKGROUND-COLOR:#ececec;}
.grayr span.current {PADDING:3px 10px; FONT-WEIGHT: bold; MARGIN:2px; COLOR:#fff; background-color:#ee8000;}
.grayr span.disabled {PADDING:3px 10px; MARGIN:2px; COLOR:#999; FONT-WEIGHT: bold; background-color:#ececec;}

/* ---------- product----------  */
.productlist{ width:680px; overflow:hidden; margin:0 5px;}
.productlist li{width:170px; float:left; text-align:center; margin-bottom:10px; overflow:hidden;}
.productlist li .title{line-height:20px;}
.productlist li .photo{ width:150px; height:150px; padding:4px; background:#fff; 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);}
.productlist li .productname{ font-size:13px; font-weight:bold; text-align:center; white-space:nowrap; display:block; line-height:20px;}

.detail .leftcatalog{width:310px;margin-right:20px; float:left;}
.detail .rightinfo{width:360px; float:left; overflow:hidden;}

.leftcatalog .showpic{width:300px; height:300px; overflow:hidden; background-color:#fff; padding:4px; border:#ee8000 1px solid;}
.leftcatalog .showpic table{clear:both;height:300px;width:300px;table-layout:fixed;}
.leftcatalog .showpic table td{padding:0;margin:0;text-align:center;vertical-align:middle;height:300px;width:300px;}
.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);}


.productinfo{ width:100%;overflow:hidden; height:220px; overflow:hidden;}
.productinfo table{padding:0; margin:0; width:100%; }
.productinfo table td{padding:5px 0 7px 0;line-height:18px; vertical-align:top; background:url(../images/group_fg.gif) 0 bottom repeat-x;}
.productinfo table td.T1{width:80px; text-align:right; font-weight:bold; color:#333; padding-right:10px;}
.productinfo table td .productname{font-size:14px; color:#13b900;}

.rightinfo ul{clear:both;height:84px;overflow:hidden; margin:6px 0 0 0;}
.rightinfo li{width:80px;height:80px;border-width:1px; border-style:solid; float:left; display:inline; margin-right:8px;cursor:pointer; background:#fff;}
.rightinfo li table {clear:both;width:80px;height:80px;table-layout:fixed;}
.rightinfo li table td{margin:0;text-align:center;vertical-align:middle;width:80px;height:80px;}
.rightinfo li table td img{max-width:80px; max-height:80px; width: expression(this.width >80 && this.height < this.width ? 80: true); height: expression(this.height > 80 ? 80: true);}

/* ----------  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:80px;width:250px;}
input:hover, textarea:hover{border-color:#13b900;}
select{border:1px solid #999; height:20px; color:#666; margin-top:2px; background:#f8f8f8 url(../images/input.gif) 0 0 no-repeat;}
input:focus, textarea:focus{border-color:#ee8000; color:#000; background-image:none; background-color:#fff;}
input.type1{ width:250px;}
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:120px; font-weight:bold;line-height:24px; padding-right:10px; color:#333;}
.from_post td.td2{width:300px;vertical-align:top;}
.from_post td.td2 img{vertical-align:middle; padding:3px 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:13px; height:13px; margin:6px 3px 6px 5px; float:left;}
.from_post .brtools{ margin:10px 0 0 127px;}