body {background-color:#FFF;color: #333;}
a:link,a:visited {color:#333}
a:hover {color: #DD2D42;}

/*SymbloSize*/
#header, #main, #footer {width:984px;margin:auto;}

/*Header*/
#header { background:#498FCF; background-image: url(../images/header.gif);background-position: bottom; background-repeat:no-repeat;clear: both;}
#header h1{color: #FFF;}
#header h1 a:link,#header h1 a:visited,#header h1 a:hover {color: #FFF;}
#name span a {color:#FFF}
#name span a:hover {color: #dd2d42;}
#logo {margin-left:10px;margin-right:20px;background-image: url(../images/logo.gif);width: 180px;}

/*Nav@Header*/
#nav {font-weight: bold;height: 31px;line-height: 31px;overflow:hidden;font-size: 92.9%;padding-left: 142px;}
#nav a {float: left;}
#nav a:link,#nav a:hover,#nav a:visited {cursor:pointer;padding-right: 15px;padding-left: 15px;display: block !important;display:inline;zoom:1;background-image: url(../images/navmenu.gif);background-repeat: no-repeat;background-position: right top;}
#nav a:link, #nav a:visited {color:#e4faff;text-decoration: none;background-image: url(../images/navmenu.gif);background-repeat: no-repeat;background-position: left top; background-color:#126DC2}
#nav a:hover {color:#ffe96d;background-image: url(../images/navmenu_o.gif);background-repeat: no-repeat;background-position: left top; background-color:#D8293C;}
#nav a.now:link, #nav a.now:visited, #nav a:hover {color: #ffe96d;background-image: url(../images/now.gif);background-repeat: no-repeat;background-position: left top;background-color:#D8293C;}
#nav a.now:link, #nav a.now:visited,#nav a:hover {background-image: url(../images/navmenu_o.gif);background-position: right top;}

/*Top&Bottom*/
.tp, .bt {font-size:0;line-height:0;display:block}

/*Main Area*/
#main {padding-bottom: 20px;}
#main .tp {background-image: url(../images/bg_maintp.gif);background-repeat: no-repeat;background-position: left top;height: 17px;}

/*SideMenu*/
#menu {width: 215px;float: left;font-size: 12px;}
#menu .tp, #menu .bt {display:none}
#menu .item a {zoom:1;font-weight: bold;text-decoration:none;color:#fff;display:block;overflow:hidden;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #FFF; background-color:#4B92D6}
#menu .o a, #menu .o span, #menu .item a:hover, #menu .item a:hover span {color: #ffe96d;}
#menu .item span {display: block;padding-left: 10px;padding-top: 7px;padding-bottom: 7px;padding-right: 5px;}
#menu div.now a,#menu div.now span {color: #ffe96d;}

#mPro{border-bottom:1px solid #D0D8E2;border-left:1px solid #D0D8E2;border-right:1px solid #D0D8E2; padding-top:0px;padding-bottom:0px;}
#mPro li {border-bottom-width: 1px;border-bottom-color: #8baed0;border-bottom-style: dashed;}
#mPro li a:link, #mPro li a:visited {background-image: url(../images/pro_li.gif);background-repeat: no-repeat;background-position: left top;padding-bottom: 5px;padding-left: 15px;padding-top: 5px;}
#mPro li a:hover {background-image: url(../images/pro_li_on.gif);background-repeat: no-repeat;background-position: right top;}



/*Content@Main*/
#content {float: left;width: 738px;padding-left: 21px;padding-right: 10px;}
#content .tp {background-image: none;height: 0px;display: none;}

/*KeyWord*/
.keywords{font-size:12px;background-color: #F0EFDF;border: 1px solid #8baed0;margin-bottom: 20px;background-color: #eaf2fa;	padding-top: 7px;padding-right: 10px;padding-bottom: 7px;padding-left: 10px;}
.keywords a {color: #126dc2;}
.keywords a:hover,.keyword a:hover {color: #d42436;}
.SpotMore{ background:url(../images/bg-more.gif)  no-repeat; background-position:724px 6px;>background-position:724px 7px; padding-right:20px}

.SpotMore a{ text-decoration:none}
/*Block Item*/
.block { overflow:hidden;zoom:1;}
.block .l img {padding-top: 10px;padding-left: 20px;padding-bottom: 0px;}
.block h2 {background-image: url(../images/bg-h3.gif);background-repeat: no-repeat;background-position: left top;line-height: 2;padding-left: 25px;height: 30px;}
.block h2 .fr a {margin: 0px;padding-right: 10px; text-decoration:none; font-size:12px}
.block h2 .fr{ background:url(../images/bg-more.gif) no-repeat; background-position:right 9px;>background-position:right 10px}

/*stuff@Block*/
.stuff {zoom:1;padding-top: 5px;padding-right: 15px;padding-left: 25px;padding-bottom: 15px;}
.stuff img.fr {	margin:10px}
table.imgTable {margin-right: auto;margin-left: auto;margin-top: 15px;margin-bottom: 15px;padding: 0px;}
.block .bt {padding: 0px;margin: 0px;}
.block .red {color:#FF0000;}
#prolocal {margin-left: 20px;margin-top: 5px;}

/*ContantTable*/
#contact .col1{	width:160px}

/*FristColWidth*/
.tip{padding: 20px;margin: 0px;}
.error {margin-right: 20px;margin-left: 20px;}

/*pro&off item*/
.proitem,.offitem{margin-left: 25px;}

/*pro&offerDetail*/
.proDetail h1,.offDetail h1{margin: 15px;padding-left: 20px;}
.proDes{margin-top: 10px;margin-right: 30px;margin-bottom: 10px;margin-left: 30px;}

/*index*/
.sindex{zoom:1;overflow:hidden;margin-right: 30px;margin-left: 30px;}
.sindex div{padding-left: 15px;line-height: 3;}
.sindex ul{float:left;width: 45%;}
.sindex ul,.sindex li{	list-style-position: outside;list-style-type: disc;margin-left: 10px;padding-left: 10px;}

/*self-define*/
.sditem{margin-bottom: 10px;overflow:visible;margin-top: 10px;padding-left: 18px;}
.sditem h3{background-color: #EAF2FA;padding-left: 5px;}
.sditem .desc{padding:5px;}
.fieldinfoerror .info {color: #FF0000;}

/* page */
#pager .pageNum a{color: #333;background-color: #f0f0f0;border: 1px solid #DEDDDD;}
#pager .pageNum a:hover,#pager .pageNum strong {color: #4b92d6;background-color: #eaf2fa;border: 1px solid #8baed0;}

#showtype{margin-left: 25px;margin-top: 5px; background-color:#edf4fc;}
.pro_text,.offer_text {margin-left:25px;padding-top: 5px;}
#pro_show {margin-top: 5px;margin-left: 30px;}


* { margin:0; padding:0; }
img { border:0; }
th { text-align:right; }
ul, li { list-style:none; }
body { font-size:87.5%; line-height:1.4; }
body, div, input, select, textarea, td { font-family:Verdana, Arial, Helvetica, sans-serif; }
img, input, select { vertical-align:middle }
option { padding-right:5px; }
a * { cursor:pointer; }
.r { text-align:right; clear:right; }
.l { text-align:left; }
.c { text-align:center; }
.c img { margin:auto; }
.fr { float:right; }
.fl { float:left; }
.fn { float:none; }
.clr { clear:both; }
.coll, .coll * { display:none; }
.gray{ color:gray}

#welcome_logon_span { margin-right:1em; }
#header h1 { font-size:164.3%; }
#header .longName { font-size:130%; }
#header h1 a { text-decoration: none; }
#header #nav { font-size:13px; clear:both }
#header #nav a span { white-space:nowrap }
#name { padding-right: 10px; }
#name span a:hover { text-decoration: none; }
#name table { margin-bottom:10px; margin-top:10px; }
.logow { width:23% }
#logo { text-align:center; float: left; display:inline; height: 66px; }
#logo img { margin-right: auto; margin-left: auto; }
h1#dir { font-size:12px; font-weight:normal; margin:5px 0px 5px 0px; }
h2 { font-size:14px; }
p { margin:0.6em 0; }
#name span { margin-right: 10px; font-size: 12px; display: block; line-height: 1; font-weight: normal; }
.mailboxbig { font-size:14px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; padding:3px 0px; }
#mOther { padding-left:6px; padding-right:6px; padding-bottom:20px; font-size:11px; }
#mOther #mAs, #mOther ul, #mOther #BtnCont { padding-top:25px; }
#mOther img {margin:auto; }
#mOther li { background-repeat:no-repeat; margin-top:8px; margin-bottom:8px; background-image:url(../images/add-arrow.gif); background-position:left 0px; padding-left:18px; }
#BtnCont{text-align:center;}
#mAs { text-align:center; }
#mAs li { text-align:left }
#mAs img{ display:block}
table.imgTable { margin:5px 0; border:none; width:96% }
table.imgTable td { width:25%; vertical-align:top; text-align:center; padding-bottom: 10px; padding-right: 10px; }
span.asterisk { font-weight:bold; color:#FF0000; font-family:"Courier New", Courier, monospace; }
/*menu*/
#menu { line-height:1.3 }
#mPro div.r { padding-right:10px; padding-top:5px; }
#mPro ul li a, div.r #moreCat a{ text-decoration:none; display:block }
#mPro .now { font-weight:bold; }
#mPro #moreCat { position:absolute; padding:10px; text-align: left; }
#mPro #moreCat ul li { padding-bottom:5px; padding-top:5px; }
/*CloseButton*/
#moreClose { float:right; background-image:url(../images/close.gif); background-repeat:no-repeat; background-position:center top; height:15px; width:15px; background-color:#FFCA3C; text-decoration:none; font-size:0; }
#moreClose:hover { background-position:center bottom; }
#btncontact{ text-align:center; padding-top:20px; padding-bottom:20px; }
.error { background-color:#FFCCCC; border:1px solid #FF0000; padding:10px; color:#000; margin:10px auto; }
.error h5 { font-size:120%; color:#FF0000; }
.tab .fieldtitleerror { border-top:1px solid #FF0000; border-bottom:1px solid #FF0000; border-left:1px solid #FF0000; }
.tab .fieldinfoerror { border-top:1px solid #FF0000; border-bottom:1px solid #FF0000; border-right:1px solid #FF0000; }
ul.relatedList, ul.relatedList li { list-style-type:disc; margin-left:5px; padding-left:5px; }
/*FontSize*/
.fr a, .tip, .keywords, h3 span, .error, #videoText, table.imgTable a.name, .procategories, .block { font-size:87.5%; }
.block h3 { font-size:95%; }
.proDetail h1, .offDetail h1 { font-size:110%; line-height:1.1}
.proDetail h1 img, .offDetail h1 img{ margin-bottom:1px}
.block h2 { font-size:120%; zoom:1; overflow:hidden }

h3 span { font-weight:normal; }
#arInfo{ background-color:#fff; border:1px solid #ccc; padding:10px 15px; margin:15px}
#arInfo p,#arInfo blockquote{ padding-left:80px; margin-bottom:1.5em}
#arInfo blockquote strong{ line-height:3}
#arInfo p.view a{margin-right:1em}
#arInfo .detail{ line-height:2}
#arInfo .pur{ text-align:right; margin-bottom:0}
.arStat{display:none}
#reports{ position:absolute } 
ul.arStat{font-size:11px;padding:5px 10px; position:absolute; background:#fffbe6; border:1px solid #d4a218; margin:0 0 0 90px; >margin: 14px 0 0 0 }
ul.arStat li{ padding-left:1.2em; color:#666;background-image:url(../images/stat.gif); background-repeat:no-repeat; background-position:center left }
ul.arStat li.check{color:#000;background-image:url(../images/stat_c.gif); }
.report,.hiddenReport{ background-image: url(../images/pdf_s.gif); background-repeat: no-repeat; padding-left: 150px; border-bottom: 1px solid #CCC; background-position: 100px 15px; padding-top: 15px; padding-bottom: 20px; line-height: 150%; margin:0 20px }
.hiddenReport{ background:none}
.reportstatus { background-color: #f9f9f9; border: 1px solid #ddd; padding-left: 10px; margin-top: 10px; margin-bottom: 10px; padding-top: 10px; width: 95%; }
.reportstatus ul, .reportLinks ul { margin-left:10px; padding-left:10px; }
.reportstatus ul li { padding:0px; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; margin-top:2px; >margin-top:5px;
margin-right:0px; margin-bottom:3px; >margin-bottom:5px;
margin-left:0px; color: #000; }
.reportstatus li img { margin-right:2px; }
.reportstatus .statusnone img { margin-right:2px; }
.reportstatus .statusnone { color: #999; }
.reportLinks { padding: 15px; }
.reportLinks ul li { font-size:87.5%; list-style:disc }
.pay { text-align:right; margin-top: 10px; margin-right: auto; margin-bottom: 10px; margin-left: auto; padding-right: 20px; }
.clicklist { background:#f5f5f5; border:1px solid #ccc; padding:5px 10px }
.block .spacer { width: 90%; margin-right: auto; margin-left: auto; }
.login { width:400px; border:1px solid #ccc; margin-top: 10px; margin-bottom: 5px; text-align: center; padding-bottom: 10px; background-color: #FFFFCC; }
.login table { width:100%; margin-bottom: 10px; margin-top: 10px; line-height: 1.5; }
.login td { padding-left:5px; text-align: left; }
.login td.c { padding:10px }
.login form { display:inline }
.font11px { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.smallfont{ font-size:11px}
.smallfontcn{ font-size:12px}
/*NewPager*/
#pager,.pageNum,.pageMark{text-align:center;}
#pager{line-height:normal;clear:both;padding:15px 0}
.pageNum a:link,.pageNum a:visited,.pageNum strong{font-weight:bold;margin-right:3px;padding:1px 4px;}
.pageNum img{border:none;margin:0}
.pageMark{padding:30px 0 5px 0;font-size:11px}
.pageMark a,.pageMark strong{padding:1px;margin-left:3px}
/* block */
#safeimage { font-size:85.7%; padding: 5px; margin: 15px; background-color: #ffccff; text-align: right; }
/* Audit Reports */
.stuff .desc { font-weight:bold; padding-top:10px; padding-right:5px; padding-left:5px; }
.desc img { margin-right:5px; margin-bottom:-2px; }
.stuff .reportstatus { margin-top:15px; margin-bottom:15px; }
.stuff .companypic { float: right; width: 160px; text-align: center; line-height: 1; margin-left:5px; }
.stuff .companypic a { text-decoration: none; font-size:11px; display:block}
.stuff .companypic img { display:block; margin-top: 5px; margin-right: auto; margin-bottom: 5px; margin-left: auto; }
.stuff .companypic-play,.stuff .myVideo{ width:160px; height:120px; padding:5px; border:1px solid #959595; margin-left:10px; text-align:center; background:#fff; overflow:hidden}
.stuff .companypic-play{ float:right}
.stuff .myVideo{ margin:0 auto}
.stuff .myVideo img{position: absolute;z-index: 101;left:40px;top:100px}
.stuff .myVideo span{background: url(../images/showvideo.gif) no-repeat #ccc -15px -15px}
.stuff .companypic-play img{ display:block; margin-bottom:5px}
.purchased{background-color:#FFC;text-align:right;padding-right:10px;margin:0 20px;line-height:2.5}
/*OK*/
#ok { width:90%; padding:0px; margin:10px auto 50px; background-color:#FFFFFF; border:1px solid #70B440; }
#ok #oktitle { font-size:24px; color:#3C9649; font-family:"Times New Roman", "Times", "serif"; font-style:italic; background-color:#E2F0D9; border:1px solid #FFFFFF; padding-top:5px; padding-right:10px; padding-bottom:10px; padding-left:10px; line-height:47px; }
#ok #info { text-align:left; padding-left:50px; padding-top:10px; padding-right:10px; padding-bottom:20px; }
table .spacer { padding-right:35px; padding-left:35px; text-align:left; }
table .spacer p { padding:0px; margin-top:0px; margin-right:0px; margin-bottom:10px; margin-left:0px; }
/*video*/
#videoText { text-align:center; }
#flashWatch ul { padding-left:10px; width:94% }
#flashWatch li { padding:5px 10px; line-height:1; float:left; width:100%; background-color:#F5F5F5; border:1px solid #DDD; margin-bottom:1px; }
#flash_play { display:block; margin:10px auto; }
#flashWatch ul li .a { float:left; clear:both; }
#flashWatch ul li .b { float:left; clear:right; }
#flashWatch ul li .b span { padding-bottom: 10px; display: block; zoom:1; width:100%; }
/* Group Area */
.procategories { background-color: #FFF; padding-top: 5px; padding-bottom: 5px; border-top-width: 1px; border-top-style: solid; border-top-color: #CCC; padding-right: 20px; padding-left: 20px; text-align:center }
.procategories a { margin-left: 5px; margin-right: 5px; white-space:nowrap; color: #1B468A; }
.procategories a:hover { color: #E66D02; }
input.viewreport { width:230px }
/* footer */
#bottom, #copyright { font-size:78.6%; clear:both; }
#bottom { background-color:#F5F5F5; border-top:1px solid #999999; padding-bottom:10px; padding-right:10px; padding-top:10px; text-align:right; }
#bottom a:link, #bottom a:visited { COLOR: #022e9f; }
#bottom a:hover { COLOR: #E66D02; }
#copyright { text-align:center; width:100%; color: #FFF; background-color: #666; padding-top: 5px; line-height: 130%; padding-bottom: 5px }
#copyright a:link, #copyright a:visited { COLOR: #FFF; text-decoration: underline; }
#copyright a:hover { COLOR: #FFCC00; text-decoration: none; }
/*Pro&Off item*/
.block h2 span { font-weight: normal; font-size: 12px; }
#prolocal { padding: 5px 0px; font-size: 12px; }
.proitem, .offitem { zoom:1; clear: right; overflow: hidden; padding-bottom: 15px; padding-top: 10px; border-bottom:1px dashed #BBB; margin: 10px 20px; }
.proitem h3, .offitem h3 { line-height:20px; }
.proitem h3 { margin-bottom:10px; }
.imgborder { margin:auto; margin-bottom:3px; width:100px }
.offitem .photo { float: left; text-align: center; width: 120px; height: 125px; margin-right: 10px; margin-bottom: 10px; }
.offitem .photo img { margin:auto; display:block }
.offitem .desc { padding-left:115px; }
.proitem .desc, .offitem .desc { margin-top: 10px; margin-right: 10px; }
.button3D { margin-top:5px; display:block;text-align:center}
.updatetime, .remark { color:#666; }
#inquiry th { width: 150px; }
/*self-define*/
.sditem { overflow:visible; border-bottom:1px dashed #bbb; }
.homediy { border-bottom:none; }
.sditem h3 { line-height:20px; }
.sditem .desc { overflow: hidden; zoom:1; }
.sditem .desc img { float:right; margin-left: 5px; display: block; }
.sditem .desc .r { padding-top: 5px; padding-right: 5px; }
/*Pro&OfferDetail*/
#prodetails, #offdetails { margin:10px 20px }
#prodetails th, #offdetails th { width:120px }
#prodetails td, #offdetails td { padding-left:5px }
#offdetails img { margin-top:3px }
#offdetails td table { border-collapse:collapse; }
#offdetails td table td { border:1px solid #999; }
/*
.proDetail .group{ height:20px; line-height:20px; background:#F0F0F0;}

.proDetail .group,*/
.proDes { margin-bottom:10px; margin-top:10px; }
/*TableStyle*/
.tab { width: 95%; border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; border-top-color: #ddd; border-left-color: #ddd; margin-top: 5px; margin-right: auto; margin-left: auto; margin-bottom: 5px; }
.tab th, .tab td { vertical-align: top; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ddd; border-right-width: 1px; border-right-style: solid; border-right-color: #ddd; padding: 5px; }
.tab th { text-align: right; text-transform: capitalize; }
.tab td th, .tab td td { border:0 }
.sindex li, .stuff li { margin-top:0.5em; margin-bottom:0.5em; }
/* View by */
#showtype { padding:2px 15px; background-color:#efefef; margin-bottom:1px; text-align:right; }
#showtype  img{margin-right:7px }
.pro_text li, .offer_text li { list-style-type: none; background-image: url(../images/icon_point.gif); background-repeat: no-repeat; background-position: left 6px; padding-left: 10px; margin-top: 10px; margin-bottom: 10px; }
.pro { margin:5px auto; margin-top:10px; }
.desPreview { border:1px solid #F7E092; background-color:#FDF9ED; padding:10px; width:90%; margin-top:5px; }
.desPreview .PreviewLink { line-height:23px; height:23px; background-color:#F8EEC1; margin-top:10px; }
.keywords ,.keyword{ color:#000 }
.keyword {font-size:11px;padding-top:120px; color:#666}
.keywords a:link, .keywords a:visited, .keywords a:hover,.keyword a:link, .keyword a:visited, .keyword a:hover { color:#000; text-decoration:none }
#contact { margin-bottom:10px; }
.bas { padding-bottom:5px; padding-top:5px; height:21px; }
/* for photo 20080605 wanghong */
.PhotoL { float:left; padding-right:15px; }
.PhotoR { float:right; padding-left:10px; }
.Photo100 { background:#FFFFFF; border:1px solid #CCCCCC; display:table-cell; height:100px; width:100px; line-height:85px; text-align:center; vertical-align:middle; >display: block;>font-size: 91px;>font-family:Arial;}
/* Other Product */
.relat { clear:right; text-align: center; font-size: 85.7%; padding-top: 10px; }
.FourCol { width: 22.5%; text-align: center; padding: 1%; float:left }
.FourCol div { margin:auto; width:100px; margin-bottom:2px; }
.relat .r { padding: 10px; clear: left; line-height:20px; }
/* for Pro&Off's table data */
#StyleTableProd { margin: 8px auto; clear: both; width:95%; zoom:1; overflow-x:auto; overflow-y:hidden; padding:2px 2px 20px; }
#StyleTableProd table { width: 95%; min-width: 400px; margin: 2px; float: left; clear: both; text-align: center; border: 0; border-collapse: collapse; }
#StyleTableProd table caption { border: 0; margin: 0 auto; text-align: center; }
#StyleTableProd table td, #StyleTableProd table th { background-color:transparent; border:1px solid gray; padding: 0 3px; text-align:left; }
/* privateGroup */
.privateG .info{background-color:#FFCCCC;border:1px solid #FF0000;color:#000000;margin:10px auto;padding:10px 7px;}
.privateG { border:1px solid #c7c7c7; padding:25px 30px; margin:10px auto; background-color:#fff; }
.privateG table { border-bottom:1px solid #CCC; padding-bottom:4px; }
.privateG div { padding:4px; font-size:12px; }
/* send */
.ar { font-family:Arial, Helvetica, sans-serif; background-image:url(../images/ar.jpg); background-repeat:no-repeat; color:#FFF; height:30px; padding-left:165px; padding-top:74px; margin:20px; }
.ar a:link, .ar a:visited { color:#FFF }
.ar a:hover { color:#FFFF00; text-decoration: none;}
/*VerificationCode*/
#captchaInput{margin-bottom:5px;width:96px;ime-mode:disabled}

.SpotMore{ text-align:right; padding-right:15px}
#prodetails, #offdetails {width:90%}
.edit{ float:right; margin-right:10px; height:30px;margin-top:0!important;margin-top:4px}
.edit img{ border:0}
/*TM*/
#BtnCont img,#btncontact img{cursor:pointer}
#BtnCont a img{margin-top:5px}
#btncontact a{margin-right:5px}
#industry-picture{margin-bottom:10px}
/*Multi*/
.halfImg{ clear:both; zoom:1; overflow:hidden; border-bottom:1px solid #ccc; padding-bottom:10px}
.halfImg .detailphoto{width:310px; border-bottom:0; float:left; margin-right: 5px; margin-left: 0; overflow:hidden;  }
.detailphoto div.bImg{height:310px; width:310px;}
.detailphoto { text-align:center; margin: 0px 10px 10px 10px; }
.detailphoto div{ text-align:center}
.detailphoto img { margin-bottom:5px }