/* ------------------ Start Master Reset Styles -------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* ------------------ End Master Reset Styles -------------------------- */

body {
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
}

sup {
	font-size:0.6em;
}

#wrapper {
	width:826px;
	background:url(../images/wrapper_bg.gif) repeat-y top left;
	margin:0 auto;
	position:relative;
}

#header {
	width:800px;
	height:65px;
	margin:0px 22px;
	*margin:0px 0px;
}

#header_links {float:right; text-align: right; color:#fff; font-size:1.2em; margin:10px 30px 0px 0px; display:inline;}

#header_links a {color:#fff; text-decoration:none}

#header_links a:hover {text-decoration:underline}

/*#header_logo {float:left; margin:0px 0px 0px 5px;} */

#header_logo {
	float:left; 
	margin:0px 0px 0px 5px;
    *margin:-42px 0px 0px 20px;
    _margin:-42px 0px 0px 20px;
}


#content_hp {
	width:800px;
	margin:0px 13px;
	background:#0379bf;
	position:relative;
}


#hp_top {
	width:796px;
	height:10px;
	background:url(../images/hp_content_top.gif) no-repeat top left;
	margin:0px 0px 0px 2px;
}

#hp_mid {
	width:794px;
	/*height:705px;
	height:695px; */
	height: 440px;
/*	border-left:1px solid #2a91cf;
	border-right:1px solid #2a91cf;	*/	
/*	border-left:1px solid #4c9ed1;
	border-right:1px solid #4c9ed1;	*/
	border-left:1px solid #7ab8dd;
	border-right:1px solid #7ab8dd;
	margin:0px 0px 0px 2px;	
	background:#d3e2f1 url(../images/sp_content_mid_bg.gif) top left repeat-x;
}

.hp_mid_div {
	position:absolute;
}

#lp_bg_img_cycle {
	z-index:1;
	left:185px;
}

.lp_bg_img_cycle_divs {
	position:absolute;
}

#landing_page_bg_img_1 {
	background:url(../images/hp_landing_bg.png) no-repeat top left;
	width:300px;
	height:294px;
	left:312px;
}

#landing_page_bg_img_2 {
	background:url(../images/hp_landing_bg_2.png) no-repeat top left;
	width:472px;
	height:269px;	
	left:140px;
}

#lp_bg_img_cycle_swf {
	z-index:1;
	left:317px;
	position:absolute;
}

#hp_top_left_gradient {
	background:url(../images/hp_top_left_gradient.png) no-repeat top left;
	width:458px;
	height:45px;
	left:0px;
	top:40px;
	z-index:2;	
}

#hp_bottom {
	width:796px;
	height:8px;
	background:url(../images/sp_content_bottom.gif) no-repeat top left;
	margin:0px 0px 0px 2px;
}

#hp_heading {top:24px; left:50px; z-index:3;}

#hp_question_box {width:379px; height:100px; top:88px; left:50px; z-index:3;}

#hp_question_box_heading {margin:10px 0px 0px 1px;}

#hp_question_box_answer {float:left; clear:left; margin:10px 0px 0px 2px; width:290px; display:none;}

#hp_question_box_answer_img {float:left;}

#hp_question_box_answer_text {font-size:1.1em; color:#444444; line-height:1.3em; margin:4px 0px 0px 2px; float:left; clear:left;}

.hp_option_box_bg {background:url(../images/hp_option_box.png) top left no-repeat; width:338px; height:167px; top:0px; left:0px; position:absolute;}

.hp_option_box .hp_option_box_heading {position:relative; float:left; clear:left;}

#hp_option_box_personal {top:169px; left:45px; z-index:2; width:338px; height:244px;}

#hp_option_box_business {top:169px; left:405px; z-index:2; width:338px; height:244px;}

#hp_option_box_personal_bg {background:url(../images/hp_option_box_personal.png) top left no-repeat; width:338px; height:244px; top:0px; left:0px; position:absolute;}

#hp_option_box_business_bg {background:url("../images/hp_option_box_personal.png") no-repeat scroll left top transparent; width:338px; height:244px; top:0px; left:0px; position:absolute;}

#hp_personal_box_heading {margin:3px 0px 0px 4px;}

.hp_personal_box_options {margin:0px 0px 12px 60px;}

#hp_business_box_heading {margin:3px 0px 0px 4px;}

.hp_business_box_options {margin:0px 0px 0px 52px;}

#hp_trademarks {display:none; top:515px; left:50px; width:700px; font-size:1.1em; color:#727373; line-height:1.2em; text-align:center;}



