/* CSS Document */

body{
	margin:0px; padding:0px;
	background-color:#eaeaea;
	font-family:Verdana, Arial, Helvetica, sans-serif;}
	
#skip{display:none;}
hr{display:none;}
	
a:focus, a:active{ outline:none;}

p, h1, h2, ul, li{ margin:0px; padding:0px;}

h1{ padding:0px 0px 22px 0px;}

h2 span{
	display:none;}
	
h1 span{
	display:none;}	

p{
	font-size:14px; color:#666666;
}

.aboutusclient{
	font-size:14px; color:#666666;
}

form, fieldset{
	margin:0px; padding:0px;}

fieldset {border:0px;}	

#container{
	width:940px; height:auto;
	margin:0px auto;
	background-color:#FFFFFF;
}

#main_div{
	width:926px; height:auto; float:left;
	background-color:#FFFFFF;
	padding:0px 7px 0px 7px;
	margin:1px 0px 0px 0px;
}

.left{
	width:214px; height:auto; float:left;
	margin:0px 1px 0px 0px;
}

.nav{
	width:205px; height:auto;
	padding:12px 0px 0px 0px;
	margin:0px 0px 26px 0px;
}
	
.nav li{
	width:205px; height:27px;
	border-bottom:1px solid #cccccc;
	list-style-type:none;
}

.nav li a:link, .nav li a:visited{
	display:block;
	width:195px; height:21px;
	padding:7px 0px 0px 10px;
	background:url(../images/nav_icon.gif) no-repeat right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:85%;
	color:#1B2974;
	text-decoration:none;
}
.nav li a:hover{
	display:block;
	width:195px; height:21px;
	padding:7px 0px 0px 10px;
	background:url(../images/nav_icon_hv.gif) no-repeat right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:85%;
	color:#000000;
	text-decoration:none;
}

.nav li a.btn_active{
	display:block;
	width:195px; height:21px;
	padding:7px 0px 0px 10px;
	background:url(../images/nav_icon_hv.gif) no-repeat right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:85%;
	color:#000000;
	text-decoration:none;
}	

.btn_login{
	display:block;
	width:155px; height:34px;
	background:url(../images/btnlogin_bg.jpg) no-repeat left top;
	margin:0px 0px 7px 0px;
	padding:9px 30px 0px 17px;
	line-height:14px;
}

.btn_login a:link, .btn_login a:visited{
	font-size:85%;
	font-weight:bold;
	color:#206CB7;
	text-decoration:none;
}

.btn_login a:hover{
	font-size:85%;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
}
.pagelink:link,.pagelink:visited{
font-size:11px;
font-weight:bold;
text-decoration:underline;
color:#666666;
}
.pagelink:hover{
font-size:11px;
font-weight:bold;
color:#666666;
text-decoration:none;
}

.testimonials{
	width:194px; height:auto;
	padding:26px 0px 0px 0px;}
	
.testimonials h2{
	width:187px; height:auto;
	padding:5px 0px 5px 7px;
	background-color:#eaeaea;
}	
.testimonials_txt1{
	width:165px; height:auto;
	text-align:justify;
	padding:22px 22px 18px 12px;
	line-height:21px;
}

.textimonials_txt2{
	font-size:12px;
	font-weight:bold;
	color:#1E69B4;
	padding:0px 0px 0px 12px;	
}
.textimonials_txt2 span{ padding:0px 0px 0px 12px;}

/**right starts**/
.right{
	width:710px; height:auto; float:left;}	
	
.header{
	width:710px; height:298px; margin:0px 0px 3px 0px;
}
.header img {float:left;}

#middle{
	width:710px; height:auto; float:left;}

.welcome_box{
	width:690px; height:195px;
	padding:20px 0px 15px 20px;
	margin:0px 0px 18px 0px;
	background:url(../images/text_bg.jpg) repeat-x left top;
	border-bottom:1px solid #cccccc;
}


