@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License:none (public domain)*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;}/* HTML5 display-role reset for older browsers */article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}
/*end of reset*/

/*Colours 
Red #D2232A
Dark Grey #58595B
Light Grey #D2D3D5
*/

/*fonts*/
@font-face{
    font-family:"MenschRegular";
    src:url('../fonts/mensch-wf.eot');
    src:url('../fonts/mensch-wf.eot?#iefix') format('embedded-opentype'),
         url('../fonts/mensch-wf.woff') format('woff'),
         url('../fonts/mensch-wf.ttf') format('truetype'),
         url('../fonts/mensch-wf.svg#MenschMenschRegular') format('svg');
    font-weight:normal;font-style:normal;}
.Mensch{font-family:"MenschRegular", Arial, Helvetica, sans-serif;}
	
/*Global*/
body{font-size:13px;font-family:Arial, Helvetica, sans-serif;line-height:1.3em;text-align:center;}
h1, h2, h3, h4, h5, h6{font-family:"MenschRegular", Arial, Helvetica, sans-serif;line-height:1.2em;color:#000;text-align:center;text-transform:uppercase;}	
h1{font-size:28px;border-bottom:1px solid #000;padding-bottom:5px;margin-bottom:10px;display:inline-block;min-width:510px;position:relative;}	
h2{font-size:20px;margin-bottom:26px;}
h3{font-size:23px;}
h4{font-size:20px;margin:5px 0 18px 0;text-align:left;border-bottom:1px solid #000;padding-bottom:8px;display:inline-block;width:100%;}
h5{font-size:17px;margin-bottom:10px;text-align:left;border-bottom:1px solid #333;padding-bottom:10px;display:inline-block;width:100%;}
a{vertical-align:top;}
a, small a:hover, .cancel a:hover, .printEmail a:hover{text-decoration:underline;color:#D2232A;}
small a, .cancel a, article.legal a, .printEmail a{color:#000;}
a:hover{text-decoration:underline;}	
h3 a, h3 a:hover, nav a, nav a:hover, footer a, .loginNav a, .cancel a, .printEmail a, .moreInfo a{text-decoration:none;}
p{margin-bottom:13px;text-align:left;}
strong{font-weight:bold;}
em{font-style:italic;}
ul{list-style:none;}
ol{list-style:decimal;text-align:left;margin-left:35px;}
li{margin-bottom:10px;}
small{font-size:11px;}

/*terms and condition ul*/	

.TandC{margin-top:15px;padding:20px;}
.TandC ol {counter-reset: item }
.TandC li {display: block;}
.TandC li:before { content: counters(item, ". ") ". "; counter-increment: item;float:left;margin-right:5px;}
.TandC p{display:block;margin-left:45px;font-weight:normal;color:#333;font-size:14px;}
.TandC ol > li#h5{margin-top:20px;font-weight:bold;}
.TandC h5{border:none;padding:0 0 0 45px;display:block;font-family:Arial, Helvetica, sans-serif;text-transform:none;width:auto;text-transform:uppercase;}
.TandC ol > li{color:#333;font-weight:normal;font-size:14px;margin-left:-35px;}
.TandC li span{color:#333;font-weight:normal;font-size:14px;margin-bottom:10px;display:inline-block;}
.TandC ol li ol li ol{margin-left:80px;}
.TandC ol li ol li ol p{margin-left:65px;}

.font15px{font-size:15px;}
.red{border:1px solid red;}
.hrLine{border-bottom:1px solid #666;margin:15px 0;}
.lrg{margin-bottom:32px;}
.full{width:100%;}
.left{float:left;}
.right{float:right;}
.check{text-align:left;}
.center, .faqs div p.center, .info p.center{text-align:center;}
.captcha{padding-top:10px;}
.grey{color:#666;}
.topM{margin-top:25px;}
.noBorder, .contactDetails.noBorder{border:none;}
span.inline{display:inline-block;}
.comment, .comment a{color:blue;text-align:center;/*display:none;*/}

/*form elements*/	
input[type=submit]{float:right;margin:10px 0 0 8px;padding:8px 20px;color:#fff;font-size:20px;font-family:"MenschRegular", Arial, Helvetica, sans-serif;text-transform:uppercase;line-height:1.2em;background:#D2232A;border:2px solid #D2232A;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-o-border-radius:6px;-webkit-appearance:none; white-space:normal;}
input[type=submit]:hover,input[type=reset]:hover{box-shadow:0 0 6px #333;-moz-box-shadow:0 0 6px #333;-webkit-box-shadow:0 0 6px #333;-o-box-shadow:0 0 6px #333;border:2px solid #fff;}
input[type=submit].blk{background:#000;border:2px solid #000;}	
input[type=submit].blk:hover{background:#D2232A;border:2px solid #fff;}	
input[type=submit].grey{background:#ccc;color:#333;border:2px solid #ccc;}	
input[type=submit].grey:hover{background:#000;color:#fff;border:2px solid #fff;}	
input[type=submit].left{float:left;margin:0 8px 0 0;}	
input[type=submit].center{float:none;}	
input[type=submit].bottom{margin-top:39px;}	
input[type=submit].go{margin-top:-10px;}	
input[type=submit].topM{margin-top:10px;}	
	
input[type=text],input[type=email],input[type=password],select, textarea{width:93.5%;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border:1px solid #999;font-family:Arial, Helvetica, sans-serif;font-size:14px;padding:5px 3%;margin-top:-6px;}
input[type=text].cal{width:15%;margin:-6px 3% 0 3%;text-align: center;}
input[type=text].amt{width:70px;margin-left:8px;text-align:right;}
.table.slider input[type=text].amt{width:93.5%;margin:0;text-align:right;}
input[type=text].sig{width:70px;margin-left:8px;text-align:center;}
input[type=text].mobileNum{float:right;width:76.5%;margin-left:8px;}

select{width:100%;font-size:13px;}
textarea{margin:10px 0;height:80px;}
input[type=checkbox],input[type=radio]{display:inline-block;margin:-6px 10px 0 0;}
input[type=radio] ~ input[type=radio], input[type=checkbox] ~ input[type=checkbox]{margin-left:10px;}
.cancelReasons input[type=radio] ~ input[type=radio]{margin-left:0}
	
/*Structure*/
#container{width:96%;padding:0 2%;min-width:750px;max-width:1300px;display:block;margin:0 auto;position:relative;}

/*header*/
header{width:100%;font-family:"MenschRegular", Arial, Helvetica, sans-serif;}
.noHeader header{display:none;}
header.page{float:left;padding-top:17px;text-align:left;position:relative;z-index:900;text-transform:uppercase;}
div.logo{float:left;margin-bottom:9px;}
div.logo a{float:left;background:url(../img/OMLogo_80x264.gif) no-repeat;height:80px;width:264px;}
div.description{float:left;font-size:22px;line-height:1.35em;padding:43px 0 0 27px;}
.flag, .mFlag{position:absolute;top:0;right:0;font-size:18px;}
.flag ul, .mFlag ul{padding-left:18px;background:#efefef;border-radius:0 0 5px 5px;box-shadow:1px 1px 3px #999;font-family:"MenschRegular", Arial, Helvetica, sans-serif; }
.mFlag ul{border-radius:5px;}
.flag li, .mFlag li{padding:13px 18px 13px 40px;margin:0;}
.flag li.kenya, .mFlag li.kenya{background:url(../img/flag-sprite.gif) no-repeat left center;}
/*nav*/
.menu{display:none;/* hide menu icon initially */}
.nav-wrap{float:left;width:100%;text-align:center;}
.nav-wrap a{float:left;padding:8px 0;background:#58595B;color:#fff;width:100%;}
.nav-wrap a:hover{background:#D2232A;}	
.nav-wrap a.active{background:#000;}
.nav{font-size:20px;}
.nav li{float:left;position:relative;width:24.00%;border:2px solid #fff;}
.nav ul{position:absolute;top:33px;left:-4px;display:none;box-shadow:2px 2px 8px #999;-moz-box-shadow:2px 2px 8px #999;-webkit-box-shadow:2px 2px 8px #999;-o-box-shadow:2px 2px 8px #999;
border:4px solid #fff;border-top:none;background:#fff;}
.nav ul li{float:none;margin:0;padding:0;border:none;width:210px;}
.nav ul li a{border-top:3px solid #fff;background:#D2D3D5;color:#000;}
.nav ul li a:hover{color:#fff;}
.nav li:hover > ul{display:block;/* show dropdown on hover */}

/*content*/
.content{display:inline-block;position:relative;padding:15px 0;width:100%;max-width:1000px;z-index:800;}
.content.login{border:1px solid #333;border-top:none;max-width:none;padding:25px 0;}

/*text block*/
.textBlock{width:600px;display:inline-block;}
.textBlock.sml{width:435px;}
.login .textBlock{position:relative;}
.leftText, .rightText{width:250px;display:inline-block;}
.leftText{padding-right:30px;border-right:1px dotted #333;}
.leftText p{text-align:right;}
.rightText{padding-left:30px;vertical-align:top;}

/*home*/
.home .homeBlock h3{background:#000;padding:10px 30px;color:#fff;}
.home .applyForm{border-left:none;width:80%;margin:0 auto;float:none;}
.moreInfoWrapper, .exampleWrapper{position:absolute;top:0;right:0;overflow:hidden;height:125px;width:125px;}
.moreInfo a, .example{float:right;margin:22px -40px 0 0;font-size:15px;color:#fff;background:#D2232A;padding:10px;width:150px;box-shadow:1px 1px 5px #666;transform:rotate(40deg);-o-transform:rotate(40deg);-moz-transform:rotate(40deg);-webkit-transform:rotate(40deg);-ms-transform:rotate(40deg);
}
.easy{display:inline-block;font-size:18px;margin:20px auto 5px auto;}
.blurb{font-size:15px;font-weight:bold;text-align:center;}
.onMobile{position:absolute;top:-4px;right:-105px;width:100px;height:78px;background:url(../img/on-mobile.png);}
.footnote{position:absolute;bottom:-23px;right:0;}

/*content pages*/
.about .textBlock, .info .textBlock{width:752px;}
.about .leftText, .info .leftText{border:none;padding:0;}
.about .leftText{width:200px;}
.about .leftText p, .info .leftText p{text-align:left;}
.video, .mVideo{width:100%;height:100%;}
.mVideo, .mApplyBtn, .mVidLink, .mFlag{display:none;}
.about .rightText{width:500px;}
.video-container {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;	width:100%;height:100%;}

.info .leftText{width:300px;}
.info .rightText{width:330px;}
.checklist, .note{border:1px solid #000;margin-bottom:20px;box-shadow:0 0 7px #999;-moz-box-shadow:0 0 7px #999;-webkit-box-shadow:0 0 7px #999;-o-box-shadow:0 0 7px #999;}
.note{padding:20px;}
.note p{text-align:left;}
.checklist h3{background:#000;padding:10px 30px;color:#fff;}
.checklist ul{list-style:url(../img/tick-list.png);margin-left:40px;text-align:left;padding:15px 20px 20px 20px;}
.checklist li{margin-bottom:5px;}
.contactDetails{border-right:1px solid #333;width:26%;float:left;padding:0 3.5%;}
.contactDetails h4{border:none;}

.faqs h3{cursor:pointer;background:#efefef;margin-bottom:5px;font-family:Arial, Helvetica, sans-serif;font-size:15px;text-transform:none;padding:8px;text-align:left;}
.faqs h3:hover{background:#333;color:#fff;}
.faqs h3.active	{color:#fff;background:#D2232A;font-weight:bold;}
.faqs div p	{ padding:8px; margin-bottom:15px;text-align:left;}

/*apply block*/
.applyBlock, .homeBlock{width:700px;display:inline-block;border:1px solid #000;margin-bottom:40px;box-shadow:0 0 7px #999;-moz-box-shadow:0 0 7px #999;-webkit-box-shadow:0 0 7px #999;-o-box-shadow:0 0 7px #999;position:relative;}
.homeBlock{margin-bottom:55px;}
.applyBlock.off{border:1px solid #D2D3D5;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;}
.applyBlock.blk{margin-bottom:25px;}
.applyBlock article{float:left;padding:28px 30px;}	
.homeBlock article{float:left;padding:20px 0;width:100%;}	
.applyBlock.blk article{padding:28px 30px 20px 30px;}	
.stepDesc{width:140px;padding-right:25px;float:left;}
.applyForm{float:right;width:445px;border-left:1px dotted #666;padding-left:25px;}
.applyBlock h3{color:#fff;background:#D2232A;text-align:left;padding:10px 0 10px 122px;position:relative;}
.applyBlock.off h3{background:#D2D3D5;}
.applyBlock.blk h3{background:#000;}
.applyBlock.done h3{background:#000 url(../img/tick.png) right center no-repeat;}
.applyBlock h3 a{display:block;color:#fff;}
.applyBlock h3 div{position:absolute;top:-18px;left:19px;width:82px;height:84px;background:url(../img/step-sprite.png);}
.applyBlock h3 div.step1{background-position:0 0;}
.applyBlock h3 div.step2{background-position:0 -83px;}
.applyBlock h3 div.step3{background-position:0 -169px;}
.applyBlock h3 div.step4{background-position:0 -255px;}
.applyBlock h3 div.step1grey{background-position:-83px 0;}
.applyBlock h3 div.step2grey{background-position:-83px -83px;}
.applyBlock h3 div.step3grey{background-position:-83px -169px;}
.applyBlock h3 div.step4grey{background-position:-83px -255px;}

/*div tables styles*/
.table{display:table;width:100%;line-height:1.2em;}
.tr{display:table-row;}
.td{display:table-cell;padding:6px 0 6px 20px;vertical-align:top;text-align:left;font-size:13px;}
.td.label{text-align:right;}
.twoCol .td{width:50%;}
.val{}

/*login pages*/
.tab{float:left;list-style:none;margin:0;width:100%;height:39px;border-bottom:1px solid #333;border-right:1px solid #fff;border-left:1px solid #333;}
.tab li{float:left;display:inline;width:24.5%;text-align:center;border:none;border-right:4px solid #fff;margin:0;}
.tab li a{float:left;display:inline;color:#fff;background:#58595B;width:100%;padding:10px 0px;height:19px;}
.tab li.before, .tab li.before a{border-right:none;}
.tab li.active{border-right:1px solid #333;border-left:1px solid #333;}
.tab li.active a, .tab li.active a:hover, .tab ul li.active a:hover{color:#000;background:#fff;border-top:1px solid #333;border-right:none;border-left:none;}
.tab li.first{border-left:none;}
.tab li:last-child{border-right:none;}
.tab li a:hover{background:#D2232A;}

.hello{width:100%;background:#000;color:#fff;text-align:center;display:inline-block;font:38px "MenschRegular", Arial, Helvetica, sans-serif;padding:20px 0;margin-bottom:3px;}
.cancel{float:right;text-transform:uppercase;margin:0;font:11px Arial, Helvetica, sans-serif;}
.cancelReasons p{display:inline-block;text-align:left;}

.printEmail{float:right;font-family:Arial, Helvetica, sans-serif;font-size:11px;}
.icon{float:right;height:20px;margin-left:10px;padding-left:30px;background:url(../img/icon-sprite.gif) no-repeat left;}
.icon.email{background-position:0 0;}	
.icon.print{background-position:0 -20px;}	

.calWrapper{display:inline-block;width:100%;margin-bottom:25px;}
.calWrapper div{display:inline-block;}

.skypeBkgrd{display:inline-block;height:62px;width:230px;background:url(../img/skype-offline.jpg) no-repeat;background-size:100% 100%;}
a.skype{display:block;width:100%;height:100%;background:url(http://mystatus.skype.com/bigclassic/OneMoja%2EKenya) no-repeat;background-size:100% 100%;}

/*login change my loan*/
.table.summary .td.label{width:120px;}
.table.signature .td{padding:6px 0 15px 0;text-align:left;}
.table.signature .td.label{width:200px;}

/*login tables*/
.status{border:1px solid #999;padding:4px 1%;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-o-border-radius:6px;box-shadow:0 0 5px #ccc;-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;-o-box-shadow:0 0 5px #ccc;margin:15px 0;color:#000;width:97.5%;}
.status .td{border:1px solid #fff;background:#efefef;padding:5px 3%;}	
.thead{display:block;background:#333;color:#fff;border:1px solid #fff;width:193%;padding:5px 3%;}	
.statement .td{border-bottom:1px dotted #666;padding:5px 15px;}	
.profile{width:80%;}
.profile .td.label{text-align:left;width:40%;}

/*legal policy*/
article.legal{padding:0 30px 0 50px;}
article.legal h4{margin:25px 0 0 -40px;border:none;}
		
/*footer*/
footer{text-align:center;display:inline-block;width:100%;font-size:10px;color:#666;border-top:1px solid #666;padding:12px 0;margin-top:45px;position:relative;}
footer.about{margin-top:115px;}
footer.info, footer.contact{margin-top:100px;}
footer.noLine{border-top:none;margin:0;}
footer a{color:#666;}
footer ul{text-transform:uppercase;list-style:none;display:inline-block;vertical-align:top;}
footer ul li{float:left;padding:0 13px;border-right:1px solid #666;}	
footer ul li:last-child{border:none;}	
footer select{display:none;}

/*chat*/
.chat-iframewrap{
    display: none;
    position: fixed !important;
    bottom:0;
    width:300px;
    min-width:160px;
    right:3.2%;
    z-index:1000;
    background: #fff;
    box-shadow:0 0 10px #999;
    -moz-box-shadow:0 0 10px #999;
    -webkit-box-shadow:0 0 10px #999;
    -o-box-shadow:0 0 10px #999;
    border:1px solid #999;
    border-bottom: none;
    }


.chat-iframe{
    width:100%;
    height:430px;
}
#titlebar{
    text-align: left;
    background:#efefef;
    padding:4px 0 4px 6px;
    height:22px;
}
#titlebar img{
    margin-right: 5px;
}
#titlebar a{
    text-align: center;
    background:#666;
    float:right;
    color:#fff;
    border: none;
    width:30px;
    height:25px;
    font-size: 20px;
    padding-top: 5px;
    margin-top: -4px;
    text-decoration: none;
}
#titlebar:hover{
    cursor: pointer;
}
#titlebar a:hover{
    background: #D2232A;
}
.left#start-chat{
    margin-top: 10px;
}
#chat-iframe #titlebar{
    position: absolute;
    top:-22px;
    background:#efefef;
    padding:4px 6px;
    height:22px;
}
#chat-iframe #titlebar img{
    margin-right: 5px;
}

/*msgs*/
.errorMsg, .savedMsg{/*display:none;*/float:left;margin-bottom:15px;padding:5px 3%;width:93.5%;height:auto;text-align:center;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;box-shadow:0px 0px 2px red;-moz-box-shadow:0px 0px 2px red;-webkit-box-shadow:0px 0px 2px red;-o-box-shadow:0px 0px 2px red;font-weight:bold;color:red;background:#FFDBD2;border:1px solid red;}
.savedMsg{border:1px solid #999;background:#efefef;color:#000;box-shadow:0px 0px 6px #999;-moz-box-shadow:0px 0px 6px #999;-webkit-box-shadow:0px 0px 6px #999;-o-box-shadow:0px 0px 6px #999;}

/*applyNow btn*/
.applyNow a{position:absolute;bottom:0;left:0;width:140px;height:145px;background:url(../img/apply-btn.png) no-repeat bottom left;}
.applyNow a:hover{margin:0 0 -3px 3px;}
.home .applyNow a{bottom:-30px;left:-20px;}
.about .applyNow a, .contact .applyNow a{bottom:-130px;left:15px;}
.info .applyNow a, .faqs .applyNow a{bottom:-115px;left:15px;}

/*mojaPaMoja*/
.mojaPaMoja{position:absolute;bottom:40px;right:5%;background:url(../img/mojaPaMoja.gif) no-repeat bottom left;height:100px;width:124px;z-index:1000;}
.mojaPaMoja:hover{background-position:bottom right;}
h6.tagline{display:block;font-size:16px;width:300px;text-align:right;margin:20px 0px 0 -290px;line-height:1.3em;}
h6.tagline span{letter-spacing:-5px;}

/*slider*/
.table.slider{width:300px;position:relative;float:right;margin-left:130px;}
.home .table.slider, .login .table.slider{float:none;display:block;margin:0 auto;}/*centered*/
.table.slider .td.topPad{padding-top:14px;border-top:1px solid #666;}
.table.slider .td.label{width:210px;}
.table.slider .td.amt{width:280px;}
.table.slider .td.curr{width:15px;}
.applyForm.change{width:400px;}

/*IE debugs*/
#ie7 .content{margin-top:15px;}
#ie7 footer ul, #ie7 h1, #ie7 .leftText, #ie7 .rightText{display:inline;}
#ie7 .applyBlock h3{margin-top:-4px;}
#ie7 .td{display:inline;width:45%;float:left;padding:14px 0 0 4%;min-height:20px;}
#ie7 input[type=text], #ie7 input[type=email], #ie7input[type=password], #ie7 select{margin-top:-8px;}
#ie7 input[type=submit]{width:auto;overflow:visible;margin-top:10px;}
#ie7 .table.slider .td{padding-bottom:6px;}
#ie7 .table.summary .td{width:28%;}
#ie7 .table.statement .td{width:29%;}
#ie7 .table.signature .td{width:95%;}
#ie7 .table.signin .td{width:55%;}
#ie7 .table.signin .td.label{width:24%;}
#ie7 .thead{width:100%;padding:5px 0;}	
#ie7 .status .td{width:45%;padding:6px 2.4%;}	
#ie7 .content.login{margin-top:-10px;}
#ie7 .calWrapper{text-align:left;}
#ie7 .cancelReasons p {width:50%;margin-left:20%}
#ie7 .mojaPaMoja{bottom:30px;}
#ie7 h6.tagline{margin:20px 0px 0 -385px;}
#ie7 .easy{width:100%;text-align:right;}
#ie7 .checklist li{margin:10px 0;}

#ie7 .skypeBkgrd, #ie8 .skypeBkgrd{height:44px;width:182px;}
#ie7 a, #ie8 a, #ie9 a{vertical-align:baseline;}
#ie7 .moreInfoWrapper, #ie7 .exampleWrapper, #ie8 .moreInfoWrapper, #ie8 .exampleWrapper{height:auto;width:auto;}
#ie7 .moreInfo a, #ie8 .moreInfo a{margin:0;padding:15px;width:auto;}
#ie7 .example, #ie8 .moreInfo a{margin:0;padding:13px;width:auto;}

/*OW dev css goes here*/