.hp_option_box_item {
	position:relative;
	width:327px;
	height:40px;
	cursor:pointer;
	margin:1px 0px 0px 5px;
	float:left;
	clear:left;
	display:inline;
}

.hp_option_box_item div, .hp_option_box_item_text {
	position:absolute;
}

.hp_option_box_item_text {
	padding:12px 15px;
}

#hp_option_box_item_text_saving {
	padding-right:40px;
}

#hp_option_box_item_text_borrowing {
	padding-right:90px;	
}

#hp_option_box_item_text_spending1 {
	padding-right:10px;	
}

#hp_option_box_item_text_b1 {
	
}

#hp_option_box_item_text_b2 {
	
}

#hp_option_box_item_text_b3 {
	
}

#hp_option_box_item_text_b4 {
	
}


/*.hp_option_box_item_text, .hp_option_box_item_bg div {
	position:absolute;
}

.hp_option_box_item_bg {
	position:absolute;	
}*/

.hp_option_box_item_bg_on {
	width:327px;
	height:40px;
	background:url(../images/hp_options_box_bg_over.gif) top left no-repeat;
}

.hp_option_box_item_bg_off {
	width:327px;
	height:40px;
	background:url(../images/hp_options_box_bg.gif) top left no-repeat;
}






#content_sp {
	width:800px;
	margin:0px 13px;
	background:#0379bf;
	position:relative;
	display:none;
}

#sp_top {
	width:796px;
	height:36px;
	background:url(../images/sp_content_top.gif) no-repeat top left;
	margin:0px 0px 0px 2px;
}

#sp_nav_wrapper {
	position:relative;
	margin-left:1px;
}

#sp_topnav_shadow {float:left;}

#sp_nav_wrapper span {float:left;}

#sp_nav_wrapper span img {display:none;}

.nav_hover {
	cursor:pointer;
}

#sp_nav_wrapper span.nav_hover img {
	display:block;
}

#sp_saving_tab {
	width:94px;
	height:36px;
	background:url(../images/tab_saving_on.gif) top left no-repeat;
}

#sp_borrowing_tab {
	width:94px;
	height:36px;
	background:url(../images/tab_borrowing_on.gif) top left no-repeat;	
}

#sp_spending_tab {
	width:94px;
	height:36px;
	background:url(../images/tab_spending_on.gif) top left no-repeat;
}

#sp_saving_tab_page {
/*	display:none;*/
}

#sp_borrowing_tab_page {
/*	display:none;*/
}

#sp_spending_tab_page {
/*	display:none;*/
}

.sp_mid {
	width:794px;
/*	border-left:1px solid #2a91cf;
	border-right:1px solid #2a91cf;	*/	
	border-left:1px solid #4c9ed1;
	border-right:1px solid #4c9ed1;	
	margin:0px 0px 0px 2px;	
	background:#d3e2f1 url(../images/sp_content_mid_bg.gif) top left repeat-x;
}

.spending_page_bg_img {
	background:url(../images/sp_spending_bg.png) no-repeat top right;
	width:416px;
	height:319px;
	left:381px;
}

.borrowing_page_bg_img {
	background:url(../images/sp_borrowing_bg.png) no-repeat top right;
	width:480px;
	height:298px;
	left:317px;
}

.saving_page_bg_img {
	background:url(../images/sp_saving_bg.png) no-repeat top right;
	width:480px;
	height:298px;
	left:317px;
}

.biz_page_bg_img {
	background:url(../images/biz_bg_img.png) no-repeat top right;
	width:386px;
	height:421px;
	left:411px;
}

.sp_bg_img {
	z-index:1;
	position:absolute;
}

.sp_mid_top {
	width:330px;
	padding:32px 0px 0px 40px;
	z-index:122;
	position:relative;
}

.sp_mid_top p.sp_answer_description {
	color:#444444;
	font-size:1.4em;
	line-height:1.2em;
	margin:8px 0px 30px 0px;
}

.sp_mid_top p.sp_answer_click_below {
	color:#444444;
	font-size:1.2em;	
	font-weight:bold;
	margin:0px 0px 20px 0px;
}

.sp_mid_bottom {
	width:794px;
	min-height:430px;
	height:auto !important;
	height:430px;	
	
}

.sp_mid_bottom_left {
	width:395px;
	display:inline-block;
	vertical-align:top;
}

/* ----- Start Dyn Box ----- */

.dyn_box {
	width:321px;	
	margin:0px 0px 0px 50px;
}

