/* Default CSS Definitions */

/* Generic HTML Definitions */

* html {
	border:0;
	border-top:2px inset;
}
body {
	margin:0;
	padding:0;
	font-size:12px;
	font-family: arial, helvetica, sans-serif;
	background-repeat: repeat-y;
	background-position: center;
	background-color: #fff;
}
td {
	font-family: georgia, Times New Roman, times, serif;
}
div {
	margin:0;
	padding:0;
}
#container {
	width:895px;
	position:relative;
	margin: 0 auto;
	background-color:#fff;
}
h1, h2, h3, h4, h5, h6, h7 {
	font-family:georgia, times, serif;
	font-weight:normal;
}
/* Generic Style Classes */

.serif {
	font-family:georgia, Times New Roman, times, serif;
}
/* START What's New Box */

#highlightbox {
	width:365px;
	float:left;
	margin-top:25px;
	font-family: georgia, Times New Roman, times, serif;
	background: url(../images/box_bg.gif) repeat-x bottom left;
}
#highlightbox h3 {
	height:32px;
	font-size:16px;
	font-weight: bold;
	color: #fff;
	line-height:32px;
	margin:0;
	padding:2px 14px 2px 14px;
	border-bottom:2px solid #fff;
	background:url(../images/title_bg.gif) repeat-x top left;
}
#highlightbox ul {
	margin: 0;
	padding: 18px 12px 12px 14px;
	line-height: 14px;
	list-style-type: none;
}
#highlightbox ul li {
	margin: 0 0 10px 0;
	background-image: url(../images/arrow_orange2.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
}
#highlightbox a {
	text-decoration: none;
	color: #fff;
	font-size: 11px;
}
#highlightbox a:hover {
	color: #c77f06;
}
.date {
	color: #c77f06;
}
/* END What's New Box */

/* Common Header Defs */

ul#topics-menu, ul#site-menu, ul#footerNav {
	font-size:0.91em;
	height:12px;
	list-style-type:none;
	margin:0;
	padding:0;
}
ul#topics-menu {
	position:absolute;
	top:79px;
	left:10px;
	width:70%;
}
ul#site-menu {
	position:absolute;
	top:79px;
	text-align:right;
	right:10px;
}
ul#footerNav {
	display:block;
	font-family: arial, helvetica, sans-serif;
	left:7px;
	overflow:visible;
	padding:15px 0;
}
ul#topics-menu li, ul#site-menu li, ul#footerNav li {
	list-style-type:none;
	display:inline;
	margin:0;
	padding:0;
}
ul#topics-menu li a, ul#site-menu li a, ul#footerNav a {
	text-decoration:none;
	padding:2px 10px;
}
ul#topics-menu li a {
	color:#3f3f3f;
}
ul#site-menu li a {
	color:#666;
}
ul#footerNav li a {
	color:#666;
}
/* Secondary & Tertiary Defs */

#titlebar {
	position:relative;
	height:108px;
	overflow:visible;
	background:#fff no-repeat left 4px;
}
#titlebar h2 {
	position:absolute;
	z-index:110;
	width:498px;
	height:68px;
	margin:0;
	padding:23px 10px 0 10px;
	text-transform:lowercase;
	font-size:32px;
}
#sub-menu {
	float:left;
	width:15%;
	min-height:99px;
}
/*
Secondary & Tertiary Page Stretch Feature
Image Defs are written in via a separate file
Keep several versions and choose at server which file to link to
 */
	 