.welcome_box p{
	font-size:14px;
	line-height:21px;
	text-align:justify;
	padding:0px 26px 0px 0px;
}

.bot_box{
	width:710px; height:auto; float:left;}
	
.edi_explained{
	width:294px; height:auto; float:left;
	padding:0px 30px 0px 20px;
	border-right:1px solid #cccccc;
}

.edi_explained p{
	text-align:justify;
	line-height:21px;
	padding:24px 0px 40px 0px;	}
	
.partner{
	width:330px; height:auto; float:left;
	padding:0px 0px 0px 25px;
}

.partner p{
	text-align:justify;
	line-height:21px;
	padding:20px 35px 20px 0px;
}

.formbox{
	width:280px; height:auto;
}
.captcha{
	width:263px; height:auto; float:left;
	font-size:65%;
	color:#003366;
	padding:3px 0px 0px 10px;
	margin:0px;
}
.fieldnm{
	width:90px; height:auto; float:left;
	font-size:95%;
	color:#003366;
	padding:3px 0px 0px 10px;
	margin:0px;
}

.field{
	width:173px; height:20px;
	border:1px solid #999999;
	color:#003366;	
	margin:0px 0px 10px 0px;	
}

.btn_submit{
	width:68px; height:22px;
	background-color:#0068A9;
	border:1px solid #0068A9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#FFFFFF;
	margin:0px 0px 0px 100px;
}

.btn_clear{
	width:68px; height:22px;
	background-color:#0068A9;
	border:1px solid #0068A9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#FFFFFF;
}

#footer{
	width:926px; height:auto; float:left;
	border-top:5px solid #cccccc;
	margin:15px 0px 0px 0px;
	padding:0px;
}

.footer_margin{
	width:896px; height:auto; float:left;
	padding:15px;
	margin:0px;
}

.copyright{
	width:300px; float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%; 
	color:#666666;
}
.copyright a:link, .copyright a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	color:#666666;
	text-decoration:none;
}
.copyright a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	color:#006699;
	text-decoration:none;
}

.produce{
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%; 
	color:#666666;
}

.produce a:link, .produce a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	color:#666666;
	text-decoration:none;
	padding:0px 3px 0px 3px;
}
.produce a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	color:#006699;
	text-decoration:none;
	padding:0px 3px 0px 3px;
}

/**inner pages' styles**/
	
.header_inner{
	width:710px; height:136px; margin:0px 0px 3px 0px;
}
.header_inner img {float:left;}

.contentarea{
	width:670px; height:auto; float:left;
	padding:20px 20px 0px 20px;
	margin:0px 0px 18px 0px;
	background:url(../images/text_bg.jpg) repeat-x left top;
	line-height:20px;
}

.contentarea h1{ border-bottom:1px solid #cccccc;
	margin:0px 0px 20px 0px;}

.content_img{
	float:left;
	border:1px solid #cccccc;
	margin:0px 25px 10px 0px;
}

.contentarea p{
	margin:0px 0px 23px 0px;
}

