@charset "utf-8";
/* CSS Document */

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, form, a, fieldset, input, th, td { margin: 0; padding: 0; border: 0; outline: none; }
body { background-color: #0079C1; font-size:12px; font-family: Arial, Helvetica, sans-serif; margin:0; padding:0; color: #ffffff; }
.leftFloat { float: left; }
.rightFloat { float: right; }
.clear { clear:both; }
h4 { color: #0079c1; font-size: 12px; }
sup { position: relative; top: -0.7em; vertical-align: bottom; font-size: 9px; }

#container {
	width: 943px;
	margin: 0 auto;
}
#header {
	width: 940px;
	height: 45px;
	padding: 25px 0;
}
#header a {color: #fff; text-decoration: none;}
#bmo_logo { background:url('http://www.bmo.com/images/logo_bmo.gif') top left no-repeat; width:282px; height:67px; float:left; }
#bmo_logo a { width: 190px; height: 64px; display: block; text-indent: -9000px; }
#topLinks { float:right; margin-top:15px; color:#fff; /*font-size:0.75em;*/ }
#topLink a { color:#fff; text-decoration:none; padding:0px 5px 0px 5px; }
#topLinks a:hover { color: #fff; text-decoration:underline; }

/* Main Content Area */
#contentContainer2 {
	position:relative;
	background: url(../images/mortgage_bg.jpg) no-repeat scroll 0 0 transparent;
	height: 530px;
	padding: 25px 35px 0;
	width: 100%;

}
#content2 {
	width: 580px;
	/* [disabled]float:left; */

}
.bookImg { width: 300px; }
.bookReview { padding-top: 30px; width: 555px; }
.title { text-indent:-9999px; padding: 0px; margin: 0; background: url('../images/title.gif') top left no-repeat; height: 27px; }
blockquote { padding-left: 63px; line-height: 16px; font-size: 14px; color: #010101; width: 392px; }
blockquote span { font-size: 20px; color: #444; }
blockquote p { font-size: 12px; color: #444; margin: 7px 0; }
ul { padding-left: 15px; }



/* Buttons */
div.redButton { clear: both; display: inline-block; width: auto; }
div.redButton div { background-position: left top; background-repeat: no-repeat; color: #FFFFFF; float: left; height: 32px; overflow: hidden; }
div.redButton div a { background-position: right top; background-repeat: no-repeat; display: block; float: left; font-size: 12px; font-weight: bold; height: 32px; line-height: 27px; outline: medium none; overflow: hidden; padding-left: 3px; text-decoration: none; }
div.redButton div a:hover { color: #FFFFFF; }
div.redButton div { background-image: url("http://www.bmo.com/images/btn_red_left.png"); padding-left: 11px; }
div.redButton div a { background-image: url("http://www.bmo.com/images/btn_red_right.png"); color: #FFFFFF; padding-right: 25px; }
div.redButton sup { font-size: 8px; height: 0; line-height: 1; position: relative; top: -1.7em; vertical-align: bottom; }

/* Footer */
#footer {
	color: #fff;
	margin: 0 auto;
	width: 943px;
	padding: 0 0 25px;
	position:relative;
}
img#footerLogo { 
position:absolute;
top:-7px;
right:0;
}
#bottom_links, #bottom_links a { color: #fff; text-decoration:none;  }
#bottom_links a:hover { color: #fff; text-decoration:underline; }
.disclaimer { margin-top: 20px;font-size:10px; }
.disclaimer ol { margin: 10px 17px; }

/*===================================*/
.hide {
	display:none;
}
.paraTop {
	margin:20px 0;
}
p {
	margin:10px 0;
}
.boldUnderline {
	text-decoration:underline;
	font-weight:bold;
	color:#ffffff;
}
#applyNow299 {
    background: url("../images/apply-now-299.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 185px;
    margin: 5px;
    position: absolute;
    right: 125px;
    top: 115px;
    width: 211px;
}
#applyNow299 a  {
 /*   background: none repeat scroll 0 0 #00CCCC;*/
    display: block;
    height: 38px;
    left: 41px;
    position: relative;
    top: 128px;
    width: 130px;

}
#applyNow299 a span{
	text-indent:-99999px;
	display:block;
}

#headlines {
    background: url("../images/English-Title.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 110px;
    text-indent: -999999px;
    width: 600px;
}
.paddingTop {
	margin-top:20px;
	display:block;
}

#checkBack {
	background:url(../images/checkBack.png) no-repeat;
	text-indent:-999999px;
	margin-top:125px;
	height:30px;
	width:740px;
	display:block;
}
#rightCol {
	position:absolute;
	width:300px;
	right:50px;
	top:25px;
}
#followIcons {
    background: url("../images/followUs.png") no-repeat scroll 0 0 transparent;
    height: 21px;
    margin: 0 0 15px 0;
    width: 120px;
	position:relative;	
	right:-125px;

}
#followIcons span {
	position:absolute;
	top:3px;
	left:0;
}

#followIcons a#facebook {
/*    background: none repeat scroll 0 0 #00CCCC;*/
    display: block;
    height: 21px;
    left: 73px;
    position: absolute;
    top: 0;
    width: 20px;	
}
#followIcons a#twitter {
/*    background: none repeat scroll 0 0 #00CCCC;*/
    display: block;
    height: 21px;
    left: 99px;
    position: absolute;
    top: 0;
    width: 20px;	
}
#followIcons a span{
	text-indent:-99999px;
	display:block;
}	
#followUS {
    background: url(../images/likeUs.png) no-repeat scroll 0 0 transparent;
    height: 170px;
    margin: 10px 5px;
    width: 246px;	
	}
#followUS a  {
  /*  background: none repeat scroll 0 0 #00CCCC;*/
    display: block;
    height: 27px;
    left: 120px;
    position: relative;
    top: 125px;
    width: 109px;
}
#followUS a span{
	text-indent:-99999px;
	display:block;
}	
#calculateNow {
    background: url("../images/calculateNow.png") no-repeat scroll 0 0 transparent;
    height: 145px;
    margin: 5px;
    width: 246px;	
}
#calculateNow a  {
  /*  background: none repeat scroll 0 0 #00CCCC;*/
    display: block;
    height: 27px;
    left: 120px;
    position: relative;
    top: 101px;
    width: 109px;
}
#calculateNow a span{
	text-indent:-99999px;
	display:block;
}

/*Toggle styling */
#check {
	display:block;
	position:absolute;
	top:0;
	right:0;
	background: #FF0;
	padding:5px;
	cursor:pointer;
	color:#333;
}
.toggle {
	display:block;
}
.toggleTwo {
	display:block;
}