body {
	margin:0;
	background:url(images/globalbg.jpg) center top repeat-y;
	font-size:12px;
	color:#555;
}
a:link,a:active,a:visited {color:#06c; text-decoration:none;}
a:hover { color:#f60; text-decoration:underline;}

/*External Link - adds a little external link icon to all of your external links*/
a[href^="http:"] {background: url(images/externalLink.gif) no-repeat right top; padding-right:10px;}

/*IMPORTANT: Reset your internal links that use absolute URLS by replacing yoursite.com with your site's URL, below*/
a[href^="http://www.autinor.com.cn"], a[href^="http://autinor.com.cn"] {background-image:none; padding-right:0px;}

/*Use on external links that are images or have background colors/borders...when ever you dont want an icon to appear*/
.exempt {background-image:none !important; padding:0px;}

/*This method does not work for IE6 or IE7 (big surpise) you can add the class .external to a few of your important external links so they work in IE6/7 if you wish. IE will just ignore these rules so there are now worries.*/
.external {background: url(images/externalLink.gif) no-repeat right top; padding-right:10px;}

/*Email Links - adds small email icon to all mailto links*/
a[href^="mailto:"] {background: url(images/email_link.png) no-repeat right top; padding-right:22px; padding-bottom:5px;}

/*AIM Links - adds small IM icon to all aim:goim?screenname=username links*/
a[href^="aim:"] {background: url(images/group.png) no-repeat right top; padding-right:22px; padding-bottom:5px;}

/*RSS Links - adds a small Feed icon to all RSS feed links*/
a[href$=".rss"], a[href$=".rdf"] {background: url(images/feed.png) no-repeat right top; padding-right:22px; padding-bottom:5px;}


/*FILE type links*/
a[href$=".pdf"] {background: url(images/page_pdf.png) no-repeat right top; padding-right:22px; padding-bottom:5px;}
a[href$=".doc"] {background: url(images/page_word.png) no-repeat right top; padding-right:22px; padding-bottom:5px;}
a[href$=".xls"] {background: url(images/page_excel.png) no-repeat right top; padding-right:22px; padding-bottom:5px;}
a[href$=".zip"] {background: url(images/file_zip.png) no-repeat right top; padding-right:22px; padding-bottom:5px;}
a[href$=".rar"] {background: url(images/file_rar.png) no-repeat right top; padding-right:22px; padding-bottom:5px;}




.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear {clear:both; font-size:0px; height:0px; line-height:0px; width:0px; visibility:hidden;}

#sitehead { float:inherit; clear:both; margin:10px auto 0 auto; width:840px; height:161px; background:url(images/headbg.gif) no-repeat; overflow:hidden;}
#sitehead .pic { float:left; clear:none; width:700px; padding:5px 0 0 10px;}

#globallanguage { float:right; margin:0; padding:5px 0 0 0 ;height:20px; width:100px;list-style-type:none;}
#globallanguage li { float:right; clear:none; width:65px; padding:2px 10px 0 0; }
#globallanguage li a { float:left; width:66px; height:20px; text-indent:-9999px;}
#globallanguage .lang-en a {background:url(images/lang-en.gif) no-repeat;}
#globallanguage .lang-cn a {background:url(images/lang-cn.gif) no-repeat;}
#globallanguage .lang-en-active a {background:url(images/lang-en-active.gif) no-repeat;}
#globallanguage .lang-cn-active a {background:url(images/lang-cn-active.gif) no-repeat;}
#globallanguage .lang-en a:hover { background:url(images/lang-en-active.gif) no-repeat;}
#globallanguage .lang-cn a:hover { background:url(images/lang-cn-active.gif) no-repeat;}
#globallanguage .lang-en-home a { background:url(images/lang-en-home.gif) no-repeat;}
#globallanguage .lang-cn-home a { background:url(images/lang-cn-home.gif) no-repeat;}
#globallanguage .lang-en-home a:hover { background:url(images/lang-en-active.gif) no-repeat;}
#globallanguage .lang-cn-home a:hover { background:url(images/lang-cn-active.gif) no-repeat;}


#globalnav { display:block; clear:both; margin:5px 10px; height:23px; background:url(images/globalnav-bg.gif); list-style-type:none; padding:5px 12px; font-size:14px; overflow:hidden;}
#globalnav li { float:left; height:23px; padding:0 13px;border-right:#FFFFFF solid 1px;}
#globalnav li a { display:block; width:90px; height:23px; line-height:23px; text-align:center; text-decoration:none;}
#globalnav li a:link,#globalnav li a:active,#globalnav li a:visited { color:white;font-weight:bold;}
#globalnav li.active a:link,#globalnav li.active a:active,#globalnav li.active a:visited {background:url(images/globalnav-hover.gif); color:#309E2D;font-weight:bold;}
#globalnav li a:hover,#globalnav li.active a:hover {background:url(images/globalnav-hover.gif); color:#f60; text-decoration:underline; }
#globalnav li#first { padding-left:0;}
#globalnav li#last { padding-right:0;border:none;}


#globalbodyhead { float:inherit; clear:both; margin:10px auto 0 auto; width:840px; height:15px; overflow:hidden;background:url(images/globalbody-head.gif) top repeat-x; }
#globalbody { float:inherit; clear:both; margin:0 auto; width:820px; padding:0 10px; background:white;}
#globalbodyfooter { float:inherit; clear:both; margin:0 auto 0 auto; width:820px;padding:10px; overflow:hidden;background:url(images/globalbody-footer.gif) bottom repeat-x; }
#globalbodyfooter div { border-top:#999 solid 1px; padding-top:5px;}
#globalbodyfooter a:link,#globalbodyfooter a:active,#globalbodyfooter a:visited {color:#777; text-decoration:none;}
#globalbodyfooter a:hover { color:#f60; text-decoration:underline;}
#globalfooter { float:inherit; clear:both; margin:0 auto 0 auto; width:820px; padding:5px 10px; text-align:right;}
#globalfooter a:link,#globalfooter a:active,#globalfooter a:visited {color:#777; text-decoration:none;}
#globalfooter a:hover { color:#f60; text-decoration:underline;}


#homeL { float:left; clear:none; width:530px;}
#homeR { float:right; clear:none; width:280px; }

.home1title { display:block; height:32px; padding:0 5px 0 10px; line-height:32px; font-size:14px; font-weight:bold; background:url(images/home1title.gif) top no-repeat; overflow:hidden; color:#fff;}
.home1body { display:block; padding:0 5px 0 10px; line-height:25px; background:url(images/home1body.gif) repeat-y;; overflow:hidden;}
.home1footer { display:block; height:20px; padding:0 5px 0 10px; line-height:20px; text-align:right; background:url(images/home1footer.gif) bottom no-repeat; overflow:hidden;}
.home1footer img { margin-bottom:-3px; border:none;}
.home1footer a:link,.home1footer a:active,.home1footer a:visited {color:#309E2D;}
.home1footer a:hover { text-decoration:underline;}
.home1body span { float:left; clear:both; width:70px;}
#homenews a { float:right; clear:none; width:190px;overflow:hidden; white-space: nowrap; text-overflow: ellipsis ;word-break:break-all;}

#homeproduct { margin-top:10px;}
#homeproductlist .box { float:left; clear:both; width:260px; height:105px;overflow:hidden; margin:5px 4px 0 0; line-height:20px;}
#homeproductlist .box .title { float:right; clear:none;height:20px; line-height:20px; font-size:12px; font-weight:bold; padding:0; border:none; overflow:hidden; width:155px; overflow:hidden;}
#homeproductlist .box .pic { float:left; clear:none; width:100px; overflow:hidden;}
#homeproductlist .box .pic img {width:expression(this.width>this.height?'100px':this.width*100/this.height); max-width:100px; max-height:100px; border:none; margin:0; padding:0;}
#homeproductlist .box .brief { float:right; clear:right; width:155px; height:80px; overflow:hidden;}


#homeflash { float:left; clear:both; width:530px; height:310px; margin:0; padding:0; overflow:hidden;}
#homecata { float:left;  clear:both; width:530px; height:165px; background:url(images/homecata.jpg) no-repeat; margin:5px 0; padding:0; overflow:hidden;}
.column-pic { display:block; clear:both; height:90px;}
#homecata thead td { line-height:20px; height:20px; padding:5px 15px 0 15px; color:#06c; font-size:14px; font-weight:bold;}
#homecata h1 { width:125px; padding:0 4px; text-align:center; height:20px; line-height:20px; overflow:hidden; margin:0; font-size:12px; font-weight:normal;}
#homecata  a,#homecata a:link, #homecata a:visited { color:#090;}
#homecata img {width:expression(this.width>this.height?'115px':this.width*115/this.height);max-height:115px; max-width:115px; border:0;}



.column-left { float:left; width:190px;}
.column-right { float:right; width:620px;}
.column-left,.column-right { padding-top:10px; overflow:hidden;clear:none; }

.catalog { display:block;}
.catalog div,.catalog ul,.catalog li {display:block; clear:both; }
.catalog .head { height:37px;}
.catalog .body { background:url(images/catalog_02.gif) repeat-y; padding:5px; line-height:20px;}
.catalog .body div { background:url(images/catalog_a1.gif) bottom no-repeat; padding:0 0 7px 15px; font-weight:bold;}
.catalog .body div.active {background:url(images/catalog_a2.gif) bottom no-repeat; padding-bottom:9px;}
.catalog .footer { height:12px; background:url(images/catalog_03.gif) top no-repeat;}
.catalog ul { background:url(images/catalog_b3.gif) bottom no-repeat; margin:0; padding:0; padding-bottom:12px; list-style-type:none; margin-bottom:3px;}
.catalog li { background:url(images/catalog_b1.gif) top no-repeat;  padding:0 5px 0 35px;}
.catalog li.active { background:url(images/catalog_b2.gif) top no-repeat; padding:0 5px 0 21px;}
.catalog a { display:block; _display:inline; padding:0 2px;}
.catalog li.active a { background:#309E2D; color:#fff; text-align:right;}
.catalog li.active a:link, .catalog li.active a:visited { color:#fff;}
.catalog li.active a:hover, .catalog li.active a:active { color:#fff; text-decoration:underline;}


.products-home { display:block; clear:both; }
.products-home .title,.products-list .title { font-size:16px; font-weight:bold; color:#1767AC; padding-bottom:3px; border-bottom:#309E2D solid 1px; margin-bottom:5px;}
.products-home .box { float:left; clear:none; width:300px; height:175px; overflow:hidden; margin:0 5px 5px 0; line-height:20px;}
.products-home .box .title { background:url(images/products_home_bg01.gif) no-repeat; height:23px; line-height:23px; text-align:center;font-size:16px; font-weight:bold; color:#fff; padding:0; border:none;}
.products-home .box .pic { float:left; clear:none; width:100px;}
.products-home .box .list { float:right; clear:none; width:190px;}
.products-home .box a { float:left; clear:both;}

.products-home .box .pic img,.products-list .box .pic img {width:expression(this.width>this.height?'100px':this.width*100/this.height); max-width:100px; max-height:100px; border:none; margin:0; padding:0;}

.pages { display:block; clear:both; line-height:25px; margin-bottom:5px; color:#309E2D;}
.pages a { border:#309E2D solid 1px; padding:2px 5px;}
.pages a:link,.pages a:active,.pages a:visited { color:#309E2D;}
.pages a:hover { background-color:#309E2D; color:#FFFFFF; text-decoration:none;}

.products-list .box { float:left; clear:none; width:300px; height:130px; overflow:hidden; margin:0 4px 5px 0; line-height:20px; border:#ccc solid 1px;}
.products-list .box .title { background:#ccc; height:20px; line-height:20px; font-size:12px; font-weight:bold; padding:0 5px; border:none; overflow:hidden;}
.products-list .box .pic { float:left; clear:none; width:100px; margin-left:5px;}
.products-list .box .brief { float:right; clear:none; width:190px; height:80px; overflow:hidden;}
.products-list .box .more { float:right; clear:right;width:180px; text-align:right; padding:0 5px;}

.product-head { display:block; clear:both; padding-bottom:3px; border-bottom:#309E2D solid 1px;}
.product-head h1,.product-head h2,.product-head h3 { padding:0; margin:0;}
.product-head h1 { float:left; clear:both; width:500px; font-size:16px; font-weight:bold; color:#1767AC;}
.product-head h2 { float:right; clear:none; width:100px; font-size:12px; font-weight:normal;}
.product-head h2 a { float:left; width:89px; height:18px; }
.product-head h3 { display:block;clear:both; font-size:12px; font-weight:normal; margin-top:-5px;}

.product-body { display:block; clear:both; padding-top:10px;}
.product-body .photos { float:left; clear:both; width:240px; padding:5px; border:#999 solid 1px;}
.product-body .mainphoto { display:block; clear:both; border-bottom:#999 solid 1px; padding-bottom:5px;}
.product-body .mainphoto img { border:none;width:expression(this.width>this.height?'238px':this.width*238/this.height); max-width:238px; max-height:238px; }
.product-body .photos h1,.product-body .photos h2 { padding-top:5px; line-height:20px;}
.product-body .photos h1 { float:left; clear:both; width:110px; font-size:16px; font-weight:bold; color:#309E2D;}
.product-body .photos h2 { float:right; clear:none; width:110px; font-size:12px; font-weight:normal; text-align:right;}
.product-body .photosets { display:block; clear:both; padding-top:5px; margin-right:-5px;}
.product-body .photosets img { float:left; clear:none; border:none; margin:0 5px 5px 0;width:expression(this.width>this.height?'115px':this.width*115/this.height);max-width:115px; max-height:115px; }
.product-body .mainphoto img,.product-body .photosets img {border:#999 solid 1px; }

.product-description,.product-downloads { float:right; clear:right; width:360px; line-height:20px;}
.product-description .title,.product-downloads .title { display:block; clear:both; padding:0; font-size:16px; font-weight:bold; color:#309E2D;}
.product-description {}
.product-downloads ul { display:block; clear:both; margin:0; padding:5px 0; list-style-type:none;}
.product-downloads li { float:left; clear:both; padding-left:13px;padding-left:13px; background:url(images/icon-file01.gif) center left no-repeat;}
.product-downloads a {}



.nav3 { display:block; clear:both; margin:0; padding:0; list-style-type:none;}
.nav3 li { float:left; width:190px; clear:both; margin:0 0 5px 0;}
.nav3 li a { display:block; font-size:16px; background-color:#D7D7AE; line-height:30px; text-align:center;font-size:14px;}
.nav3 li.active a { background-color:#309E2D; color:#FFFFFF; font-weight:bold;}

.articletitle { display:block; clear:both;font-size:20px;color:#555; border-bottom:#555 solid 1px;}
.articledate { display:block; clear:both; font-size:10px; color:#555; font-family:Arial, Helvetica, sans-serif;}

#newslist { display:block; clear:both; margin:0; padding:0; line-height:20px; list-style-type:none;}
#newslist li { float:left; clear:both; margin:0 0 10px 0; padding:0; width:620px;}
#newslist span { float:left; width:70px; margin-bottom:-5px; color:#555;}
#newslist a { float:left; clear:none; margin:0 0 0 0; font-size:14px; font-weight:bold; color:#0066CC; text-decoration:underline;}
#newslist a:hover { color:#FF6600;}


.solutions-home { display:block; clear:both;}
.solutions-home .title,.solutions-list .title { font-size:16px; font-weight:bold; color:#0066FF; padding-bottom:3px; border-bottom:#0066FF solid 1px; margin-bottom:5px;}

.solutions-home .box { float:left; clear:none; width:200px; overflow:hidden; margin:0 5px 5px 0; line-height:20px;}
.solutions-home .box .title { background-color:#ddd; height:20px; line-height:20px; font-size:12px; font-weight:bold; padding:0 5px; margin:0; border:none;}
.solutions-home .box .pic { float:left; clear:none; width:190px; height:190px; padding:4px; border:#ddd solid 1px;}
.solutions-home .box .pic img {width:190px; height:190px; max-width:190px; max-height:190px; border:none;}

.solutions-list .box { display:block; clear:both;overflow:hidden; margin:0 0 5px 0; line-height:20px; padding-bottom:5px; border-bottom:#999 dotted 1px;}
.solutions-list .box .title { float:right; clear:none; width:460px; height:20px; line-height:20px; font-size:12px; font-weight:bold; border:none; overflow:hidden;}
.solutions-list .box .pic { float:left; clear:none; width:150px; height:150px;}
.solutions-list .box .pic img {width:expression(this.width>this.height?'150px':this.width*150/this.height);max-width:150px; max-height:150px; border:none;}
.solutions-list .box .brief { float:right; clear:right; width:460px; height:105px; overflow:hidden;}
.solutions-list .box .more { float:right; clear:right;width:180px; text-align:right; padding:0 5px;}

.solution-head { display:block; clear:both; padding-bottom:3px; border-bottom:#0066FF solid 1px;}
.solution-head h1,.solution-head h2,.solution-head h3 { padding:0; margin:0;}
.solution-head h1 { float:left; clear:both; width:500px; font-size:16px; font-weight:bold; color:#0066FF;}
.solution-head h2 { float:right; clear:none; width:100px; font-size:12px; font-weight:normal;}
.solution-head h2 a { float:left; width:89px; height:18px; }
.solution-head h3 { display:block;clear:both; font-size:12px; font-weight:normal; margin-top:-5px;}

.solution-body { display:block; clear:both; padding-top:10px;}
.solution-body .photos { float:left; clear:both; width:240px; padding:5px; border:#8cf solid 1px;}
.solution-body .mainphoto { display:block; clear:both; border-bottom:#8cf solid 1px; padding-bottom:5px;}
.solution-body .mainphoto img {width:expression(this.width>this.height?'238px':this.width*238/this.height); border:none; max-width:238px; max-height:238px; }
.solution-body .photos h1,.solution-body .photos h2 { padding-top:5px; line-height:20px;}
.solution-body .photos h1 { float:left; clear:both; width:110px; font-size:16px; font-weight:bold; color:#0066FF;}
.solution-body .photos h2 { float:right; clear:none; width:110px; font-size:12px; font-weight:normal; text-align:right;}
.solution-body .photosets { display:block; clear:both; padding-top:5px; margin-right:-5px;}
.solution-body .photosets img {width:expression(this.width>this.height?'115px':this.width*115/this.height); float:left; clear:none; border:none; margin:0 5px 5px 0;max-width:115px; max-height:115px; }
.solution-body .mainphoto img,.solution-body .photosets img {border:#8cf solid 1px; }

.solution-description,.solution-downloads { float:right; clear:right; width:360px; line-height:20px;}
.solution-description .title,.solution-downloads .title { display:block; clear:both; padding:0; font-size:16px; font-weight:bold; color:#0066FF;}
.solution-description {}
.solution-downloads ul { display:block; clear:both; margin:0; padding:5px 0; list-style-type:none;}
.solution-downloads li { float:left; clear:both; padding-left:13px;padding-left:13px; background:url(images/icon-file01.gif) center left no-repeat;}
.solution-downloads a { float:left; clear:both; padding-right:75px; }


/*THEMES  now disabled*/

/*ABOUT
#nav-about { background:url(images/aboutnavbg.jpg) top no-repeat; height:600px; padding:0 20px; margin-top:-10px; overflow:visible;}
#nav-about li { width:150px;}
#nav-about li a { background:none; color:#555; border-bottom:#fff solid 1px;}
#nav-about li.active a { border-bottom:#999 solid 3px; color:#000;}
#nav-about li a:hover { border-color:#000; text-decoration:none;color:#000;}
#body-about .articletitle { }
*/

/*SOLUTION
#nav-solutions { background:url(images/solutionnavbg.jpg) top repeat-x; height:600px; overflow:visible;}
#nav-solutions li {}
#nav-solutions li a { background:none; color:#555; border-bottom:#fff solid 1px; text-align:left;padding-right:5px;padding-left:25px;}
#nav-solutions li.active a { color:#ED1E79;background:url(images/solution-hover.gif) center left no-repeat;}
#nav-solutions li a:hover { border-color:#0099FF; text-decoration:none;color:#0099FF; background:url(images/solution-a.gif) center left no-repeat;}
*/

/*JOBS
#nav-jobs { overflow:visible;}
#nav-jobs li { }
#nav-jobs li a { background-color:#FFDBB4; color:#555; border-left:#fff solid 5px;}
#nav-jobs li.active a { border-left:#F68B1F solid 5px; color:#FF6600; }
#nav-jobs li a:hover { border-color:#FFCC66; text-decoration:none;color:#FF6600;}
#body-jobs .articletitle {color:#FF6600; border-color:#FF6600;; }
*/

/*NEWS
#nav-news { overflow:visible;}
#nav-news li { }
#nav-news li a,#nav-news li.active a,#nav-news li a:hover { background:url(images/newsnavbg.gif) repeat-x; color:#fff;}
#body-news .articletitle { color:#68950A; border:none;}
#body-news .articledate { border-bottom:#68950A solid 1px;}
*/

/*CONTACT
#nav-contact { }
#nav-contact li a { background:#FFDAB5;}
#nav-contact li.active a { background:#993300; }
#nav-contact li a:hover { background:#993300;  }
#body-contact .articletitle {color:#993300; border-color:#993300;; }
*/