/*
---------------------------
Modified Date:19/04/2010 
Author: Allen
---------------------------
*/

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

html {
background:#fff; 
}

body {
font-family:Arial, Century Gothic, Helvetica;
line-height: 1.2em;
font-size:10pt;
height:100%;
color:#333;
}

img {border:0px}

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

h1 { color:#464646; font-size:14pt; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:0.8em; margin-bottom:4px; z-index:0}
h2 { color:#f26522; font-size:12pt; font-family:Century Gothic, Arial, Helvetica; margin-bottom:2px;}
h3 { color:#f0a805; font-size:15pt; font-family:Century Gothic, Arial, Helvetica;
     margin:10px 0; font-weight:bold; line-height:0.8em; padding-top:2px; padding-bottom:4px;}
h4 { color:#999; font-size:9pt; font-family:Century Gothic, Arial, Helvetica; margin-bottom:-4px; margin-top:6px }
div#wcbar{ overflow:hidden}
div#wctxt {float:left; display:inline; font-size:12pt; color:#464646; font-weight:bold; }
div#indicated{ float:right; display:inline}
div#indicated ul{ list-style-type:none}
div#indicated ul li{ float:right}
div#indicated ul li a{color:#898989; font-size:8pt; padding:0 0 0 18px; text-decoration:none;
     background:url(/userfiles/image/imgindbullet.gif) no-repeat 5px 4px}
div#indicated ul li a:hover{background:url(/userfiles/image/imgindbullet.gif) no-repeat 7px 4px}
div#indicated ul li a.lastind{color:#000;  text-decoration:none;}
div#indicated ul li a.firstind{background:none}

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

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

div.divider01 { width:100%; border-top:solid 1px #d2d2d2; background:#f2f2f2; height:3px}
div.divider02 { clear:both; width:100%; background:url(/userfiles/image/imghorizontaldivider.gif) repeat-x right top; height:1px; margin:0px;}

div#headerwrapper {
width:100%;
height:494px;
margin:0 auto;
padding:0px;
background:url(/userfiles/image/imghdbkg.jpg) repeat-x;
}

div#header {
width:100%;
height:494px;
margin:0 auto;
padding:0px;
}

div#navigroup {
position:absolute;
height:55px;
width:900px;
padding:0px 58px 0px 42px;
top:460px;
left:50%;
margin-left:-500px;
background:url(/userfiles/image/navi/imgnavibkg.png) no-repeat;
background-position:center;
z-index:100;
}

div#contentwrapper {
width:100%;
margin:0 auto;
padding:0px;
background:url(/userfiles/image/imgbodybkg.gif) repeat-x;
background-position:0px 1px;
}

div#content {
width:914px;
margin:0 auto;
padding:21px 43px 0px 43px;
background:url(/userfiles/image/imgconbkgshadow.png) repeat-y center; 
}

div#fillinfo {
background:#fff;
padding:20px;
}

div#col01 {
position:relative;
float:left;
display:inline;
width:270px;
height:260px;
margin:35px 0px 0px 0px;
padding:0px 14px 0px 0px;
background:url(/userfiles/image/imgverticaldivider.gif) repeat-y right;
overflow:hidden;
z-index:0;
}

div#col02 {
position:relative;
float:left;
display:inline;
width:280px;
height:260px;
margin:35px 0px 0px 0px;
padding:0px 0px 0px 20px;
background:url(/userfiles/image/imgverticaldivider.gif) repeat-y right;
overflow:hidden;
z-index:0;
}

div#col03 {
float:right;
display:inline;
width:270px;
height:260px;
margin:35px 0px 0px 0px;
padding:0px 0px 0px 20px;
}

div.readmore {
clear:both;
text-align:right;
padding:0px 10px 0px 0px;
position:absolute;
margin-top:237px;
right:0px;
}

div.newsentry {
padding:0px 0px 2px 0px;
}

div.newsentry a {
color:#8dc63f;
text-decoration:none;
}

div.newsentry a:hover {
text-decoration:underline;
}

div#btmcorner {
width:914px;
height:15px;
margin:0 auto;
padding:0px 43px;
background:url(/userfiles/image/imgbodybtmcorner.jpg) repeat-y center;
}

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

