/* CSS Document */
body { font-family:Arial, Helvetica, sans-serif; margin:0 auto; padding:0; }

.clear { height:1px; clear:both;}

#container { width:914px; margin:0 auto; }
.header { width:914px; margin:0 auto; }
.header .left { height:158px; width:24px; background:url(../img/left-header.jpg) no-repeat; float:left;} 
.header .bg { height:158px; background:url(../img/bg-header.jpg) repeat-x; float:left; width:866px; }

.header .bg .logo-box { float:left; width:212px; }
.header .bg .logo { width:212px; height:85px; background:url(../img/logo.jpg) no-repeat; margin:0.3em 0 0 0; display:block; }
.header .bg .logo span { display:none; }
.header .bg .logo-box .logo-title { font-size:11px; color:#1973ca; text-decoration:none; }

.header .bg .logo-text { float:left; margin:1.4em 0 0 0.5em; font-weight:normal; text-align:center; font-size:20px; color:#295c8e; padding:0.2em; }
.header .bg .logo-text span { font-size:20px; color:#7398bd; }

.header .bg .phone { float:right; width:282px; margin:0.2em 0 0 0; }
.header .bg .phone h3  { font-weight:bold; color:#1a73cb; font-size:16px; margin:0.5em 0.2em 0 0; padding:0; text-align:left; float:left; }
.header .bg .phone h2  { font-weight:bold; color:#686868; font-size:30px; margin:0; padding:0; text-align:left; }

.header .triangle-links { width:388px; height:63px; float:right; background:url(../img/triangle-bg.jpg) no-repeat; margin:3.1em 0em 0em 31.4em; position:absolute; z-index:500; }
.header .triangle-links .main { display:block; margin:0 auto; width:100px; margin-top:0.3em; color:#818181; font-weight:bold; font-size:14px; text-decoration:none; }
.header .triangle-links .retailer { display:block; width:101px; margin:1em 0 0 1.5em; color:#818181; font-weight:bold; font-size:12px; text-decoration:none; float:left; }
.header .triangle-links .cost { display:block; width:90px; margin:1em 0 0 1.8em; color:#818181; font-weight:bold; font-size:12px; text-decoration:none; float:left; }
.header .triangle-links .corporate { display:block; width:135px;  margin:1em 0 0 1em; color:#818181; font-weight:bold; font-size:12px; text-decoration:none; float:left; }
.header .triangle-links strong { color:#0f559a !important; }

.header .bg .menu { width:880px; list-style:none; margin:1em 0 0 0.1em; padding:0; clear:both; height:30px; }
.header .bg .menu li { float:left; padding:5px 20px 0 20px; }
.header .bg .menu li a { color:#212121; font-size:14px; text-decoration:none; padding:0 0 0 10px; background:url(../img/blue-arrow.gif) left no-repeat; }
.header .bg .menu li.spacer { width:3px; height:33px; background:url(../img/top-nav-spacer.jpg) no-repeat; padding:0 !important; }
.header .bg .menu li.email { float:right; padding:0 !important;}
.header .bg .menu li.email a { color:#505050; font-weight:bold; text-align:right; background:none; font-size:17px; }

.header .right { height:158px; width:24px; background:url(../img/right-header.jpg) no-repeat; float:left;} 

.home-banner { background:url(../img/bg-homepage-box.jpg) no-repeat; width:917px; height:323px; margin-top:0.5em; }
.banner-logo { float:left; margin:0.9em; width:235px; height:297px; }
.banner-logo .left { float:left; width:157px; margin:0.5em 0 0 0.5em; }
.banner-logo img { margin-bottom:0.4em; }
.banner-logo .right { float:right; width:50px; margin:0.5em 0.5em 0 0; }

.industry-box { float:left; width:268px; height:297px; margin:0.5em 0 0 0.5em; }
.industry-box h3 { color:#363636; font-weight:bold; font-size:17px; margin:0.2em; padding:0; }
.industry-box h3 a { text-decoration:none; color:#2b2b2b; padding:8px; font-weight:bold; }
.industry-box h3 .selected { text-decoration:underline; color:#1e72bd; padding:8px; font-weight:bold; }


.industry-box .scroller { width:260px; height:260px; overflow:scroll; overflow-x:hidden; }
.industry-box .scroller ul { list-style:none; margin:0.2em; padding:0; }
.industry-box .scroller ul li { margin:0.9em 0 0.9em 0; color:#0e1e43; font-size:12px; border-bottom:1px #efefef solid; padding-bottom:0.9em; }
.industry-box .scroller ul li a { text-decoration:none; color:#172547; font-size:12px;  }

.about-text-home { float:left; width:338px; height:297px; margin:0.5em 0 0 1.2em; }
.about-text-home h3 { color:#313131; font-weight:normal; font-size:21px; margin:0.2em; padding:0; }
.about-text-home .scroller { width:330px; height:260px; overflow:scroll; overflow-x:hidden; padding-right:0.8em; }
.about-text-home .scroller p { text-decoration:none; color:#18284f; font-size:12px; line-height:19px; }

.teaser { width:300px; height:168px; float:left; margin:0.2em 0.2em 0 0; }
.teaser a { display:block;width:285px; height:160px; color:#fff; font-weight:bold; font-size:25px; text-decoration:none; padding-left:15px; padding-top:8px; }
.teaser a strong { font-size:18px; font-weight:bold; color:#b5d8f9; }
#first { background:url(../img/first-teaser.jpg) no-repeat; }
#second { background:url(../img/second-teaser.jpg) no-repeat; }
#third { background:url(../img/third-teaser.jpg) no-repeat; }

.content-box { width:917px; margin:0 auto; clear:both; margin-top:0.5em; }
.content-box .top { width:917px; height:22px; background:url(../img/content-top.jpg) top no-repeat; }
.content-box .bg { width:877px; padding:0 20px 0 20px; background:url(../img/content-bg.jpg) top repeat-y; }
.content-box .bg h1 { margin:0.2em; font-size: }
.content-box .bottom { width:917px; height:22px; background:url(../img/content-bottom.jpg) bottom no-repeat;  }


.atm-banner { background:url(../img/atm-banner.jpg) no-repeat; }
.atm-banner .box { background: url(../img/banner-spacer.jpg) no-repeat center; width:284px; height:198px; float:right; margin:0.5em; text-align:center; }
.atm-banner .box h2 { color:#6b6b6b; font-size:22px; text-align:center; font-weight:normal; }
.atm-banner .box h2 strong { color:#2f2f2f; font-weight:bold; }
.atm-banner .box img { border:0; margin:0.1em; }
.atm-banner .box .logos { margin:2.2em 0 0 0; }

.etopup-banner { background:url(../img/payzone_banner.jpg) no-repeat; }
.etopup-banner .box { background: url(../img/banner-spacer.jpg) no-repeat center; width:284px; height:198px; float:right; margin:0.5em; text-align:center; }
.etopup-banner .box h2 { color:#6b6b6b; font-size:22px; text-align:center; font-weight:normal; }
.etopup-banner .box h2 strong { color:#2f2f2f; font-weight:bold; }
.etopup-banner .box img { border:0; margin:0.1em; }
.etopup-banner .box .logos { margin:2.2em 0 0 0; }

.copy-banner { background:url(../img/copy-banner.jpg) no-repeat; }
.copy-banner .box { background: url(../img/banner-spacer.jpg) no-repeat center; width:284px; height:198px; float:right; margin:0.5em; text-align:center; }
.copy-banner .box h2 { color:#6b6b6b; font-size:22px; text-align:center; font-weight:normal; }
.copy-banner .box h2 strong { color:#2f2f2f; font-weight:bold; }
.copy-banner .box img { border:0; margin:0.1em; }
.copy-banner .box .logos { margin:2.2em 0 0 0; }

.money-banner { background:url(../img/moneytransfer-banner.jpg) no-repeat; }
.money-banner .box { background: url(../img/banner-spacer.jpg) no-repeat center; width:284px; height:198px; float:right; margin:0.5em; text-align:center; }
.money-banner .box h2 { color:#6b6b6b; font-size:22px; text-align:center; font-weight:normal; }
.money-banner .box h2 strong { color:#2f2f2f; font-weight:bold; }
.money-banner .box img { border:0; margin:0.1em; }
.money-banner .box .logos { margin:2.2em 0 0 0; }

.credit-banner { background:url(../img/credit-card-banner.jpg) no-repeat; }
.credit-banner .box { background: url(../img/banner-spacer.jpg) no-repeat center; width:284px; height:198px; float:right; margin:0.5em; text-align:center; }
.credit-banner .box h2 { color:#6b6b6b; font-size:22px; text-align:center; font-weight:normal; }
.credit-banner .box h2 strong { color:#2f2f2f; font-weight:bold; }
.credit-banner .box img { border:0; margin:0.1em; }
.credit-banner .box .logos { margin:2.2em 0 0 0; }

.restaurant-banner { background:url(../img/restaurant-banner.jpg) no-repeat; }
.restaurant-banner .box { background: url(../img/banner-spacer.jpg) no-repeat center; width:284px; height:198px; float:right; margin:0.5em; text-align:center; }
.restaurant-banner .box h2 { color:#6b6b6b; font-size:22px; text-align:center; font-weight:normal; }
.restaurant-banner .box h2 strong { color:#2f2f2f; font-weight:bold; }
.restaurant-banner .box img { border:0; margin:0.1em; }
.restaurant-banner .box .logos { margin:2.2em 0 0 0; }

.shops-banner { background:url(../img/shops-banner.jpg) no-repeat; }
.shops-banner .box { background: url(../img/banner-spacer.jpg) no-repeat center; width:284px; height:198px; float:right; margin:0.5em; text-align:center; }
.shops-banner .box h2 { color:#6b6b6b; font-size:22px; text-align:center; font-weight:normal; }
.shops-banner .box h2 strong { color:#2f2f2f; font-weight:bold; }
.shops-banner .box img { border:0; margin:0.1em; }
.shops-banner .box .logos { margin:2.2em 0 0 0; }

.other-services-banner { background:url(../img/other-services-banner.jpg) no-repeat; }
.other-services-banner .box { background: url(../img/banner-spacer.jpg) no-repeat center; width:284px; height:198px; float:right; margin:0.5em; text-align:center; }
.other-services-banner .box h2 { color:#6b6b6b; font-size:22px; text-align:center; font-weight:normal; }
.other-services-banner .box h2 strong { color:#2f2f2f; font-weight:bold; }
.other-services-banner .box img { border:0; margin:0.1em; }
.other-services-banner .box .logos { margin:2.2em 0 0 0; }

.product-link { width:914px; margin:0 auto; height:60px; clear:both; }
.product-link .left { width:23px; height:60px; background:url(../img/left-prod-nav.jpg) no-repeat left; float:left; }
.product-link .bg { width:23px; height:60px; background:url(../img/bg-prod.jpg) repeat-x; float:left; width:868px;}
.product-link .bg ul { list-style:none; height:60px; margin:0 auto; padding:0; width:780px; }
.product-link .bg ul li { float:left; padding:20px; margin:0;}
.product-link .bg ul li.selected { background:url(../img/prod-hover.jpg) repeat-x; }
.product-link .bg ul li:hover { background:url(../img/prod-hover.jpg) repeat-x; }

.product-link .bg ul li.spacer { float:left; padding:0 !important; margin:0; width:6px; height:60px; background:url(../img/prod-spacer.jpg) no-repeat; }
.product-link .bg ul li a { color:#fff; text-decoration:none; font-size:13px; text-decoration:none; font-weight:bold; }

.product-link .right { width:23px; height:60px; background:url(../img/right-prod-nav.jpg) no-repeat left; float:right;}


.content { clear:both; width:914px; margin:0 auto; }
.content .left { float:left; width:660px; }

.contact { clear:both; width:884px; margin:0 auto; margin-top:-0.5em; }
.contact h1 { color:#1a73cb; font-weight:normal; font-size:22px; margin:0.7em 0.2em 0.7em 0.2em; padding:0; }
.contact h3 { color:#2b2b2b; font-weight:bold; font-size:18px; margin:0.7em 0.2em 0.7em 0.2em; padding:0; }
.contact p { line-height:19px; font-size:13px; color:#2b2b2b; }


.left h1 { color:#1a73cb; font-weight:normal; font-size:22px; margin:0.7em 0.2em 0.7em 0.2em; padding:0; }
.left h3 { color:#2b2b2b; font-weight:bold; font-size:18px; margin:0.7em 0.2em 0.7em 0.2em; padding:0; }
.left p { line-height:19px; font-size:13px; color:#2b2b2b; }
.left .teaser-box { width:212px; height:147px; float:left; margin:0.2em; }
.left .teaser-box h2 { color:#fff; font-weight:bold; font-size:20px; margin:0.5em; padding:0; }
.left .teaser-box a { text-decoration:none; font-size:14px; text-decoration:none; color:#fff; background:url(../img/white-arrow.gif) right no-repeat; display:block; margin:6em 0 0 7.5em; width:80px; }
.left #food { background:url(../img/food-n-leisure.jpg) no-repeat; }
.left #shops { background:url(../img/shops.jpg) no-repeat; }
.left #other { background:url(../img/other-services.jpg) no-repeat; }

.left ul { margin:0.7em 0.8em 0.8em 2em; padding:0; list-style:none; }
.left ul li { color:#595959; background:url(../img/grey-bullet.jpg) left no-repeat; padding-left:20px; font-size:13px; margin:0.4em 0 0.4em 0; font-weight:bold; }
.left a { color:#646464; text-decoration:none; font-weight:bold; font-size:14px; }
.left a img { border:0; }
.left h1 a{ color:#1a73cb; font-weight:normal; font-size:22px; margin:0.7em 0.2em 0.7em 0.2em; padding:0; cursor:pointer; }


.right .testimonials { float:right; width:243px; margin:0.8em 0 0 0; }
.right .testimonials .top { width:243px; background:url(../img/top-testimonials.jpg) no-repeat; height:24px; }
.right .testimonials .bg { background:url(../img/bg-testimonial.jpg) repeat-y; width:203px; padding:10px 20px 10px 20px; }
.right .testimonials .bg h2 { color:#61a8ed; margin:0.2em; padding:0; font-weight:normal; font-size:19px; }
.right .testimonials .bg p { color:#545454; font-size:13px; }
.right .testimonials .bottom { width:233px; background:url(../img/bottom-testimonial.jpg) no-repeat; height:30px; text-align:right; padding:7px 10px 0 0; }
.right .testimonials .bottom a { padding:0 25px 0 5px; color:#545454; font-weight:bold; text-decoration:none; background:url(../img/green-arrow.gif) right no-repeat; }

.faq-box { margin:0.9em; background:#f9f9f9; border:1px #eaeaea solid; padding:5px; }
.faq-box a img { border:1px #c1c1c1 solid !important; margin:0 0 0 0.2em; }

.content-box .left { float:left; width:600px; }
.content-box .right { float:right; width:250px; }

/* Form */
.content-box .right .form { float:right; width:243px; margin:0.8em 0 0 0; }
.content-box .right .form .top { width:243px; background:url(../img/top_form.jpg) no-repeat; height:32px; color:#61a8ed; font-weight:bold; text-align:center; font-size:18px; padding-top:15px; }
.content-box .right .form .bg { background:url(../img/bg_form.jpg) repeat-y; width:203px; padding:10px 20px 10px 20px; }
.content-box .right .form .bg p { color:#545454; font-size:13px; clear:both; padding:0; margin:0.1em; }
.content-box .right .form .bg label { float:left; width:70px; text-align:right; padding-right:5px; color:#777777; font-size:13px; display:block; height:28px; }
.content-box .right .form .bg input { width:118px; border:1px #e1e1e1 solid; }
.content-box .right .form .bottom { width:233px; background:url(../img/form-bottom.jpg) no-repeat; height:45px; text-align:right; padding:7px 10px 0 0; }
.content-box .right .form .bottom .submit { color:#82a404; font-size:18px; font-weight:bold; text-decoration:none; background:url(../img/green-arrow.gif) right no-repeat; border:0; width:90px; margin-right:0.5em; cursor:hand; cursor:pointer; }


/* page options */
.page-options { width:400px; border-top:10px #fff solid; margin:0.5em 0 0 22em; clear:both; padding:3px; color:#cdcdcd; font-size:12px !important; font-weight:normal !important; }
.page-options a { color:#bababa; font-size:12px; text-decoration:none; padding:5px;  font-size:11px !important; font-weight:normal !important; }
.page-options a img { border:0; }

.contact-box  { float:right; width:400px; }
.contact-box p { clear:both; margin:0.3em; text-align:right; }
.contact-box p span { display:block; float:right; width:190px;  text-align:left; }
.contact-box p strong { width:180px; display:block; float:left; text-align:right; padding-right:15px; }

.contact-form-box { margin:2em 0 0 0em; }

/* Table */

td { color:#484848; font-size:13px; }

/* products buttons */
.buttons { margin:0 !important; padding:0; }
.buttons li { width:187px; height:73px; margin:0.5em !important; float:left; background:none !important; }

.buttons .atms { background:url(../img/atm-mini-button.jpg) no-repeat !important; }
.buttons .atms a { display:block; width:77px; margin:1.5em 0 0 6em; color:#61a8ed; font-size:17px; }

.buttons .credit-card { background:url(../img/creditcard-mini-button.jpg) no-repeat !important; }
.buttons .credit-card a { display:block; width:87px; margin:1em 0 0 5em; color:#61a8ed; font-size:15px; }

.buttons .other { background:url(../img/blank-mini-button.jpg) no-repeat !important; }
.buttons .other a { display:block; width:157px; margin:1.5em 0 0 1em; color:#61a8ed; font-size:17px; }

.buttons .other-small { background:url(../img/blank-mini-button.jpg) no-repeat !important; }
.buttons .other-small a { display:block; width:157px; margin:1.5em 0 0 1em; color:#61a8ed; font-size:15px; }

.buttons .copier { background:url(../img/copier-mini-button.jpg) no-repeat !important; }
.buttons .copier a { display:block; width:87px; margin:1em 0 0 5.5em; color:#61a8ed; font-size:15px; }

.buttons .etopup { background:url(../img/e-top-up-mini-button.jpg) no-repeat !important; }
.buttons .etopup a { display:block; width:87px; margin:1.6em 0 0 5em; color:#61a8ed; font-size:15px; }

.buttons .moneytransfer { background:url(../img/money-transfer-mini-button.jpg) no-repeat !important; }
.buttons .moneytransfer a { display:block; width:87px; margin:1em 0 0 6em; color:#61a8ed; font-size:15px; }


.bottom-prods { width:626px; margin:0 auto; clear:both; margin-top:1em; }
.bottom-prods .left { height:46px; width:12px; background:url(../img/left-prods.jpg) no-repeat; float:left; }
.bottom-prods .bg { height:34px; width:602px; border-top:1px #1a73cb solid; border-bottom:1px #1a73cb solid; float:left; color:#b6d0ea; font-size:13px; padding:10px 0 0 0; }
.bottom-prods .bg a { color:#4f4f4f; text-decoration:none; font-size:13px; padding:3px; } 
.bottom-prods .right { height:46px; width:12px; background:url(../img/right-prods.jpg) no-repeat; float:right; }


.footer { width:914px; margin:0 auto; background:url(../img/footer.jpg) no-repeat top; height:30px; clear:both; margin-top:1em; }
.footer .copy { float:left; color:#686868; font-size:13px; margin:0.5em; padding:5px; }
.footer .date { float:left; color:#686868; font-size:13px; margin:0.5em; padding:5px; }
.footer .footer-menu { float:right; color:#474747; font-size:13px;  }
.footer .footer-menu a { color:#474747; font-size:13px; text-decoration:none; }

.box-content  { float:right; padding:0.2em; margin:1em; width:240px; border:10px #eeeeee solid; }
.box-content  p { font-size:11px !important; }

.about-us-list { list-style:none; margin-left:0.1em !important; }
.about-us-list li { background:none !important; clear:both; margin-bottom:0.8em; }
.about-us-list li img { margin:0.5em; }
.about-us-list h1 { font-size:17px; }
.about-us-list li p { width:425px; font-weight:normal !important; float:right; margin:0.2em; }

.site-links { color:#105aa1; font-weight:bold; font-size:14px !important; text-decoration:none; padding-left:15px; background:url(../img/green-arrow.gif) left no-repeat; padding-right:20px; margin:0.9em; }

.web-links { color:#3e3e3e; text-decoration:none; font-weight:normal; font-size:13px; text-align:center; width:200px; height:35px; }
.web-links a { color:#3e3e3e; text-decoration:none; font-weight:normal; font-size:13px; }

.hdd { display:none; }