/* HTML Tags */
body { background:url(//bmo.com/lp/lowrate/mobile/images/bg.png) no-repeat 50% 0 #0b6fc3; color:#FFF; font-family:Arial, Helvetica, sans-serif; margin:0px 0px 15px 0px; padding:0px; }
a { color:#FFF; outline:none; }
h1 { clear:both; }
h3 { margin-bottom:0px; }
p { margin-top:0px; }

/* Formatting */
.bold { font-weight:bold; }
.disclaimer { font-size:small; color:#666; }
.clear {clear:both; }
.hide { display:none; }
ul.arrow { list-style-image:url(//bmo.com/lp/lowrate/mobile/images/bullet-arrow.gif); padding-left:15px; }
ul.padded li { padding-bottom:10px; }
ul { padding-left:15px; list-style: bullet; }
.error { color:#FFF; text-align:center; padding:25px; }
.textCentre { text-align:center; }

/* Header */
#header { background:url(//bmo.com/lp/lowrate/mobile/images/header-bg.png) repeat-x; height:90px; overflow:hidden; }
#header ul.topLinks { list-style:none; margin:7px 5px; padding:0px; }
#header ul.topLinks li { display:block; float:left; padding:0px; width:33%; margin:0px; position:relative; }
#header a.logo { display:block; width:170px; height:66px; overflow:hidden; background:url(//bmo.com/lp/lowrate/mobile/images/logo-bmo.png) no-repeat; margin:auto;  }
#header a#back { display:block; visibility:hidden; float:left; width:49px; height:30px; overflow:hidden; background:url(//bmo.com/lp/lowrate/mobile/images/btn-back.png) no-repeat;  }
#header a#home { display:block; visibility:hidden; float:right; width:50px; height:30px; overflow:hidden; background:url(//bmo.com/lp/lowrate/mobile/images/btn-home.png) no-repeat; position:absolute; right:0px; top:0px;  }

/* Content */
#contentWrapper { padding:10px; }
#contentWrapper .content-pane { border:1px solid #f6f6f6; border-radius:15px; -moz-border-radius:15px; padding:15px; background:#fff; color:#000; font-size:1em; }
#contentWrapper .content-pane-bottom { border:1px solid #f6f6f6; border-radius:15px; -moz-border-radius:15px; padding:15px 15px 390px; background:#fff url(//bmo.com/lp/lowrate/mobile/images/bottom_bg.png) 50% 90% no-repeat; color:#000; font-size:1em; }
#contentWrapper .content-pane a, #contentWrapper .content-pane-bottom a { color:#0079C1; }
h1.ttl-bmo-mobile { padding:0px; display:block; width:119px; height:20px; overflow:hidden; background:url(//bmo.com/lp/lowrate/mobile/images/ttl-bmo-mobile.png) no-repeat; margin:auto; }
h1 { font-size:1.25em; color: #0079c2; text-align: center; }
h2 { font-size:1em; }

img {
	border: 0;
	margin: 0 5px;
}

.rates {
	background: transparent url(//bmo.com/lp/lowrate/mobile/images/rates_bg.png) top left no-repeat;
	width: 100%;
	height: 100%;
	max-width: 310px;
	max-height: 134px;
	margin: 0 auto 10px;
	padding: 20px 0;
}

	.rates .rates-title {
		font-size: 1.25em;
		color: #0079c2; 
		font-weight: bold;
		text-align: center;
	}

	.rates p.rates-amount {
		margin-top: 35px;
		font-size: 2em;
		font-weight: bold;
		text-align: center;
	}
	
	.rates p.rates-amount sup {
		font-size: 0.5em;
	}

/* Home Nav */
ul.home-nav { display:block; width:100%;  margin:15px 0 0 0; padding:0px; list-style:none; border:1px solid #f6f6f6; border-radius:15px; -moz-border-radius:15px; padding:15px 0; background:url(//bmo.com/lp/lowrate/mobile/images/home-tab-bg.png) bottom repeat-x #f6f6f6; }
ul.home-nav li {background:url(//bmo.com/lp/lowrate/mobile/images/home-tab-bg.png) repeat-x 0 50%; padding:0px; margin:0px; border-top:1px solid #f6f6f6; position:relative; }
ul.home-nav li a { display:block; color:#000; text-decoration:none; padding:20px 35px 20px 65px; height:45px; overflow:hidden; }
ul.home-nav li.about-tab a { background:url(//bmo.com/lp/lowrate/mobile/images/icon-about.png) no-repeat 15px 30%; height:40px; padding-top:5px;  }
ul.home-nav li.tour-tab a { background:url(//bmo.com/lp/lowrate/mobile/images/icon-demo.png) no-repeat 15px 50%; }
ul.home-nav li.use-mobile-banking-tab a { background:url(//bmo.com/lp/lowrate/mobile/images/icon-home.png) no-repeat 15px 50%; }
ul.home-nav li.security-tips-tab a { background:url(//bmo.com/lp/lowrate/mobile/images/icon-security.png) no-repeat 15px 50%; }
ul.home-nav li.faq-tab a { background:url(//bmo.com/lp/lowrate/mobile/images/icon-faqs.png) no-repeat 15px 60%; height:55px; padding:20px 35px 0px 65px; }
ul.home-nav li.requirements-tab a { background:url(//bmo.com/lp/lowrate/mobile/images/icon-requirements.png) no-repeat 15px 50%; }
ul.home-nav li.about-tab .arrow { top:20px; }
ul.home-nav li.faq-tab .arrow { top:25px; }
ul.home-nav .nav-title { font-size:1em; font-weight:bold; display:block;  }
ul.home-nav .nav-description { font-size:0.75em; display:block;  }
ul.home-nav .arrow { background:url(//bmo.com/lp/lowrate/mobile/images/home-tab-arrow.png) no-repeat right; width:13px; height:20px; position:absolute; right:15px; top:32px; }

/* Footer */
#footer { text-align:center; font-size:12px; padding:10px;  }
#footer .disclaimer { color: #fff; font-size: 12px; text-align: left; }
#footer .footerLinks { list-style:none; margin:0; padding:0; display:inline-block;  }
#footer .footerLinks li { display:block; float:left; padding:0 7px; margin:0px; border-right:1px solid #FFF; }
#footer .footerLinks li.last { border-right:none; }

/* Loading */
.loading { padding:60px; background:url(//bmo.com/lp/lowrate/mobile/images/loader.gif) no-repeat 50% 50%; }