@import url("navmenu.css");

* {margin: 0px; padding:0px;}

body {
/*background:url(/userfiles/image/imghdnavbkg.jpg) repeat-x;
background-position:0px 82px;*/
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
color:#333333;
}
.imglogo
{
    display:none;
}
img { 
border:0px;
 }
 
h2 {
font-size:12pt;
color:#666666;
margin-bottom:14px;
text-decoration:underline;
}

h3 {
font-size:11pt;
color:#77c4f2;
margin-bottom:7px;
}
h4 {
font-size:10pt;
color:#666;
margin-bottom:7px;
}


#wrapper {
width:949px;
margin: 0 auto;
padding: 12px 28px 0px 28px;
}

#frwrapper {
background:url(/userfiles/image/imgctbdbkg.jpg) repeat-x;
background-position:bottom;
clear:both;
}

#bdwrapper {
width:949px;
height:360px;
margin: 0 auto;
padding: 22px 28px 0px 28px;
clear:both;
}

#frwrapper02 {
background:url(/userfiles/image/imgbdbkg02.jpg) repeat-x;
background-position:bottom;
min-height:630px;
height:630px;
clear:both;
}

#bdwrapper02 {
width:949px;
height:320px;
margin: 0 auto;
min-height:608px;
height:608px;
padding: 22px 28px 0px 28px;
clear:both;
}

#frwrapper03 {
background:url(/userfiles/image/imgctbdbkg.jpg) repeat-x;
background-position:bottom;
clear:both;
}

#bdwrapper03 {
width:949px;
margin: 0 auto;
height:520px;
padding: 22px 28px 0px 28px;
clear:both;
}

#frwrapper04 {
background:url(/userfiles/image/imgctbdbkg.jpg) repeat-x;
background-position:bottom;
clear:both;
}

#bdwrapper04 {
width:949px;
overflow:auto;
margin: 0 auto;
padding: 22px 28px 35px 28px;
clear:both;
}

#prodiv01 {
width:673px;
padding:0px 20px 0px 0px;
float:left;
height:375px;
min-height:375px;
}

#prodiv02 {
width:256px;
float:right;
height:375px;
min-height:375px;
}

#prodiv03 {
clear:both;
height:218px;
min-height:218px;
padding: 15px 0px 0px 0px;
}

#prodiv04 {
float:left;
width:303px;
padding:11px 0px 0px 0px;
height:181px;
}

#prodiv05 {
float:right;
width:630px;
padding:15px 0px 0px 0px;
color:#b8eafd;
font-size:10pt;
}

.cotag01 {
color:#FFFFFF;
font-weight:bold;
font-size:12pt;
}

#proserdiv01 {
float:left;
width:600px;
min-height:462px;
height:462px;
padding:0px 37px 20px 0px;
}

#proserdiv02{
float:right;
width:312px;
min-height:362px;
height:362px;
padding:0px 0px 20px 0px;
}

.proserlist {
list-style: none;
}

.proserlist li {
background-image:url(/userfiles/image/imgbullet02.gif);
background-repeat:no-repeat;
padding:0px 0px 8px 18px;
background-position:0px 1px;
}


.proserlist li a:link, .proserlist li a:visited, .proserlist li a:active {
text-decoration:none;
color:#6ba32c;
font-size:9pt;
font-weight:bold;
}

.proserlist li a:hover {
text-decoration:underline;
color:#999999;
font-size:9pt;
font-weight:bold;
}

.proitm01 {
width:475px;
float:left;
padding:8px 0px 0px 0px;
}

.prodetb th {
text-align:left;
font-size:10pt;
color:#19b8f2;
font-weight:bold;
text-decoration:underline;
padding: 0px 0px 4px 0px;
}

.prodelist li {
padding: 0px 0px 5px 0px;
list-style-position:outside;
list-style:square;
margin-left:18px;
}

.divtag {
height:1px;
background:#CCCCCC;
width:100%;
}

.proitm02 {
width:474px;
float:right;
padding:8px 0px 0px 0px;
}

#hd_logo01 {
width:249px;
height:75px;
position:absolute;
top:40px;
}

#hd_logo02 {
height:27px;
text-align:right;
padding-top:20px;
color:#b3b3b3;
}

#hd_logo02 a:link, a:active, a:visited {
text-decoration:none;
color:#b3b3b3;
font-size:7pt;
}

#hd_logo02 a:hover {
text-decoration:underline;
color:#D7D7D7;
font-size:7pt;
}

#wctag {
margin: 10px 0px 14px 0px;
font-size: 11pt;
color:#666666;
}

#wctag span {
font-size:11pt;
font-weight:bold;
color:#49c7f9;
}

