@charset "utf-8";
/* CSS Document */

body {
	font: 100% Arial, Helvetica, sans-serif;
	background: #e9eff0;
	margin:0;
	padding:0;
	text-align: center;
	color: #333333;
}
.oneColFixCtrHdr #container {
	width: 932px;
	background-image:url(images/bg.gif);
	background-repeat:repeat-y;
	margin: 0 auto;
	text-align: left;
	min-height:768px;
	height:auto !important;
	height:100%;
	
}
.oneColFixCtrHdr #tag {
	padding:0;
	width:900px;
	margin:4px auto;
	text-align:right;
	font-size:11px;
	color:#abcef2;
	text-decoration:none;
}
.oneColFixCtrHdr #header {
	padding:0;
	width:900px;
	margin:0 auto;
	height:97px;
}
.oneColFixCtrHdr #header h1 {
	margin: 0;
	padding:0;
	width:240px;
}
#headerRight {
	float:right;
	width:637px;
	height:97px;
	padding:0;
	margin:0;
}
#phone {
	text-align:right;
	font-family:Helvetica, Arial, sans-serif;
	color:#ff7901;
	font-size:24px;
	height:41px;
	padding:0;
	margin:0;
}
.phone {
	font-family:Helvetica, Arial, sans-serif;
	color:#ff7901;
	font-size:14px;
}
/* sub tab Navigation */
#subtab {
	height:20px;
	padding:0 0 0 91px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#787878;
	text-decoration:none;
	text-align:center;
	width:637px;
	width:547px !important;
}
#electronicPayments {
	background-image:url(images/electronicp_bg.gif);
	background-repeat:no-repeat;
	width:273px;
	height:20px;
	height:17px !important;
	padding:3px 0 0 0;
	margin:0;
	float:left;
}
#websites {
	background-image:url(images/websites_bg.gif);
	background-repeat:no-repeat;
	width:181px;
	height:20px;
	height:17px !important;
	padding:3px 0 0 0;
	margin:0;
	float:left;
}
#electronicBilling {
	background-image:url(images/electronicB_bg.gif);
	background-repeat:no-repeat;
	width:91px;
	height:20px;
	height:17px !important;
	padding:3px 0 0 0;
	margin:0;
	float:left;
}
/* Tab Navigation */
#tabcontainer {
	width:637px;
	padding:0;
	margin:0;
	height:36px;
	list-style:none;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	text-decoration:none;
}
#tabcontainer ul {
	padding:0;
	margin:0;
	white-space: nowrap;
	list-style: none;
} 
#tabcontainer li {
	display:block;
	float:left;
	list-style-type:none;
	padding:0;
	margin:0;
	height:36px;
	width:91px;
	text-align:center;
	background-image:url(images/tab_off.gif);
} 
.on {
	display:block;
	float:left;
	list-style-type:none;
	padding:0;
	margin:0;
	height:36px;
	width:91px;
	text-align:center;
	background-image:url(images/tab_on.gif);
} 
#tabcontainer li a {
	display: block;
	height:36px;
	height:33px !important;
	width:91px;
	color:#fff;
	padding:3px 0 0 0;
	text-decoration:none;
}
#tabcontainer li a:hover {
	display: block;
	height:36px;
	width:91px;
	color:#fff;
	padding:-3px 0 0 0;
	text-decoration:none;
	background-image:url(images/tab_on.gif);
	background-repeat:no-repeat;
}
.oneColFixCtrHdr .greenLine {
	width:900px;
	padding:0;
	margin:3px auto;
	background-color:#8ec631;
	height:3px;
}
/* Sub Navigation */
.oneColFixCtrHdr #navcontainer {
	width:900px;
	padding:0;
	margin:0 auto;
	background-image:url(images/navcontainer_bg.gif);
	background-repeat:no-repeat;
	height:31px;
}
ul#navlist {
	margin:0;
	padding:6px 0 0 0;
	white-space: nowrap;
}
#navlist li {
	font-size:11px;
	font-weight:bold;
	color:#062956;
	display: inline;
	background-image:url(images/div.gif);
	background-repeat:no-repeat;
	background-position:left;
	list-style-type: none;
	height:25px !important;
}
#navlist li a { 
	padding:5px 16px 0 16px;
	color:#062956;
	text-decoration: none;
}
#navlist li a:hover {
	color:#0a66c1;
	text-decoration: none;
}
.oneColFixCtrHdr #navGreenLine {
	padding:0;
	margin:2px 0 0 0;
	background-color:#8ec631;
}
.oneColFixCtrHdr #mainContent {
	padding:0;
	width:900px;
	margin:20px auto;
	font-size:12px;
	color: #333333;
	text-decoration:none;
}
#mainContent a {
	color: #333333;
	text-decoration:underline;
}
#mainContent a:hover {
	color: #0f6ac1;
	text-decoration:underline;
}
#mainContent p {
	font-size:12px;
	color: #333333;
	text-decoration:none;
}
#mainContent p a {
	color: #333333;
	text-decoration:underline;
}
#mainContent p a:hover {
	color: #0f6ac1;
	text-decoration:underline;
}
.oneColFixCtrHdr #footer {
	padding:0;
	width:900px;
	margin:0 auto;
}
.oneColFixCtrHdr #footer p {
	text-align:center;
	margin: 0;
	padding:3px 0;
	font-size:11px;
	color:#939393;
	text-decoration:none;
}
#footer p a {
	color:#939393;
	text-decoration:none;
}
#footer p a:hover {
	color:#939393;
	text-decoration:underline;
}
#shadebot {
	width:932px;
	padding:0;
	margin:0 auto;
	background-image:url(images/footerShade.jpg);
	background-repeat:no-repeat;
	height:6px;
}
#dottedLine {
	background-image:url(images/dotted.gif);
	background-repeat:no-repeat;
	height:1px;
	margin:10px 0;
}
#title {
	background-image:url(images/lineBG.jpg);
	background-repeat:repeat-x;
	height:35px;
	padding:0;
	margin:0;
}
#title img {
	padding:0;
	margin:0;
}
h2 {
	font-size:18px;
	color:#0b69c6;
	padding:0;
	margin:0;
}
h3 {
	font-size:14px;
	color:#0b69c6;
	padding:0;
	margin:0;
}
h4 {
	font-size:12px;
	color:#0b69c6;
	font-weight:bold;
	padding:0;
	margin:0;
}
h5 {
	font-size:14px;
	color:#ff7901;
	padding:0;
	margin:0;
}
#contact1 {
	width:200px;
	float:left;
	padding:0;
	margin:19px 50px 0 0;
}
#contact2 {
	width:200px;
	float:left;
	padding:0;
	margin:19px 0 0 0;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.forms {
	border: 1px solid #b5b6b9;
	background-color:#fff;
	font-size: 13px;
	color: #454545;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px;
}
.formbuttons {
	font-size: 13px;
	font-weight: normal;
	color: #fff;
	background-color:#0b67c3;
	border: 1px solid #0b67c3;
	cursor: pointer;
	cursor: hand;
}
#map {
	width:380px;
	float:right;
	padding:0;
	margin:19px 0 0 0;
}
#contactform {
	width:500px;
	padding:0;
	margin:0;
}
#top {
	font-size:12px;
	color: #0f6ac1;
	text-decoration:none;
}
#top a {
	color: #0f6ac1;
	text-decoration:none;
}
#top a:hover {
	color: #333333;
	text-decoration:none;
}
#dotted {
	padding:0;
	margin:10px 0;
	border-bottom:#ccc dotted 1px;
}
#moreInfo {
	padding:0;
	margin:0 auto 10px auto;
	width:180px;
	font-size:11px;
	color:#666666;
	line-height:1.5em;
}
#moreInfo a {
	color:#1878d4;
	text-decoration:none;
}
#moreInfo a:hover {
	color:#666666;
	text-decoration:none;
}
/* SecurePay Group */
#row1 {
	padding:0;
	margin:0 0 20px 0;
	height:366px;
}
#colright {
	float:right;
	width:215px;
	height:366px;
	padding:0;
	margin:0;
}
#investorLogin {
	width:215px;
	height:84px;
	padding:0;
	margin:0 0 10px 0;
}
#news {
	font-size:11px;
	color:#b3b3b3;
	padding:0;
	margin:0 0 30px 0;
}
#news ul {
	padding:0;
	margin:0;
	white-space: nowrap;
	list-style: none;
}
#news li {
	padding:7px 0;
	border-bottom:#e2e2e2 solid 1px;
	color:#062956;
	text-decoration:none;
}
#news li a {
	color:#062956;
	text-decoration:none;
}
#news li a:hover {
	color:#0a66c1;
	text-decoration:none;
}
#features {
	font-size:11px;
	color:#b3b3b3;
	padding:0;
	margin:0;
}
#features ul {
	padding:0;
	margin:0;
	white-space:nowrap;
	list-style: none;
}
#features li {
	padding:7px 0;
	border-bottom:#e2e2e2 solid 1px;
	color:#b3b3b3;
	text-decoration:none;
}
#features li a {
	color:#b3b3b3;
	text-decoration:none;
}
#features li a:hover {
	color:#92cc3a;
	text-decoration:none;
}
#mainimage {
	width:673px;
	height:366px;
	background-image:url(images/securePayGroup-ii.jpg);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}