.dyn_box_heading {
	position:relative;
	width:321px;
	height:39px;
	cursor:pointer;
	margin:5px 0px 0px 0px;
}

.dyn_box_heading_text, .dyn_box_heading_bg div {
	position:absolute;
}

.dyn_box_heading_bg {}

.dyn_box_heading_bg_on {
	width:321px;
	height:39px;
	background:url(../images/sp_dynamic_box_heading_bg_over.gif) top left no-repeat;
}

.dyn_box_heading_bg_off {
	width:321px;
	height:39px;
	background:url(../images/sp_dynamic_box_heading_bg.gif) top left no-repeat;
}

.dyn_box_content {
/*	display:none;*/
	width:274px;
	padding:0px 24px 30px 16px;
	font-size:1.2em;
	line-height:1.2em;
	color:#444444;
	font-weight:bold;
	background: url(../images/chevron.gif) right top no-repeat;
}

.dyn_box_heading_text {
	margin-left:16px;

}

.did_you_know_items {
/*	display:none;*/
}

/* ----- End Dyn Box ----- */


.sp_mid_bottom_right {
	width:370px;
	display:inline-block;	
	vertical-align:top;	
	margin:0px 0px 0px 20px;
}

.sp_did_you_know_wrapper {
	display:none;
}

.sp_did_you_know_img {
	margin:55px 0px 0px 0px;
}

.sp_did_you_know_answer {
	width:320px;
	color:#444444;
	font-size:1.3em;
	line-height:1.2em;
	font-weight:bold;
	margin:10px 0px 0px 0px;
}

.sp_did_you_know_answer a {
	color:#0379BF;
}

.sp_bot_right_second_par {
	width:320px;
	color:#444444;
	font-size:1.2em;
	line-height:1.2em;
	font-weight:bold;
	margin:20px 0px 10px 0px;	
}

.sp_contact_methods {}

.sp_contact_methods img, .sp_contact_methods p {float:left; font-size: 1.3em; font-weight:bold;}

.sp_contact_methods p {margin:5px 0px 0px 3px;}

.sp_locate {color:#003366;}

.sp_locate a {color:#003366; text-decoration:none}

.sp_locate a:hover {text-decoration:underline}

.sp_or_call {color:#444; font-size:0.9em; margin:5px 10px 0px 10px!important;}

.sp_phone_num {color:#000;}

.sp_bot_right_divider {margin:13px 0px;}

.sp_get_started_table {width:320px;}

.sp_get_started_table td {padding:5px 0px;}

.sp_get_started_p p {color:#444; font-size:1.2em; float:left; font-weight:bold; margin:0px 8px 0px 0px; width:230px; line-height:1.2em;}

.sp_get_started_link {vertical-align:middle;}
.sp_get_started_link img {float:left;}


/* ----- Start Biz Box ----- */

.biz_box {
	width:321px;	
	margin:0px 0px 0px 40px;
}

.biz_box_item {
	display:inline;
}

.biz_box_heading {
	position:relative;
	width:321px;
	height:39px;
	cursor:pointer;
	padding:5px 0px 0px 0px;
}

.biz_box_heading_text {
	position:absolute;	
}

.biz_box_heading_bg {
	position:absolute;
}

.biz_box_heading_bg div {
	position:absolute;
}

.biz_box_heading_bg_on {
	width:321px;
	height:39px;
	background:url(../images/sp_dynamic_box_heading_bg_over.gif) top left no-repeat;
}

.biz_box_heading_bg_off {
	width:321px;
	height:39px;
	background:url(../images/sp_dynamic_box_heading_bg.gif) top left no-repeat;
}

.biz_box_content {
/*	display:none;*/
	width:279px;
	padding:0px 24px 15px 16px;
	font-size:1.2em;
	line-height:1.2em;
	color:#444444;
	font-weight:bold;
	background: #D3E2F1 url(../images/biz_box_bg.gif) top left repeat-x;
	border-left:1px solid #D3E2F1;
	border-left:1px solid #D3E2F1;	
}

.biz_box_content a {
	color:#0379bf;
}

.biz_box_content img {
	margin:10px 0px;
}

.biz_box_heading_text {
	margin-left:16px;

}

.biz_did_you_know_items {
/*	display:none;*/
}

/* ----- End Biz Box ----- */



#biz_mid_bottom_right {
	width:344px;
	display:inline-block;	
	vertical-align:top;	
	margin:138px 0px 0px 16px;
	padding:0px 0px 0px 17px;
	height:288px;
	color:#444444;
	background:url(../images/biz_free_tool_bg.gif) top left no-repeat;
	z-index:0;
}

#biz_mid_bottom_right_head1 {
	margin:50px 0px 8px 0px;
}

#biz_mid_bottom_right_p1 {
	font-weight:bold;
	font-size:1.3em;
	line-height:1.2em;	
	margin-bottom:15px;
	padding-right:30px;
}

#biz_mid_bottom_right_p2 {
	font-size:1.2em;
	line-height:1.2em;
}

#biz_mid_bottom_right_ul1 {
	font-size:1.2em;
	line-height:1.2em;	
	margin-left:15px;
}

