/* HTML Tags */
html, body { height: 100%; }
body { background:url(../images/bg.png) repeat-y 50% 0 #bdbfc1; color:#FFF; font-family:Arial, Helvetica, sans-serif; margin: 0; padding:0; }
a { color:#FFF; outline:none; }
h1 { clear:both; }
h3 { margin-bottom:0; }
p { margin-top:0; }

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

/* Header */
#header { background:url(../images/header-bg.png) repeat-x; height:50px; overflow:hidden; position: absolute; top: 0; width: 100%; }
#header a.logo { display:block; width:240px; height:30px; background:url(../images/logo-bmo.png) no-repeat; margin: 10px 0 0 10px; }

/* Content */
#contentWrapper { min-height: 100%;  }
#contentWrapper #headerSpace { overflow: auto; padding-top: 60px;}
#contentWrapper .topLinks { list-style:none; padding:0; overflow: hidden; background:url(../images/ttl-bmo-mobile.png) no-repeat scroll 50% 5px transparent; margin: 0 10px; padding-bottom: 10px; border-bottom: 2px dotted #707172; }
#contentWrapper a#back { visibility: hidden; display:block; float:left; width:60px; height:30px; overflow:hidden; background:url(../images/btn-back.png) no-repeat; }
#contentWrapper a#home { visibility: hidden; display:block; float:right; width:56px; height:30px; overflow:hidden; background:url(../images/btn-home.png) no-repeat; }
#contentWrapper .content-pane { border:1px solid #000; border-radius:15px; -moz-border-radius:15px; padding:15px; background:#FFF; color:#000; font-size:1em; margin: 15px 10px 0 10px;}
#contentWrapper .content-pane a { color:#0079C1; }
#contentWrapper #footerSpace { overflow: auto; padding-bottom: 135px;}
h1 { font-size:1.25em; }
h2 { font-size:1em; }
h3 { font-side:0.85em; }
h4 { font-side:0.75em; }

/* Home Nav */
ul.home-nav { margin:15px 10px 0; padding:0; list-style:none; border:1px solid #000; border-radius:15px; -moz-border-radius:15px; padding:15px 0; background-color: #FFF; }
ul.home-nav li { padding:0px; margin:0px; border-top:1px solid #b4b4b4; position:relative; }
ul.home-nav li a { display:block; color:#000; text-decoration:none; padding:10px 35px 10px 15px; height:55px; overflow:hidden; }
ul.home-nav li.securite-tab a { height:65px; }
ul.home-nav li.a-propos-tab { border-top: 0; }
ul.home-nav li.a-propos-tab a { padding-top: 0; }
ul.home-nav li.faq-tab a { padding-bottom: 0; }
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(../images/home-tab-arrow.png) no-repeat right; width:13px; height:20px; position:absolute; right:15px; top:28px; }
ul.home-nav .a-propos-tab .arrow { top:10px; }
ul.home-nav .securite-tab .arrow { height:33px; }

/* Footer */
#footer { width: 100%; background:url(../images/footer-bg.png) repeat-x; height:100px; background-color: #d1d2d4; position: relative; margin-top: -115px; padding-top: 15px; }
#footer .footerLinks { font-size:12px; margin:15px 10px 0 10px; padding:0 10px; list-style:none; border:1px solid #000; border-radius:15px; -moz-border-radius:15px; background-color: #e8e8e8; list-style:none; padding:0; overflow: hidden; }
#footer .footerLinks li { width:33%; float:left; text-align: center; padding: 0; margin:0; border-right:1px solid #000; }
#footer .footerLinks li a { color: #000; font-weight: bold; text-decoration: none; display: block; width: 100%; height: 100%; padding: 10px 0; }
#footer .footerLinks li.last { border-right:none; }

/* Hide Tracking image */
#scripts {display:none;}

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