body { background-color: #0079c1; margin-top:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; }
a { color: #fff; }
a:hover { color: #FF0000; }
img { border: none; }
h1.title { width: 940px; height: 62px; margin: 0; padding: 0; position: relative; }
h1.title span { width: 100%; height: 100%; overflow: hidden; position: absolute; }
h1 { color: #0079c1; font-size: 28px; }
h2 { color: #0079c1; font-size: 16px; }
h3 { color: #0079c1; font-size: 14px; }
h4 { font-size: 12px; }
.blue { color: #0079c1; }
.bold { font-weight: bold; }
.disclaimer { font-size: 10px; }
.indent { padding-left: 21px; }
.leftFloat { float: left; }
.rightFloat { float: right; }
.clearFloat { clear: both; }
.error { margin: auto; text-align: left; padding: 0 0 10px 0; color: #f00; }
input.formerror { border: 1px solid #f00; }

#headerDiv { height:85px; }
.contentBox { padding: 25px 27px; }
.contentBox a { color: #0079C1; }
.contentBox a:hover { color: #FF0000; }
.navBar { margin-top: 10px; }
.quickLinks a { color: #0079c1; text-decoration: none; font-size: 14px; }
.quickLinks a:hover { text-decoration: underline; color: #FF0000; }

.reviewOptions a { font-size:12px; font-weight:bold; text-decoration:none; }
.reviewOptions a:hover {	color:#ff0000;	text-decoration:underline; }
 
#printOption a.print-button { background:url("../images/icon_print.jpg") left no-repeat; padding-left: 25px; }

/* Buttons */
div.redButton, div.sm_redButton, div.blueButton, div.prevButton, div.inactiveButton  { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; clear:both; }
div.redButton a:focus, div.sm_redButton a:focus, div.blueButton a:focus, div.prevButton a:focus { border: 1px dotted blue !important; }
div.redButton div a:hover, div.blueButton div a:hover, div.prevButton div a:hover { color:#fff; text-decoration:none; !important }
/**** red ***/
div.redButton div { float:left; background:url("../images/btn_red_left.png") no-repeat left; height:38px; overflow:hidden; padding-left:13px; color:#fff;  }
div.redButton div a { display:block; float:left; height:38px; overflow:hidden; line-height:33px; color:#fff; text-decoration:none; font-weight:bold; padding-left:3px; padding-right:30px; background:url("../images/btn_red_right.png") no-repeat right; font-size:14px; outline:none; !important }
/**** small red ***/
div.sm_redButton div { float:left; background:url("../images/btn_sm_red_left.png") no-repeat left; height:34px; overflow:hidden; padding-left:13px; color:#fff;  }
div.sm_redButton div a { display:block; float:left; height:34px; overflow:hidden; line-height:29px; color:#fff; text-decoration:none; font-weight:bold; padding-left:3px; padding-right:30px; background:url("../images/btn_sm_red_right.png") no-repeat right; font-size:13px; outline:none; !important }
/**** blue ***/
div.blueButton div { float:left; background:url("../images/btn_blue_left.png") no-repeat left; height:38px; overflow:hidden; padding-left:13px; color:#fff;  }
div.blueButton div a { display:block; float:left; height:38px; overflow:hidden; line-height:33px; color:#fff; text-decoration:none; font-weight:bold; padding-left:3px; padding-right:30px; background:url("../images/btn_blue_right.png") no-repeat right; font-size:14px; outline:none; !important }
/**** small blue ***/
div.sm_blueButton div { float:left; background:url("../images/btn_sm_blue_left.png") no-repeat left; height:30px; overflow:hidden; padding-left:13px; color:#fff;  }
div.sm_blueButton div a { display:block; float:left; height:30px; overflow:hidden; line-height:25px; color:#fff; text-decoration:none; font-weight:bold; padding-left:3px; padding-right:23px; background:url("../images/btn_sm_blue_right.png") no-repeat right; font-size:12px; outline:none; !important }
/**** prev ***/
div.prevButton div { float:left; background:url("../images/btn_prev_left.png") no-repeat left; height:38px; overflow:hidden; padding-left:28px; color:#fff;  }
div.prevButton div a { display:block; float:left; height:38px; overflow:hidden; line-height:33px; color:#fff; text-decoration:none; font-weight:bold; padding-left:3px; padding-right:15px; background:url("../images/btn_prev_right.png") no-repeat right; font-size:14px; outline:none; !important }
/**** inactive ***/
div.inactiveButton div { float:left; background:url("../images/btn_grey_left.png") no-repeat left; height:38px; overflow:hidden; padding-left:13px; color:#fff;  }
div.inactiveButton div a { display:block; float:left; height:38px; overflow:hidden; line-height:33px; color:#e3e3e3; text-decoration:none; font-weight:bold; padding-left:3px; padding-right:30px; background:url("../images/btn_grey_right.png") no-repeat right; font-size:14px; outline:none; !important }

#wrapperDiv { width:940px; margin: 0 auto; }
#logo { padding: 15px 0 0 0; margin-bottom: 10px; }
#printlogo { display: none; }
#headerLinks { float:right; color:#fff; margin:5px 30px 0px 0px; font-size: 11px }
#headerLinks a { color:#fff; text-decoration: none; }
#headerLinks a:hover { text-decoration: underline; }

#maincontent { width: 940px; min-height: 460px; background: #fcfdfd url("../images/clouds_bg.jpg") bottom left no-repeat; color: #555; margin: auto; font-size: 14px; }
#main-contact { width: 940px; min-height: 460px; background: #fcfdfd url("../images/clouds_bg.jpg") bottom left no-repeat; color: #555; margin: auto; font-size: 14px; }
/*#maincontent a { color: #0079c1; }*/
#intro { margin: auto; }
#intro .contentBox { padding: 25px 33px; }
span.welcome { background: url("../images/header_welcome.jpg") top left no-repeat; }
#stepOne, #stepTwo, #stepThree, #stepFour { margin-top: 25px; border-left: 1px dotted #0079c1; }
#stepFour { border-right: 1px dotted #0079c1; }

#progressBar { background: url("../images/progressBar_BG.png") no-repeat; width: 270px; height: 45px; margin: 8px 0 0 662px; z-index: 1000; position: absolute; }
#progressBar .first { margin-left: 9px; }
.progressBlock { margin: 11px 3px 0 0; }
.tally { font-size: 24px; font-weight: bold; color: #0079c1; margin-right: 10px; text-align: center; }
.tally div { font-size: 11px; margin-top: -3px; }

#questions { background: url("../images/questionsBG.png") right 85px no-repeat; }
span.smartsteps { background: url("../images/header_smartsteps.jpg") top left no-repeat; }
.questionBox { min-height: 260px; }
.questionBox .short .q { width: 400px; }
.questionBox .long .q { width: 500px; }
.questionBox .question .q , .questionBox .question .a { border-right: 1px dotted #0079c1; height: 25px; }
.questionBox .question .twoline { height: 45px; }
.questionBox .question input { margin-left: 15px; }
.questionBox .question label { margin-right: 20px; }
span.actionplan { background: url("../images/header_actionplan.jpg") top left no-repeat; }
span.answers { background: url("../images/header_answers.jpg") top left no-repeat; }

#actionplan .product { width: 256px; padding: 0 12px 10px; font-size: 13px; background: #fff url("../images/prod_bk.jpg") no-repeat; height: 440px; }
#actionplan h2.title { width: 280px; height: 64px; margin: 0 0 0 -13px; padding: 0; position: relative; }
#actionplan h2.title span { width: 100%; height: 100%; overflow: hidden; position: absolute; }
.edbb { background: url("../images/prodTitle_EDBB.jpg") top left no-repeat; }
/* For Product Scroller */
#scrollWrapper { border: 1px solid #a2b4cc; height: 450px; padding: 7px 5px; }
.scrollable { position: relative; overflow: hidden; width: 837px; height: 450px; }
.scrollable .items { width:20000em; position:absolute; clear:both; }
.items .scrollWindow { float:left; }
/**** nav buttons ***/
.scrollable { float:left; }
a.browse { background:url(../images/hori_large.gif) no-repeat; display: block; width: 15px; height: 32px; float: left; margin: 193px 3px; cursor: pointer; font-size: 1px; }
/**** right ***/
a.right, a.right:hover { background-position: -15px 0; clear:right; margin-right: 0px;}
a.right:active { background-position:-15px -32px; }
/**** left ***/
a.left, a.left:hover { margin-left: 0px; } 
a.left:active	{ background-position: 0 -32px; }
/* disabled navigational button */
a.disabled { visibility:hidden !important; }
/* position and dimensions of the navigator */
.navi { margin: 5px auto; height:22px; width: 85px; }
/* items inside navigator */
.navi a { width: 20px; height:22px; float:left; margin: 0 4px; background:url("../images/navigator.jpg") 0 0 no-repeat; display:block; font-size:1px; }
/* mouseover state */
.navi a:hover { background-position: -22px 0; }
/* active state (current page state) */
.navi a.active { background-position: -44px 0; } 
#actionplan .navBar { margin: 10px 18px; }

#actionplan #review_your_plan_options{
	float:left;
	padding-top: 20px;
	width: 100%;
}

#actionplan #review_your_plan_options table{
	border-top: 1px solid #bfddef;
}

#actionplan #review_your_plan_options table td{
	padding: 0 15px;
}

#offers{ margin:15px 3px 5px; font-size: 13px; }
#offers h3.title { width:246px; height:30px; margin:0; padding:0; position:relative; }
#offers h3.title span { width: 100%; height: 100%; overflow: hidden; position: absolute; }
.exclusiveOffers { background: url("../images/title_offers.png") top left no-repeat; }
.exclusiveOffersGradient { background: url("../images/title_offers_gradient.png") top left no-repeat; }
.offerBox { padding: 15px 0px 0px; }
.offer { margin-top: 20px; font-weight: bold; }

#emailConfirmation { margin:15px 18px; padding: 0 10px; border: 1px dashed #f00; font-size: 12px;}	

#answersummary { font-size: 12px; }
html.ie #printOption { margin-bottom: 15px; }
#businessProfile { width: 200px; }
#businessProfile p span { font-weight: bold; }
#answers { width: 665px; }
#answers h4 { margin-bottom: 3px; }
#answers div.even { padding: 3px 10px; }
#answers div.odd { padding: 3px 10px; background: #dceef9; }
html.ie #answers div.even div, html.ie #answers div.odd div { margin: -18px 10px; }

#content { margin: 0px 20px;}
#email .modal, #refer .modal { display: none; background-color:#fff; width:305px; padding:15px; text-align:left; font-size: 12px; color: #555; border:1px solid #cae3f3; -moz-border-radius:6px; -webkit-border-radius:6px; }
#email h2, #refer h2 { color: #0079c1; font-size: 20px; margin: 0; }
#email input, #refer input { width: 265px; margin: 2px 0; }
#email .modal a.close, #refer .modal a.close { background-image: url("../images/btn_close.gif"); position:absolute; right:-10px; top:-10px; cursor:pointer; height:21px; width:21px; }
.feedback-waiting { background:url("../images/loading.gif") no-repeat 50% 50%; display:none; }
.feedback-thank-you { text-align:center; padding-top:25px; display:none; }

#offersLeft{ width:350px; float:left; background:#fff url("../images/gradient_bg.gif") no-repeat right top; padding:18px 15px 15px; border-left:1px dotted #0079c1; border-right:1px dotted #0079c1; }

#thankyou { font-size: 13px; width:450px; float:left; padding-left:25px; }
#thankyou h2 { font-size: 15px; color: #555;  }
#thankyou ul { list-style: none; margin: 0 0 55px 0; padding-left: 0; }
#thankyou ul li { padding: 3px 0 0 35px; height: 30px; }
#thankyou ul li.rss { background: url("../images/icon_rss.png") top left no-repeat; }
#thankyou ul li.pdf { background: url("../images/icon_pdf.png") top left no-repeat; }
#thankyou ul li.cmty { background: url("../images/icon_cmty.png") top left no-repeat; }
#thankyou ul li.enews { background: url("../images/icon_enews.png") top left no-repeat; }

#contact { font-size: 13px; }
#contact h2 { font-size: 15px;  }
#contact ul { list-style: none; margin: 0 0 169px 0; padding-left: 0; }
#contact ul li {  padding: 3px 0 0 35px; height: 30px; }
#contact ul li.phone { background: url("https://www.bmo.com/images/icon_calc.gif") top left no-repeat; }
#contact ul li.branch { background: url("https://www.bmo.com/images/icon_search.gif") top left no-repeat; }
#contact ul li.online { background: url("https://www.bmo.com/images/icon_mouse.gif") top left no-repeat; }


#footer { color: #fff; padding: 10px 0 30px; text-align: left; margin-bottom: 20px; }
#leftFooter { float: left; min-height: 1px; }
#leftFooter a { color:#fff; text-decoration: none; }
#leftFooter a:hover { text-decoration: underline; }

#rightFooter { float: right; }
#rightFooter .cmty_link, #rightFooter .social-footer-icons  { height: 34px; margin-left:5px; }
#rightFooter .social-footer-icons a { background: url("https://www.bmo.com/images/social-icons-sprite.png") no-repeat scroll 0 0 transparent; display: inline-block; height: 21px; margin-left: 3px; vertical-align: middle; width: 21px; }
#rightFooter .social-footer-icons a.facebook { background-position: 0 0; }
#rightFooter .social-footer-icons a.twitter { background-position: -21px 0; }
#rightFooter .social-footer-icons a.youtube { background-position: -42px 0; }
#rightFooter .cmty_link a { text-decoration: none; }
#rightFooter .cmty_link a:hover { text-decoration: underline; }