#biz_mid_bottom_right_ul1 li {
	list-style-type:disc;
	margin:3px 0px;
}

img.biz_mid_bottom_right_divider {
	margin-top:12px;
}

#biz_bot_right_btns {
	width:100%;
}

#biz_start_now_btn {
	float:right;
	padding-right:30px;
}

#biz_more_details_btn {
	margin-top:2px;
	float:left;
	cursor:pointer;	
}


#biz_top_left_gradient {
	background:url(../images/biz_page_top_left_gradient.png) no-repeat top left;
	width:560px;
	height:45px;
	left:0px;
	top:113px;
	z-index:2;	
}

#biz_mid_bottom_right a {color:#0379bf;}

#biz_right_hover_box {
/*	position:absolute;
	z-index:200;
	width:370px;
	top:194px;
	left:400px;
	visibility:hidden;*/
}


#biz_mid_bottom_right a {color:#0379bf;}

/* Pop Up CSS */
#biz_right_hover_box {position:absolute; z-index:200; width:370px; top:119px; left:210px; visibility:hidden;}

#biz_right_hover_box_content {width:576px; height:525px; font-size:12px; background:#e1e6ea url(../images/biz_pop_bg_new.jpg) no-repeat top left; border:1px solid #a2cbeb; /*border-bottom:none;*/}

#close {float:right; padding:10px 10px 0 0;}

#btn_learn_more {float:left; padding:182px 0 0 244px;}

#biz_mid_container {float:left; padding-top:44px; line-height:14px;}

#biz_mid_container_left {float:left; width:229px; margin:0; padding:0 0 0 21px; /*border:1px solid #FF0000;*/}
#biz_mid_container_left p {float:left; width:229px; padding-bottom:9px;}
#biz_mid_container_left p a {float:left; width:229px; color:#0079c0; text-decoration:none;}

#biz_mid_container_right {float:left; width:250px; margin:0; padding:0 0 0 44px; /*border:1px solid #FF0000;*/}
#biz_mid_container_right p {float:left; width:250px; padding-bottom:9px;}
#biz_mid_container_right p a {float:left; width:250px; padding:0; color:#0079c0; text-decoration:none;}

ul.biz_mid_container_list {float:left; width:210px; *width:210px; margin:0; padding:0 0 7px 20px; list-style:none;}
ul.biz_mid_container_list li {float:left; width:210px; *width:210px; padding:0 0 3px 9px; background:transparent url(../images/arrow_right_blue.gif) 0 4px no-repeat;}

#biz_right_hover_box_bottom {
	/*border-top:1px solid #a2cbeb;*/
}

#biz_right_hover_box_bottom img {
	margin:-2px 0px 0px 268px;
}

#biz_right_hover_box img {
	margin-bottom:8px;
}

#section_toggle_link {
	float:right;
	padding:12px 20px 0px 0px;
	display:none;
}

#sp_bottom {
	width:796px;
	height:8px;
	background:url(../images/sp_content_bottom.gif) no-repeat top left;
	margin:0px 0px 0px 2px;
}

#footer {
	width:826px;
	height:45px;
	background:url(../images/footer_bottom.gif) no-repeat bottom left;
	font-size:1.2em;
	color:white;
}

#footer_links {
	float:left;
	margin:10px 0px 0px 25px;
}

#footer a {
	color:white;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#footer_right {
	float:right;
	margin:10px 25px 0px 0px;
}

#business_legal_footer {
	background:#fff;
	font-size:1em;
	color:#777;
	padding:20px;
}

/* ========================== new BMO added styles =============================== */


#lp_bg_img{
	position:absolute;
	z-index:1;
	left:430px;
	background: url(../images/smartstepsbackground.jpg) top left no-repeat;
	width: 368px;
	height: 169px;
	display: block;
}

