@charset "utf-8";
/* ----------  public css ---------- */
body {height:100%; font-size:12px; color:#96a3aa; background-color:#282e32;}
a {color:#5d818f; text-decoration:none;}
a:hover {color:#cc3500;text-decoration:underline;}

.wrapper { clear:both; width:100%; margin:0px; padding:0px; background-color:#ebeef0;}

/* button style */
.default_button {background:url(images/button_default.gif) 0px 0px no-repeat;height:29px;}
.default_button .centerbg{float:left;display:inline;margin-left:15px;padding:5px 0;height:19px; line-height:19px;overflow:hidden;background:url(images/button_default.gif) 0 -29px repeat-x;}
.default_button .centerbg a{line-height:19px;font-weight:bold; color:#333f41}
.default_button .centerbg a:hover{text-decoration:none; color:#cc3500;}
.default_button .rightbg{width:15px;height:29px;background:url(images/button_default.gif) 0px -58px no-repeat; float:left;}

.readmore { color:#333f41; line-height:16px;  padding-right:20px; background:url(images/marker4.gif) 100% 6px no-repeat; border-bottom:1px dotted #333f41; font-size:12px; font-weight:bold;}
.readmore:hover{color:#cc3500; text-decoration:none; border-color:#cc3500; background-image:url(images/marker5.gif)}

/* ----------  header ---------- */
.header{ clear:both; width:100%; padding-top:10px;  background-color:#d6dee3;}
.header_top{ margin:0 auto; position: relative; width:960px; overflow:hidden; margin-bottom:10px;}
.header_top .logo{ width:320px; float:left; margin-top:20px;}
.header_top .logo img{ max-width:100%; max-height:80px;}
.header_top .slogan{ width:500px; text-align:right; padding-top:30px; float: right;}
.header_top .slogan  img{ max-width:100%;}
.header_top .uploadimg{ float:right; width:120px;}
.header_top .uploadimg img{ max-width:100%; max-height:97px;}

.language{clear:both;position: absolute; right:0; top:15px; height:20px; text-align:right;}
.language span{ line-height:20px; padding:0 10px; border-right:#666 1px solid;}

.language span.last{ border:0; padding-right:0;}
.language span a{border-bottom:1px #666 dotted; line-height:16px;}
.language span a:hover, .language span.current:hover{border-color:#fe0000; color:#fe0000;text-decoration:none;}
.language .current{border-color:#000; color:#000; font-weight: bold}

.toplink{position: absolute; right:210px; top:5px; height:20px; text-align:right;}
.toplink span{ line-height:20px; padding:0 10px; border-right:#666 1px solid;}
.toplink span.last{ border:0;}
.toplink span a{border-bottom:1px #666 dotted; line-height:16px; color:#333F41; font-size:13px; font-weight:bold;}
.toplink span a:hover{border-color:#fe0000; color:#fe0000;text-decoration:none;}
.toplink strong{color:#5D818F; padding-left:5px;}

/* ----------  menu ---------- */
.menu {width:910px; height:28px; padding:15px 35px 15px 15px; margin:0 auto; background:url(images/menu_bg.jpg) 0 0 no-repeat;}

.sf-menu {list-style:none; display:inline; float:left;line-height:1.2em; position:relative; z-index:100;}
.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%;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:	0;top:3.5em; 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 a { color:#5d818f; padding:.75em 1em;text-decoration:none; font-size:13px; font-weight:bold;display:block;position:relative;}
.sf-menu li {float:left;position:relative; border-right:1px solid #cfd6dc;}
.sf-menu li.last{ border:0;}
.sf-menu li.current > a {color:#333f41}
.sf-menu li li { background:#fff; border:0;}
.sf-menu li li a{background:url(images/submenu_marker1.gif) 15px 13px no-repeat; padding-left: 25px;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {color:#cc3500; outline:0;}
.sf-menu li li a:hover{ background-position:15px -22px}
.sf-menu a.sf-with-ul {padding-right:2.25em;min-width:1px; }
.sf-sub-indicator {position:absolute;display:block;right:.75em;top:1.05em; /* 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:.8em;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 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;}

.seatchbar {float:right; width:200px; height:28px; overflow:hidden;}
.seatchbar input{ width:100px; float:right; display:inline;}
.btn_search{width:66px; padding:0; margin-left:10px; text-align:center; height:27px; line-height:27px; background:url(images/btn_search.jpg) 0 0 no-repeat; color:#fff; border:0; float:right; cursor:pointer;font-family:Arial, Helvetica, sans-serif;}

/* ----------  banner ---------- */
.banner{clear:both; width:960px; height:360px; margin:15px auto 15px auto; overflow:hidden;}
#coin-slider {height: 360px;left: 0px;overflow: hidden;top:0px;}
.coin-slider {height: 360px;overflow: hidden;position: relative;}
.coin-slider a {border: medium none;outline: medium none;text-decoration: none;}
#cs-buttons-coin-slider {bottom: 20px;position: absolute;right: 20px;}
#cs-buttons-coin-slider a {background: url(images/buttons.png) no-repeat scroll right top transparent;display: block;float: left;height: 20px;margin-right: 1px;text-indent: -9999px;width: 20px;}
#cs-buttons-coin-slider a:hover, #cs-buttons-coin-slider a.cs-active {background-position: left center;}
#cs-navigation-coin-slider a {display: none;}

/* ----------  index css  ---------- */
.sortgroup{clear:both; margin:0 auto 20px auto; width:960px; padding:20px 0; overflow:hidden; background:url(images/main_group_center.jpg) 0 0 repeat-y; position:relative;}
.sortgroup_top{ height:20px; width:960px; background:url(images/main_group_top.jpg) 0 0 no-repeat; overflow:hidden; position:absolute; left:0px; top:0px;}
.sortgroup_bottom{ height:20px; width:960px; background:url(images/main_group_bottom.jpg) 0 0 no-repeat; overflow:hidden;position:absolute; left:0px; bottom:0px;}
.sortgroup .group{ float:left; width:240px; overflow:hidden; padding:0 40px; display:inline;}
.sortgroup .group .photo{ width:240px; height:240px; margin:0 auto; background-color:#fff; position:relative;}
.sortgroup .group .photo .photomask{ width:240px; height:240px; overflow:hidden; background-image:url(images/photomask.png); background-repeat:no-repeat; position:absolute; top:0px; left:0px;}
.photomask.type1{ background-position:0 0;}
.photomask.type2{ background-position:0 -180px;}
.photomask.type3{ background-position:0 -360px;}

.sortgroup .group .photo table {clear:both;width:240px;height:240px;table-layout:fixed;}
.sortgroup .group .photo table td{margin:0;text-align:center;vertical-align:middle;width:240px;height:240px;}
.sortgroup .group .photo table td img{max-width:240px; max-height:240px; width: expression(this.width >240 && this.height < this.width ? 240: true); height: expression(this.height > 240 ? 240: true);}

.sortgroup .group h3{olor:#333f41; font-size:15px; white-space:nowrap; padding:10px 0 10px 30px; background:url(images/marker2.gif) left center no-repeat; line-height:21px;}
.sortgroup .group h3 a{color:#333f41;text-decoration:none;}
.sortgroup .group h3 a:hover{ color:#333f41; text-decoration:underline;}
.sortgroup .group .newproduct{ margin-top:10px;}
.sortgroup .group .newproduct li{ padding:2px 0 2px 20px; margin:0; background:url(images/marker1.gif) 5px 10px no-repeat;}
.sortgroup .group .newproduct li a{ line-height:20px; color:#545d5f; text-decoration:none; font-weight:bold;}
.sortgroup .group .newproduct li a:hover{color:#333f41; text-decoration:underline;}
.sortgroup .group .brtools{margin:10px 0 0 20px; height:20px;}

.content{ clear:both; width:960px; margin:20px auto 30px auto;}
.content .col-1{width:220px;}
.content .col-2{width:740px; background:url(images/content_center.jpg) 0 0 repeat-y; padding:20px 0; position:relative;}
.content .col-2 .content_top{ width:740px; height:20px; overflow:hidden; position: absolute; background:url(images/content_top.jpg) 0 0 no-repeat; left:0px; top:0px;}
.content .col-2 .content_bottom{ width:740px; height:20px; overflow:hidden; position: absolute; background:url(images/content_bottom.jpg) 0 0 no-repeat; left:0px; bottom:0px;}

.detail{overflow:hidden; clear:both; width:680px; margin:0 20px 10px 40px;}
.htmledit{ clear:both; width:100%; overflow:hidden; line-height:150%; color:#545D5F;}
.content .col-1 h3{color:#333f41; font-size:15px; white-space:nowrap; line-height:35px; border-bottom:#cfd6dc 1px solid; margin-bottom:10px;background:url(images/marker2.gif) 0 6px no-repeat;text-indent:30px;}
.content .col-1 .brtools{margin:10px 0 0 20px; height:20px;}

.detailstitle{margin-bottom:15px; overflow:hidden; border-bottom:#cfd6dc 1px solid;}
.detailstitle .nametext{color:#5d818f; font-size:14px; line-height:30px; font-weight:bold; }
.detailstitle .note{font-size:12px; float:right; line-height:30px;}
span.nes{color:#f00; padding:0px 5px;}

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

.navigation{height:30px; line-height:30px; margin-bottom:15px; overflow:hidden;}
.navigation .nav{display:inline; float:right; text-align:right; padding-right:15px;font-family: Tahoma, Geneva, sans-serif;}
.navigation .nav span{padding-left:8px; font-weight:bold; font-size:12px; color:#333f41; font-family:Arial, Helvetica, sans-serif;}
.navigation .nav a{padding:0 8px; font-family:Arial, Helvetica, sans-serif;}
.navigation .pagetitle{height:30px; line-height:30px; font-weight:bold; text-indent:30px; background:url(images/marker2.gif) 0 4px no-repeat; color:#333f41; font-size:15px;}

.mainproduct{ width:100%; overflow:hidden; margin-bottom:15px;}
.mainproduct ul{ margin:0 10px; padding:0;}
.mainproduct li{ float:left; width:180px; display:inline; padding:5px 25px; border-right: 1px dashed #e5e5e5}
.mainproduct li.last{ border:0;}
.mainproduct li .productname{ font-size:13px; color:#c8b87c; line-height:20px; white-space:nowrap; display:block;}
.mainproduct li .productname:hover{ color:#c8b87c; text-decoration:underline;}
.mainproduct li .photo{ width:180px; height:180px; overflow:hidden; margin:10px 0 15px 0;}
.mainproduct li .photo table {clear:both;width:180px;height:180px;table-layout:fixed;}
.mainproduct li .photo table td{margin:0;text-align:center;vertical-align:middle;width:180px;height:180px;}
.mainproduct li .photo table td img{max-width:180px; max-height:180px; width: expression(this.width >180 && this.height < this.width ? 180: true); height: expression(this.height > 180 ? 180: true);}
.mainproduct li .price{color:#000;font:23px/23px Arial,Helvetica,sans-serif;padding:0;}
.mainproduct li .brtools{ clear:both; margin-top:10px; height:25px;}

.mainnews{ width:100%; clear:both;}
.mainnews li{padding:0 0 10px 20px; margin:0; background:url(images/marker3.gif) 5px 7px no-repeat;}
.mainnews li .date{ display:block; color:#cc3500;line-height:18px;font-weight:bold;}
.mainnews li a{ color:#333f41; line-height:18px; display:block; padding:3px 0;}
.mainnews li a:hover{ color:#cc3500; text-decoration:none;}
.mainnews li p{line-height:18px;}

/* ----------  footer ---------- */


.footer {clear:both; width:100%; overflow:hidden; margin:0; background-color:#282e32;}

.copyright {width:960px; overflow:hidden; margin:30px auto 50px auto; color:#b0b8c1;}
.copyright a{color:#b0b8c1;}
.copyright .col-1{width:540px;margin-right:20px;overflow:hidden;}
.copyright .col-1 h2{font-size:16px;font-weight:bold;line-height:20px;}
.copyright .col-1 h2 span{font-weight: normal;padding:0 10px;}
.copyright p{line-height:20px; padding-top:5px;}
.copyright .col-2{width:400px;overflow:hidden;text-align:right;}
.copyright .col-2 .infotext{line-height:20px;}


.copyright .col-2 .num { background-color: #A6C71E;border-radius: 3px 3px 3px 3px;color: #FFFFFF;}

/*leftmenu */
.leftmenu{clear:both; width:100%;}
.leftmenu li{padding:0 0 8px 30px; margin-bottom:8px; background:url(images/marker1.gif) 15px 6px no-repeat; border-bottom:#cfd6dc 1px dotted;}
.leftmenu li.current{ background-image:url(images/marker3.gif)}
.leftmenu li.current a{ font-weight:bold;}
.leftmenu li a{ color:#cc3500; line-height:18px; font-size:13px;}
.leftmenu li a:hover{ color:#333f41; text-decoration:none;}

/*leftlink */
.leftlink{ width:100%; clear:both; margin-top:20px;}

.googlemap{margin-top:20px; border:1px solid #cfd6dc;}
.googlemap a{ color:#333f41; display:block; text-align:center; line-height:20px; background:#d2dae0;}


/* 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-right:5px; padding-bottom:5px; line-height:20px; color:#5d818f;border-bottom:#cfd6dc 1px solid;}
.content_list table td{padding-top:10px; padding-bottom:9px; border-bottom:#cfd6dc 1px dashed; vertical-align:top; padding-right:5px}
.content_list table td.T1{background-image:url(images/marker4.gif); background-position:5px 14px; background-repeat:no-repeat;padding-left:20px;}
.content_list table th.T1{padding-left:20px;}
.content_list table td a{ color:#333f41;}
.content_list table td a:hover{ color:#cc3500; text-decoration:underline;}
.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:#ebeef0;}
.content_list table tbody tr.over td.T1{ background-image:url(images/marker5.gif);}
.content_list table tbody tr.out{background-color:none;}

.list_news .T1{ width:100px; color:#5d818f;}
.list_download .T1{width:100px; color:#5d818f;}
.list_download .T2{width:80px; text-align:center;}

/* page tools css */
.grayr {margin:20px 0 0 0; padding:10px; FONT-SIZE:12px;text-align:center;}
.grayr a {PADDING:3px 10px;MARGIN:3px;COLOR:#5d818f;TEXT-DECORATION: none; border:#fff 1px solid;FONT-WEIGHT: bold;}
.grayr a:hover {COLOR:#cc3500; border-color:#cc3500;}
.grayr a:active {COLOR:#fff; BACKGROUND-COLOR:#cc3500;}
.grayr span.current {PADDING:3px 10px; FONT-WEIGHT: bold; MARGIN:3px;COLOR:#fff; border:#333f41 1px solid; background-color:#333f41;}
.grayr span.disabled {PADDING:3px 10px; MARGIN:3px; COLOR:#e5e5e5;border:#fff 1px solid;FONT-WEIGHT: bold;}

.newsdetailstitle{clear:both; line-height:20px; padding:0 15px 10px 50px; border-bottom:#cfd6dc solid 1px; margin-bottom:15px; overflow:hidden; background:url(images/icon_pin.png) 10px 6px no-repeat;}
.newsdetailstitle .nametext{font-size:14px; font-weight:bold; color:#5d818f;}
.newsdetailstitle .date{ font-weight:bold; color:#cc3500; font-size:12px; padding-bottom:5px;}

/* ---------- product----------  */
.productlist{ width:100%; overflow:hidden;}
.productlist ul{ margin-bottom:10px; border-bottom:1px dashed #cfd6dc;}
.productlist li{ float:left; width:160px; display:inline; padding:10px 5px;}
.productlist li .productname{margin-top:10px; text-align:center;}
.productlist li .productname a{color:#5d818f;font-weight:bold;line-height:20px;}
.productlist li .productname a:hover{color:#cc3500; text-decoration:underline;}
.productlist li .productname img{ padding:3px 0 0 5px;}
.productlist li .photo{ width:140px; height:105px; margin:0 auto; overflow:hidden; border:1px solid #cfd6dc;}
.productlist li .photo table {clear:both;width:140px;height:105px;table-layout:fixed;}
.productlist li .photo table td{margin:0;text-align:center;vertical-align:middle;width:140px;height:105px;}
.productlist li .photo table td img{max-width:140px; max-height:140px; width: expression(this.width >140 && this.height < this.width ? 140: true); height: expression(this.height > 105 ? 105: true);}

/* ----------  product details ----------  */
.productdetails {width:100%;overflow:hidden; clear:both;}
.productdetails .leftcatalog{width:320px;margin-right:10px; float:left; overflow:hidden;}
.productdetails .rightinfo{width:350px; float:left; overflow:hidden;}

.productinfo{height:170px; overflow:hidden;}
.productinfo table{padding:0; width:100%; }
.productinfo table td{padding-top:5px;padding-bottom:4px;line-height:20px;vertical-align:top;border-bottom:#cfd6dc dashed 1px;}
.productinfo table td.T1{width:90px;padding-right:10px;text-align:right;font-weight:bold; color:#333f41;}
.productinfo table td .name{ font-size:14px; color:#5D818F; font-weight:bold;}
.productinfo table td img{ padding-right:5px;}

.showpic{width:300px; height:225px; overflow:hidden; padding:10px; background:url(images/showpic_bg.jpg) 0 0 no-repeat;}
.showpic table{clear:both;height:225px;width:300px;table-layout:fixed;}
.showpic table td{padding:0;margin:0;text-align:center;vertical-align:middle;height:225px;width:300px;}
.showpic table td img { max-width:300px; max-height:225px; width: expression(this.width >300 && this.height < this.width ? 300: true); height: expression(this.height > 225 ? 225: true);}
.rightinfo ul{clear:both;width:100%; height:62px;overflow:hidden; margin-top:13px;}
.rightinfo ul li{width:80px;height:60px;border-width:1px; border-style:solid;float:left;display:inline; margin-right:5px;cursor:pointer;}
.rightinfo ul li.default{border-color:#cfd6dc;}
.rightinfo ul li.over{border-color:#cc3500;}
.rightinfo ul li img{max-width:80px; max-height:60px; width: expression(this.width >80 && this.height < this.width ? 80: true); height: expression(this.height > 60 ? 60: true);}
.rightinfo ul li table {clear:both;width:80px;height:60px;table-layout:fixed;}
.rightinfo ul li table td{margin:0;text-align:center;vertical-align:middle;width:80px;height:60px;}

/* ----------  contact us details ----------  */
input, textarea{color:#96a3aa; padding:3px 5px; border:1px solid #cfd6dc; background: #f8f8f8 url(images/input.gif) 0 0 no-repeat; line-height:19px; height:19px;}
textarea{height:80px;width:200px;}
select{border:1px solid #cfd6dc; height:21px; color:#96a3aa; margin-top:3px;}
input:focus, textarea:focus{border-color:#5d818f; color:#5d818f; background-color:#fff; background-image:none;}
input.type1{ width:200px;}
input.type2{ width:75px;}
input.type3{ width:30px;}
select.type1{ width:208px;}
select.type2{ width:102px;}
select.type3{ width:50px;}
.from_post input, .from_post select, .from_post textarea{ float:left;}
.from_post .fg{padding:0px 5px; line-height:30px; 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:100px; font-weight:bold;line-height:30px; padding-right:10px; color:#333f41;}
#individual td.td1{width:300px; }
.from_post td.td2{width:250px;vertical-align:top;}
.from_post td.td2 img{vertical-align:middle; padding-left:10px; padding-top:4px; cursor:pointer; float:left;}
.from_post td.td3 img{ padding:4px 5px 0 0}
.from_post td span{  padding:0 5px; line-height:30px;}
.from_post td.td3 span{line-height:20px; padding:5px 0;}
.from_post .radio{ background:none; border:0; padding:0px; width:13px; height:13px; margin:8px 3px 8px 5px; }
.from_post .radio-txt { line-height:30px;}
.from_post .brtools{ padding-left:300px; margin-top:10px;}
.contact_top{ width:960px; height:20px; overflow:hidden; background:url(images/contact_top.jpg) 0 0 no-repeat; }
.contact_bottom{ width:960px; height:20px; overflow:hidden; background:url(images/contact_bottom.jpg) 0 0 no-repeat; }
.contactdetail{padding:0 20px 10px 20px; width:920px; background:url(images/contact_center.jpg) 0 0 repeat-y;}

.from_post .brtools .otherlink{ float:right; height:19px; padding:5px 0;}
.from_post .brtools .otherlink a{ border-right:1px solid #5D818F; padding:0 10px; line-height:19px;}
.from_post .brtools .otherlink a.last{ padding-right:0; border:0;}