@import url(form.css);

/* initialize elements */
html{font-size:16px}
body, html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, pre, cite, code, em, img, samp, small, strong, var, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0}
body{font:normal 62.5%/1 Arial,Verdana,"Helvetica Neue",Helvetica,"Times New Roman","Courier New",sans-serif;color:#666;background-color:#bcc2bc;min-width:960px;}
h1,h2,h3,h4,h5,h6,strong{font-weight:bold}
abbr,acronym{border-bottom:1px dotted #000;cursor:help}
em{font-style:italic}
p{line-height:1.125}
ul{list-style:none}
ol{list-style:decimal inside none}
a:link, a:visited{text-decoration:underline}
a:hover, a:active, a:focus{text-decoration:none}
a, a img, a:active img, a:focus img,:focus, *:focus{outline:0}
table{border-collapse:collapse;border-spacing:0}
small{font-size:90%}

/* general classes */
.left{float:left}
.right{float:right}
.clear{clear:both}
.clear-left{clear:left}
.clear-right{clear:right}
.hideflow{overflow:hidden}
.underline{border-bottom:1px solid}
.strike{text-decoration:line-through}
.highlight{background-color:#ffc;  color:inherit}
.img-left{float:left;margin:0 10px 4px 0}
.img-right{float:right;margin:0 0 4px 10px}
.pos_absolute{position:absolute}
.pos_relative{position:relative}
.block{display:block}
.hidden{display:none}
.width100{width:100%}

/* general message boxes */
.info, .success, .warning, .error, .validation{border:1px solid;margin:10px 0px;padding:15px 10px 15px 50px;background-repeat:no-repeat;background-position:10px center}
.info{color:#00529B;background-color:#BDE5F8;background-image:url(images/info.png)}
.success{color:#4F8A10;background-color:#DFF2BF;background-image:url(images/valid_green.png)}
.warning{color:#9F6000;background-color:#FEEFB3;background-image:url(images/attention.png)}
.error{color:#D8000C;background-color:#FFBABA;background-image:url(images/cancel.png)}

/* global site styles */
h1{position:absolute;color:#5f655c;font-size:2.8em;top:90px;left:7px;width:360px}
h2{padding:0 0 18px;color:#3fc3fa;font-family:Helvetica,Arial,Verdana,"Times New Roman","Courier New",sans-serif;font-size:1.8em;clear:both}
h3{padding:0 0 10px;color:#1c4a68;font-size:1.2em;font-weight:bold}
h4{font-size:1.1em;color:#666;margin-bottom:5px}
p{line-height:1.2;font-size:1.2em}

.tablejob{font-size:12px;text-align:left;}
a{color:#11769f}
dl{overflow:hidden;width:100%;margin-bottom:10px}
dt,dd{padding-right:15px;float:left;line-height:1.4;font-size:1.2em}
dt{width:235px}
dd{width:50px}
.banner-link{line-height:0;margin-bottom:20px;display:inline-block}
.banner-link img{display:inline-block}
.wrapper,#main-nav ul{width:940px;margin:0 auto;text-align:left}
h3.split-title{border-bottom:1px solid #e2e2e2}
h3.split-title span.hideflow{width:100%;line-height:1.2}
h3 span.small{font-size:0.9em}
.col-right h2{font-size:1.7em}

/* header */
.header{height:209px;background:transparent url(../img/header-bg.gif) repeat-x top left}
.header .wrapper{position:relative;height:100%;background-position:top left;background-repeat:no-repeat;background-color:transparent}
#home .header .wrapper,#content .header .wrapper{background-image:url(../img/header-bg-home.jpg)}
#homebanking .header .wrapper{background-image:url(../img/header-bg-homebanking.jpg)}
#loans .header .wrapper{background-image:url(../img/header-bg-loans.jpg)}
#mastercard .header .wrapper{background-image:url(../img/header-bg-mastercard.jpg)}
#loans-hypothecaire .header .wrapper{background-image:url(../img/header-bg-credit-hypothecaire.jpg)}
#faqs .header .wrapper{background-image:url(../img/header-bg-faqs.jpg)}

/* header elements */
.header .logo{position:absolute;top:18px;left:12px;width:129px;height:48px}
h1 .different{color:#3fc3fa;display:block;}
#home h1 .different{font-size:1.4em}
#header-nav{position:absolute;top:0;right:0;margin:5px 90px 0 0}
#header-nav li{padding:0 7px;border-right:1px solid;float:left}
#header-nav li a{color:#1c4a68;text-transform:uppercase;font-weight:bold;font-size:1em;text-decoration:none}
#header-nav li a:hover{text-decoration:underline}
#header-nav li.last{border:none}
#lang-nav{position:absolute;top:0;right:0}
#lang-nav li{float:left;width:20px}
#lang-nav li.active{width:48px;height:31px;display:block;background:transparent url(../img/lang-act.png) no-repeat top left;text-align:center}
#lang-nav li a{display:block;padding:4px 0 0;font-size:1.3em;color:#8e8d8d;font-family:Helvetica,Arial,Verdana,"Times New Roman","Courier New",sans-serif;font-weight:bold;text-decoration:none}
#lang-nav li a:hover {text-decoration:underline}
#lang-nav li.active a{color:#fff}
.header-buttons{width:255px;position:absolute;top:85px;right:0;text-align:right}
.header-buttons a.clear{width:100%;display:block;color:#6ba6be}
.header-buttons a.btn-link{margin:0 0 5px 0;float:right}

.flash-container{margin-bottom:20px}

/* main navigation */
#main-nav{background:transparent url(../img/main-nav-bg.gif) repeat-x top left;position:absolute;top:209px;width:100%;z-index:10;min-width:960px;}
#main-nav ul li{width:191px;float:left;text-align:center}
#main-nav ul li.first{width:176px}
#main-nav ul li a{color:#fff;display:block;background:transparent url(../img/main-nav-sep-bg.gif) repeat-y top right;font-size:1.6em;height:32px;padding-top:13px;text-decoration:none}
#main-nav ul li a:hover{text-decoration:none}
#main-nav ul li .change-link.hover{background-color:#6ba6be}
#main-nav ul li.first a{background-image:url(../img/main-nav-sep-bg-first.gif)}
#main-nav ul li.active a{color:#1c4a68;background-color:#fff}
#main-nav ul li.active a:hover{color:#fff}
#main-nav ul li ul{width:209px;margin-left:-10px}
#main-nav ul li ul li{float:none;line-height:0;font-size:0;padding:0 9px;background:transparent url(../img/sub-nav-bg.png) repeat-y top left;width:auto}
#main-nav li ul li.bottom{height:16px;background:transparent url(../img/sub-nav-bot.png) no-repeat top left}
#main-nav ul li ul li a{font-size:12px;height:1%;color:#666;border:1px solid #fff;padding:0;line-height:2;background:#fff url(../img/sub-nav-item-bg.gif) repeat-x top left}
#main-nav ul li ul li a:hover{background:none;background-color:#1c4a68;color:#fff}

/*content */
.content{background-color:#fff;width:100%;position:relative;z-index:1;overflow:hidden;top:210px;padding:30px 0 10px 0}
.col-left{float:left;width:704px;overflow:hidden}
.col-right{float:right;width:220px;overflow:hidden}
#home .col-left,#home .col-right{width:464px}
.button-holder{overflow:hidden;padding-bottom:20px;width:100%}
.button-holder a.btn-link{margin-bottom:5px}
.button-holder a.btn-link-arrow-left{margin-bottom:5px}
.button-holder a.btn-link-print{margin-bottom:5px}
#content .col-left p{margin:0 15px 15px 0;font-size:1.3em;line-height:1.3}
#content .col-left h3{font-size:1.4em}
#content .col-left ul{margin:-10px 15px 0 0;width:auto}
#content .col-left li{font-size:1.3em;line-height:1.3;margin-bottom:5px}
p.disclaimer{font-size:1em !important;font-style:italic;margin-top:30px !important}
.sep{height:1px;font-size:0;line-height:0;margin:20px 0 15px 0;background:transparent url(../img/list-arrow-bg.gif) repeat-x top left}
iframe{margin-top:-25px;z-index:0;position:relative}

/* footer */
.footer{width:100%;background:#bcc2bc url(../img/footer-sep.gif) repeat-x top left;position:relative;top:210px;overflow:hidden}
.footer-col{width:160px;float:left;padding:20px 0 20px 20px;background:transparent url(../img/footer-sep.png) no-repeat top right}
.footer-col.last{background-image:none}
.footer-col h2{padding:0 0 10px;color:#fff;font-size:1.4em}
.footer-col ul{padding:0 0 15px}
.footer-col ul li{line-height:1.3;margin-bottom:3px}
.footer-col ul li a{font-size:1.2em;color:#666666}
.extra-footer{width:100%;background:#f0f0f0 url(../img/footer-extra-sep.gif) repeat-x top left;position:relative;top:210px;height:64px;padding:12px 0 10px 0;overflow:hidden}

/* listings */
/* List arrow */
.list-arrow{margin:0 0 0 10px}
.list-arrow li{padding:10px 0;background:transparent url('../img/list-arrow-bg.gif') repeat-x bottom left;color:#666;font-size:1.2em}
.list-arrow li.last{background:none}
.list-arrow li a,.list-arrow li span{display:block;padding:0 0 0 15px;background:transparent url('../img/list-arrow.png') no-repeat center left;color:#666;text-decoration:none}
.list-arrow li a:hover{text-decoration:none}
#faqs .list-arrow{margin:0 0 25px 10px}
#faqs .list-arrow li{padding:5px 0}

/* list contact*/
.list-contact li{padding:0 0 11px;clear:both;font-size:1.4em;border-bottom:1px solid #ddd}
.list-contact li.last{padding:10px 0 0;border:none}
.list-contact span{color:#72ca4c;font-size:1.5em;font-weight:bold}

/* list dash */
.list-dash{padding-bottom:10px;overflow:hidden;width:100%}
.list-dash li{padding:0 0 0 10px;background:transparent url('../img/list-dash.gif') no-repeat 0 8px;font-size:1.2em;line-height:1.25}
.list-dash li .font-increase{font-size:1.2em}

.info-links li{padding:10px 0;border-bottom:1px solid #ddd;overflow:hidden}
.info-links p{font-size:1.3em;color:#11769f;font-weight:bold}
.info-links img{float:left}
.info-links h4,.info-links p{margin-left:45px}
.info-links li.last{border-right:none;border-bottom:none}
.info-links .no-visual h4,.info-links .no-visual p{margin-left:0}
.extra-footer .info-links .no-visual h4,.extra-footer .info-links .no-visual p{margin-left:10px}
.extra-footer .info-links li{border-bottom:none;border-left:1px solid #fff;border-right:1px solid #dcdada;float:left;height:64px;padding:0 10px 0 0}
.extra-footer .info-links img{margin:0 10px}
.extra-footer .info-links h4,.extra-footer .info-links p{margin-left:60px}
.extra-footer .info-links li.first{border-left:none;margin-left:10px}

/* scalable boxes */
/* general box */
.box{position:relative;margin-bottom:20px;overflow:hidden;width:100%}
.box-top{position:absolute;top:0;left:0;height:5px;width:100%;z-index:1}
.box-bot{position:relative;bottom:0;left:0;height:5px;width:100%;z-index:1}
.box p{padding:0 0 10px 0}

/* visual box (left white img) */
.visualbox{background-image:url(../img/box-visual-bg.gif)}
.visualbox .box-top{background:transparent url(../img/box-top-visual.png) no-repeat top left}
.visualbox .box-bot{background:transparent url(../img/box-bot-visual.png) no-repeat bottom left}
.visualbox img.visual{position:absolute;bottom:2px;left:2px;z-index:0}
.visualbox div.right{width:462px;padding:15px 15px 15px 0;;min-height:108px;_height:108px}
#home .visualbox{background-image:url(../img/box-visual-bg-home.gif)}
#home .visualbox .box-top{background-image:url(../img/box-top-visual-home.png)}
#home .visualbox .box-bot {background-image:url(../img/box-bot-visual-home.png)}
#home .visualbox div.left{width:247px;padding:15px 0 0 15px;min-height:125px}
#home .visualbox img.visual{width:195px;left:auto;right:3px;z-index:0}

/* cross box (crossed bg footer) */
.crossbox{background-image:url(../img/box-visual-bg-home.gif)}
.crossbox .box-top{background:transparent url(../img/box-top-visual-home.png) no-repeat top left}
.crossbox .box-bot{background:transparent url(../img/box-bot-cross.png) no-repeat bottom left;height:33px}
.crossbox .box-bot a{display:block;float:right;padding:0 20px 0 15px;margin:10px 0;font-weight:bold;font-size:1.1em;text-decoration:none;background:transparent url(../img/list-arrow.png) no-repeat left 1px}
.crossbox .box-bot a:hover{text-decoration:underline}
#home .crossbox div.right{width:216px;padding:15px 10px 15px 0;;min-height:108px;_height:108px}
#home .crossbox div.right .list-arrow{margin:0 0 10px 0}
#home .crossbox .box-sep{height:3px;width:100%;background:transparent url(../img/box-home-cross-sep.gif) no-repeat top left;margin-top:15px;line-height:0;font-size:0}

/* news box */
.newsbox{background:transparent url(../img/box-home-news-bg.gif) repeat-y top left;width:100%}
.newsbox h3{background:#1c4a68 url(../img/home-news-title-bg.jpg) no-repeat top left;padding:20px 0 0 85px;margin:0;height:56px;color:#fff;font-size:2.6em}
.newsbox ul{padding:0 3px}
.newsbox ul li{padding:10px 25px 10px 15px;background:transparent url(../img/list-gradient-bg.gif) repeat-x top left;font-size:1.2em;line-height:1.25}
.newsbox-bot{width:100%;height:6px;background:transparent url(../img/box-home-bot-white-bg.gif) no-repeat bottom left;line-height:0;font-size:0;margin-bottom:20px}

/* introbox pages (visual right top) */
.introbox{background-image:url(../img/box-intro-bg.png);background-position:bottom left}
.introbox .box-top{background:transparent url(../img/box-top-intro.png) no-repeat top left}
.introbox .box-bot{background:transparent url(../img/box-bot-intro.png) no-repeat bottom left}
.introbox img.visual{position:absolute;right:2px;top:2px;z-index:0}
.introbox div.left{padding:15px 0 0 15px;min-height:125px}
.introbox h3{margin:0;padding:0 220px 10px 0}
.introbox p{padding:0 260px 10px 0}
.introbox p.full-width{padding:0 15px 15px 0}
.introbox .list-dash{padding:0 260px 10px 0;width:auto}
.introbox .button-holder{width:auto;padding-right:15px}
#loans-hypothecaire .introbox .list-dash{margin-bottom:50px}

/* wxhite box */
.whitebox{background:transparent url(../img/box-white-bg.gif) repeat-y top left}
.whitebox .box-top{background:transparent url(../img/box-top-white.png) no-repeat top left}
.whitebox .box-bot{background:transparent url(../img/box-bot-white.png) no-repeat bottom left}
.whitebox div.left{width:332px;padding:23px 5px 10px 20px;min-height:252px}
.whitebox .flash-container{background:transparent url(../img/box-white-flash-sep.gif) no-repeat top left;position:absolute;top:2px;right:2px;padding:18px 18px 0 20px;margin-bottom:0px}
.pdf-btn-holder{position:absolute;bottom:23px;left:20px}
#faqs .whitebox div.left{min-height:80px;width:auto;padding:30px 20px 20px 20px}
.whitebox form select{height:20px;font-size:1.2em}

/* buttons */
/* button link */
.btn-link{height:36px;padding:0;display:block;color:#fff;font-size:1.7em;overflow:hidden}
a.btn-link{text-decoration:none}
.btn-link:hover{text-decoration:none}
.btn-link span{height:36px}
.btn-link-arrow .left{width:9px;display:block;float:left;background:transparent url(../img/btn-link-left.png) no-repeat top left}
.btn-link .mid{display:block;float:left;padding:8px 5px 0;background:transparent url(../img/btn-link-mid.png) repeat-x top left}
.btn-link .right{width:28px;display:block;float:left;background:transparent url(../img/btn-link-right-with-arrow.png) no-repeat top left}

.btn-link-arrow-left{height:36px;padding:0;display:block;color:#fff;font-size:1.7em;overflow:hidden}
a.btn-link-arrow-left{text-decoration:none}
.btn-link-arrow-left:hover{text-decoration:none}
.btn-link-arrow-left span{height:36px}
.btn-link-arrow-left .left{width:28px;display:block;float:left;background:transparent url(../img/btn-link-left-with-arrow.png) no-repeat top left}
.btn-link-arrow-left .mid{display:block;float:left;padding:8px 5px 0;background:transparent url(../img/btn-link-mid.png) repeat-x top left}
.btn-link-arrow-left .right{width:9px;display:block;float:left;background:transparent url(../img/btn-link-right.png) no-repeat top left}

.btn-link-print{height:36px;padding:0;display:block;color:#fff;font-size:1.7em;overflow:hidden}
a.btn-link-print{text-decoration:none}
.btn-link-print:hover{text-decoration:none}
.btn-link-print span{height:36px}
.btn-link-print .left{width:9px;display:block;float:left;background:transparent url(../img/btn-link-left.png) no-repeat top left}
.btn-link-print .mid{display:block;float:left;padding:8px 5px 0;background:transparent url(../img/btn-link-mid.png) repeat-x top left}
.btn-link-print .right{width:9px;display:block;float:left;background:transparent url(../img/btn-link-right.png) no-repeat top left}

/* home gloss button small */
.btn-small{width:194px;height:48px;display:block;background:transparent url(../img/btn-small.png) no-repeat top left;color:#fff;font-size:1.7em}
.btn-small .btn-text{display:block;padding:6px 0 0 8px}
a.btn-small, .btn-small:hover{text-decoration:none}

/* home gloss button big */
.btn-big{width:194px;height:98px;display:block;margin:15px 0 0 15px;background:transparent url(../img/btn-big.png) no-repeat top left;color:#fff;font-size:1.7em;float:left}
.btn-big .btn-text{display:block;padding:30px 0 0 8px}
a.btn-big, .btn-big:hover{text-decoration:none}

/* pdf button */
.btn-pdf{display:inline-block;background:transparent url(../img/btn-pdf-bg.png) no-repeat top right;padding-right:45px;cursor:pointer}
.btn-pdf span{display:inline-block;background:transparent url(../img/btn-pdf-bg.png) no-repeat top left;height:25px;line-height:2.3;padding-left:10px}
a.btn-pdf, .btn-pdf:hover{text-decoration:none !important;color:#474747}

/* top link */
a.top-link{display:block;font-size:1.1em;float:right;clear:both;padding-right:15px;background:transparent url('../img/top-link-arrow.gif') no-repeat right 3px;line-height:1.2;margin-top:5px}

/* faqs */
.faq-answers{padding-left:10px}
.faq-answer{margin-bottom:15px;padding-bottom:15px;overflow:hidden;width:100%;background:transparent url(../img/list-arrow-bg.gif) repeat-x scroll left bottom}
.faq-answers p{margin-bottom:15px}
.faq-answers h3{margin-left:0;font-size:1.4em}
.faq-answers ul{padding:0 20px;overflow:hidden;margin-bottom:10px;margin-top:-8px}
.faq-answers li{font-size:1.2em;list-style-type:disc;margin-bottom:10px;line-height:1.3}
.faq-answers ul.list-dash{margin:5px 0 0 15px;padding:0}
.faq-answers .list-dash li{font-size:1em;list-style-type:none;padding-right:50px;text-indent:0}

/* sitemap */
#content .col{width:50%;float:left}
#content .col h3{margin-bottom:10px;font-size:1.4em;line-height:2.6em}
#content .col h3 a{color:#1C4A68}
#content .col ul{margin-bottom:20px}
#content .col ul li,#content .col ul li ul li h3 a{font-size:1em}
#content .col ul li ul{margin-left:15px}
#content .col ul li ul li a{font-size:1.2em}

/* question panel */
#question-panel{width:217px;background:transparent url(../img/question-bg.gif) no-repeat 0 30px;margin-bottom:20px}
#iapanel{background:transparent url(../img/question-bot-bg.gif) no-repeat bottom left;padding-bottom:115px;min-height:175px;line-height:1.2}
#question-input{margin-bottom:6px;overflow:hidden}
#iacontrolpanel,#buttonrow{display:inline-block;float:left}
#iacontrolpanel{border:1px solid #3fc3fa;border-right:none;height:17px;width:143px;padding:3px 0 0 3px}
#iacontrolpanel input{width:98%;border:none;background:none;font-size:1.1em;color:#8d8d8d}
#buttonrow{background:transparent url(../img/question-btn-bg.gif) no-repeat top right;height:22px;padding:2px 0 0 3px;width:67px;}
#buttonrow input{margin:0;padding:0;font-size:1.1em;color:#fff;font-weight:bold;cursor:pointer}
#iapicturepanel{display:none;visibility:hidden}
#iaanswertextfield{padding:24px 16px 16px 16px;font-size:1.2em;color:#1c4a68}

.info-links li.no-visual-right{padding-left:45px}
.info-links li.no-visual-right h4, .info-links li.no-visual-right p{margin-left:0}
.info-links li.info-no-line{border:none}
.info-links li.info-border-right{border-right:none}
.extra-footer .info-links li.no-visual{border-left:none}

#banner-collapse{position:relative;}
#banner-collapse .collapse-link{text-indent:-10000px;position:absolute;display:block;background:transparent url(../img/spacer.gif) repeat top left}
#banner-collapse .collapse-link-nl{top:135px;left:30px;width:96px;height:11px;}
#banner-collapse .collapse-link-fr{top:135px;left:30px;width:80px;height:11px;}
#banner-collapse .collapse-box{overflow:hidden;margin-bottom:20px}

.no-visual { width:165px; }
.no-visual1 { width:195px;}
.no-visual2 { width:160px; }