#hp_option_box_student {
	position: absolute;
	top:430px;
    /*top:690px;
	left: 45px;*/
	left:405px;
	z-index:2;
	width:338px;
	height:244px;
	background: url("../images/hp_option_box_personal.png") no-repeat scroll left top transparent;
	padding: 2px 0 0 4px;
}
#hp_option_box_homeowner {
	position: absolute;
	/*top:430px; */
    top:690px;
	left:405px;
	z-index:2;
	width:338px;
	height:244px;
	background: url("../images/hp_option_box_personal.jpg") no-repeat scroll left top transparent;
	padding: 2px 0 0 4px;
}

#hp_option_box_homeowner ul, #hp_option_box_homeowner ul li a{
	background: url("../images/hp_option_box_homeowner.jpg") no-repeat;
	width: 328px;
}

#hp_option_box_homeowner ul {
	padding: 113px 0 2px;
}

#hp_option_box_homeowner li a{
	display: block;
	height: 40px;
	text-indent: -30000px;
}

#hp_option_box_homeowner li.savings a {background-position: 0 -113px;}
			#hp_option_box_homeowner li.savings a:hover {background-position: -328px -113px;}
		#hp_option_box_homeowner li.borrowing a {background-position: 0 -153px;}
			#hp_option_box_homeowner li.borrowing a:hover {background-position: -328px -153px;}
		#hp_option_box_homeowner li.spending a {background-position: 0 -193px;}
			#hp_option_box_homeowner li.spending a:hover {background-position: -328px -193px;}

#hp_option_box_student ul, #hp_option_box_student ul li a{
	background: url("../images/smartsteps_student_sprite.jpg") no-repeat;
	width: 328px;
	}
	
#hp_option_box_student ul {
	padding: 113px 0 2px;
	}
	
#hp_option_box_student li a{
	display: block;
	height: 40px;
	text-indent: -30000px;
	}
	
		#hp_option_box_student li.savings a {background-position: 0 -113px;}
			#hp_option_box_student li.savings a:hover {background-position: -328px -113px;}
		#hp_option_box_student li.borrowing a {background-position: 0 -153px;}
			#hp_option_box_student li.borrowing a:hover {background-position: -328px -153px;}
		#hp_option_box_student li.spending a {background-position: 0 -193px;}
			#hp_option_box_student li.spending a:hover {background-position: -328px -193px;}

#hp_option_box_investing {
	position: absolute;
	top:430px;
	left:405px;
	z-index:2;
	width:338px;
	height:244px;
	background: url("../images/hp_option_box_personal.png") no-repeat scroll left top transparent;
	padding: 2px 0 0 4px;
}
#hp_option_box_investing ul, #hp_option_box_investing ul li a{
	background: url("../images/smartsteps_investing_sprite.jpg") no-repeat;
	width: 328px;
	}
#hp_option_box_investing ul {
	z-index: 200;
	padding: 113px 0 2px;
	padding-top: 152px;
	}
#hp_option_box_investing ul li a{
	display: block;
	height: 40px;
	width: 328px;
	text-indent: -3000px;
	}
		#hp_option_box_investing li.savings a{background-position: 0 -153px;}
			#hp_option_box_investing li.savings a:hover {background-position: -327px -153px;}
		#hp_option_box_investing li.borrowing a {background-position: 0 -193px;}
			#hp_option_box_investing li.borrowing a:hover {background-position: -327px -193px;}
		/* #hp_option_box_investing li.spending a {background-position: 0 -193px;}
			#hp_option_box_investing li.spending a:hover {background-position: -327px -193px;} */
			
/* --- Parents ---- */			
			
#hp_option_box_parent {
	position: absolute;
	top:169px;
	left:45px;
	z-index:2;
	width:338px;
	height:244px;
	background: url("../images/hp_option_box_personal.png") no-repeat scroll left top transparent;
	padding: 2px 0 0 4px;
}

#hp_option_box_parent ul, #hp_option_box_parent ul li a{
	background: url("../images/smartsteps_parents_sprite.jpg") no-repeat;
	width: 328px;
	}

#hp_option_box_parent ul {
	padding: 113px 0 2px;
	}	

#hp_option_box_parent li a{
	display: block;
	height: 40px;
	text-indent: -30000px;
	}

		#hp_option_box_parent li.savings a {background-position: 0 -113px;}
			#hp_option_box_parent li.savings a:hover {background-position: -328px -113px;}
		#hp_option_box_parent li.borrowing a {background-position: 0 -153px;}
			#hp_option_box_parent li.borrowing a:hover {background-position: -328px -153px;}
		#hp_option_box_parent li.spending a {background-position: 0 -193px;}
			#hp_option_box_parent li.spending a:hover {background-position: -328px -193px;}


/* --- Parents ---- */			