div#footer {
width:900px;
padding:8px 50px 30px 50px;
margin:0 auto;
font-size:8pt;
}

div#footer span {
font-size:7pt;
color:#999;
}

div#ftrfb{
width:25px;
height:25px;
float:left;
display:inline;

margin:0 0 0 12px;
}
div#ftr01 {
padding:3px 0 0 0;
float:left;
display:inline;

}
div#ftr02 {
padding:3px 0 0 0;
float:right;
display:inline;
text-align:right;
}

div#ftr02 ul li {
float:right;
list-style-type:none;
padding:0px 6px 0px 0px;
}

/*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:#000;
}

/*Single Page*/
div#sgheaderwrapper {
width:100%;
margin:0 auto;
padding:0px;
background:url(/userfiles/image/imgsghdbkg.jpg) repeat-x;
height:300px; 
}
div#sgheader {
width:1000px;
margin:0 auto;
padding:0px;
height:300px; 
}

div#sgnavigroup {
position:absolute;
height:55px;
width:900px;
padding:0px 58px 0px 42px;
top:264px;
left:50%;
margin-left:-500px;
background:url(/userfiles/image/navi/imgnavibkg.png) no-repeat;
background-position:center;
z-index:100; 
}
div.sgcol01, div.sgcol03 {/*about & contact*/
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
overflow:hidden; 
}
div.sgcol02 { /*distribution*/
position:relative;
width:100%;
margin:35px 0px 0px 0px;
padding:0px 0px 0px 0px;
overflow:hidden; 
}

/*contact*/
div.colcontact
{
    margin:0.8em 0 0 0; width:100%; height:147px;     background:url(/userfiles/image/imgcontactdeco.jpg) no-repeat bottom right; 
}
table.tbaddress
{
    border-collapse:collapse; margin:1.2em 0 0 0;      
 }
table.tbaddress  td
{ vertical-align:top; text-align:left; padding:0 20px 0 0;
}
table.tbaddress  td table td span
{ color:#f0a805; font-weight:bold;font-size:10pt;
    }
table.tbaddress  td table td 
{  font-size:9pt;
}
div.map
{
    float:left; display:inline;  margin:0.8em 0 0 0; border:solid 1px #e0e0e0; background:#fefefe; padding:4px;
}
div.enquiry
{
    float:right; display:inline; margin:0.8em 0 0 0; width: 420px;
}
table.tbenquiry
{
    border-collapse:collapse; border-bottom:solid 2px #e0e0e0;   border-top:solid 2px #e0e0e0; width: 100%;
} 
table.tbenquiry th {
text-align:left;
font-weight:bold;
padding:10px 10px 10px 10px; vertical-align:top; background:#f5f5f5;
border-bottom:solid 2px #e0e0e0;  font-size:9pt;
}
table.tbenquiry td {
text-align:left;
font-weight:normal;
padding:10px 10px 10px 18px; border-bottom:solid 1px #efefef; 
}
table.tbenquiry textarea, .textinput {
width:230px; font-size:9pt; font-family:Arial,Tahoma,Verdana; border:solid 1px #e0e0e0;
padding:2px 0;
}
table.tbenquiry .button {
width:80px;
}
/*about*/
div.colabt02
{
    min-height:280px; padding:24px 20px 0 220px; width:630px;
    background:#fff url(/userfiles/image/imgabt02bkg.jpg) no-repeat top left; 
}
/*product*/
div.prodcol
{
    width:100%;
}
div.prodimg
{
     width:100%;
     text-align:center;
}
div.proddesc
{
     width:100%;   margin:0 0 1.8em 0;
}
div.proddesc h2
{
     width:90%;   margin:1.8em 0 0.8em 40px;
}
div.proddesc table
{
      width:90%;
      border-collapse:collapse; margin:0 auto 1.8em auto;
      border-right:none 1px #e0e0e0; 
      border-left:none 1px #e0e0e0; 
      border-bottom:none 1px #e0e0e0; 
}
div.proddesc table thead th
{ 
     background:#f0a805 url(/userfiles/image/navi/imghoverbkg.jpg) repeat-x; 
     font-weight:bold; text-align:center; vertical-align:middle; padding:8px 10px; color:#fff;
      border-left:solid 1px #ec8025; border-right:solid 1px #ec8025;
 } 