#row2 {
	height:130px;
	font-size:11px;
	color:#4b4b4b;
	text-decoration:none;
	padding:0;
	margin:0;
}
#row2 a {
	color:#4b4b4b;
	text-decoration:none;
}
#row2 a:hover {
	color:#0b67c3;
	text-decoration:none;
}
#textbox {
	padding:0;
	margin:10px 0 0 10px;
	width:120px;
	width:110px !important;
}
#box4 {
	padding:0;
	margin:0;
	float:right;
	width:445px;
	height:130px;
}
#box1 {
	padding:0;
	margin:0 11px 0 0;
	float:left;
	background-image:url(images/charity.jpg);
	background-repeat:no-repeat;
	width:217px;
	height:125px;
}
#box2 {
	padding:0;
	margin:0;
	float:left;
	width:217px;
	height:125px;
	background-image:url(images/environment.jpg);
	background-repeat:no-repeat;
}
#box3 {
	padding:0;
	margin:0 10px 0 0;
	float:left;
	width:217px;
	height:125px;
	background-image:url(images/placer.jpg);
	background-repeat:no-repeat;
}
#boxtitle {
	padding:0 10px 0 0;
	width:207px !important;
	margin:40px 0 0 0;
	text-align:right;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
#boxtitle a {
	color:#fff;
	text-decoration:none;
}
#boxtitle a:hover {
	color:#e9eff0;
	text-decoration:none;
}
#col1 {
	width:550px;
	padding:0;
	margin:0;
}
#col1a {
	width:700px;
	padding:0;
	margin:19px 0 0 0;
}
#col2 {
	width:340px;
	padding:0;
	margin:0;
	float:right;
}
#col2 ul {
	padding:0;
	margin:0 0 0 13px;
}
#col3 {
	width:190px;
	padding:0;
	margin:19px 0 0 0;
	float:right;
}
#col3 ul {
	padding:0;
	margin:0 0 0 20px;
}
#subcol {
	width:200px;
	padding:0;
	margin:0;
}
#securityCol2 {
	width:235px;
	padding:0;
	margin:19px 0 0 0;
	float:right;
}
#securityCol1 {
	width:650px;
	padding:0;
	margin:19px 0 0 0;
}
#content {
	float:right;
	width:670px;
	padding:0;
	margin:0;
	min-height:450px;
	height:auto !important;
	height:450px;
}
#subTop {
	background-image:url(images/subTop.gif);
	background-repeat:no-repeat;
	height:7px;
	padding:0;
	margin:0;
}
#subTop2 {
	background-image:url(images/subTop.gif);
	background-repeat:no-repeat;
	height:7px;
	padding:0;
	margin:300px 0 0 0;
}
#submiddle {
	width:180px !important;
	margin:10px;
	padding:0;
}
#sublist {
	padding:0;
	margin:10px auto;
	list-style: none;
	width:180px;
	color:#6f6f6f;
}
#sublist li {
	border-bottom:#CCCCCC dashed 1px;
	padding:0.5em 0;
	margin:0;
	text-decoration:none;
}
#sublist li a {
	color:#6f6f6f;
	text-decoration:none;
}
#sublist li a:hover {
	color:#0f6ac1;
	text-decoration:none;
}
#subBot {
	background-image:url(images/subBot.gif);
	background-repeat:no-repeat;
	height:7px;
	padding:0;
	margin:0;
}
#products {
	height:260px;
	padding:0;
	margin:20px 0;
	color:#0f6ac1;
}
#products2 {
	height:225px;
	padding:0;
	margin:20px 0;
	color:#0f6ac1;
}
#productImage {
	width:150px;
	height:150px;
	padding:0;
	margin:0 10px 0 0;
	float:left;
}
#productContent {
	width:640px;
	float:left;
	padding:0;
	margin:0;
	color:#333;
}
#productContent p {
	padding:0;
	margin:0;
}
#productLogo {
	float:right;
	width:90px;
	padding:0;
	margin:0;
}
.image {
	width:200px;
	float:right;
	padding:0;
	margin:0 0 0 10px;
}
/* Home collage width: 215px;*/
#billpayment {
	color:#316ac5;
	font-size:21px;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	text-align:right;
	padding:0;
	margin:0;
}
#customisedText {
	color:#316ac5;
	font-size:18px;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	text-align:center;
	padding:0;
	margin:0;	
}
#byPhone {
	color:#316ac5;
	font-size:11px;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	text-align:right;
	padding:0;
	margin:0;
}
#shoppingCartText {
	color:#316ac5;
	font-size:12px;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	text-align:right;
	padding:0;
	margin:0;
}
#contentManagement {
	color:#316ac5;
	font-size:12px;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	text-align:left;
	padding:0;
	margin:0;
}
#shopBuilder {
	color:#316ac5;
	font-size:12px;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	text-align:right;
	padding:0;
	margin:0;
}
#ecommercePayments {
	color:#316ac5;
	font-size:14px;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
}
#webdesign {
	color:#316ac5;
	font-size:17px;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	font-weight:500;
}
#development {
	color:#316ac5;
	font-size:17px;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	text-align:right;
	padding:0;
	margin:0;
	font-weight:500;
}
#hosting {
	color:#316ac5;
	font-size:17px;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	font-weight:500;
}
#customised {
	color:#316ac5;
	font-size:16px;
	font-weight:normal;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	text-align:center;
	padding:0;
	margin:0;
}
#electronic {
	color:#316ac5;
	font-size:18px;
	font-weight:bold;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	text-align:right;
	padding:0;
	margin:0;
}
#billing {
	color:#316ac5;
	font-size:18px;
	font-weight:bold;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	text-align:right;
	padding:0;
	margin:0;
}
#customisedPayment {
	color:#316ac5;
	font-size:18px;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
}
#electronicBillingText {
	color:#316ac5;
	font-size:16px;
	font-weight:bold;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
}

/* Security Standards images */
#PCIPSS {
	float:right;
	width:231px;
	padding:0;
	margin:0;
}
#vectra {
	float:right;
	width:231px;
	padding:0;
	margin:60px 0 0 0;
}
#PCI {
	float:right;
	width:231px;
	padding:0;
	margin:60px 0 0 0;
}
#APCA {
	float:right;
	width:231px;
	padding:0;
	margin:60px 0 0 0;
}
#PCIList {
	width:275px;
	padding:0;
	margin:0;
}
#grantThornton {
	float:right;
	width:231px;
	padding:0;
	margin:60px 0 0 0;
}

/* General Styles */
#navBulllets {
	color:#000099;
	text-decoration:none;
	padding:10px 0;
	margin:0;
}
#navBulllets a {
	color:#000099;
	text-decoration:none;
}
#navBulllets a:hover {
	color:#000099;
	text-decoration:underline;
}
.navDot {
	margin:0;
	padding:0 0 0 15px;
	text-decoration:none;
	list-style-image:url(images/bulletHome.gif);
	color:#000099;
	text-decoration:none;
}
.navDot li {
	color:#000099;
	text-decoration:none;
}