#hdanimation {
margin: 18px 0px 0px 0px;
}

.col01 {
width:340px;
height:340px;
float:left;
padding: 0px 25px 0px 0px;
background:url(/userfiles/image/imgdivider01.jpg) no-repeat;
background-position: top right;
}



.tbcap {
border-collapse:collapse;
}

.tdcap01 {
width:8px;
height:26px;
background:url(/userfiles/image/imgcapbkg01.jpg) no-repeat;
}

.tdcap02 {
width:308px;
height:22px;
background:url(/userfiles/image/imgcapbkg02.jpg) repeat-x;
padding:0px 4px 3px 4px;
color:#fff;
}

.tdcap04 {
width:180px;
height:22px;
background:url(/userfiles/image/imgcapbkg02.jpg) repeat-x;
padding:0px 4px 3px 4px;
color:#fff;
}

.tdcap03 {
width:8px;
height:26px;
background:url(/userfiles/image/imgcapbkg03.jpg) no-repeat;
}

.col02 {
width:304px;
height:340px;
float:left;
padding: 0px 25px 0px 20px;
}

.col03 {
width:215px;
height:340px;
background:url(/userfiles/image/imgdivider01.jpg) no-repeat;
background-position:top left;
float:right;
padding: 0px 0px 0px 20px;

}

.tdbul {
padding:0px 4px 0px 0px;
}

.tddivider {
background:url(/userfiles/image/imgdot.gif) repeat-x;
background-position: 0 6px;
height: 8px;
}

#footer {
width:949px;
height:30px;
margin: 0 auto;
padding: 10px 28px 15px 28px;
}

.btnav {
list-style:none;
list-style-position:inside;
clear:both;
font-size:7pt;
}

.btnav li {
padding-right: 10px;
float:left;
font-size:7pt;
}

.btnav li a {
color:#999999;
text-decoration:none;
font-size:7pt;
}

.btnav li a:visited, a:link, a:active {
color:#999999;
text-decoration:none;
font-size:7pt;
}

.btnav li a:hover, .btnav li a.btcurrent {
text-decoration:underline;
font-size:7pt;
}

.ftbrand01 {
color:#999999;
font-size:7pt;
width:549px;
float:left;
padding: 4px 0px 0px 0px;
}

.ftbrand01 span {
color:#0099d2;
font-weight:bold;
}

.ftbrand02 {
font-size:6pt;
color:#ccc;
width:400px;
float:right;
padding: 4px 0px 0px 0px;
text-align:right;
}

a.span_link:active, a.span_link:visited, a.span_link:link {
text-decoration:none;
color:#ccc;
font-size:7pt;
}

a.span_link:hover {
text-decoration:none;
color:#333333;
font-size:7pt;
}


p{ text-align:justify}

#pronewsdiv01 {
float:left;
width:600px;
min-height:362px;
height:362px;
padding:0px 37px 20px 0px;
}

#pronewsdiv02{
float:right;
width:312px;
min-height:362px;
height:362px;
padding:0px 0px 20px 0px;
margin-top:70px;
}

#certdiv01 {
float:left;
width:432px;
padding:0px 37px 20px 0px;

}

#certdiv02{
float:right;
width:480px;
padding:0px 0px 20px 0px;
margin-top:50px;
}
#certdiv03{
clear:both;
min-height:250px;padding:0px 37px 20px 20px; text-align:left;
width:892px;
margin:0px auto;

}

.tbnew td a:visited, a:link, a:active 
{
    color:#999999;
text-decoration:none;
font-size:9pt;
}

.tbnew td  a:hover  
{
  text-decoration:underline;
color:#77c4f2;
font-size:9pt;

}
ul#qualityul li
{
    list-style-position:inside; list-style-type:inherit;
}
ul#qualityul li
{
    padding:2px 0px 2px 0px;
}

/*enquiry form*/
.tbenquiry 
{
    /*margin:0px auto; */
    width: 100%;
     
    }
.tbenquiry th{
text-align:left;
font-weight:bold;
color:#666666;
padding:4px 10px 4px 0px;
vertical-align:top;
font-size:9pt;
}

.tbenquiry td {
padding:4px 0px 4px 0px;
text-align:left;
}

.tbenquiry .textinput, .tbenquiry textarea {
width:200px;
font-size:9pt;
border: 1px solid #CCCCCC;
background: #FFFFFF;
}

.tbenquiry .btn {
font-size:9pt; width:80px;
}

div#contactcol02
{
    float: right;  
    padding:18px 10px 20px 18px;
    border:solid 1px #ddd;
   width:350px;
    background:#f9f9f9;
}


div.divider01
{
height:20px;
clear:both; width:100%;

}