div.proddesc table th
{
     background:#fff;  font-size:9pt;
     font-weight:bold; text-align:left; vertical-align:middle; padding:8px 10px; color:#333;
     border-bottom:solid 1px #e0e0e0; border-left:none 1px #e0e0e0;
 }
 div.proddesc table th.thspec
{
  width:150px;
 }
 div.proddesc table th span
{    
     font-weight:normal;  font-size:8pt; color:#555;
 }
div.proddesc table td
{
     background:#fff; 
     text-align:left; vertical-align:middle; padding:8px 18px; color:#333;
     border-bottom:solid 1px #e0e0e0; font-weight:normal;
 } 
 div.proddesc table.tbcenter td
{
     background:#fff; 
     text-align:center; vertical-align:middle; padding:8px 18px; color:#333;
     border-bottom:solid 1px #e0e0e0; font-weight:normal; 
 } 
div.proddesc table.tbcenter td span
{
     font-size:8pt; color:#666;
 }
  div.prodlist
 {
    margin:1.2em 0;  border-top:dashed 1px #e0e0e0; border-bottom:dashed 1px #e0e0e0; overflow:auto;
    padding:1.2em 0;  
 }
  div.prodlist ul
 { 
     margin:0.8em 0; 
     list-style-type:none; 
 } 
div.prodlist ul li
 {  
    float:left; margin:0 20px 0 0; 
 }
div.prodlist ul li a
{
    display:block;
}
 div.prodlist ul li img
 { padding:5px; border:solid 2px #fff;
 }
  div.prodlist ul li img:hover
 { 
    border:solid 2px #e0e0e0; background:#f9f9f9;
 }
div.prodlist ul li a#currentpages
 { 
    border:solid 2px #e0e0e0; background:#f2f2f2;
 }
div.prodinfo
{
margin:1.2em auto 0 auto; background:url(/userfiles/image/imgcol01bkg.jpg) no-repeat left bottom; overflow:hidden; width:805px; 
padding:0 30px 320px 30px;
}
div.prodinfo div.col01, div.prodinfo div.col03
{
 padding:20px 0 0 0; margin:0 auto;
}
div.prodinfo div.col02
{ 
    float:left; padding:20px 30px 0px 0px; width:350px;
}
div.prodinfo div.col04
{
       float:right; padding:20px 0px 0px 0px; width:350px;
}
div.prodinfo div.col02 ul, div.prodinfo div.col03 ul, div.prodinfo div.col04 ul
{ 
    list-style-type:none; list-style-position:outside;
}
div.prodinfo div.col02 ul li, div.prodinfo div.col03 ul li, div.prodinfo div.col04 ul li
{ 
   padding:0 0 4px 22px;
   background:url(/userfiles/image/imgtick.gif) no-repeat 0 2px ; color:#898989; 
}
div.remarkcol p
{
    font-size:9pt; color:#666; text-align:right; width:95%;
}
/*Other*/
div.tmp
{
     margin:0 auto; text-align:center;
}

/*Start News and Events*/
div.news_entry
{
    overflow:hidden;
    margin:1.2em 0;
    border-bottom:dashed 1px #e0e0e0;    
    padding:0 0 1.2em 0;
}
div.news_title
{ 
    display:block; color:#f26522; font-weight:bold; font-size:12pt;
}
div.news_img01
{
 float:left; display:inline; width:180px; margin:10px 0 0 0;
}
div.news_desc01
{
 float:right; display:inline; width:680px;
}
div.news_desc
{
width:860px;overflow:hidden;
}
div.news_desc ul, div.news_desc01 ul
{
     list-style-type:none; list-style-position:outside;
     margin:0.8em 0;
}
div.news_desc ul li, div.news_desc01 ul li
{
   padding:0 0 4px 22px;
   background:url(/userfiles/image/imgtick.gif) no-repeat 0 2px ; color:#898989; 
}


div.news_desc ul.news_gallery{
  list-style:none; width:858px; background:none;
}
div.news_desc ul.news_gallery li{
    float:left; display:inline; background:#f0f0f0; margin:0 15px 10px 0; padding:3px; border:solid 1px #ddd; overflow:hidden; height:90px;
}
div.news_desc ul.news_gallery li img{
    width:120px; 
}