@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ul,li{list-style:none;}
img{border:0;}
body{background:url(../images/bg.jpg) repeat-x left top #c8c9d1; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555555;}

a{color:inherit; text-decoration:none;} 
a:hover{color:black;}

#main{width:846px; margin:0 auto;}

.header{width:836px; float:left; padding:0 5px;}
.logo{width:324px; float:left; height:72px;}
.search{width:512px; float:left; height:66px; background:url(../images/search-bg.jpg) no-repeat left top; padding-top:5px;}
.search blockquote{width:462px; display:block; float:left; background:url(../images/inputbg.png) no-repeat 40px top; padding:0px 0 0 50px; color:#fff; height:20px; line-height:20px;}
.search blockquote .input{border:0; background:0; margin-left:20px; width:155px; margin-right:10px;}
/*.search:hover{background:url(../images/search-bg.jpg) no-repeat left -71px;}*/

/*=================body======================*/
.bodywrap,.footerwrap{width:836px; float:left; background:url(../images/shadow-bg.png) repeat-y left top; padding:0 5px;}



.nav{background:url(../images/navbg.jpg) repeat-x left top; height:31px; width:836px; float:left;}
.nav ul{width:570px; float:left;}
.nav li{width:auto; display:block; float:left;}
.nav li a{ font-size:11px; font-weight:bold; color:#293d6b; height:31px; display:block; line-height:31px; text-decoration:none; padding:0 8px;}
.nav li a:hover{ background:url(../images/navbg-hover.jpg) repeat-x left top;}
.nav blockquote{ width:235px; text-align:right; display:block; padding-left:20px; padding-right:10px; line-height:31px; font-size:11px; color:#020202; float:left; height:31px; float:left;}
.nav blockquote a{color:#d63017; text-decoration:none;}
.nav blockquote a:hover{ color:#020202;}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: -5px;
border: 1px solid #bfbebe; /*THEME CHANGE HERE*/
font:normal 11px arial;
line-height:18px;
z-index:100;
background-color: #d4d4d4;
width: 200px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
padding: 2px 3px;
text-decoration: none;
font-weight: bold;
color:#293d6b; font-size:12px;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #b5b3b4;
}



.w100{width:100%; float:left; z-index:5; position:relative;}
.flash{width:100%; float:left; position:relative;}
/*.news{width:816px; padding-left:20px; float:left; background:url(../images/news-line.png) no-repeat left top; height:24px; line-height:24px; position:absolute; font-size:10px; color:#FFFFFF; left:0; top:275px;}*/
.news{width:816px; padding-left:20px; float:left; background:url(../images/news-line.png) no-repeat left top; height:24px; line-height:24px; position:absolute; font-size:10px; color:#FFFFFF; left:0; top:275px; z-index:10;}
.news blockquote{font-size:12px; font-weight:bold; display:block; float:left; padding-right:10px;}



.tabarea{float:left; width:836px; background:url(../images/tab-bg.jpg) repeat-x left top; height:174px;}

.footer{background:url(../images/footer-bg.jpg) repeat-x left top; width:836px; float:left; height:23px;}
.footer a{float:left; height:23px; line-height:23px; color:#FFFFFF; font-size:11px; font-weight:bold; padding-left:20px; text-decoration:none;}
.footer a:hover{color:#d53214;}
.footer-bot{ width:836px; float:left; height:31px; color:#787878; font-size:10px; padding-top:3px; text-align:right;}
.footer-bot a{ text-decoration:underline;}
.nav, .search blockquote, .flash, .news {behavior:url(iepngfix.htc);}



.tac{text-align:center;}
.tar{text-align:right;}
.tal{text-align:left;}

.white{color:#fff;}
.white a{color:#fff; text-decoration:none;}
.white a:hover{color:#D0DCFB;}

.red{color:#d42e14;}
.red a{color:#d42e14; text-decoration:underline;}
.red a:hover{color:#d42e14; text-decoration:none;}

.red1{color:#d53214;}
.red1 a{color:#d53214; text-decoration:underline;}
.red1 a:hover{color:#d53214; text-decoration:none;}

.ft14{font-size:14px;}


.pl10{padding-left:20px;}
.ml14{margin-left:15px;}
.mt10{margin-top:10px;}
.mt3{margin-top:3px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}

/*-------------------inside pages-----------------------*/
.bodywrapin{width:806px; float:left;padding:18px  15px;}

.leftwrap{width:214px; float:left;}
.leftnav{background:#d4d4d4; width:214px; float:left;}
.leftnav-top{background:#d4d4d4; padding:18px 11px 1px 11px; width:192px; float:left;}
.leftnav-top h5{width:192px; float:left; font-size:15px; font-weight:bold; color:#3d3c3c;}
.leftnav-top ul{width:182px;float:left; margin:5px 5px 0 5px;}
.leftnav-top li{width:182px; float:left;}
.leftnav-top li a{width:177px; float:left; height:31px; padding-left:5px; line-height:31px; border-bottom:1px dashed #808080; color:#3d3c3c; font-size:12px;}
.leftnav-top li a:hover{background:#afabab;}
.leftnav-top li li{width:172px; float:left; margin-left:10px;}
.leftnav-top li li a{width:147px; float:left; margin-left:10px; height:31px; padding-left:5px; line-height:31px; border-bottom:1px dashed #808080; color:#3d3c3c; font-size:12px;}
.leftnav-top li li a:hover{background:#afabab;}
.leftnav-bot{background:url(../images/left-navbot.jpg) no-repeat left top; height:17px; width:214px; float:left;}

.righwrap{width:577px; float:left; margin-left:15px;}
.righwrap h2{width:577px; float:left; color:#3d3c3c; font-size:24px;}
.righwrap .banner{width:553px; float:left; margin-top:5px; padding:45px 0 0 24px; height:136px;}
.righwrap .banner1{width:553px; float:left; margin-top:5px; padding:20px 0 0 24px; height:161px;}
.righwrap .banner h3{width:300px;  font-size:24px; color:#fff; padding-bottom:10px;}
.righwrap .banner p{width:300px; font-size:14px; color:#6079c8;}

.productbg{background:url(../images/productbg.jpg) no-repeat left top;}
.mcommercebg{background: url(../images/mcommerce-bg.jpg) no-repeat left top;}
.servicesbg{background:url(../images/servicesbg.jpg) no-repeat left top;}
.servicesbg{background:url(../images/servicesbg.jpg) no-repeat left top;}
.solutionbg{background:url(../images/solution-bg.jpg) no-repeat left top;}
.aboutbg{ background:url(../images/aboutusbg.jpg) no-repeat left top;}
.customerbg{ background:url(../images/customer-bg.jpg) no-repeat left top;}

.box{width:278px; float:left; background:url(../images/boxbg.jpg) repeat-x left top #fff; margin-top:13px; border:1px solid #cecece;}
.box h3{width:266px; float:left; height:32px; line-height:32px; padding-left:12px; color:#3d3c3c; font-size:18px;}
.box blockquote{width:266px; float:left; padding:11px 6px 8px 6px;}
.box blockquote dd{width:63px; float:left; padding-right:8px; }
.box blockquote dt{width:194px; float:left; font-size:12px; color:#3d3c3c;}

.box-big{width:575px; float:left; background:url(../images/boxbg.jpg) repeat-x left top #fff; margin-top:13px; border:1px solid #cecece;}
.box-big h3{width:563px; float:left; height:32px; line-height:32px; padding-left:12px; color:#243e91; font-size:18px;}
.box-big blockquote{width:559px; float:left; padding:11px 8px 8px 8px;}
.box-big p{width:559px; float:left; font-size:12px; color:#3d3c3c;}

.box-bignew{width:575px; float:left;  margin-top:13px; border:1px solid #cecece;}
.box-bignew h3{width:563px; float:left; height:25px; line-height:25px; padding-left:12px; color:#243e91; font-size:14px;}
.box-bignew blockquote{width:559px; float:left; padding:11px 8px 8px 8px;}
.box-bignew p{width:559px; float:left; font-size:12px; color:#3d3c3c;}
.box-bignew blockquote ul{width:541px; float:left; margin:10px 0 0 10px;}
.box-bignew blockquote li{width:521px; float:left; padding-left:20px; margin-bottom:10px; background:url(../images/li-arrow.jpg) no-repeat left top;}

.box-content{width:575px; float:left; margin-top:13px;}
.box-content h3{width:563px; float:left; height:32px; line-height:32px; padding-left:12px; color:#243e91; font-size:18px; border-bottom:1px solid #cecece;}
.box-content blockquote{width:551px; float:left; padding:7px 12px 0px 12px;}
.box-content .newblock{width:263px; float:left; padding:7px 0 0px 12px;}
.box-content p{width:551px; float:left; font-size:12px; color:#3d3c3c;}
.box-content .psmall{width:275px; float:left; font-size:12px; color:#3d3c3c;}
.box-content blockquote dl{width:275px; float:left; padding:3px 0 7px 0;}
.box-content blockquote dd{float:left; border:1px solid #d8d9df; width:63px; height:63px; text-align:center; line-height:63px; overflow:hidden; padding:1px; margin-right:12px;}
.box-content blockquote dt{width:196px; float:left; color:#3d3c3c; font-size:12px;}
.box-content blockquote ul{width:541px; float:left; margin:10px 0 0 10px;}
.box-content blockquote li{width:521px; float:left; padding-left:20px; margin-bottom:10px; background:url(../images/li-arrow.jpg) no-repeat left top;}
.box-content blockquote .new ul{width:255px!important; float:left; margin:10px 10px 0 10px;}
.box-content blockquote .new li{width:235px; float:left; padding-left:20px; margin-bottom:10px; background:url(../images/li-arrow.jpg) no-repeat left top;}

.box-content1{width:575px; float:left; margin-top:13px;}
.box-content1 h3{width:563px; float:left; height:32px; line-height:32px; padding-left:12px; color:#243e91; font-size:18px; border-bottom:1px solid #cecece;}
.box-content1 label{width:563px; float:left; height:28px; background:url(../images/cat-top.jpg) repeat-x left top; line-height:28px; padding-left:12px; color:#3d3c3c; font-size:12px; font-weight:bold; display:block; }
.box-content1 blockquote{width:551px; float:left; padding:7px 12px 0px 12px;}
.box-content1 blockquote dl{width:551px; float:left;}
.box-content1 blockquote dd{float:left; border:1px solid #d8d9df; width:69px; margin-top:15px; height:51px; text-align:center; line-height:51px; overflow:hidden; margin-right:12px;}
.box-content1 blockquote dt{width:468px; float:left; color:#3d3c3c; font-size:12px; margin-top:15px;}
.box-content1 p{width:551px; float:left; font-size:12px; color:#3d3c3c;}
.box-content1 blockquote ul{width:255px!important; float:left; margin:10px 10px 0 10px;}
.box-content1 blockquote li{width:235px; float:left; padding-left:20px; margin-bottom:6px; color:#1a2a60; background:url(../images/li-arrow.jpg) no-repeat left top;}



.box-info{width:212px; float:left; background:url(../images/contact-infobg.jpg) repeat-x left top #fff; margin-top:13px; border:1px solid #cecece;}
.box-info h3{width:200px; float:left; height:32px; line-height:32px; padding-left:12px; color:#3d3c3c; font-size:18px;}
.box-info blockquote{width:192px; float:left; padding:15px 10px 10px 10px;}
.box-info blockquote ul{width:192px; float:left;}
.box-info blockquote li{width:152px; float:left; padding-left:40px; padding-top:6px; padding-bottom:5px; margin-bottom:3px;}
.box-info blockquote p{width:192px; float:left; padding-bottom:8px;}
.phone-icon{background:url(../images/lphone-icon.jpg) no-repeat left top;}
.email-icon{background:url(../images/email-icon.jpg) no-repeat left top;}

.box-bg{background:url(../images/boxbg.jpg) repeat-x left top #fff;}

/*17 August and updated */
.contact{width:806px; float:left;}
.contact h2{width:806px; float:left; color:#3d3c3c; font-size:24px; padding-bottom:10px;}
.contact-left{width:560px; padding:15px 4px 15px 10px; float:left;border:1px solid #cecece; background:url(../images/contactbg.jpg) repeat-x left top;}
.contact-left ul{width:180px; float:left; padding-right:6px;}
.contact-left li{width:180px; float:left; padding-bottom:10px; color:#3d3c3c; font-size:12px;}

.contact-right{width:220px; float:left; padding-right:10px;}
.contact-right h3{height:32px; line-height:32px; padding-left:12px; color:#243e91; font-size:18px; border-bottom:1px solid #cecece;}
.contact-right ul{width:192px; padding-left:8px; float:left; padding-top:18px;}
.contact-right li{width:192px; padding-left:8px; float:left; padding-bottom:3px;}
.cont-inp{width:160px; height:20px; color:#a5a2a2; font-size:12px; border:1px solid #dadada; padding:2px 5px 0;}
.cont-textarea{width:180px; color:#a5a2a2; font-size:12px; border:1px solid #dadada; padding:2px 5px 0;}

.black{color:#000000;}
.dotbor{ border-bottom:#9BBDCA 1px dotted; padding-bottom:10px;}



/* tab accordian */
.arrowlistmenu{width:575px; float:left;}
.arrowlistmenu h3{width:563px; float:left; height:32px; line-height:32px; padding-left:12px; color:#243e91; font-size:18px; border-bottom:1px solid #cecece;}
.arrowlistmenu .main{width:551px; float:left; padding:7px 0 10px 0px; margin:0 12px;  border-bottom:#9BBDCA 1px dotted;}
.arrowlistmenu .content{width:551px; float:left;}
.arrowlistmenu h6{width:551px; float:left; font-size:12px; color:#3d3c3c; font-weight:bold; display:block;}
.arrowlistmenu p{width:551px; float:left; font-size:12px; color:#3d3c3c; }
.arrowlistmenu ul{width:541px; float:left; margin:10px 0 0 10px;}
.arrowlistmenu li{width:521px; float:left; padding-left:20px; margin-bottom:10px; background:url(../images/li-arrow.jpg) no-repeat left top;}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font-weight:bold;
 /*bottom spacing between header and rest of content*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.active-card{width:575px; float:left; margin-top:13px;}
.active-card h3{width:563px; float:left; height:32px; line-height:32px; padding-left:12px; color:#243e91; font-size:18px; border-bottom:1px solid #cecece;}
.active-card blockquote{width:551px; float:left; padding:7px 12px 0px 12px;}
.active-card p{width:551px; float:left; font-size:12px; color:#3d3c3c;}
.active-card blockquote dl{float:left; width:500px;}
.active-card blockquote dd{float:left; width:180px; padding-right:15px; height:25px; line-height:25px; padding-bottom:12px;}
.active-card blockquote dt{width:275px; float:left; height:25px; line-height:25px; padding-bottom:12px;}
.active-inp{width:200px; height:20px; color:#a5a2a2; font-size:12px; border:1px solid #dadada; padding:2px 5px 0;}

.merchant-reg{ width:806px; float:left;} 
.merchant-reg h2{width:806px; float:left; color:#3d3c3c; font-size:24px;}
.box-big-mer{width:752px; float:left; background:url(../images/boxbg.jpg) repeat-x left top #fff;  border:1px solid #cecece; margin:0 25px; margin-top:13px;}
.box-big-mer h3{width:740px; float:left; height:32px; line-height:32px; padding-left:12px; color:#243e91; font-size:18px;}

.inp-bor{ border:1px solid #dadada; padding:2px 5px;}

.pad5{padding:5px;}
.blue{color:#243E91;}
.righwrap .banner{width:553px; float:left; margin-top:5px; padding:45px 0 0 24px; height:136px;}