/* CSS Document */
* {margin:0; padding:0;	font-size:100%;}
body {text-align:center; }
.right-tail {background:url(images/header-right.jpg) left top repeat-x; position:absolute; right:0; top:0; width:50%; height:332px;}
.left-tail {background:url(images/header-right.jpg) center top repeat-x;}


img {vertical-align:top;}
a img {border:0;}

table {border-collapse:collapse; border:0;}

html, input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:0.813em; line-height:1.231em; color:#4E4E4E;}
input, select {vertical-align:middle; font-weight:normal;}

a {text-decoration:underline; color:Black;}
a:hover {text-decoration:none;}
ul {list-style:none;}
ul li {background:url(images/list-marker1.gif) left 5px no-repeat; padding:0 0 10px 20px; }
li a {font-size:0.923em;}

.float-l {float:left;}
.float-r {float:right;}
.clear {clear:both; font-size:0%; line-height:0%; height:0;}

.main { width:850px; margin:0 auto; text-align:left; height:auto;}

#content .col-1,
#content .col-11,
#content .col-2,
#content .col-3,
#content .col-4 {float:left;}

/***************header***************/
#header {height:auto; margin-right:0px;}
#header .main {position:relative; background:url(images/header-right.jpg) center top repeat-x; width:980px; }

.menu {height:auto;}

.banner {}

/***************content***************/
.wrapper {width:100%; overflow:visible; height:auto;}
.img-left {float:left; margin-right:20px;}
.img-right {float:right; margin-left:30px;}
.phone {float:right; margin-right:99px;}
cite {font-style:normal;}

#content {padding:19px 0 32px;}
.col-11 {width:300px; height:380px;}
.col-10 {width:280px; height:380px;}
.col-12 {width:290px; height:380px;}
.col-1 {width:220px; height:auto;}
.col-6 {width :220px; height:auto; }
.col-2 {width:550px; padding:15px 0 0 40px;}
.col-5 {width:470px; padding:15px 0 0 40px; position:absolute ;}
.col-1 .inner {padding:14px 0 0 24px;}
.col-11 .inner {padding:14px 0 0 24px;}

.border {background:url(images/border-tail.gif) left bottom repeat-x; font-size:0%; line-height:0%; height:1px; padding-top:14px; margin-bottom:17px;}

.col-3 {width:243px;}
.col-4 {width:205px; background:url(images/col-tail.gif) left top repeat-y; padding-left:40px;}

/***************titles***************/
h2, h3 {font-weight:normal; line-height:1em;}
h2 span, h3 span {line-height:1em; text-transform:uppercase; display:block; padding-top:5px;}

