/*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:justify }
h1 { color:#0076a3; font-size:16pt; font-weight:normal; font-family:Helvetica, Arial, sans-serif;  }
h1 span{ color:#acacac; font-size:16pt; font-weight:normal; font-family:Helvetica, Arial, sans-serif; }
h2 { color:#555; 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:#999; font-size:16pt; font-family:Arial, Helvetica, sans-serif; 
    background:#eeeded url(/userfiles/image/imgcapindicator.gif) no-repeat; 
    background-position:right 10px; 
    display:block; padding:8px }
h4 span { font-size:10pt; color:#333}
/*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;
}
div#header {
    width:950px;
    margin:0 auto;
    border:none 1px #ff0000;
}
div.logo
{
    width:100%;
    height:57px;
    padding:35px 0px 24px 0px;
    border:none 1px #aaa;
}
div#navigroup
{
    margin:0px 0px 0px 79px;
}
div.pgindicator {
width:930px;margin:0px auto;padding:8px 10px;font-size:9pt; color:#fff;
background:#ff0000 url(/userfiles/image/imgwcbar.jpg) repeat-x top left;
}
div.wccaption {    
float:left;
display:inline;
width:30%;
font-weight:bold;
}
div.indicatorlbl {
float:right;
display:inline;
width:70%;
text-align:right
}
div.indicatorlbl a {
display:inline;
padding:0px 16px 0px 8px;
background:url(/userfiles/image/imgwc_arrow.png) no-repeat;
background-position:right;
text-decoration:none;
color:#fff;
}
div.indicatorlbl a.lastind {
display:inline;
padding:0px 16px 0px 8px;
background:none;
text-decoration:none;
color:#fff;
}
div.indicatorlbl a:hover, div.indicatorlbl a.lastind a:hover{
color:#fff; text-decoration:underline;
}
div#adswrapper
{ 
  width:950px; margin:24px auto 0px auto;
}
div#adswrapper02
{ 
  width:950px; margin:0px auto; padding:0px; height:138px;
}
div#flashhd
{ 
   margin:0x auto; width:534px; float:left; display:inline; padding-right:16px;
}
div#noflashhd
{ 
   margin:0x auto; width:400px; float:right; display:inline;
}
div#contentwrapper
{ 
    width:100%; overflow:hidden;
}
div#content
{ 
    width:950px; margin:24px auto; padding:0px; overflow:hidden;
}
div.cp01 {
float:left;
display:inline;
width:188px;
border-right:0px #CCC solid;
background:url(/userfiles/image/imgdivshadow.jpg) repeat-y right;
padding:0px 0px 0px 0px;
}
div.cp01 ul {
margin:10px 0px 20px 0px;
}
div.cp01 ul li {
list-style-type:none;
padding:0px 0px 8px 0px;
}
div.cp01 ul li a {
text-decoration:none;
background:url(/userfiles/image/imgbullet.gif) no-repeat left;
padding:0px 0px 0px 22px;
color:#666
}
div.conhd {
background:url(/userfiles/image/imgdivhdbkg.jpg) no-repeat;
background-position:right top;
height:25px;
}
div.conftr {
background:url(/userfiles/image/imgdivftrbkg.jpg) no-repeat;
background-position:right bottom;
height:25px;
}
div.conads {
text-align:right;
margin:10px 9px 0px 0px;
padding:20px 9px 0px 0px;
border-top:1px #CCC solid;
}
div.cp02 {
float:right;
display:inline;
width:730px;
padding-left:30px;
}
div#footerwrapper
{ 
    width:100%; overflow:hidden; overflow:hidden;
    background:#fff url(/userfiles/image/imgbkgft.jpg) repeat-x top right;
    height:49px;
    padding:0px 0px 19px 0px; 
}
div#footer {
width:950px;
margin: 0 auto;
padding:15px 0px 15px 0px;
font-size:8pt;
color:#fff;
}
div#footer div.ftr01 {
width:50%;
float:left;
display:inline; 
}
div#footer div.ftr02 {
width:50%;
float:right;
display:inline;
text-align:right;
color:#94d8f3;
}
/*Spanlogic.com hyperlink style declaration*/
a.span_link:active, a.span_link:visited, a.span_link:link {
text-decoration:none;
color:#94d8f3;
font-size:8pt;
}
a.span_link:hover {
text-decoration:underline;
color:#94d8f3;
font-size:8pt;
}
/*End Layout*/

/*Start Content CSS*/
div.panelads
{
     width:380px; padding:25px 19px;
}
div.panelads table.tableservices {
    width: 100%;
    border:0px; border-collapse:collapse;
    margin:25px 0px;
}
div.panelads table.tableservices td {
    width:50%;
    vertical-align:top;
}
div.panelads table.tableservices ul li {
    list-style:none;
    background:url(/userfiles/image/imgbullet01.jpg) no-repeat;
    background-position:0px 0px;
    list-style-position:outside;
    padding:0px 0px 10px 30px;

}
div.panelads table.tableservices ul li a {
 text-decoration:none;
    color:#333; font-weight:bolder; font-size:12pt;
}
div.panelads table.tableservices ul li a:hover{
 text-decoration:none;
    color:#555; font-weight:bolder; font-size:12pt;
}