.text01{
	color:#11589D; font-weight:bold;}
	
/**news**/

.newbox{
	width:670px; height:auto;
	float:left;
	margin:0px 0px 10px 0px;}
	
.newbox p{ margin:0px 0px 10px 0px;}	
	
.news_ttl{
	background-color:#eaeaea;
	height:30px;
	color:#11589D;
	font-weight:bold;
	padding:5px 0px 0px 10px;
}

.date{ 
	color:#666666;
	font-size:11px; font-weight:bold;
	padding:0px 0px 0px 25px;}

.news_desc{
	padding:0px 20px 0px 25px;
	line-height:21px;}	

.news_desc_detail{
	padding:0px 20px 0px 25px;
	line-height:21px;}	
	
.readmore:link, .readmore:visited{
	font-size:13px;
	color:#11589D;
	text-decoration:underline;
	background:url(../images/news_icon.gif) no-repeat left;
	padding:0px 0px 0px 16px;
}	
.readmore:hover{
	font-size:13px;
	color:#333333;
	text-decoration:none;
	background:url(../images/news_icon.gif) no-repeat left;
	padding:0px 0px 0px 16px;
}	

/**edi_info**/

.ediinfo_left{
	width:440px; height:auto; float:left;
	margin:0px 20px 0px 0px;
}

.ediinfo_ttl{
	background-color:#eaeaea;
	height:30px;
	color:#11589D;
	font-weight:bold;
	padding:5px 0px 0px 10px;
}

.ediinfo_desc{
	padding:0px 15px 0px 25px;
	line-height:21px;
}	

.ediinfo_desc a:link, .ediinfo_desc a:visited{
	color:#1E69B4;
	font-weight:bold;
}
.ediinfo_desc a:hover{
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}

.ediinfo_right{
	width:200px; height:auto; float:left;
}

.rightbox{
	background-color:#FFFFFF;
	width:194px; height:auto;
	border:1px solid #eaeaea;
	padding:2px;
	margin:0px 0px 15px 0px;
}

.rightbox p{ margin:0px 0px 3px 0px;}

.pdf{
	width:194px; height:auto;
	padding:0px 0px 0px 2px;
}

.pdf_ttl{
	height:30px;
	padding:5px 0px 0px 10px; margin:0px;
	background-color:#1A77BD;
	color:#FFFFFF;
	font-size:20px;
}

.pdfbox1{
	width:190px; height:35px;
	margin:0px 0px 4px 0px;
}

.pdfbox2{
	width:190px; height:35px;
	background-color:#f3f3f3;
	margin:0px 0px 4px 0px;	
}

.pdfbox2 p{
	width:150px; height:auto; float:right;
	font-size:11px; font-weight:bold;
	color:#206CB7;
	line-height:13px;
	border-left:1px solid #FFFFFF;
	padding:3px 0px 0px 10px;	
}

.pdf_icon{
	float:left;
	padding:7px 0px 0px 7px;
}

.pdfbox1 p{
	width:150px; height:auto; float:right;
	font-size:11px; font-weight:bold;
	color:#206CB7;
	line-height:13px;
	border-left:1px solid #FFFFFF;
	padding:3px 0px 0px 10px;
}
.btn_blog{
	display:block;
	width:155px; height:29px;
	background:url(../images/btnlogin_bg.jpg) no-repeat left top;
	margin:0px 0px 7px 0px;
	padding:14px 30px 0px 17px;
	line-height:14px;
}

.btn_blog a:link, .btn_blog a:visited{
	font-size:85%;
	font-weight:bold;
	color:#206CB7;
	text-decoration:none;
}

.btn_blog a:hover{
	font-size:85%;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
}

.podcastbox{
	width:190px; height:auto;
	padding:0px 0px 0px 2px;
}

.podcast1{
	display:block; width:180px; height:33px;
	padding:7px 0px 0px 10px;
	font-size:11px; color:#206CB7;
	font-weight:bold;
}
.podcast2{
	display:block; width:180px; height:33px;
	padding:7px 0px 0px 10px;
	background-color:#f3f3f3;
	font-size:11px; color:#206CB7;
	font-weight:bold;
}

.bluelink:link, .bluelink:visited{
	color:#206CB7; text-decoration:none;
}
.bluelink:hover{
	color:#333333; text-decoration:none;
}	


/**spreadsheet**/
.spreadsheet{
	padding:20px 20px 0px 20px;
	margin:0px 0px 18px 0px;
	background:url(../images/text_bg.jpg) repeat-x left top;
	line-height:20px;
}

.spreadsheet_ttl{
	height:105px;
	vertical-align:middle;
	background-color:#1B66B0;
	border-right:1px solid #ffffff;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:13px;
}

.spreadsheet_ttl2{
	height:105px;
	vertical-align:middle;
	background-color:#1B66B0;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:13px;
}

.row1{
	height:35px;
	padding:0px 5px 0px 7px;
	background-color:#F1F4D1;
	font-size:11px;
	font-weight:bold;
	color:#333333;
	border-right:1px solid #ffffff;}	

.row2{
	height:35px;
	padding:0px 5px 0px 7px;	
	font-size:11px;
	font-weight:bold;
	color:#333333;
	border-right:1px solid #ffffff;	}
	
.total{
	height:35px;
	background-color:#cccccc;
	color:#333333;
	font-weight:bold;
	font-size:12px;
}

.spreadsheettxt { padding:0px 80px 0px 80px;}

.spreadsheettxt a:link, .spreadsheettxt a:visited{
	color:#11589D;
	font-weight:bold;
}
.spreadsheettxt a:hover{
	color:#11589D;
	font-weight:bold;
	text-decoration:none;
}

/**edi user**/

.ediuser_left{
	width:300px; height:auto; float:left;}
	
.login{
	display:block;
	width:257px; height:48px;
}
	
.login p{ margin:0px 0px 10px 0px; padding:0px;}	

.login a:link, .login a:visited{
	display:block;
	width:247px; height:36px;
	padding:12px 0px 0px 10px;
	background:url(../images/login_bg.jpg) no-repeat left top;
	color:#206CB7;
	text-decoration:none;
	font-weight:bold;
}
.login a:hover{
	display:block;
	width:247px; height:36px;
	padding:12px 0px 0px 10px;
	background:url(../images/login_bg.jpg) no-repeat left top;
	color:#333333;
	text-decoration:none;
	font-weight:bold;
}	

.ediuser_right{
	width:310px; height:auto; float:left;
	border-left:1px solid #cccccc;
	padding:0px 0px 25px 25px;
}

.formbox2{
	width:260px; height:auto; float:left;
	padding:0px 0px 0px 17px;
}	

.fieldnm2{
	width:250px; height:auto; float:left;
	font-size:95%;
	color:#003366;
	padding:0px 0px 15px 0px;
	margin:0px;
}

.field2{
	width:250px; height:20px; float:left;
	border:1px solid #999999;
	color:#003366;	
	margin:0px 0px 8px 0px;	
}

.btn_submit2{
	width:68px; height:22px; float:left;
	background-color:#0068A9;
	border:1px solid #0068A9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#FFFFFF;
	margin:0px 7px 0px 0px;
}
.btn_clear2{
	width:68px; height:22px;
	background-color:#0068A9;
	border:1px solid #0068A9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#FFFFFF;
}
.field3{
	width:250px; height:auto; float:left;
	border:1px solid #999999;
	color:#003366;	
	margin:0px 0px 10px 0px;	
}

/**software partners**/

.software_left{
	width:300px; height:auto; float:left;
	border-right:1px solid #cccccc;
	padding:0px 25px 0px 0px;
}
	
.software_right{
	width:300px; height:auto; float:left;
	padding:0px 0px 0px 25px;
}

.software_list{
	padding:0px 0px 0px 20px;
	margin:0px 0px 15px 0px;}
	
.software_list li{
	margin:0px 0px 5px 0px;
	font-size:14px; color:#666666;	
}

.formbox3{
	width:260px; height:auto; float:left; padding:0px 0px 0px 15px;
}


.fieldnm3{
	width:250px; height:auto; float:left;
	font-size:95%;
	color:#003366;
	padding:0px 0px 15px 0px;
	margin:0px;
}

.field4{
	width:250px; height:20px; float:left;
	border:1px solid #999999;
	color:#003366;	
	margin:0px 0px 8px 0px;	
}

.btn_submit3{
	width:68px; height:22px; float:left;
	background-color:#0068A9;
	border:1px solid #0068A9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#FFFFFF;
	margin:0px 7px 0px 0px;
}
.btn_clear3{
	width:68px; height:22px;
	background-color:#0068A9;
	border:1px solid #0068A9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#FFFFFF;
}

/**contact**/

.contactmain{
	width:570px; height:auto; padding:0px 0px 0px 100px;}

.contactbox{
	width:471px; height:auto; float:left;
	background-color:#FFFFFF;
	border:1px solid #eaeaea;
	padding:4px;
}

.contact1{
	width:466px; height: auto;  float:left;
	padding:8px 0px 0px 5px;
	margin:0px 0px 4px 0px;
}

.contact1 p{margin:0px;}
	
.contact2{
	width:466px; height:28px;  float:left;
	padding:8px 0px 0px 5px;
	margin:0px 0px 4px 0px;	
	background-color:#f4f4f4;
}	
	
.address1{
	width:200px; height:auto; float:left;
	padding:0px 0px 5px 10px;
	color:#11589D;
	font-weight:bold;
}
.address2{
	width:230px; height:auto; float:left;
/*	padding:0px 0px 0px 10px;*/
/*	color:#11589D;
	font-weight:bold;*/
}
	
	
.rss{
	background-color:#eeeeee;
	border:1px solid #c6c6c6;
	width:184px; height:28px;
	border:1px solid #eaeaea;
	padding:7px 0px 5px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#666666;
}

.rss img{ float:left;
margin:0px 10px 0px 0px;}

.rss a {color:#666666;}

.rss a:hover {color:#666666; text-decoration:none;}





/* added by mdp */

.infoBox {
  background: #11589d;  /* b6b7cb  */
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

.infoBoxContents {
  background: #f8f8f9;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  color:#666666;
}
.pageHeading{
	background-color:#eaeaea;
	height:30px;
	color:#11589D;
	font-weight:bold;
	padding:5px 0px 0px 10px;
}

.linkclass:link, .linkclass:visited{
	display:block;
	height:21px;
	padding:7px 0px 0px 10px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1B2974;
	text-decoration:none;
}
.linkclass:hover{
	display:block;
	height:21px;
	padding:7px 0px 0px 10px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:none;
}

.btnclass{
	cursor: pointer;
margin:0px;
border:1px solid #FFFFFF;
height:22px;
background-color:#11589d;
vertical-align:middle;
color:#FFFFFF;
width:auto;
padding: 0px 4px 2px 4px;
}

.bad_message {
border: 1px solid #1860A8;
color:#000000;
background:#ECF0F3  url(../images/alertbad_icon.jpg) no-repeat scroll left center;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
margin:8px;
padding:8px;
padding-left:33px;


}

.success_message{
border: 1px solid #1860A8;
color:#000000;

background: #ECF0F3 url(../images/alertgood_icon.jpg) no-repeat scroll left center;

font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
margin:8px;
padding:8px;
padding-left:33px;
}
.existmessage{
padding:2px;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
color:#FF0000;

}
select.select,input.text,textarea.textarea{
background:#FFFFFF url(../images/fieldbg.gif) repeat-x scroll center top;
color:#333333;
padding:1px;
margin:0px;
border-color:#7C7C7C;
border-style:solid;
border-width:1px;
}
.req_field
{
font-size:10px;
color: #000000;

}
/* add end */
	
.enquiries:link, .enquiries:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	text-decoration:none;
}
.enquiries:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	text-decoration:underline;
}
.new_news_desc
{
	padding:0px 20px 0px 25px;
	line-height:21px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}


.actionclass:link, .actionclass:visited{
	height:21px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1B2974;
	text-decoration:underline;
}
.actionclass:hover{	
	height:21px;
		font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:none;
}

.highlight
{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FF0000;
}

.address {
	font-family:Arial, Helvetica, sans-serif; font-size:80%; 
	font-weight:normal;
	color:#FFFFFF;
	margin:0px; padding:20px 20px 20px 0px;
	float:right;
}
.trading_box {
width:190px; height:18px;
background-color:#1C78BF;
margin:0px 0px 10px 0px; padding:8px 0px 5px 10px;
}

.trading_box p a:link,.trading_box p a:visited {
font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#FFFFFF;
margin:0px; padding:0px;
text-align:left;
text-decoration:none;
}

.trading_box p a:hover {
text-decoration:none;
}