.stretch1content {
	left:0;
	background:transparent no-repeat left bottom;
}
.stretch2content {
	background:transparent no-repeat left bottom;
}
.stretch3content {
	background:transparent no-repeat left bottom;
}
.stretch4content {
	background:transparent no-repeat left bottom;
}
.stretch5content {
	background:transparent no-repeat left bottom;
}
.stretch1, .stretch2, .stretch3, .stretch4, .stretch5 {
	position:absolute;
	bottom:0;
	left:0;
	width:15%;
	height:86px;
	margin:0;
	padding:0;
}
.stretch1content, .stretch2content, .stretch3content, .stretch4content, .stretch5content, .stretch5bcontent {
	position:relative;
	bottom:0;
	left:0;
	height:86px;
	margin:0;
	padding:0;
	margin-right:3px;
}
.top1, .top2, .top3, .top4, .top5 {
	position:absolute;
	top:0;
	width:15%;
	height:4px;
	font-size:.1em;
}
.topcontent {
	position:relative;
	height:4px;
	border-right:3px solid #fff;
	font-size:.1em;
}
blockquote {
	line-height: 1.45em;
}
ul.formlist li span.formname {
	font-size: 11px;
	padding-left: 5px;
}
ul.back_to_top {
	list-style-type:none;
	margin:0;
}
.back_to_top li a {
	margin-left:7px;
	font-size:11px;
}
#content p.footnote {
	font-size: 10px;
}
/* Added on January 30th, 2009 for Scratch and Earn RRSP Rate Special (/rates/rrsp_rrif.asp,/personal_banking/default.htm,/rates/default.asp) */	
.left {
	float: left;
	padding-right: 20px;
}
.right {
	float: right;
	padding-left: 20px;
}
p.disclaimer {
	clear: both;
	font-size: 10px;
	font-style: italic;
}
.clear {/* Fix for Firefox, makes table go beneath the floats bottoms. */
	clear: both;
}
/* Scratch & Earn Styles */
#key-message-wrapper div.SAE {
	background: #fff;
	border: 2px solid #00A0AF;/*#CB8206;*/
	padding: 1.25em 2em;
	margin: 30px 0;
	font-family: Arial, Helvetica, sans-serif;
	
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#key-message-wrapper div.SAE h3 {
	text-transform: uppercase;
	color: #BD6321;/*B5975A		BD6321*/
}

/* START notice box styles (KK)*/
/*.notice{
	border: 1px solid #CB8206;
	padding: 20px;
	padding-right: 0;
}
.notice h3{
	padding: 0;
	margin: 0;
}
.notice ul li{
	line-height: 1.5em;
}*/
.notice {
	border: 2px solid #000;/*#CB8206;*/
	padding: 23px;
	padding-left: 0;
	padding-bottom: 13px;
	padding-right: 3px;
	font-family: Arial, Helvetica, sans-serif;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;/*	-moz-box-shadow: 3px 3px 20px #888;
	-webkit-box-shadow: inset 10px 10px 5px #ccc;
	box-shadow: inset 0 10px 5px #888;
*/}
.notice div {
	width: 423px;
	padding: 0 0 0 23px;
}
.notice h3 {
	display: block;
	padding: 5px 0 5px 23px;
	margin: 3px 0 0 -23px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: #00A0AF;
	color: #fff;
	-moz-border-radius:0 8px 8px 0;
	-webkit-border-radius:0 8px 8px 0;
	border-radius:0 8px 8px 0;
}
.notice ul {
	margin: 0;
	padding: 10px 0 13px 0;
	list-style: none;
}
.notice ul li {
	line-height: 1.5em;
	/*	list-style-image: url(../images/subNav_arrow2.gif);
	list-style-position: inside;
*/	padding: 5px 0 0 10px;
	margin-left: 1em;
	background: url(../images/subNav_arrow2.gif) no-repeat 0 1em;
	color: #00A0AF;
!important
}
/*.notice p{
	font-size: 110%;
	text-transform: uppercase;
}*/
.notice img {
	float: right;
	margin: 0 0 0 23px;
}
/* END notice box styles (KK)*/

