/*set all default value to 0*/
* {margin:0px; padding:0px;}

html {
background:#c2c2c2;
}

body {
/*font-family:Geneva, Arial, Helvetica, sans-serif;*/
font-family:Arial, Helvetica, sans-serif;
line-height: 1.2em;
font-size:10pt;
height:100%;
color:#000;
}

img {border:0px}

/*default paragraph margin*/
p { margin: 0.8em 0; }

h1 { color:#000098; font-size:14pt; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
h1 span{ color:#0e589d; font-size:11pt; font-family:Arial, Helvetica, sans-serif; }
h2 { color:#0e589d; font-size:11pt; font-family:Arial, Helvetica, sans-serif;}

h2 a { color:#0e589d; text-decoration:none; }

h2 a:hover { color:#999; text-decoration:none }
h2 span{color:#000098; font-size:14pt; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
h3 { color:#0e589d; font-size:11pt; font-family:Arial, Helvetica, sans-serif; margin-bottom:-8px; margin-top:10px }

h4 { color:#0e589d; font-size:11pt; font-family:Arial, Helvetica, sans-serif; margin-bottom:-4px; margin-top:10px }

/*to clear float drop*/
div.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

/*mimic horizontal rule*/
div.divpro { background:#c2c2c2; color:#d9d9d9; height:1px; margin:15px 0px;}

div#1stlvlwrapper {
width: 100%;
margin: 0 auto;
}

div#header {
width:950px;
margin: 0 auto;
padding:0px 11px 0px 11px;
overflow:hidden;
background:url(/userfiles/Image/imgbdbkgshadow.png) repeat-y;
}

div#headerinner {
background:#FFF url(/userfiles/Image/imgheaderbkg.jpg) repeat-x;
height:91px;
padding:24px 15px 0px 15px;
}

div#navigationgroup {
height:34px;
background:url(/userfiles/Image/imgnavibkg.jpg) repeat-x;
}

div#bannerwrapper {
width: 100%;
margin: 0 auto;
}

div#banner {
width:950px;
margin: 0 auto;
padding:0px 11px 0px 11px;
overflow:hidden;
background:url(/userfiles/Image/imgbdbkgshadow.png) repeat-y;
}

div#flashhd {
height:308px;
width:950px;
background:#fff;
}

div#noflashhd {
height:200px;
width:950px;
background:#fff;
}

div#wcbar {
height:30px;
background:url(/userfiles/Image/imgwcbkg.gif) repeat-x;
color:#fff;
font-size:9pt;
padding:0px 15px;
}

div.wc01 {
width:30%;
float:left;
display:inline;
padding:5px 0px;
}

div.wc02 {
width:70%;
float:right;
display:inline;
text-align:right;
}

div.wc02  a {
display:inline-block;
height:24px;
padding:5px 20px 0px 10px;
background:url(/userfiles/Image/imgwcbkgindicator.jpg) no-repeat;
background-position:right 0px;
text-decoration:none;
color:#fff;
}

div.wc02  a:hover {
color:#333;
}

div#contentwrapper {
width: 100%;
margin: 0 auto;
}

div#content {
width:950px;
margin: 0 auto;
padding:0px 11px 0px 11px;
overflow:hidden;
background:url(/userfiles/Image/imgbdbkgshadow.png) repeat-y;
}

div.divconbdy {
padding:0px 15px 20px 15px;
background:url(/userfiles/Image/imgserbkg.jpg) repeat-x;
background-position:bottom;
overflow:auto;
}

div.serdiv {
background:#FFF url(/userfiles/Image/imgserbkg.jpg) repeat-x;
background-position:bottom;
padding:2px 15px 35px 15px;
overflow:auto;
}

div.contentinner {
background:#FFF url(/userfiles/Image/imgcontentbkg.jpg) repeat-x;
padding:25px 15px 5px 15px;
overflow:auto;
}

div.contentinner02 {
background:#FFF url(/userfiles/Image/imgcontentbkg.jpg) repeat-x;
background-position:top;
padding:25px 0px 0px 0px;
overflow:auto;
}

div.concol01 {
display:inline;
float:left;
width:639px;
padding:0px 21px 2px 0px;
}

div.concol01 a {
display:inline-block;
height:18px;
padding:1px 18px 0px 0px;
background:url(/userfiles/Image/imgdetailsico.png) no-repeat;
background-position:right 3px;
text-decoration:none;
color:#3394ef;

}

div.concol01 a:hover {
color:#999;
text-decoration:none;
background:url(/userfiles/Image/imgdetailsico.png) no-repeat;
background-position:right -15px;
}

div.concol02 {
display:inline;
float:right;
width:239px;
padding:0px 0px 5px 20px;
border-left:#c2c2c2 1px solid;
}

td.adjserv {
width:171px;
padding:0px 13px 0px 0px;
}

td.capserv {
padding:8px 0px 0px 0px; vertical-align:top;
}

td.capserv1 {
width:171px;
padding:4px 13px 0px 0px;
vertical-align:top
}

