html, body {
    font-size: 12px;
    font-family: 'Lucida Grande', Calibri, Tahoma, Verdana, sans-serif;
    background-color: #fff;
    color: black;
}

html, body, div, form, p, ul, p, h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
}

.spacer {
    padding: 0;
    margin: 0;
    font-size: 0;
    line-height: 0;
    clear: both;
    height: 0;
}




div#page {
    width: 600px;
    margin: 0 auto;
    background-color: #f4f4f4;
}

div#header {
    height: 75px;
    margin: 0 0 15px 0;
    padding: 10px;
    position: relative;
}

div#header h1 {
    width: 260px;
    height: 75px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url('../img/sp/logo.jpg');
    opacity: 0.5;
}

div#lang-box {
    position: absolute;
    top: 10px;
    right: 10px;
    float: right;
}

div#lang-box ul, div#lang-box ul li {
    float: left;
    list-style: none;
}

div#lang-box ul li {
    margin: 0 3px 0 0;
}

div#lang-box ul li, div#lang-box ul li a {
    width: 30px;
    height: 20px;
}

div#lang-box ul li a {
    display: block;
    cursor: pointer;
    border: none;
    background-position: 0 0;
    background-repeat: no-repeat;
}

div#lang-box ul li.pl a {     background-image: url('../img/flags/pl.jpg'); } 
div#lang-box ul li.ad a {     background-image: url('../img/flags/ad.jpg'); } 
div#lang-box ul li.ae a {     background-image: url('../img/flags/ae.jpg'); } 
div#lang-box ul li.af a {     background-image: url('../img/flags/af.jpg'); } 
div#lang-box ul li.ag a {     background-image: url('../img/flags/ag.jpg'); } 
div#lang-box ul li.al a {     background-image: url('../img/flags/al.jpg'); } 
div#lang-box ul li.am a {     background-image: url('../img/flags/am.jpg'); } 
div#lang-box ul li.ao a {     background-image: url('../img/flags/ao.jpg'); } 
div#lang-box ul li.ar a {     background-image: url('../img/flags/ar.jpg'); } 
div#lang-box ul li.at a {     background-image: url('../img/flags/at.jpg'); } 
div#lang-box ul li.au a {     background-image: url('../img/flags/au.jpg'); } 
div#lang-box ul li.az a {     background-image: url('../img/flags/az.jpg'); } 
div#lang-box ul li.ba a {     background-image: url('../img/flags/ba.jpg'); } 
div#lang-box ul li.bb a {     background-image: url('../img/flags/bb.jpg'); } 
div#lang-box ul li.bd a {     background-image: url('../img/flags/bd.jpg'); } 
div#lang-box ul li.be a {     background-image: url('../img/flags/be.jpg'); } 
div#lang-box ul li.bf a {     background-image: url('../img/flags/bf.jpg'); } 
div#lang-box ul li.bg a {     background-image: url('../img/flags/bg.jpg'); } 
div#lang-box ul li.bh a {     background-image: url('../img/flags/bh.jpg'); } 
div#lang-box ul li.bi a {     background-image: url('../img/flags/bi.jpg'); } 
div#lang-box ul li.bj a {     background-image: url('../img/flags/bj.jpg'); } 
div#lang-box ul li.bl a {     background-image: url('../img/flags/bl.jpg'); } 
div#lang-box ul li.bo a {     background-image: url('../img/flags/bo.jpg'); } 
div#lang-box ul li.br a {     background-image: url('../img/flags/br.jpg'); } 
div#lang-box ul li.bs a {     background-image: url('../img/flags/bs.jpg'); } 
div#lang-box ul li.bt a {     background-image: url('../img/flags/bt.jpg'); } 
div#lang-box ul li.bw a {     background-image: url('../img/flags/bw.jpg'); } 
div#lang-box ul li.by a {     background-image: url('../img/flags/by.jpg'); } 
div#lang-box ul li.bz a {     background-image: url('../img/flags/bz.jpg'); } 
div#lang-box ul li.ca a {     background-image: url('../img/flags/ca.jpg'); } 
div#lang-box ul li.cf a {     background-image: url('../img/flags/cf.jpg'); } 
div#lang-box ul li.cg a {     background-image: url('../img/flags/cg.jpg'); } 
div#lang-box ul li.ch a {     background-image: url('../img/flags/ch.jpg'); } 
div#lang-box ul li.ci a {     background-image: url('../img/flags/ci.jpg'); } 
div#lang-box ul li.cl a {     background-image: url('../img/flags/cl.jpg'); } 
div#lang-box ul li.cm a {     background-image: url('../img/flags/cm.jpg'); } 
div#lang-box ul li.cn a {     background-image: url('../img/flags/cn.jpg'); } 
div#lang-box ul li.co a {     background-image: url('../img/flags/co.jpg'); } 
div#lang-box ul li.cr a {     background-image: url('../img/flags/cr.jpg'); } 
div#lang-box ul li.cu a {     background-image: url('../img/flags/cu.jpg'); } 
div#lang-box ul li.cy a {     background-image: url('../img/flags/cy.jpg'); } 
div#lang-box ul li.cz a {     background-image: url('../img/flags/cz.jpg'); } 
div#lang-box ul li.de a {     background-image: url('../img/flags/de.jpg'); } 
div#lang-box ul li.dk a {     background-image: url('../img/flags/dk.jpg'); } 
div#lang-box ul li.dm a {     background-image: url('../img/flags/dm.jpg'); } 
div#lang-box ul li.do a {     background-image: url('../img/flags/do.jpg'); } 
div#lang-box ul li.dz a {     background-image: url('../img/flags/dz.jpg'); } 
div#lang-box ul li.ec a {     background-image: url('../img/flags/ec.jpg'); } 
div#lang-box ul li.ee a {     background-image: url('../img/flags/ee.jpg'); } 
div#lang-box ul li.eg a {     background-image: url('../img/flags/eg.jpg'); } 
div#lang-box ul li.eh a {     background-image: url('../img/flags/eh.jpg'); } 
div#lang-box ul li.er a {     background-image: url('../img/flags/er.jpg'); } 
div#lang-box ul li.es a {     background-image: url('../img/flags/es.jpg'); } 
div#lang-box ul li.et a {     background-image: url('../img/flags/et.jpg'); } 
div#lang-box ul li.fi a {     background-image: url('../img/flags/fi.jpg'); } 
div#lang-box ul li.fj a {     background-image: url('../img/flags/fj.jpg'); } 
div#lang-box ul li.fm a {     background-image: url('../img/flags/fm.jpg'); } 
div#lang-box ul li.fr a {     background-image: url('../img/flags/fr.jpg'); } 
div#lang-box ul li.ga a {     background-image: url('../img/flags/ga.jpg'); } 
div#lang-box ul li.gb a {     background-image: url('../img/flags/gb.jpg'); } 
div#lang-box ul li.gd a {     background-image: url('../img/flags/gd.jpg'); } 
div#lang-box ul li.ge a {     background-image: url('../img/flags/ge.jpg'); } 
div#lang-box ul li.gh a {     background-image: url('../img/flags/gh.jpg'); } 
div#lang-box ul li.gm a {     background-image: url('../img/flags/gm.jpg'); } 
div#lang-box ul li.gn a {     background-image: url('../img/flags/gn.jpg'); } 
div#lang-box ul li.gr a {     background-image: url('../img/flags/gr.jpg'); } 
div#lang-box ul li.gt a {     background-image: url('../img/flags/gt.jpg'); } 
div#lang-box ul li.gw a {     background-image: url('../img/flags/gw.jpg'); } 
div#lang-box ul li.gy a {     background-image: url('../img/flags/gy.jpg'); } 
div#lang-box ul li.hk a {     background-image: url('../img/flags/hk.jpg'); } 
div#lang-box ul li.hn a {     background-image: url('../img/flags/hn.jpg'); } 
div#lang-box ul li.hr a {     background-image: url('../img/flags/hr.jpg'); } 
div#lang-box ul li.ht a {     background-image: url('../img/flags/ht.jpg'); } 
div#lang-box ul li.hu a {     background-image: url('../img/flags/hu.jpg'); } 
div#lang-box ul li.id a {     background-image: url('../img/flags/id.jpg'); } 
div#lang-box ul li.ie a {     background-image: url('../img/flags/ie.jpg'); } 
div#lang-box ul li.il a {     background-image: url('../img/flags/il.jpg'); } 
div#lang-box ul li.in a {     background-image: url('../img/flags/in.jpg'); } 
div#lang-box ul li.iq a {     background-image: url('../img/flags/iq.jpg'); } 
div#lang-box ul li.ir a {     background-image: url('../img/flags/ir.jpg'); } 
div#lang-box ul li.is a {     background-image: url('../img/flags/is.jpg'); } 
div#lang-box ul li.it a {     background-image: url('../img/flags/it.jpg'); } 
div#lang-box ul li.jm a {     background-image: url('../img/flags/jm.jpg'); } 
div#lang-box ul li.jo a {     background-image: url('../img/flags/jo.jpg'); } 
div#lang-box ul li.jp a {     background-image: url('../img/flags/jp.jpg'); } 
div#lang-box ul li.ke a {     background-image: url('../img/flags/ke.jpg'); } 
div#lang-box ul li.kg a {     background-image: url('../img/flags/kg.jpg'); } 
div#lang-box ul li.kh a {     background-image: url('../img/flags/kh.jpg'); } 
div#lang-box ul li.ki a {     background-image: url('../img/flags/ki.jpg'); } 
div#lang-box ul li.km a {     background-image: url('../img/flags/km.jpg'); } 
div#lang-box ul li.kn a {     background-image: url('../img/flags/kn.jpg'); } 
div#lang-box ul li.kw a {     background-image: url('../img/flags/kw.jpg'); } 
div#lang-box ul li.kz a {     background-image: url('../img/flags/kz.jpg'); } 
div#lang-box ul li.lb a {     background-image: url('../img/flags/lb.jpg'); } 
div#lang-box ul li.lc a {     background-image: url('../img/flags/lc.jpg'); } 
div#lang-box ul li.li a {     background-image: url('../img/flags/li.jpg'); } 
div#lang-box ul li.lk a {     background-image: url('../img/flags/lk.jpg'); } 
div#lang-box ul li.lr a {     background-image: url('../img/flags/lr.jpg'); } 
div#lang-box ul li.lt a {     background-image: url('../img/flags/lt.jpg'); } 
div#lang-box ul li.lu a {     background-image: url('../img/flags/lu.jpg'); } 
div#lang-box ul li.lv a {     background-image: url('../img/flags/lv.jpg'); } 
div#lang-box ul li.ma a {     background-image: url('../img/flags/ma.jpg'); } 
div#lang-box ul li.mc a {     background-image: url('../img/flags/mc.jpg'); } 
div#lang-box ul li.md a {     background-image: url('../img/flags/md.jpg'); } 
div#lang-box ul li.mg a {     background-image: url('../img/flags/mg.jpg'); } 
div#lang-box ul li.mh a {     background-image: url('../img/flags/mh.jpg'); } 
div#lang-box ul li.mk a {     background-image: url('../img/flags/mk.jpg'); } 
div#lang-box ul li.ml a {     background-image: url('../img/flags/ml.jpg'); } 
div#lang-box ul li.mn a {     background-image: url('../img/flags/mn.jpg'); } 
div#lang-box ul li.mr a {     background-image: url('../img/flags/mr.jpg'); } 
div#lang-box ul li.mt a {     background-image: url('../img/flags/mt.jpg'); } 
div#lang-box ul li.mu a {     background-image: url('../img/flags/mu.jpg'); } 
div#lang-box ul li.mv a {     background-image: url('../img/flags/mv.jpg'); } 
div#lang-box ul li.mw a {     background-image: url('../img/flags/mw.jpg'); } 
div#lang-box ul li.mx a {     background-image: url('../img/flags/mx.jpg'); } 
div#lang-box ul li.my a {     background-image: url('../img/flags/my.jpg'); } 
div#lang-box ul li.mz a {     background-image: url('../img/flags/mz.jpg'); } 
div#lang-box ul li.na a {     background-image: url('../img/flags/na.jpg'); } 
div#lang-box ul li.ne a {     background-image: url('../img/flags/ne.jpg'); } 
div#lang-box ul li.ng a {     background-image: url('../img/flags/ng.jpg'); } 
div#lang-box ul li.ni a {     background-image: url('../img/flags/ni.jpg'); } 
div#lang-box ul li.nl a {     background-image: url('../img/flags/nl.jpg'); } 
div#lang-box ul li.no a {     background-image: url('../img/flags/no.jpg'); } 
div#lang-box ul li.np a {     background-image: url('../img/flags/np.jpg'); } 
div#lang-box ul li.nr a {     background-image: url('../img/flags/nr.jpg'); } 
div#lang-box ul li.nz a {     background-image: url('../img/flags/nz.jpg'); } 
div#lang-box ul li.om a {     background-image: url('../img/flags/om.jpg'); } 
div#lang-box ul li.pa a {     background-image: url('../img/flags/pa.jpg'); } 
div#lang-box ul li.pe a {     background-image: url('../img/flags/pe.jpg'); } 
div#lang-box ul li.pg a {     background-image: url('../img/flags/pg.jpg'); } 
div#lang-box ul li.ph a {     background-image: url('../img/flags/ph.jpg'); } 
div#lang-box ul li.pk a {     background-image: url('../img/flags/pk.jpg'); } 
div#lang-box ul li.ps a {     background-image: url('../img/flags/ps.jpg'); } 
div#lang-box ul li.pt a {     background-image: url('../img/flags/pt.jpg'); } 
div#lang-box ul li.pw a {     background-image: url('../img/flags/pw.jpg'); } 
div#lang-box ul li.py a {     background-image: url('../img/flags/py.jpg'); } 
div#lang-box ul li.qa a {     background-image: url('../img/flags/qa.jpg'); } 
div#lang-box ul li.ro a {     background-image: url('../img/flags/ro.jpg'); } 
div#lang-box ul li.rs a {     background-image: url('../img/flags/rs.jpg'); } 
div#lang-box ul li.ru a {     background-image: url('../img/flags/ru.jpg'); } 
div#lang-box ul li.rw a {     background-image: url('../img/flags/rw.jpg'); } 
div#lang-box ul li.sa a {     background-image: url('../img/flags/sa.jpg'); } 
div#lang-box ul li.sb a {     background-image: url('../img/flags/sb.jpg'); } 
div#lang-box ul li.sc a {     background-image: url('../img/flags/sc.jpg'); } 
div#lang-box ul li.sd a {     background-image: url('../img/flags/sd.jpg'); } 
div#lang-box ul li.se a {     background-image: url('../img/flags/se.jpg'); } 
div#lang-box ul li.sg a {     background-image: url('../img/flags/sg.jpg'); } 
div#lang-box ul li.si a {     background-image: url('../img/flags/si.jpg'); } 
div#lang-box ul li.sk a {     background-image: url('../img/flags/sk.jpg'); } 
div#lang-box ul li.sl a {     background-image: url('../img/flags/sl.jpg'); } 
div#lang-box ul li.sm a {     background-image: url('../img/flags/sm.jpg'); } 
div#lang-box ul li.sn a {     background-image: url('../img/flags/sn.jpg'); } 
div#lang-box ul li.so a {     background-image: url('../img/flags/so.jpg'); } 
div#lang-box ul li.sr a {     background-image: url('../img/flags/sr.jpg'); } 
div#lang-box ul li.sy a {     background-image: url('../img/flags/sy.jpg'); } 
div#lang-box ul li.sv a {     background-image: url('../img/flags/sv.jpg'); } 
div#lang-box ul li.sz a {     background-image: url('../img/flags/sz.jpg'); } 
div#lang-box ul li.td a {     background-image: url('../img/flags/td.jpg'); } 
div#lang-box ul li.tg a {     background-image: url('../img/flags/tg.jpg'); } 
div#lang-box ul li.th a {     background-image: url('../img/flags/th.jpg'); } 
div#lang-box ul li.tj a {     background-image: url('../img/flags/tj.jpg'); } 
div#lang-box ul li.tl a {     background-image: url('../img/flags/tl.jpg'); } 
div#lang-box ul li.tm a {     background-image: url('../img/flags/tm.jpg'); } 
div#lang-box ul li.tn a {     background-image: url('../img/flags/tn.jpg'); } 
div#lang-box ul li.tr a {     background-image: url('../img/flags/tr.jpg'); } 
div#lang-box ul li.tt a {     background-image: url('../img/flags/tt.jpg'); } 
div#lang-box ul li.tv a {     background-image: url('../img/flags/tv.jpg'); } 
div#lang-box ul li.tw a {     background-image: url('../img/flags/tw.jpg'); } 
div#lang-box ul li.tz a {     background-image: url('../img/flags/tz.jpg'); } 
div#lang-box ul li.ua a {     background-image: url('../img/flags/ua.jpg'); } 
div#lang-box ul li.ug a {     background-image: url('../img/flags/ug.jpg'); } 
div#lang-box ul li.us a {     background-image: url('../img/flags/us.jpg'); } 
div#lang-box ul li.uy a {     background-image: url('../img/flags/uy.jpg'); } 
div#lang-box ul li.uz a {     background-image: url('../img/flags/uz.jpg'); } 
div#lang-box ul li.va a {     background-image: url('../img/flags/va.jpg'); } 
div#lang-box ul li.vc a {     background-image: url('../img/flags/vc.jpg'); } 
div#lang-box ul li.ve a {     background-image: url('../img/flags/ve.jpg'); } 
div#lang-box ul li.vn a {     background-image: url('../img/flags/vn.jpg'); } 
div#lang-box ul li.vu a {     background-image: url('../img/flags/vu.jpg'); } 
div#lang-box ul li.ws a {     background-image: url('../img/flags/ws.jpg'); } 
div#lang-box ul li.ye a {     background-image: url('../img/flags/ye.jpg'); } 
div#lang-box ul li.za a {     background-image: url('../img/flags/za.jpg'); } 
div#lang-box ul li.zm a {     background-image: url('../img/flags/zm.jpg'); } 
div#lang-box ul li.zw a {     background-image: url('../img/flags/zw.jpg'); } 

