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

html, body {
font-family:Arial, Helvetica, sans-serif;
line-height: 1.2em;
font-size:10pt;
height:100%;
color:#333;
width:100%;
}

img {border:0px}

/*default paragraph margin*/
p, table, ul{ margin: 0.8em 0; text-align:left }

hr{ color:#ccc; width:100%; height:1px;}
h1 
{
 color:#295104; font-size:16pt; font-weight:normal; 
 font-family:Helvetica, Arial, sans-serif; 
 padding:0px 16px 0px 0px;
 
}

h1 span{  
    background:url(/userfiles/image/imgbullet01.png) no-repeat right 5px;
    padding-right:16px;
 }

h2 { color:#67a430; font-size:10pt; font-weight:bold; font-family:Helvetica, Arial, sans-serif; }

h3 { color:#0076a3; font-size:11pt; font-weight:bold; font-family:Helvetica, Arial, sans-serif; }

h4 
{
 color:#295104; font-size:16pt; font-weight:normal; 
 font-family:Helvetica, Arial, sans-serif; 
 padding:0px 16px 4px 0px;
 
}

h4 span{  
    background:url(/userfiles/image/imgwc_arrow.gif) no-repeat left 8px;
    padding-left:16px;
 }
 
 h5 { color:#67a430; font-size:10pt; font-weight:bold; font-family:Helvetica, Arial, sans-serif; padding-bottom:6px; padding-top:4px }


/*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;}
/*tmp col*/
div.coltmp
{
 width:100%; text-align:center;    
}
div#headerwrapper {
width:100%;
margin: 0 auto;   
height:auto;
overflow:hidden;
}

div#header {
width:950px;
margin: 0 auto;
border:none 1px #ff0000;
}

div.logo
{
    width:100%;
    height:63px;
    padding:30px 0px 24px 0px;
    border:none 1px #aaa;
 }

div#navigroup
{
   margin-right:17px;
   float:right;
   display:inline;
}

div.pgindicator {
width:100%; margin:0px auto;padding:0px 0px 5px 0px; font-size:9pt; 
border-bottom:solid 1px #ccc;overflow:hidden;
}

div.wccaption {    
float:left;
display:inline;
width:50%;
font-weight:bold; 
}

div.indicatorlbl {
float:right;
width:50%;
display:inline;
text-align:right;
}

div.indicatorlbl a {
display:inline;
padding:0px 16px 0px 8px;
background:url(/userfiles/image/imgwc_arrow.gif) no-repeat;
background-position:right;
text-decoration:none;
color:#295104;
}

div.indicatorlbl a.lastind {
display:inline;
padding:0px 16px 0px 8px;
background:none;
text-decoration:none;
color:#fc0000;
}

div.indicatorlbl a:hover, div.indicatorlbl a.lastind a:hover{
color:#fc0000; text-decoration:underline;
}

div#adswrapper
{ 
    width:940px; margin:0px auto; 
    background:#f4f4f4; overflow:hidden; padding:0px;
     border:solid 5px #65a42f;
}
div#adswrapper02
{ 
    width:950px; margin:0px auto; 
    background:#f4f4f4; overflow:hidden; padding:0px;     
}
div#adswrapper02 img
{ 
   border:solid 5px #65a42f;
}
div#flashhd
{ 
   margin:0x; width:627px; float:right; display:inline; height:294px;
   padding:0px 0px 6px 0px;
}
div#noflashhd
{ 

   margin:20px 0px 20px 24px; width:280px; float:left; display:inline; 
   background:url(/userfiles/image/imgsearchbg.png) no-repeat top left;
}
div#contentwrapper
{ 
    width:100%; overflow:hidden;
}
div#content
{ 
    width:950px; margin:24px auto; padding:0px; overflow:hidden;
}
div#footerwrapper
{ 
    width:100%; overflow:hidden; overflow:hidden;    
    height:59px;
    padding:0px 0px 19px 0px;    
}
div#footer {
width:950px;
margin: 0 auto;
padding:15px 0px 15px 0px;
font-size:8pt;
color:#636363;
 border-top:solid 1px #ccc;
}

div#footer div.ftr01 {
width:60%;
float:left;
display:inline; 
}

div#footer div.ftr02 {
width:40%;
float:right;
display:inline;
text-align:right;
color:#b7b7b7;
}

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

a.span_link:hover {
text-decoration:underline;
color:#b7b7b7;
font-size:8pt;
}

a, a:visited
{
    color:#fc0000; text-decoration:underline; 
}
a:hover
{
    color:#fc0000; text-decoration:none; 
}


/*End Layout*/

/*Content*/
div#panel01
{
    width:266px; float:left; display:inline;
    margin-right:24px;    
}