.servlk:hover img {
/* for IE */
  filter:alpha(opacity=40);
  /* CSS3 standard */
  opacity:0.4;
}

div.contactleft01 {
width:460px;
display:inline;
float:left;
padding:5px 20px 0px 0px;
margin-bottom:10px;
}

div.capcontent {
padding:10px 0px 0px 0px;
background:url(/userfiles/Image/imgconcapind.png) no-repeat;
background-position:30px 36px;
}

div.concap {
background:url(/userfiles/Image/imgconcapbkg.jpg) repeat-x;
background-position:bottom;
height:22px;
padding:5px 0px 0px 8px;
margin:0px 0px 15px 0px;
color:#fff;
font-size:11pt;
font-weight:bold;
}

table#condetb th {
text-align:left;
padding:0px 12px 4px 0px;
}

table#condetb td {
text-align:left;
padding:0px 0px 4px 0px;
}

table#condetb span {
color:#000098;
font-weight:bold;
}

div.contactleft02 {
width:438px;
display:inline;
float:right;
border:1px solid #e0e0e0;
margin-bottom:10px;
}

div.contactleft02inner {
border:1px solid #fff;
background:#f1f0f0;
padding:10px 20px 15px 20px;
}

table.tbenquiry th {
text-align:left;
font-weight:normal;
padding:0px 12px 4px 0px;
vertical-align: text-top;
}

table.tbenquiry td {
text-align:left;
font-weight:normal;
padding:0px 0px 4px 0px;
}

table.tbenquiry textarea, .textinput {
width:235px;
}

table.tbenquiry span {
color:#0e589d; 
font-size:11pt;
font-weight:bold; 
font-family:Arial, Helvetica, sans-serif; 
margin-bottom:0px; 
margin-top:10px
}

table.tbenquiry input.button 
{
	width: 100px;
}

div#footerwrapper {
width: 100%;
margin: 0 auto;
}

div#footer {
width:950px;
margin: 0 auto;
padding:0px 11px 0px 11px;
overflow:hidden;
background:url(/userfiles/Image/imgbdbkgshadow.png) repeat-y;
}

div.footerinner {
background:url(/userfiles/Image/imgftrbkg.png) repeat-x;
height:81px;
padding:0px 20px 18px 20px;
overflow:hidden;
}

div.ftr01 {
width:70%;
padding:16px 0px 0px 0px;
float:left;
display:inline;
vertical-align:top;
}
div.ftr01 span{
    font-family:Monotype Corsiva;
color:#0e589d; font-size:18pt; font-style:italic; font-weight:normal; margin:10px 0px 10px 50px;
}
div.ftr02 {
width:30%;
float:right;
display:inline;
text-align:right;
}

div#smcrnwrapper {
width: 100%;
margin: 0 auto;
}

div#smoothcorner {
width:972px;
height:21px;
background:url(/userfiles/Image/imgftrsmoothcorner.png) no-repeat;
margin: 0 auto;
}

div#btmwrapper{
width: 100%;
margin: 0 auto;
}

div#bottom {
width:950px;
margin: 0 auto;
padding:0px 11px 25px 11px;
overflow:hidden;
font-size:8pt;
}

div#bottom  span {
color:#999
}

/*Spanlogic.com hyperlink style declaration*/
a.span_link:active, a.span_link:visited, a.span_link:link {
text-decoration:none;
color:#999;
}

a.span_link:hover {
text-decoration:underline;
color:#fff;
}

/*add by yc*/
div.colmid01{
	display:block;	
	width: 900px;
	padding: 5px; /*Inner border size*/
	background: #fff; /*Inner border color*/
	margin:0px auto;
	border: 5px solid #ddd;
}

div.profilediv01 {
float:left;
display:inline;
width:400px;
padding:0px 0px 0px 10px;
}

div.profilediv02 {
float:left;
text-align:left;
display:inline;
width:400px;
padding:0px 0px 0px 0px;
}

div.valuesdiv01 {
float:left;
display:inline;
width:230px;
padding:10px 0px 0px 20px;
}

div.valuesdiv02 {
float:left;
text-align:left;
display:inline;
width:300px;
padding:10px 0px 0px 0px;
}

ul.list
{
  list-style-position:outside;
  list-style:none;
  margin:1.2em auto;
}

ul.list li
{
   background:url(/userfiles/Image/imgbullet.jpg) no-repeat;
   background-position:10px 0px;
   padding:4px 0px 14px 42px;
}

ul.list span {
    color:#0e589d; 
	font-weight:bold; 
	font-size:12pt;
}

div.contentinner03 {
background:#FFF url(/userfiles/Image/imgcontentbkg.jpg) repeat-x;
background-position:top;
padding:25px 0px 0px 0px;
overflow:hidden;

}

div.conleft01 {
float:left; 
display:inline; 
width:200px;   
padding:0px 0px 0px 0px;  
}
	