div#lang-box ul li a span {
    display: none;
}

div#loader, div#content {
    height: 450px;
    margin: 0 0 15px 0;
    padding: 10px;
}

div#content div.error {
    width: 400px;
    padding: 20px 10px 20px 70px;
    background-color: #900008;
    color: #f40000;
    background-image: url('../img/sp/error.png');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    margin: 0 auto 15px auto;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

div#content div.error p {
    text-align: center;
    margin: 0 5px;
}

div#footer p {
    font-size: 9px;
    text-align: center;
    color: #666;
    padding: 10px;
}

div#footer p a {
    color: #666;
}

div#footer p a:hover {
    color: #f40000;
}






div#countries-box {
    margin: 0 0 10px 0;
}

div.select {
    width: 200px;
    position: relative;
}

div.select p.value {
    cursor: pointer;
    border: 2px solid #666;
    padding: 3px 40px 3px 15px;
    background-color: white;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-image: url('../img/sp/select.gif');
    background-repeat: no-repeat;
    background-position: 178px 50%;
}

div.select ul {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    /*background-color: white;*/
    list-style: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

div.select ul li {
    background-color: white;
    padding: 3px 15px;
    border: 2px solid #999;
    margin: 0 0 1px 0;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

div.select ul li:hover {
    background-color: #cfcfcf;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}






div#methods-box ul {
    list-style: none;
    float: left;
    padding: 0 0 0 10px;
}

div#methods-box ul li {
    float: left;
    background-color: #cfcfcf;
    
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    
    cursor: pointer;
    margin: 0 5px 0 0;
    font-size: 14px;
}

div#methods-box ul li:hover, div#methods-box ul li.selected {
    background-color: #fff;
}