/* START branch listing styles (KK)*/
.citybranches {
	width: 100%;
}
.citybranches td {
	width: 50%;
	vertical-align: top;
}
.citybranches h4 {
	font-weight: bold;
	padding: 0;
	margin: 2em 0 0 0;
	;
	line-height: 1.45em;
}
#content .citybranches td p {
	position: relative;
	font-size: 1em;
	padding: 0;
	margin: 0 0 1em 0;
}
#content .citybranches a img {
	vertical-align: middle;
}
.citybranches p.services {
	display: inline;
	margin: 0;
}
.citybranches ul.services {
	display: inline;
	padding: 0 0 0 .4em;
	margin: 0;
	list-style: none;
}
#content .citybranches ul.services li {
	display: inline;
	color: #0F8397;
	padding-right: .2em;
}
ul.services li span {
	white-space: nowrap;
}
#content .citybranches td.disclaimer {
	padding: 1em 0 0 0;
	font-size: 11px;
}
#content .citybranches p.exceptions {
	color: #0F8397;
	/*	color: #6f6f6f; Optional color (lighter body text color aka grey) for exception descriptions.
*/	font-style: italic;
}
#content .citybranches p.exceptions sup, #content .citybranches p sup, #content .citybranches li sup {
	color: #cb8206;
	font-weight: bold;
	font-style: normal;
	font-size: 90%;
}
/*	Research Notes: (November 24, 2010 KK)
"Drilling down" (reading left to right) with CSS selectors is not recommended due to that it can reduce page loading performance (marginally mostly). This is partly because CSS selectors are apparently sparsed from right to left. Unfortunately this practice seems to be the only way to make some styles work on some elements, possibly because of cascade conflicts.
*/
/* END branch listing styles (KK)*/

/* START ABM banner styles 
	ONLY for the the public/abm/banking_at_abms.htm page, NOT the public/personal_banking/banking_at_abms.htm page
*/

/*#abm{
	white-space: normal;
	width: 580px;
	font-size: 100%;
}
#abm a{
	width: auto;
	text-decoration: none;
	color: #fff;
	background: #00B0A1;
	padding: 3px 5px;
	font-weight: bold;
	text-transform: lowercase;
	
	border: 1px solid;
	border-color: #00CFBC #0F8397 #0F8397 #00CFBC;
}
#abm a:hover{
	color: #68EFE3;
}*/
/* END ABM banner styles */

#homeAlert {
	/*	font-size: 110%;
*/	font-weight: bold;
	text-transform: uppercase;
	border: 1px solid #333;
	border-left: none;
	border-right: none;
	padding: 1em 0;
	margin: 2.5em 0 3.5em 0;
}
#homeAlert a {
	text-decoration: none;
	color: #C47D06;
}
#homeAlert a:hover {
	color: #333;
}
#homeAlert a span {
	font-size: 100%;
	text-transform: none;
	font-weight: normal;
	/*	display: block;
*/	font-family: arial, helvetica, sans-serif;
}
/*SOCIAL MEDIA LINKS styles*/

#socialMediaLinks {
	position: relative;
	float: right;
	padding: 10px 15px;
}
#socialMediaLinks p, #socialMediaLinks ul, #socialMediaLinks ul li {
	display: inline;
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: .91em;
	color: #666666;
	font-weight: bold;
	margin-left: 5px;
}
#socialMediaLinks img {
	border: none;
	vertical-align: middle;
}
/*Greater Interest GIC Portlet styles*/
#GICportlet {
	padding: 20px 0 0 0;
}
#GICportlet a {
	position: relative;
	display: block;
	width: 365px;
	height: 155px;
	text-decoration: none;
	color: #eeeeee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	line-height: 1em;
	-moz-text-shadow: 0 -1px 2px #eeeeee;
	-webkit-text-shadow: 0 -1px 2px #eeeeee;
	text-shadow: 0 -1px 2px #eeeeee;
}
#GICportlet a:hover {
	color: #C77F06;
	-moz-text-shadow: 0 -1px 2px #C77F06;
	-webkit-text-shadow: 0 -1px 2px #C77F06;
	text-shadow: 0 -1px 2px #C77F06;
}
#GICportlet a span {
	position: absolute;
	display: block;
	top: 61px;
	left: 52px;
	width: 162px;
	text-align: center;
}
.promo {
	margin-bottom: 1em;
	padding-bottom: 0;
	text-transform: uppercase;
	font-weight:bold;
	color: #007B91;
}