div.conleft01 ul li {
list-style-type:none;
margin-bottom:1px;
}

div.conleft01 ul li a {
display:block;
padding:6px 8px;
text-decoration:none;
font-size:9pt;
color:#666;
background:url(/userfiles/Image/imgsidenavibkg.jpg) no-repeat;
}

div.conleft01 ul li a:hover, div.conleft01 ul li a#currentside{
display:block;
text-decoration:none;
font-size:9pt;
color:#fff;
background:url(/userfiles/Image/imgsidenavibkg-hover.jpg) no-repeat;
}

div.conleft01 ul li ul li{
list-style-type:none;
border-bottom:solid 1px #e0e0e0;
border-left:solid 1px #e0e0e0;
border-right:solid 1px #e0e0e0;
margin-bottom:0px;
}


div.conleft01 ul li ul li a {

display:block;
padding:6px 18px;
text-decoration:none;
font-size:9pt;
color:#999;
background:#f5f5f5;
}

div.conleft01 ul li ul li a:hover, a#subcurrentside{
display:block;
text-decoration:none;
font-size:9pt;
color:#fff;
background:#ccc;

}


div.conright01 {
     float:right; 
	 display:inline; 
	 padding:0px 0px 0px 20px; 
	 width:700px;    
}

div.colprod { 
margin:10px auto; 
background: #fff; 
width:700px; 
border:solid 1px #aeaeae;
}

div.colprod .tbprod {
margin:0px auto 20px auto; 
width:700px; 
padding:0px;
}

.tbprod th {
width:300px; 
vertical-align:top; 
margin:10px 0px;
}

.tbprod td {
width:400px; 
vertical-align:top; 
margin:0px; 
padding:0px 0px;
}


.tbsubprod {
width:400px; 
margin:0px; 
border-collapse:collapse
}

.tbsubprod th { 
vertical-align:top; 
padding:4px 10px 4px 18px; 
text-align:left
}

.tbsubprod td {
vertical-align:top; 
padding:4px 10px 4px 18px; 
text-align:left
}

.tbsubprod td ul {
margin:0px 0px 0px 16px;
list-style-position:outside 
}

.tbsubprod td ul li {
/*list-style-image:url(/userfiles/Image/imgbltlinkmore.png);
margin:2px 0px 2px 0px;
*/
list-style-type:inherit;
text-align:justify;
padding:2px 0px; 
}
.tbprod02 {
width:650px; 
margin:0px auto 20px auto; 
border-collapse:collapse
}
.tbprod02 th { 
vertical-align:top; 
padding:14px 10px 4px 18px; 
text-align:left; 
border-bottom:solid 1px #aeaeae;
}

.tbprod02 td {
vertical-align:top; 
padding:4px 10px 4px 18px; 
text-align:left; 
background:#eee
}

.tbprod02 td span{
font-weight:bold; 
}
div.capcontent2 {
padding:0px 0px 0px 0px;
background:url(/userfiles/Image/imgconcapind.png) no-repeat;
background-position:30px 26px;
}

div.concap2 {
background:url(/userfiles/Image/imgconcapbkg.jpg) repeat-x;
background-position:bottom;
height:22px;
padding:5px 0px 0px 8px;
margin:0px 0px 15px 0px;
color:#fff;
font-size:10pt;
font-weight:bold;
}
div.concap2 span{

font-size:10pt;

}
div.cleaner02 { 
clear: both; 
width: 100%; 
height: 20px; 
font-size: 0px;  
}

div.capcontent2 p {
    padding:0px 10px 0px 10px;
}

div.divimg {
    width:600px; 
	margin:2.2em auto; 
	text-align:center;
}

div.prqoute
{ /*background:url(/userfiles/Image/imgquote.gif) no-repeat top left;*/
    margin:10px auto;
    width:340px; text-align:center;
   
    background:#fff; border:solid 1px #ccc;
}

div.prqouteinner
{ /*background:url(/userfiles/Image/imgquote.gif) no-repeat top left;*/
    background:#f0f0f0; border:solid 1px #fff; width:318px; height:100%; padding:10px 10px;
    color:#333;  vertical-align:middle;
}

div.prqouteinner span
{  font-weight:normal; font-style:italic; font-size:8pt;
}

table.tbprod03
{
    width:100%; border-collapse:collapse; margin:0.8em auto; 
}

table.tbprod03 th
{
     text-align:center;  color:#333; padding:4px; font-size:8pt; width:213px; padding:2px 10px; vertical-align:top;
}
table.tbprod03 th img
{
     text-align:center; border:solid 4px #ddd;  padding:1px; 
}

table.tbprod03 th img:hover
{
     text-align:center; border:solid 4px #aaa;  padding:1px;
}
table.tbprod03 td
{
     text-align:center; width:213px; padding:2px 10px 10px 10px; vertical-align:top; border-bottom:none 1px #f2f2f2;
}

table.tbprod03 td.tdbreak
{
    height:18px; border-bottom:none 1px #ccc;
}