div#panel02
{
    width:622px; float:right; display:inline;
    border:solid 1px #ccc; padding:18px 10px 10px 10px;
}
div#panel02 .col01
{
    float:left; display:inline; width:300px;
}
div#panel02 .col01 a.link
{
   color:#fc0000; text-decoration:underline; float:right;
}
div#panel02 .col01 a.link:hover
{
   color:#fc0000; text-decoration:none; 
}
div#panel06
{       
    width:948px; margin:24px 0;
    border:none 1px #ccc;  overflow:auto; height:100%;
}
div#panel03
{   
    float:right;
    display:inline;
    width:730px;
    padding-left:30px;
    padding:24px 0px 24px 0px;
    
}
div#panel04
{    
    float:left;
    display:inline;
    width:187px;
	margin:24px 0px 0px 0px;    
    padding:0px 0px 24px 0px;
	border-right:solid 1px #ccc;
}

div#panel044
{
    
    float:left;
    display:inline;
    width:187px;
	margin:24px 0px 0px 0px;    
    padding:0px 0px 8px 0px;
	border-right:solid 1px #ccc;
}

div#panel044 ul
{
    list-style-type:none; 
}
div#panel044 ul li a
{
    display:block; background:#65a42f;
    color:#fff;padding:6px 10px; 
    font-weight:bold; text-decoration:none;
	border-bottom:1px solid #FFF;
   
}
div#panel044 ul li a.current,
div#panel044 ul li a:hover,
div#panel044 ul li a:focus
{
    display:block; 
    background:url(/userfiles/image/navigation/imgsubnav-hover.jpg) repeat-x top left;
    color:#555; 
}

div#panel05
{
    float:right;
    display:inline;
    width:730px;
    padding-left:30px;
    padding:24px 0px 0px 0px;
}
div.tmpcol
{
 width:100%; text-align:center;   
}

table.tbsearch
{
    width:245px; margin:10px auto;
}
table.tbsearch th
{
   color:#555; font-weight:bold;
}
div.btnsearch
{
   width:245px; text-align:center; padding:0px;
}


table.imggallery {
width:100%;
border:0px;
margin:25px 0px;
}

table.imggallery  td {
text-align:center;
}

div.divoutst {
padding:20px;
background:#f1f1f1;
}

div.divoutst00 {
padding:20px;
}


/*End Content*/



/*Product Page*/
div.colprodleft, div.colprodright
{
    width:365px;
}
div.colprodleft
{
    float:left; display:inline;
}
div.colprodright
{
    float:right; display:inline;
}
div.colprodleft table.tbprod, div.colprodright table.tbprod
{
    width:100%; border-collapse:collapse;
}
div.colprodleft table.tbprod th, div.colprodright table.tbprod th
{
    width:170px; vertical-align:top; text-align:left;
}
div.colprodleft table.tbprod th img, div.colprodright table.tbprod th img
{
   background: #fff;
   border: solid 1px #ccc;
   padding: 4px;
}
div.colprodleft table.tbprod td, div.colprodright table.tbprod td
{
    width:195px; vertical-align:top; text-align:left;
    padding:0px 0px 0px 20px;
}

div.colprodleft table.tbprod td table.tbprodinfo, 
div.colprodright table.tbprod td table.tbprodinfo
{
     width:100%; border-collapse:collapse; margin:0;
}
div.colprodleft table.tbprod td table.tbprodinfo th, 
div.colprodleft table.tbprod td table.tbprodinfo td,
div.colprodright table.tbprod td table.tbprodinfo th, 
div.colprodright table.tbprod td table.tbprodinfo td
{
     vertical-align:top; text-align:left; padding:0px 0px 2px 0px;
}
div.colprodleft table.tbprod td table.tbprodinfo th,
div.colprodright table.tbprod td table.tbprodinfo th
{
  width:50px;
}
div.colprodleft table.tbprod td table.tbprodinfo td a,
div.colprodright table.tbprod td table.tbprodinfo td a
{    
     color:#333; font-weight:bold; font-size:10pt; text-decoration:none;
}

