/*
---------------------------
Modified Date:22/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:11pt;
height:100%;
color:#333;
}

img {border:0px}

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

h1 { color:#ffac13; font-size:16pt; 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:0px;}
h3 { color:#666; font-size:20pt; font-family:"Arial Black"; margin:10px 0; font-weight:bold; line-height:1em; }
h4 { color:#999; font-size:9pt; font-family:Century Gothic, Arial, Helvetica; margin-bottom:-4px; margin-top:6px }

/*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#headerwrapper {
width:100%;
margin:0 auto;
padding:0px;
background:url(/userfiles/image/imgbkgdeco01.jpg) no-repeat;
background-position:center 0px;
}

div#header {
width:1000px;
margin:0 auto;
padding:0px;
background:url(/userfiles/image/imgbkgtop.png) no-repeat;
background-position:-125px -120px
}

div#productslideshow {
width:308px;
height:350px; 
/*position:absolute;position:inherit;
top:230px; left:-20px;*/ 
float:left; display:inline;
}

div#cologo {
float:left;
display:inline;
width:141px;
padding:30px 0px 0px 0px;
}

span.wctxt {
color:#CCC;
}

div#navigroup {
float:right;
display:inline;
width:849px;
padding:34px 0px 0px 10px;
}

div#contentwrapper {
margin:0px 0px 0px 0px;
padding:50px 0px 0px 0px;
background:url(/userfiles/image/imgcontentbdbkg.png) no-repeat;
background-position:0px 100px;   width:100%; 
}

div#content {
padding:10px 0px 0px 0px; width:952px; margin:0 auto; overflow:hidden;
}

div#availableproducts {
width:825px;
padding:20px 0 0 0;
margin:0 auto;
}

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

div#footer {
width:910px;
height:20px;
margin:10px auto;
padding:28px 45px;
background:url(/userfiles/image/imgftrbkg.jpg) no-repeat center;
font-size:8pt;
}

div#ftr01 {
float:left;
display:inline;
width:50%;
}

div#ftr02 {
float:right;
display:inline;
width:50%;
text-align:right;
}

div#ftr02 span {
color:#a87501;
}

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

a.span_link:hover {
text-decoration:underline;
color:#fff;
}
/*globaluse*/
div#colright
{
    float:right; display:inline; width:644px;  overflow:hidden;
}
div#titlebar02
{
float:right; display:inline; padding:100px 0 0 30px; width:758px; overflow:hidden;
} 
div#titlebar
{
padding:100px 0 0 0; margin:0 0 20px 0;
} 
div#titlebar img
{
float:left; display:inline;
} 
div#indicated
{
    float:right; display:inline; padding:80px 0 0 0 ; 
}
div#indicated ul
{
     list-style-type:none;
}
div#indicated ul li
{
     list-style-type:none; float:right; 
}
div#indicated ul li a:active, div#indicated ul li a:visited, div#indicated ul li a:link
{
     color:#999;  text-decoration:none; font-size:8pt; padding:0 10px 0 15px;
     background:url(/userfiles/image/imgindicated.gif) no-repeat 0 2px; font-weight:bold;
}
div#indicated ul li a.firstind, div#indicated ul li a.firstind:hover
{
     background:none;   
}
div#indicated ul li a:hover
{    
     color:#626262;      
}
div#indicated ul li a.indcurrent
{    
     color:#626262; 
     background:url(/userfiles/image/imgindicated.gif) no-repeat 0 -10px; 
}
/*start contact*/
div#contact_entry
{
 padding:0 20px; margin:0 auto;  overflow:hidden;
}
table.tbadd
{
    border-collapse:collapse; margin:0.8em 0;
}
table.tbadd th
{
     text-align:left; vertical-align:top;
}
table.tbadd td
{
     text-align:left; vertical-align:top; font-size:9pt;
}
div.map
{
background:#fff; border:solid 1px #ccc; padding:1px;
width:450px;
}
div.contact_left
{
    float:left; display:inline; width:450px;
}
div.contact_right
{
    float:right; display:inline; 
}
table.tbenquiry
{
    border-collapse:collapse; border-bottom:none 2px #e0e0e0;   border-top:solid 2px #e0e0e0; 
    width: 450px;
} 
table.tbenquiry th {
text-align:left;
font-weight:bold;
padding:10px 0px 10px 10px; vertical-align:top; background:#cce6ff;
border-top:solid 1px #fff;  font-size:9pt;
}
table.tbenquiry td {
text-align:left;
font-weight:normal;
padding:10px 10px 10px 18px; border-bottom:solid 1px #fff;  background:#f0f9ff;
}
table.tbenquiry td.alt{
background:#fff; border-bottom:none;
}
table.tbenquiry .textarea, .textinput {
width:250px; font-size:9pt; font-family:Arial,Tahoma,Verdana; border:solid 1px #e0e0e0;
}
table.tbenquiry .button {
width:80px;
}

/*Start Product*/
div#sidenavi {
margin:30px 0 0 0;
width:164px;
height:322px; 
float:left; display:inline; background:url(/userfiles/image/imgsidenavibkg.png) no-repeat top left;
}
div#sidenavi ul{
 list-style-type:none; list-style-position:outside; margin:26px 20px;
}
div#sidenavi li{
border-bottom:solid 1px #fee260;
}
div#sidenavi li a:active, div#sidenavi li a:visited,  div#sidenavi li a:link{
display:block; text-decoration:none; color:#fff; padding:5px 4px 5px 20px;
font-size:9pt; font-weight:bold;
}
div#sidenavi li a:hover{
color:#ff7301; 
}
div#sidenavi li a.sidecurrent{
background:url(/userfiles/image/imgsidenavi-current.png) no-repeat 0px 5px;
}

div.product_content
{
    width:758px; overflow:hidden;    
}
div.prod_entry
{
    width:100%; margin:20px 0 45px 0;  overflow:hidden;
}
div.prod_img
{
    width:315px;  float:left; display:inline;
}
div.prod_desc
{
    width:430px;  float:right; display:inline;
}
div.prod_desc .name
{
    font-size:18pt; color:#ff7301; font-weight:bold; line-height:1em;   font-family:Century Gothic;	 
}
div.prod_desc .name span
{
    font-size:10pt; color:#626262; font-weight:bold;
    font-family:"Century Gothic";
}
div.prod_desc .br
{
    height:5px; width:100%; background:#ff7301; margin:0;
}
div.prod_desc table
{
    width:100%; border-collapse:collapse;  margin:20px 0;
}
div.prod_desc table tr th
{
    width:150px;  text-align:left; vertical-align:top;  font-weight:normal; color:#626262;  font-size:9pt;
}
div.prod_desc table tr td
{
    width:330px;  text-align:left; vertical-align:top; color:#909090; font-weight:bold;
}
div.gotop
{
    text-align:right; padding:0 20px;
}
div.gotop a:active, div.gotop a:visited, div.gotop a:link
{
   color:#626262; background:#fff; text-decoration:none; display:block; font-weight:bold;  font-size:9pt; 
}
div.gotop a:hover
{
    color:#999;
}
div.gotop a span
{
   font-size:8pt; 
}
div.about_content
{
    margin:0 45px;
}