div#methods-box ul li span {
    text-align: center;
    padding: 5px 10px;
}

div#payments {
    background-color: white;
    padding: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 360px;
}

div#payments-buttons {
    float: left;
    width: 120px;
}

div#payments-column {
    float: right;
    width: 410px;
}

div#payments-column div.providers-header {
    margin: 0 0 15px 0;
}


div#payments-column div.providers-header div.logo {
    float: left;
    width: 110px;
    text-align: center;
}

div#payments-column div.providers-header div.text {
    float: right;
    width: 300px;
}

div#payments-column div.providers-header h1 {
    text-align: center;
}

div#payments-column div.providers-footer {
    margin: 15px 0 0 0;
}

div#payments-buttons ul {
    list-style: none;
}

div#payments-buttons ul li {
    padding: 10px;
    margin: 0 0 5px 0;
    background-color: #999;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

div#payments-buttons ul li:hover, div#payments-buttons ul li.selected {
    background-color: #cfcfcf;
}

div#payments-buttons ul li p {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}





form.sms-form, form.card-form {
    margin: 5px auto;
    padding: 10px;
    background-color: #999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

form.sms-form {
    width: 250px;
}

form.card-form {
    width: 350px;
}

form.sms-form p.field {
    float: left;
}

form.sms-form p.button {
    float: right;
}


form.sms-form p.field input, p.button input {
    font-size: 18px;
    border: 2px solid black;
    text-align: center;
    font-weight: bold;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

form.sms-form p.field input {
    background-color: #FFF;
    width: 125px;
}

form.sms-form p.button input {
    width: 100px;
}

form.card-form p.button {
    text-align: center;
}

p.button input {
    background-color: #CFBC4C;
    cursor: pointer;
}



div.overlayer {
    background-color: black;
}


div.window-box {
    background-color: white;
    padding: 10px;
    border: 2px solid black;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

div.window-content {
    font-size: 14px;
    background-repeat: no-repeat;
    background-position: 0% 50%;
}

div.window-type-progress div.window-content {
    padding: 5px 0 5px 40px;
    background-image: url('../img/sp/progress.gif');
    font-size: 18px;
}

div.window-type-info div.window-content {
    padding: 20px 0 20px 60px;
    background-image: url('../img/sp/icons/info.png');
}

div.window-type-error div.window-content {
    padding: 20px 0 20px 60px;
    background-image: url('../img/sp/icons/error.png');
    color: red;
}

div.window-type-question div.window-content {
    padding: 20px 0 20px 60px;
    background-image: url('../img/sp/icons/question.png');
}


div.window-title p {
    color: #999;
    font-size: 10px;
    margin: 0 0 5px 0;
}

div.window-buttons {
    margin: 15px 0 0 0;
}

div.window-button {
    margin: 0 5px 0 0;
    float: right;
    padding: 3px 10px;
    background-color: #cfcfcf;
    cursor: pointer;
    border: 1px solid #666;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

div.window-button, div.window-button p {
    color: black;
    font-weight: bold;
    font-size: 14px;
}