div.pagination {
	padding:12px 3px 3px 3px;
	margin:3px;
	text-align:right;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;	
	text-decoration: none; 
	color: #638425;
}
div.pagination a:hover, div.pagination a:active {
	border:1px solid #85BD1E;
	color: #638425;
	background-color: #F1FFD6;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #B2E05D;
	font-weight: bold;
	background-color: #638425;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}


/*End Product Page*/
/*product infor*/
div.prodimg
{
    float:left; display:inline; margin:10px 0px; width:312px;
}
div.prodimg img
{
    padding:5px; border:solid 1px #ccc;
}
div.prodinfo
{
    float:right; display:inline; margin:10px 0px; width:400px; 
}
div.prodinfo div.coldescleft
{
    float:left; display:inline; width:9px; height:29px;
    background:#65a42f url(/userfiles/image/imgdescleft.jpg) no-repeat top left; 
}
div.prodinfo div.coldescmid
{
    float:left; display:inline;
    background:#65a42f url(/userfiles/image/imgdescmid.jpg) repeat-x top left; 
    height:19px; font-weight:bold; color:#fff; width:373px;
    padding:6px 4px 4px 4px;
}
div.prodinfo div.coldescright
{
    float:right; display:inline; width:10px; height:29px;
     background:#65a42f url(/userfiles/image/imgdescright.jpg) no-repeat right top; 
}
div.prodinfo div.prodinfoinner
{ background:#f9f9f9; 
    border-bottom:solid 3px #65a42f;
    border-left:solid 3px #65a42f;
    border-right:solid 3px #65a42f; 
}
div.prodinfo div.prodinfoinner table
{
  width:95%; margin:0 auto; border-collapse:collapse; 
}
div.prodinfo div.prodinfoinner table tr.altrow
{
   background:#f0f0f0;
}
div.prodinfo div.prodinfoinner table th
{
   vertical-align:top; text-align:left; 
   padding:5px 20px; font-weight:bold;
   font-size:8pt; width:140px; border-bottom:solid 1px #dadada;
}
div.prodinfo div.prodinfoinner table td
{
  vertical-align:top; text-align:left; border-bottom:solid 1px #dadada;
  padding:5px 20px;  font-size:8pt; border-left:solid 1px #dadada;
}
/*End product infor*/
/*product search*/
div#pansearch
{
    width:100%; 
}
div#pansearch table
{
   border-collapse:collapse;font-size:9pt;
}
div#pansearch table th
{
   vertical-align:top; text-align:left; padding:2px 10px 2px 0px; font-size:9pt;
}
div#pansearch table td
{
   vertical-align:top; text-align:left; padding:2px 10px;
}
/*End product search*/


/*Start Service*/
div.servcol01
{ 
    float:left; display:inline; width:360px; margin-right:10px;
    
}
div.servcol02
{
    float:right; display:inline; width:360px;
    
}
div.servcol01 img, div.servcol02 img
{
    float:left; display:inline; border:solid 0px #ccc;
    background:#fff; padding:0px;
   margin:0.8em 0;
}
div.servcol01 p, div.servcol02 p 
{
    float:right; display:inline; 
    padding:0 5px; font-size:8pt; width:215px; 
}
/*End Service Element*/

/*Contact Element*/
div.colcoinfo
{
    float:left; display:inline; 
}
table.tbadd
{
  border-collapse:collapse;   font-size:9pt;
}
table.tbadd td.breakline
{
  height:20px;
}
table.tbadd td
{
    padding:1px 0px;
}
div.colenquiry
{
    float:left; display:inline;
    margin: 0px 0px 0px 30px;
}
table.tbenquiry th{
text-align:left;
padding:4px 20px 4px 0px;
vertical-align:top;
color:#000; font-size:9pt; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; display:block; 
}
table.tbenquiry td {
padding:4px 10px 4px 0px;
}
table.tbenquiry .textinput, table.tbenquiry textarea {
width:270px;
font-size:10pt;
border: 1px solid #ccc;
background: #efefef;
font-family:Arial, Helvetica, sans-serif;
padding:4px;
}
table.tbenquiry .button {
font-size:9pt; width:80px;
}
/*End Contact Element*/

a img.imgborder
{
    background:#fcfcfc;
    padding:5px;  border:solid 1px #c0c0c0; width:172px; height:119px;
}


div.viewmap
{
    text-align:right; height:30px; width:439px;
}
div.viewmap a
{
    
   text-decoration:none; color:#333; font-size:8pt;
padding:2px 5px 2px 10px; border-left:solid 5px #ddd; background:#f0f0f0;
}
div.viewmap a:hover
{    
  color:#fff; 
   background:#65a42f;
}

/*by Series*/
div.proseries
{
    width:100%; overflow:hidden;    
}
div.proseries table
{
    border-collapse:collapse;   
}
div.proseries table th, div.proseries table td
{
    vertical-align:top;
}
div.proseries table th img
{
   border:solid 1px #ccc; width:100px; padding:3px; background:#fff;
}
div.proseries table td a
{
   color:#333; font-weight:bold; text-decoration:none;
}
div.proseries table td a:hover
{
   color:#65a42f; font-weight:bold; text-decoration:none;
}
div.proseries table th
{
    width:108px; padding:0px 10px 20px 0px; 
}
div.proseries table td
{
    width:122px;
}



/*start overview*/
div#proverivew
{
    margin: 20px 12px; width:730px;
   overflow:hidden; 
}

div#proverivew ul
{
    width:730px; /*--Adjust width according to your scenario--*/
	list-style: none;
	margin:0px auto; padding: 0;
}
div#proverivew ul li
{
    float:left; display: inline;
    margin:20px 20px 20px 0;
    border:solid 1px #CCC; 
    background:#E8E8E8; padding:4px;   
}
div#proverivew ul li img
{
  padding:0; margin:0; 
}

div.divNews
{
    width: 100%;
    padding: 15px 0px 15px 0px;
}