h2 {font-size:2em; color:#404040; padding-bottom:7px;}
h2 sup{ font-size:smaller;}h2 span {font-size:0.538em;}

h3 {font-size:2.154em; color:#262626; padding-bottom:14px;}
h3 span {font-size:0.5em;}
h3 sup{ font-size:smaller;}
sup { font-size:smaller; }
/***************links***************/
.list1 {position:relative; margin-left:-10px}
.list1 li {background:url(images/list-tail.gif) left bottom repeat-x; padding:11px 0 8px 9px;}
.list1 .extra {background:none;}

.list1 li a {color:#47494B; text-decoration:none; padding-left:27px;}
.list1 li a:hover {text-decoration:underline;}
.list1 .img1 a {background:url(images/list-img1.gif) left top no-repeat;}
.list1 .img2 a {background:url(images/list-img2.gif) left top no-repeat;}
.list1 .img3 a {background:url(images/list-img3.gif) left top no-repeat;}
.list1 .img4 a {background:url(images/list-img4.gif) left top no-repeat;}
.list1 .img5 a {background:url(images/list-marker2.gif) left top no-repeat;}
.list1 .img6 a {background:url(images/aboutus.jpg) left top no-repeat; width:10px; height:10px}
.list1 .img7 a {background:url(images/list-img7.gif) left top no-repeat;}
.list1 .img8 a {background:url(images/list-img8.gif) left top no-repeat;}
.list1 .img9 a {background:url(images/list-img9.gif) left top no-repeat;}
.list1 .img10 a {background:url(images/list-img10.gif) left top no-repeat;}
.list1 .img11 a {background:url(images/list-img11.gif) left top no-repeat;}

.button {background:url(images/button-bg.gif) left top no-repeat; text-transform:uppercase; color:#4D4D4D; text-decoration:none; display:inline-block;
	padding:5px 0 5px 31px; margin-left:-5px; position:relative;}
.button:hover {background-position:5px top; color:#00B1DC;}

.list2 li {background:url(images/list-marker2.gif) left 3px no-repeat; padding:0 0 13px 23px; line-height: 15pt;}
.list2 li a {font-size:1em;}

/***************boxes***************/
.box {background:#FFF url(images/box-tail.gif) left bottom repeat-x;}
.box .box-left {background:url(images/box-tail.gif) left top repeat-y;}
.box .box-top {background:url(images/box-tail.gif) left top repeat-x;}
.box .box-right {background:url(images/box-tail.gif) right top repeat-y;}
.box .box-top-left {background:url(images/box-left-top.gif) left top no-repeat;}
.box .box-top-right {background:url(images/box-right-top.gif) right top no-repeat;}
.box .box-bot-left {background:url(images/box-left-bot.gif) left bottom no-repeat;}
.box .box-bot-right {background:url(images/box-right-bot.gif) right bottom no-repeat; width:100%; height:auto;}
.box .box-bot-right1 {background:url(images/box-right-bot.gif) right bottom no-repeat; width:100%; height:360px;}
.box .inner {padding:16px 27px 20px 36px; height:auto;}

/***************form***************/
#Newsletter {padding:9px 0 0 1px;}
#Newsletter p {padding-bottom:21px;}
#Newsletter .wrapper {padding-bottom:11px;}
#Newsletter input {width:156px; height:17px; margin:0 11px 0 1px; font-size:1em;}
#Newsletter a {font-style:italic; color:#A3A3A3;}
#Newsletter .link {text-decoration:none; font-weight:bold; font-style:normal; display:block; color:#FFF; background:url(images/form-button.jpg) top left no-repeat; float:left; padding:1px 9px 3px;}
#Newsletter .link:hover {text-decoration:underline;}

#contactForm p {width:210px; padding:0 0 3px 0; margin:0; line-height:1em;}
#contactForm .float-l {width:210px; line-height:1em; padding:0; margin:0;}
#contactForm .float-l div {height:26px; width:210px;}
#contactForm input, #contactForm textarea {font-size:1em; line-height:1em; border:1px solid #C4C4C4;}
#contactForm .float-l input {height:19px; width:207px;}
#contactForm .float-r textarea {overflow:hidden; height:104px; width:227px;}
.buttons {text-align:right; padding:1px 0 0;}
.buttons a {margin-left:23px;}

/***************positioning***************/
.margin1 {margin-bottom:27px;}
.margin2 {margin-left:5px;}

.padding1 {padding-bottom:5px;}
.padding2 {padding-bottom:19px !important;}
.padding3 {padding-bottom:16px !important;}
.padding4 {padding-top:10px !important;}
.padding5 {padding-bottom:34px;}
.padding6 {padding-bottom:27px;}

/***************footer***************/
#footer {color:#7E7E7E; font-size:0.769em; text-transform:uppercase; border-top:3px solid #ECECEC; padding:29px 0 29px 26px;}
#footer a {margin-left:5px; text-decoration:none; color:#7E7E7E;}
#footer a:hover {text-decoration:underline;}

/***************************menu***********************/
menu { background-color :Transparent; font-size:medium;}
menu.items { font-size :medium; border-bottom-color:Black; border-bottom-style:dotted; color:Black;}
 .nodeLevel1
        {
            font:15px Arial,Sans-Serif; min-width : 140px; padding-bottom :3px; color:Black; 
        }
        .nodeLevel2
        {
            font:12px Arial,Sans-Serif;border-bottom-color:Black; color:Black; 
        }
        .nodeLevel3
        {
            font:10px Arial,Sans-Serif; color:Black;
        }        
        
        
        div#set_of_links {	position:relative;	padding:9px;	border:1px dotted #999;	background-color:#fff;	margin-bottom:20px}
        div#set_of_links a {	display:inline;	padding:0px 9px 0px 9px;	text-decoration:none; color:Black}
        div#set_of_links a:hover {background:transparent}
        div#set_of_links a span {display:none}
        div#set_of_links a:hover span {	display:inline;	position:absolute;	top:9px;	left:100px;	padding:80px 15px 5px 0}
        .site_1 {background:url(images/singlepaymentpage.jpg) no-repeat top left; width: 250px; height :220px;}
        .site_2 {background:url(b_20.gif) no-repeat top left}
        .site_3 {background:url(b_60.gif) no-repeat top left}
        .site_4 {background:url(b_70.gif) no-repeat top left}
        
/****************************left gallery***********************/        

#container_left {position:relative; width:580px; height:500px; background:#d1c8c3; border:1px solid #a49188; margin:1em auto;}
#container_left img {border:0;}
#container_left .thumbs {width:100px; position:absolute; left:0; top:0;}
#container_left a.gallery:hover span {display:block; position:absolute; width:500px; height:500px; top:265px; left:125px; padding:5px; font-style:italic; color:#fff;  z-index:100;}
#container_left a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_left a.gallery:active, #container_left a.gallery:focus {border:1px solid #000;}
#container_left a.gallery:active em, #container_left a.gallery:focus em {display:block; position:absolute; width:510px; height:500px; top:5px; left:125px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}
#container_left h1 {clear:both; margin:0; padding-top:80px; padding-left:250px; width:300px; text-align:center; font-family: Arial, serif; font-size:3em; font-weight:normal; color:#fff;}
#container_left h1 em {font-size:0.6em; color:#000;}
 
/* needed for IE to make :active state work first time */
a, a:visited {color:#000;} 
 
/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; float:left; margin:4px; z-index:50;}
a.slidea {background:url(images/thumbnails/bank-acc-transaction.gif);}
a.slideb {background:url(images/thumbnails/customer-draft-history.gif);}
a.slidec {background:url(images/thumbnails/Draftlist-for-company.gif);}
a.slided {background:url(london/thumb5.jpg);}
a.slidee {background:url(images/thumbnails/add-center.gif);}
a.slidef {background:url(images/thumbnails/centerlist.gif);}
a.slideg {background:url(images/thumbnails/Draftdetail-for-company.gif);}
a.slideh {background:url(images/thumbnails/add-customer.gif);}
a.slidei {background:url(london/thumb10.jpg);}
a.slidej {background:url(london/thumb11.jpg);}

/* Easycharge screens */

a.Easycharge1 {background:url(images/thumbnails/Easycharge1.gif);}
a.Easycharge2 {background:url(images/thumbnails/Easycharge2.gif);}
a.Easycharge3 {background:url(images/thumbnails/Easycharge3.gif);}
a.Easycharge4 {background:url(images/thumbnails/Easycharge4.gif);}

a.Easydraftmgr1 {background:url(images/thumbnails/Easydraftmgr1.gif);}
a.Easydraftmgr2 {background:url(images/thumbnails/Easydraftmgr4.gif);}
a.Easydraftmgr3 {background:url(images/thumbnails/Easydraftmgr3.gif);}
a.Easydraftmgr4 {background:url(images/thumbnails/Easydraftmgr2.gif);}
a.Easydraftmgr5 {background:url(images/thumbnails/Easydraftmgr7.gif);}
a.Easydraftmgr6 {background:url(images/thumbnails/Easydraftmgr8.gif);}
a.Easydraftmgr7 {background:url(images/thumbnails/Easydraftmgr11.gif);}
a.Easydraftmgr8 {background:url(images/thumbnails/Easydraftmgr10.gif);}

a.RemoteDeposit1 {background:url(images/thumbnails/RemoteDeposit1.gif);}
a.RemoteDeposit2 {background:url(images/thumbnails/RemoteDeposit2.gif);}
a.RemoteDeposit3 {background:url(images/thumbnails/RemoteDeposit3.gif);}
a.RemoteDeposit4 {background:url(images/thumbnails/RemoteDeposit4.gif);}
a.RemoteDeposit5 {background:url(images/thumbnails/RemoteDeposit5.gif);}
a.RemoteDeposit6 {background:url(images/thumbnails/RemoteDeposit6.gif);}

a.Easyrecheck1 {background:url(images/thumbnails/Easyrecheck1.gif);}
a.Easyrecheck2 {background:url(images/thumbnails/Easyrecheck2.gif);}
a.Easyrecheck3 {background:url(images/thumbnails/Easyrecheck3.gif);}
a.Easyrecheck4 {background:url(images/thumbnails/Easyrecheck4.gif);}

a.Webpay1 {background:url(images/thumbnails/Webpay1.gif);}
a.Webpay2 {background:url(images/thumbnails/Webpay2.gif);}
a.Webpay3 {background:url(images/thumbnails/Webpay3.gif);}
a.Webpay4 {background:url(images/thumbnails/Webpay4.gif);}
a.Webpay5 {background:url(images/thumbnails/Webpay5.gif);}
a.Webpay6 {background:url(images/thumbnails/Webpay6.gif);}
a.Webpay7 {background:url(images/thumbnails/Webpay7.gif);}

a.ACH1 {background:url(images/thumbnails/ACH1.gif);}
a.ACH2 {background:url(images/thumbnails/ACH2.gif);}
a.ACH3 {background:url(images/thumbnails/ACH3.gif);}
a.ACH4 {background:url(images/thumbnails/ACH4.gif);}
a.ACH5 {background:url(images/thumbnails/ACH5.gif);}
a.ACH6 {background:url(images/thumbnails/ACH6.gif);}
a.ACH7 {background:url(images/thumbnails/ACH7.gif);}
a.ACH8 {background:url(images/thumbnails/ACH8.gif);}

a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}

/****************************bottom gallery***********************/ 
#container_bottom {position:relative; width:580px; height:570px; background:#d1c8c3; border:1px solid #a49188; margin:1em auto;}
#container_bottom img {border:0;}
#container_bottom .thumbs {position:absolute; left:0; bottom:-30px; height:114px;}
#container_bottom a.gallery:hover span {display:block; position:absolute; width:560px; height:50px; top:-67px; left:5px; padding:5px; font-style:italic; color:Maroon ;  z-index:100;}
#container_bottom a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_bottom a.gallery:active, #container_bottom a.gallery:focus {border:1px solid #000;}
#container_bottom a.gallery:active em, #container_bottom a.gallery:focus em{display:block; position:absolute; width:560px; height:410px; top:-485px; left:5px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}
#container_bottom h1 {clear:both; margin:0; padding-top:60px; text-align:center; font-family:  Arial; font-size:3em; font-weight:normal; color:#fff;}
#container_bottom h1 em {font-size:0.6em; color:#000;}

/***************************bottom gallery with two rows*************/

#container_bottom1 {position:relative; width:580px; height:620px; background:#d1c8c3; border:1px solid #a49188; margin:1em auto;}
#container_bottom1 img {border:0;}
#container_bottom1 .thumbs {position:absolute; left:0; bottom:20px; height:114px;}
#container_bottom1 a.gallery:hover span {display:block; position:absolute; width:560px; height:50px; top:-67px; left:5px; padding:5px; font-style:italic; color:Maroon ;  z-index:100;}
#container_bottom1 a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_bottom1 a.gallery:active, #container_bottom1 a.gallery:focus {border:1px solid #000;}
#container_bottom1 a.gallery:active em, #container_bottom1 a.gallery:focus em {display:block; position:absolute; width:560px; height:410px; top:-485px; left:5px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}
#container_bottom1 h1 {clear:both; margin:0; padding-top:60px; text-align:center; font-family: Arial; font-size:3em; font-weight:normal; color:#fff;}
#container_bottom1 h1 em {font-size:0.6em; color:#000;}