div.infopanel
{
    width:100%; padding:0px;
}
div.panel01
{
    width:450px; float:left; display:inline; padding:0px 35px 0px 0px;
}
div.panel01left
{
    width:133px; float:left; display:inline; padding:0.8em 10px 0px 0px;
}
div.panel01right
{
    width:307px; float:right; display:inline; padding:0px;
}
div.panel01right a {   
    float:right;
    display:inline-block;
    height:14px;
    padding:1px 0px 0px 15px;
    background:url(/userfiles/image/imgread.png) no-repeat;
    background-position:left 5px;
    text-decoration:none;
    color:#000;
}
div.panel01right a:hover {   
    color:#999;
    text-decoration:none;
    background:url(/userfiles/image/imgread.png) no-repeat;
    background-position:left -9px;
}
div.panel02
{
    width:206px; float:left; height:275px;
    display:inline; padding:15px 10px; 
    margin-right:4px;background:#eee; 
    -webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	overflow:hidden;
}
div.panel03
{
    width:196px; float:right; display:inline; padding:15px; background:#eee; height:275px;
    -webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
}
div.panel03 ul li
{
    list-style:none; 
    background:url(/userfiles/image/imgbulletlist.png) no-repeat;
    background-position:0px 5px;
    list-style-position:Outside;
    padding:0px 0px 10px 20px;
    color:#333;
}
div.panel03 ul  a
{
    color:#333; text-decoration:none;
}
div.panel03 ul  a:hover
{
    color:#999; text-decoration:underline;
}

/*Contact Us*/
div.conenquiry
{
    float:right; display:inline;
    padding:0px;
}
div.conenquiryinner
{
    -webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;	
    padding:10px;
    background:#f0f0f0;
    border:solid 1px #ddd;
}
div.coninfo
{  
    float:left;
    display:inline;    
    padding:0px 0px 20px 0px;       
}
table.tbadd td.tdbreak
{
    height:20px;
}
/*end contact */
ul.gallery {
	width: 730px; /*--Adjust width according to your scenario--*/
	list-style: none;
	margin:0 0 20px 0; padding: 0;
	background-image:none;
}
ul.gallery li {    
    background:none;
	float: left;
	margin:0px; padding: 0;
	text-align: center;	
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
	position: relative;
}
div.divider01
{
    clear:both; height:1px; background:#fff; border-top:dashed 1px #ccc;
    margin:20px 0; width:100%;
}
ul.list01 {
    list-style-position:outside; list-style-type:none;
}
ul.list01 li{
    list-style:none; 
    background:url(/userfiles/image/imgbulletlist.png) no-repeat;
    background-position:5px 3px;
    list-style-position:Outside;
    padding:0px 0px 10px 20px;
}

ul.list01 li ul{
 list-style-position:outside; list-style-type:none;
 margin:10px 0px 0px 20px;
}
ul.list01 li ul li{
 list-style-type:decimal;
background:none;
padding:0px 0px 10px 0px;


}

ul.list02 {
 list-style-position:outside; list-style-type:none;
}
ul.list02 li{
list-style:none; 
background:url(/userfiles/image/imgbulletlist.png) no-repeat;
background-position:5px 3px;
list-style-position:Outside;
padding:0px 0px 10px 20px;
font-weight:bold;
}
ul.list02 li ul{
 list-style-position:outside; list-style-type:none;
  margin:10px 0px 0px 0px;
}
ul.list02 li ul li{
background:none;
padding:0px 0px 10px 0px;
font-weight:normal;
}
div.colimgcert
{
    float:left;  display:inline; width:164px; padding:4px 0px;
}
div.coltbcert
{
    float:right; display:inline; width:546px; margin-left:20px;
}
table.tbcert
{
    width:100%; border-collapse:separate;
}
table.tbcert tr.altrow
{
    background:#f0f0f0;
}
table.tbcert td
{
    padding:4px 10px;
}
table.tbcert th
{
    padding:4px 10px; background:#0076a3; font-weight:bold; color:#fff;
    text-transform:uppercase;
}

table.tbcert02
{
    width:100%; border-collapse:collapse;
}
table.tbcert02 td
{
    padding:4px 10px;
}
table.tbcert02 th
{
    padding:4px 10px; background:#f0f0f0; font-weight:bold; 
}

table.tbsolution
{
 border-collapse:collapse;  margin:0.8em auto;
}
table.tbsolution td
{
 text-align:center; padding:4px; font-weight:bold;
}
table.tbenquiry th{
    text-align:left;
    padding:4px 20px 4px 0px;
    vertical-align:top;
    color:#000;
    font-size:10pt;
    font-weight:normal; 
    font-family:Arial; 
    display:block; 
}
table.tbenquiry td {
    padding:4px 10px 4px 0px;
}
table.tbenquiry .textinput, table.tbenquiry textarea {
    width:180px;
    font-size:10pt;
    border: 1px solid #ccc;
    background: #fff;
    font-family:Arial;
}
table.tbenquiry .button {
    font-size:9pt; 
    width:80px;
}