/* CSS Document */
body
{margin:0px; padding:0px;
background-color:#0871aa;}
.top-right
{background:url(../images/right-top.jpg) left top no-repeat; height:114px;
font:normal 11px/15px Arial, Helvetica, sans-serif;
color:#FFFFFF;
line-height:34px;}
.top-nav a
{text-decoration:none;
color:#FFFFFF;}
.top-nav a:hover
{text-decoration:underline;}
.apple-ipad
{
background:url(../images/apple-ipad.jpg) left top no-repeat;
padding-top:80px;
font:bold 12px/15px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
.apple-ipad a
{
color:#FFFFFF;
text-decoration:underline;
}
.apple-ipad a:hover
{
text-decoration:none;
}

.go
{background: url(../images/go.jpg) left center no-repeat;
font:bold 11px/15px Arial, Helvetica, sans-serif;
color:#FFFFFF;
line-height:normal;}
.go a
{text-decoration:none;
color:#FFFFFF;}
.go a:hover
{text-decoration:underline;}
.menu
{background: url(../images/menu-bar.jpg) left top repeat-x; height:33px;
font:bold 11px/15px Arial, Helvetica, sans-serif;
color:#FFFFFF;
line-height:33px;}
.menu a
{color:#FFFFFF;
text-decoration:none;}
.menu a:hover
{color:#FFFF00;}
.border
{background:url(../images/line.jpg) left top no-repeat; height:33px;}
.white-mid
{background:url(../images/white-mid.jpg) left top repeat-y;}
.table-mid
{background: url(../images/table-mid.jpg) left top repeat-y;}
.black
{background:url(../images/black.jpg) left top no-repeat; height:76px;
font:bold 11px/15px Arial, Helvetica, sans-serif;
color:#2582b3;
line-height:normal;}
.black2
{background: url(../images/black2.jpg) left top no-repeat; height:63px;
font:bold 11px/15px Arial, Helvetica, sans-serif;
color:#2582b3;
line-height:normal;}
.color
{background: url(../images/color.jpg) left top no-repeat; height:63px;
font:bold 11px/15px Arial, Helvetica, sans-serif;
color:#2582b3;
line-height:normal;}
.color2
{background: url(../images/color2.jpg) left top no-repeat; height:62px;
font:bold 11px/15px Arial, Helvetica, sans-serif;
color:#2582b3;
line-height:normal;}
.heading
{font:bold 18px/23px Arial, Helvetica, sans-serif;
color:#2582b3;
line-height:normal;}
.text
{font:normal 12px/15px Arial, Helvetica, sans-serif;
color:#17191a;
line-height:normal;}
.pd-text
{font:normal 13px/27px Arial, Helvetica, sans-serif;
color:#17191a;
line-height:normal;}
.special
{background:url(../images/table-top.jpg) left top no-repeat; height:43px;
font:bold 13px/16px Arial, Helvetica, sans-serif;
color:#2582b3;
line-height:normal;
padding-left:10px;}
.table-text
{font:normal 11px/15px Arial, Helvetica, sans-serif;
color:#5e5e5e;
line-height:normal;}
.red-text
{font:normal 11px/15px Arial, Helvetica, sans-serif;
color:#C32C27;
line-height:normal;}
.table-text1
{font:bold 11px/15px Arial, Helvetica, sans-serif;
color:#2fa4e0;
line-height:normal;
text-decoration:none;}
.table-text1:hover
{color:#000000;}
.border1
{border-bottom:1px solid #c8c8c8;}
.news
{background: url(../images/latest-news.jpg) left top no-repeat; height:33px;
font:bold 13px/16px Arial, Helvetica, sans-serif;
color:#2582b3;
line-height:33px;
padding-left:10px;}
.heading-small
{
font:bold 12px/15px Arial, Helvetica, sans-serif;
color:#2582b3;
}

.body-gray
{background:url(../images/body-gray.jpg) left top repeat-x #ffffff;}
.footer
{background:url(../images/footer.jpg) left top repeat-x #dedede;
border-left:1px solid #c2c2c2; border-right:1px solid #c2c2c2;
font:normal 11px/15px Arial, Helvetica, sans-serif;
color:#0871aa;
line-height:17px;
text-decoration:none;}
.footer a
{text-decoration:none;
color:#0871aa;}
.footer a:hover
{text-decoration:underline;}
.border2
{border-left:1px dotted #979797;}
.header
{font:bold 12px/15px Arial, Helvetica, sans-serif;
color:#0871aa;
line-height:27px;
text-decoration:none;}
.b_w
{background: url(../images/b&w.jpg) left top no-repeat; height:28px;
/*font:bold 12px/27px Arial, Helvetica, sans-serif;*/
font:bold 9px Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration:none;
line-height:28px;
padding-left:0px;}
.navlist
{
width:193px;
text-align:left;
float:left;
}
.navlist ul
{
margin:0px;
padding:0px;
}
.navlist ul li
{
display:inline;
text-align:left;
list-style-type:none;
float:left;
font:bold 12px/27px Tahoma, Arial, Helvetica, sans-serif;
color: #2266c4;
text-decoration:none;
line-height:22px;
}
.navlist ul li a
{
width:193px;
color: #2266c4;
text-decoration:none;
display:block;
padding-left:13px;
}
.navlist ul li a:hover
{
background: url(../images/hover.jpg) left top no-repeat; 
height:22px;
}
.navlist ul li a.active
{
/*background:color:#F9F891;*/
 background: url(../images/hover.jpg) left center no-repeat; 
height:22px;
}
.workio
{background: url(../images/workio.jpg) left top no-repeat; height:38px;
font:bold 13px/27px Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration:none;
line-height:38px;
padding-left:10px;}
.workio-mid
{background:url(../images/workio-mid.jpg) left top repeat-x #dcdcdc;
border-left:1px solid #c2c2c2; border-right:1px solid #c2c2c2;
font:normal 13px/27px Arial, Helvetica, sans-serif;
color: #1a1a1a;
text-decoration:none;
line-height:21px;}
.further
{background:url(../images/further.jpg) left top no-repeat; height:19px;
font:bold 13px/27px Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration:none;
line-height:19px;}
.further a
{text-decoration:none;
color:#FFFFFF;}
.further a:hover
{color:#000000;}
.body-white
{background:url(../images/body-mid.jpg) left top repeat-y;}
.dp
{background: url(../images/dp.jpg) left top no-repeat; height:29px;
font:bold 13px/27px Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration:none;
line-height:29px;
padding-left:10px;}
.dp-text
{font:normal 13px/27px Arial, Helvetica, sans-serif;
color: #1a1a1a;
text-decoration:none;
line-height:21px;}
.body-pic
{background: url(../images/pic.jpg) left top no-repeat; height:341px;}
.enquiry
{background:url(../images/enquiry.jpg) center top no-repeat; height:19px;
font:bold 13px/27px Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration:none;
line-height:19px;}
.enquiry a
{text-decoration:none;
color:#FFFFFF;}
.enquiry a:hover
{color:#000000;}
.download
{background: url(../images/download.jpg) left top no-repeat; height:19px;
font:bold 13px/27px Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration:none;
line-height:19px;}
.download a
{text-decoration:none;
color:#FFFFFF;}
.download a:hover
{color:#000000;}
.form-text
{font:bold 12px/27px Tahoma, Arial, Helvetica, sans-serif;
color: #2266c4;
text-decoration:none;
line-height:30px;}
.form-text1
{font:normal 12px/27px Tahoma, Arial, Helvetica, sans-serif;
color: #2266c4;
text-decoration:none;
line-height:normal;}
.border2
{border-left:1px solid #b7b9ba;}
#floatdiv {position: absolute; width: 215px; height: 150px; left: 35px;top: 151px; padding: 0px; background: #FFFFFF; border:0px;}


.proclick
{
font:normal 11px/15px Arial, Helvetica, sans-serif;
color:#0871aa;
line-height:17px;
text-decoration:none;
}
.proclick a
{
font:normal 11px/15px Arial, Helvetica, sans-serif;
color:#0871aa;
line-height:17px;
text-decoration:none;
color:#0871aa;}
.proclick a:hover
{
font:normal 11px/15px Arial, Helvetica, sans-serif;
color:#0871aa;
line-height:17px;
text-decoration:underline;}


.news-content
{
font:normal 13px/17px Arial, Helvetica, sans-serif;
color:#0871aa;
line-height:17px;
text-decoration:none;
}
.news-content a
{
font:normal 13px/17px Arial, Helvetica, sans-serif;
color:#0871aa;
line-height:17px;
text-decoration:none;
color:#0871aa;}
.news-content a:hover
{
font:normal 11px/15px Arial, Helvetica, sans-serif;
color:#0871aa;
line-height:17px;
text-decoration:underline;}
.catTab {
 border: 1px dotted #999999;
}
.fax
{background: url(../images/fax.jpg) left top no-repeat; height:62px;
font:bold 11px/15px Arial, Helvetica, sans-serif;
color:#2582b3;
line-height:normal;}

/*form page*/

.white-bg
{
background:url(../images/i-phone.jpg) right top no-repeat #FFFFFF; 
border-left:1px solid #c2c2c2; 
border-right:1px solid #c2c2c2;
padding:15px;
font:normal 12px/16px Arial, Helvetica, sans-serif;
color:#17191a;
}
.white-bg h1
{
font:bold 18px/30px Arial, Helvetica, sans-serif;
color:#2582b3;
border-bottom:1px solid #d6d3d3;
margin:0;
padding:0;
width:575px;
}
.white-bg h2
{
font:bold 14px/22px Arial, Helvetica, sans-serif;
color:#17191a;
margin:0;
padding:0;
margin-top:10px;
}
.white-bg h3
{
font:bold 17px/22px Arial, Helvetica, sans-serif;
color:#17191a;
margin:0;
padding:0;
margin:10px 0px;
}
.white-bg p
{
margin:12px 0px;
}
span.grey-bold
{
color:#303030;
font-size:24px;
}
.table-margin
{
margin:13px 0px;
}
.blue-bg
{
background:url(../images/blue-bg.jpg) left top repeat-x;
border-left:1px solid #d6d3d3;
border-right:1px solid #d6d3d3;
}
.contact-form
{
font:bold 12px/25px Arial, Helvetica, sans-serif;
color:#5d5e5f;
}
.contact-form input
{
width:158px;
height:20px;
border:1px solid #9c9c9c;
margin-bottom:10px;
}
.right-corner-img
{
background:url(../images/img01.jpg) right bottom no-repeat;
}
.captcha-box
{
border-top:1px solid #d6d3d3;
border-bottom:1px solid #d6d3d3;
padding:10px 0px;
}
input.captcha
{
width:100px;
height:20px;
background:#eaf0fd;
border:1px solid #cad6f0;
}
.blue-text
{
font-size:11px;
color:#2582b3;
}
.blue-text a
{
color:#2582b3;
text-decoration:none;
}
.blue-text a:hover
{
text-decoration:underline;
}
.small-grey
{
font-size:11px;
line-height:16px;
color:#5d5e5f;
padding:15px 40px;
}
.orange-bg
{
background:url(../images/yellow-curve-btm.jpg) left bottom no-repeat #f49c02;
padding:15px 25px;
font:bold 14px/17px Arial, Helvetica, sans-serif;
color:#000000;
}
.body-pic1
{background: url(../images/pic1.jpg) left top no-repeat; height:341px;}