@import url("/content/dam/cibc-public-assets/development/tfsa-rrsp/css/reset.css");
@import url("/content/dam/cibc-public-assets/development/tfsa-rrsp/css/is-splash.css");
@import url("/content/dam/cibc-public-assets/development/tfsa-rrsp/css/mega-menu.css?update=20160912");

html { font:10px Whitney-Book-Pro, Arial, Helvetica, sans-serif; }
html {overflow-y: scroll} 
body {
	font-size:1em;
	background: #fff;
	margin:0;
	padding:0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent } /* For some Androids */
body * { color: #333 }
body, td, th,  p, ol, td.p { color: #000 }

body input#qt { color: #666 !important }

#header {
	position: relative;
	z-index: 1000 }
.mainSection { font-size:1.1em }
#copyrightFooter {
	font-size:90%;
	color: #666;
	padding:10px 0 0 10px;
	margin:0 auto;
	width: 728px }
h1 { font-size:163.64% }
h4 { font-size:100% }

#mainContent,
#mainContent2,
#mainContent3,
#mainContentSplash,
#mainVisaWrapper,
#isMainBodyPop { font-size:1.1em } /* 1.1em = 11 px */

#rnavContent,
#rnavHomePS,
#rnavHomeBS,
#rnavHomeAC,
#rightNav,
#rnavHomePWM { font-size:1.1em }

#accessibility,
#topNavSites a,
#topNavSites a:visited,
#topNavSites a:hover,
#topNav a,
#topNav a:visited,
#topNav a:hover,
#innerFooter { font-size:1.0em } /* 1.0 em = 10 px */
.legalText { font-size:81.8% } /* 81.8 = 9 px */
#breadcrumb { font-size:91% }
.rightContent h4,
#rnavHomePWM h4,
#needsBlock h4,
#toolsBlock h4,
.boxTitle h4,
#compare,
#rightNav h4,
#rnavHomePS h4,
#rnavHomeBS h4,
h2,
.sectionHeadingPWM,
#rnavHomeAC h4 { font-size:118.18% }

a.linkheader,
a.linkheader:visited,
a.linkheader:hover { font-size:109.09% }

.rightContent h4,
#needsBlock h4,
#toolsBlock h4,
#rightNav h4 { padding-bottom:5px }
#compare { height:26px }

form {
	margin: 0;
	padding: 0;
	clear: both }

p {
	margin-bottom: 10px;
	margin-top: 2px;
	line-height: 135% }

ul {
	margin: 2px 0 10px 17px;
	padding: 0;
	list-style: square outside url('/content/dam/cibc-public-assets/development/tfsa-rrsp/img/list-square.gif');
	line-height: 135% }

ol {
	list-style-type: decimal;
	margin-left: 25px;
	padding: 0 0 10px 0;
	line-height: 135% }

ul li {
	padding: 0 0 2px 0;
	margin: 0 }

li.ul {
	list-style-type : square;
	line-height: 135% }

li.ol {	line-height: 135% }

td { line-height: 135% }


/* **********************************Default link styles******************** */
a {
	color: #AF0B1C;
	text-decoration: underline }

a span.emphasizedText,
a span.supText,
a span.smallcaps { color: #AF0B1C }

a:visited { color: #AF0B1C }

a:hover, a:hover span.emphasizedText, a:hover span.supText, a:hover span.smallcaps {
	color: #540264;
	text-decoration: underline }

acronym {
	color:#000;
	border-bottom: 1px dashed #000;
	cursor: help;
	speak: spell-out }


/* *******************************Default Header styles***************************** */
h1 span.supText{color: #AF0B1C }

h1 {
	font: lighter 163.64% Whitney-Book-Pro, Arial, Helvetica, sans-serif;
	color: #AF0B1C;
	margin-bottom: 10px;
	line-height: 120% }

h2 {
	font : bold  118.18% Whitney-Book-Pro, Arial, Helvetica, sans-serif;
	color: #000;
	margin-top: 2px;
	margin-bottom: 5px }

h3 {
	font : bold  109.09% Whitney-Book-Pro, Arial, Helvetica, sans-serif;
	color: #333333;
	margin-bottom: 0 }

h4 {
	font : bold 100% Whitney-Book-Pro, Arial, Helvetica, sans-serif;
	color: #333333 }

/* **************************************Layout******************** */
#dropShadow {
	background: #fff }

#mainPage {
	background: #fff ;
	margin: 0;
	position: relative }

#cibcHeader {
	width: 96.8em;
	margin: 0 auto;
	padding: 0;
	background-color: #F5F4EE }

#topNav{
	position: absolute;
	width:96.8em;
	top: 6px;
	right: 20px;
	text-align: right;
	padding-bottom: 5px;
	word-spacing: 1px;
	color: #f21f47;
	z-index:900 }

#asian_logo { vertical-align:center !important }

#topNav a {
	color: #fff;
	text-decoration: none }

#topNav a:visited {
	color: #fff;
	text-decoration: none }

#topNav a:hover {
	color: #ffff;
	text-decoration: underline }

#topNavSites { margin-left: 20px }

#topNavSites a {
	color: #AF0B1C;
	font-weight: bold;
	text-decoration: none }

#topNavSites a:visited {
	color: #AF0B1C;
	font-weight: bold;
	text-decoration: none }

#topNavSites a:hover {
	color: #AF0B1C;
	font-weight: bold;
	text-decoration: underline }

#cibcPrintLogo{	display: none }

#cibcLogo {
	position: relative;
	top: 0;
	left: 0;
	width:96.8em;
	background-color: #AF0B1C;
	border-right: 1px solid #ccc;
	height: 90px }

#ieLogo {
	position: relative;
	top: 0;
	left: 0;
	width:96.8em;
	background-color: #AF0B1C;
	border-right: 1px solid #ccc;
	height: 90px }

#iisLogo {
	position: relative;
	top: 0;
	left: 0;
	width:96.8em;
	background-color: #000;
	border-right: 1px solid #ccc;
	height: 90px }

#wgLogo {
	background: url("/content/dam/cibc-public-assets/development/tfsa-rrsp/img/wg-masthead-background.gif") no-repeat scroll right top transparent;
	position: relative;
	top: 0;
	left: 0;
	width:96.8em;
	border-right: 1px solid #ccc;
	height: 90px }

#cpicLogo {
	position: relative;
	top: 0;
	left: 0;
	width:96.8em;
	background-color: #78755D;
	border-right: 1px solid #ccc;
	height: 90px }

.logoImageAllBrands{ position:absolute;top:10px; left:10px }

.logoImageAllBrandsCpic{ position:absolute; left:10px }

.logoImage{ position:absolute; top:5px }

.cibcTagLine{
	position: absolute;
	right: 0;
	text-align: right;
	top:10px }

.cibcTagLineCB {
	position: absolute;
	top:7px;
	left:98px }

#topTabsSection {
	position: relative;
	top: 0;
	left: 0;
	background:#AF0B1C;
	border-right: 1px solid #ccc;
	height:30px;
	width:96.8em }

.topTabsSpacer {
	display: none;
	width: 15px;
	height: 26px;
	float: right;
	background: url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/behind-tabs.jpg) repeat-x }

.topTabs,
.topTabsHome {
	margin: 0 0 0 10px;
	padding: 0;
	vertical-align: bottom;
	background: url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/tab-bg-retail.gif) repeat-x scroll center top transparent;
	width:943px;
	border-right:1px solid;border-left:1px solid;
	height:30px }

.topTabsHomePS {
	margin: 0 0 0 10px;
	padding: 0;
	vertical-align: bottom;
	background: url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/tab-bg-retail.gif) repeat-x scroll center top transparent;
	width:943px;
	border-right:1px solid;
	border-left:1px solid;
	height:30px }

.topTabs img {
	vertical-align: bottom;
	margin: 0;
	padding: 0 }

.topTabsHome img {
	vertical-align: bottom;
	margin: 0;
	padding: 0 }

.topTabsHomePS img {
	vertical-align: bottom;
	margin: 0;
	padding: 0 }

.searchBoxHome,
.searchBoxHomeBS,
.searchBox {
	position:absolute;
	right:15px;
	width:25%;
	height: 26px;
	padding: 0;
	margin: 0;
	text-align: right;
	vertical-align: middle;
	height:30px }

.searchBox form,
.searchBoxHome form {
	margin: 0;
	padding: 6px 10px 0 0 }

.searchBoxHomeBS form {
	margin: 0;
	padding: 6px 10px 0 0;
}


.searchBoxHomeNew #searchInputPick{margin-left:0;top:56px!important;width:173px;}

#mainBody {
	background: url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/lnav-bkg.jpg) 10px repeat-y;
    background-size: 185px;
	position: relative;
	width:96.7em;
	margin: 0;
	margin-top: 20px;
	min-width: 1000px;
	overflow: hidden }

#mainContent {
	background: #fff;
	float:left;
	position: relative;
	top: 0;
	width: 57.2% }

#innerMainContent {	padding: 0 15px }

#innerMainContentSec2 {	padding: 0 15px }

#mainContent2 {
	background: #fff;
	float: left;
    position: relative;
	top: 0;
	width: 80.2% }


#mainContent3 {
	background: #fff;
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
	float: left }

#mainContentSplash {
	background: #fff;
	display: block;
	vertical-align: bottom;
	padding-left: 10px;
	overflow: hidden }

#mainContentSplash img { display: block; vertical-align: bottom }

#mainContentHome {
	font-size: 1.2em;
	width: 57.2%;
	position: relative;
	top: 0;
	left: -1px;
	float: left;
	border-left: 1px solid #ccc }

#rightNav {
	width: 23%;
	position: relative;
	top: 0;
	left: 0;
	float: right;
	text-align: left }

#innerRightNav {
    margin: 0;
	padding-right: 12px }

#rnavHomePS,
#rnavHomeBS,
#rnavHomeAC {
	width: 23%;
	position: relative;
	top: 0;
	left: 0;
	float: left;
	text-align: left }

#footerBreak {
	clear: both;
	margin: 0;
	padding: 0 }

#footer #accessibility { float: right }

#footer {
	margin: 0;
	padding-top: 4px;
	padding-bottom: 8px;
	color: #ccc;
	width: 100%; }

#footer a {
	color: #303030;
	text-decoration: none }

#footer a:visited{
	color: #303030;
	text-decoration: none }

#footer a:hover {
	color: #303030;
	text-decoration: underline }

/* accesability text size buttons */
button.letterButton.first { margin-left: 13px }

button.letterButton {
	cursor: pointer;
	margin-right: 0px;
	outline: none;
	color: #000;
	width: 17px;
	height: 19px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	border: 1px solid #636363;
	background-color: #cecece; /* old browsers */
	background-image: -ms-linear-gradient(top, #fff 0%, #CECECE 100%);
	background-image: -moz-linear-gradient(top, #fff 0%, #CECECE 100%);
	background-image: -o-linear-gradient(top, #fff 0%, #CECECE 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #CECECE));
	background-image: -webkit-linear-gradient(top, #fff 0%, #CECECE 100%);
	background-image: linear-gradient(to bottom, #fff 0%, #CECECE 100%)
}

button.letterButton.on {
	/* selected */
	border: 1px solid #7b7b7b;
	background-color: #dedede; /* for older browsers */
	background-image: -ms-linear-gradient(top, #979797 0%, #DEDEDE 100%);
	background-image: -moz-linear-gradient(top, #979797 0%, #DEDEDE 100%);
	background-image: -o-linear-gradient(top, #979797 0%, #DEDEDE 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #979797), color-stop(1, #DEDEDE));
	background-image: -webkit-linear-gradient(top, #979797 0%, #DEDEDE 100%);
	background-image: linear-gradient(to bottom, #979797 0%, #DEDEDE 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#979797', endColorstr='#DEDEDE',GradientType=0 );
}

button.letterButton#textsize0 { font-size: 10px !important }

button.letterButton#textsize1 { font-size: 12px !important }

button.letterButton#textsize2 { font-size: 14px !important }

button.letterButton#textsize3 { font-size: 15px !important }

/* end of footer styles */

#copyright{	display: none }

#pageFooterSpecific { display: none }

.padCell { padding : 10px }

.imageWrap {
	border : 1px solid #ccc;
	margin: 0 5px 5px 5px;
	float: right }

#miniCTATable img {	display: block !important }

.hiddenText {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden }

/* **********************************Leftnav styles********************************** */

/* styles to remove borders from top/bottom of left nav menu. Hover state re-adds them */


div#leftnav .navLevel2 { border: none }

div#leftnav.topLevelNotActive ul.navLevel2 { border-top: 1px solid white; border-bottom: none }

#leftnav{
   	float: left;
	font: 1.2em Whitney-Book-Pro, Arial, Helvetica, sans-serif !important;
	left: 0;
	top: 0;
	width: 19.6%
}


#leftnav ul,
#leftnav ul li { /*zero out any global hindering styles*/
	line-height: 150%;
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

/*set defecto styles for link cells - only two anchor or span s*/
#leftnav li a,
#leftnav li span {
	color: #333;
	display: block;
	padding-left: 9px;
	padding-right: 9px;
	text-decoration: none;
}

/* made style for navActiveLevel */
#leftnav li span.navActiveLevel { padding-top: 12px; padding-bottom: 12px }

#leftnav li span { padding-top: 6px; padding-bottom: 6px } /* these 2 lines control padding on left-nav */

#leftnav li a { padding-top: 6px; padding-bottom: 6px }

#leftnav ul.navLevel2 {
	margin-left: 10px
}

#leftnav ul.navLevel2 li:first-child a:hover { border-top: 1px solid #d9d9d9; }
#leftnav ul.navLevel2 li:first-child.navActive { border-top: 1px solid #d9d9d9; }
#leftnav ul.navLevel2 li:first-child { border-top: 1px solid #d9d9d9; }
#leftnav.topLevelNotActive ul.navLevel2 li:first-child { border-top: 1px solid #d9d9d9; }
#leftnav.topLevelNotActive ul.navLevel2 li:first-child a { border-top: none; }
#leftnav.topLevelNotActive ul.navLevel2 li:first-child a:hover { border-top: none; }

#leftnav ul.navLevel3 { border-top: 1px solid #d9d9d9; }
#leftnav.topLevelNotActive ul.navLevel3 li:first-child { border-top: none; }
#leftnav.topLevelNotActive ul.navLevel3 li:first-child a { border-top: none; }
#leftnav ul.navLevel3 li:first-child a { border-top: none; }
#leftnav ul.navLevel3 li:first-child a:hover { border-top: none; }
#leftnav ul.navLevel3 li:first-child.navActive { border-top: none; }
#leftnav ul.navLevel2 li { border-bottom: 1px solid #d9d9d9 }

#leftnav ul.navLevel2 li a { border-left: 1px solid #F2F2F2; border-right: 1px solid #F2F2F2 }

/* special case for ul.navLevel2 ONLY followed by li > a, e.g. index.html pages  */
#leftnav ul.navLevel2 > li > a { padding-bottom: 12px; padding-top: 12px }

#leftnav ul.navLevel3 li a {
	background: #fff;
	border-left: 4px solid #D0D0D0;
	border-right: 1px solid #d9d9d9 }

#leftnav ul.navLevel3 li { border: none }

/*adjust the padding per level - 4px gap for the border*/
#leftnav ul.navLevel3  a, #leftnav ul.navLevel3 span{ padding-left: 16px }
#leftnav ul.navLevel4  a, #leftnav ul.navLevel4 span{ padding-left: 26px }
#leftnav ul.navLevel5  a, #leftnav ul.navLevel5 span{ padding-left: 36px }

/*current page/current level set*/
#leftnav ul.navLevel2 li a.navActiveLevel,
#leftnav ul.navLevel2 li span.navActiveLevel{
	background: #fff;
	border-left: 4px solid #AF0B1C;
	border-right: 1px solid #d9d9d9;
	padding-left: 5px;
}

#leftnav ul.navLevel3 .navCurrentPage {
	background: #fff;
	border-right: 1px solid #D0D0D0;
	border-left: 4px solid #D0D0D0; /* changed from  #5d5d5d to #d9d9d9 no change in left claret when arrow used */
	padding-left: 20px; /* added to push arrow over a bit */ }

/* --- style2 for arrow indicator, levels 3,4 --- */

#leftnav.smallBusiness ul.navLevel2 li span.navActiveLevel strong {
	background:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/mm-leftnav-arrow.gif) no-repeat 1px 5px #fff; /* this navLevel2 new, 8-july-13  */
	padding-left: 7px;
	margin-left: -6px;
	margin-right: 6px;
	display: inline-block; /* added display inline-block */ }

#leftnav ul.navLevel3 .navCurrentPage strong {
	background:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/mm-leftnav-arrow.gif) no-repeat 1px 5px #fff;   /*changed center to 2px */
	padding-left: 7px;
	margin-left: -11px;
	margin-right: 10px;
	display: inline-block; /* added display inline-block */ }

#leftnav ul.navLevel4 .navCurrentPage strong {
	background:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/mm-leftnav-arrow.gif) no-repeat 1px 5px #fff;
	padding-left: 7px;
	margin-left:  0; /* over-ride indent from navLevel3 */
	display: inline-block; /* added display inline-block */ }

#leftnav ul.navLevel5 .navCurrentPage strong {
	background:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/mm-leftnav-arrow.gif) no-repeat 1px 5px #fff;
	padding-left: 7px;
	margin-left:  9px; /* over-ride indent from navLevel3 */
	display: inline-block; /* added display inline-block */ }

/* ---  End of arrow styles --- */


/*hover the left nav - keep after all styles set above*/
#leftnav ul.navLevel2 li a:hover,
#leftnav ul.navLevel2 li.expandable a:hover
{ background: #fff; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9 }


#leftnav ul.navLevel2 li.expandable a:hover { background: #fff !important; border-left: 1px solid #d9d9d9 !important; border-right: 1px solid #d9d9d9 }

#leftnav ul.navLevel2 li a.navActiveLevel:hover {border-left: 4px solid #AF0B1C; border-right: 1px solid #d9d9d9; text-decoration: underline }

#leftnav.smallBusiness.notHomepage ul.navLevel2 li a:hover,
#leftnav ul.navLevel3 li a:hover
	{ text-decoration: underline; border-left: 4px solid #d0d0d0 }

#leftnav.smallBusiness ul.navLevel2 li.expandable a:hover { text-decoration: none; border-left: 1px solid #d9d9d9 !important; border-right: 1px solid #d9d9d9 !important; padding-left: 8px }

/* Styles for business section */
#leftnav .sbHeader {
	margin-left: 10px; background-color: #dfdfdf; padding-top: 7px; padding-bottom: 7px; padding-left: 10px; padding-right: 10px }

#leftnav .sbHeader a { color: black }

#leftnav .subnavToggled li a:hover { text-decoration: underline !important }

#leftnav #innerLeftnavSB .leftnavLinkText { font-weight: normal }

ul.navLevel2 li a { background-color: 4px solid #fff }  /* adds left border to whole open section */

/* left over from above, makes sure expanding sections don't get border */
div#leftnav ul.navLevel2 li.expandable a { border-left: none !important; background-color: transparent }

#leftnav.smallBusiness li a
/*#leftnav.smallBusiness li span*/ {
	color: #333;
	display: block;
	padding-top: 6px; /* changed top/bottom from 10 to 13px, then back again */
	padding-bottom: 6px;
	text-decoration: none;
}


#leftnav.smallBusiness.homepage li a,
#leftnav.smallBusiness.homepage li span,

#leftnav.smallBusiness li.expandable a,
#leftnav.smallBusiness li.expandable span
 {

	padding-top: 12px; /* changed top/bottom from 10 to 13px, then back again */
	padding-bottom: 12px }

.navStart li { border-top: none; border-bottom: none}


/* **********************************Leftnav styles END********************************** */


/*oldie still used for pwm so do not remove..*/
a.leftnavLink {	text-decoration: none }

a.leftnavLink:hover { text-decoration: underline; color: #540264 }

a.leftnavLinkSelectedSection {
	text-decoration: none;
	color: #000;
	cursor:hand }

a.leftnavLinkSelectedSection:visited { color: #000 }


/*new divider colours from 23-may-13 spec. */
.leftnavSubHorizontalDivider2 {
	padding: 0;
	font-size: 0;
	border-top: 1px solid #D9D9D9 }

.leftnavLinkText{
	line-height: 100%;
	padding: 2px 2px 2px 10px }

.leftnavCurrent{
	font-weight: bold;
	padding: 3px 2px 3px 10px }

.leftnavCurrentLinkText{
	line-height: 100%;
	padding: 2px 2px 2px 10px;
	background: url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/mm-lnav-arrow.gif) no-repeat left }

.leftnavLinkEmphasizedText{
	font-weight: bold;
	padding: 3px 2px 3px 10px;
	cursor:hand }

.subnavDefault { display: none }
.subnavToggled { display: inline }

.leftnavLinkTextPB{ /*old could be used py pwm.*/
	line-height: 100%;
	padding: 2px 2px 5px 10px }

.leftnavCurrentLinkTextPB { /*old could be used py pwm.*/
	font-weight: bold;
	line-height: 100%;
	margin-left: 10px;
	padding: 2px 2px 5px 10px;
	background: url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/mm-lnav-arrow.gif) no-repeat 0% 45% }

.leftnavLinkEmphasizedTextPB,
.leftnavLinkEmphasizedCurrentTextPB { /*old could be used py pwm.*/
	line-height: 100%;
	font-weight: normal;
	padding: 3px 2px 3px 10px;
	cursor:hand
}

.leftnavLinkEmphasizedCurrentTextPB {/*old could be used py pwm.*/
	background: url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/mm-lnav-arrow.gif) no-repeat left }

.leftnavLinkEmphasizedCurrentTextPB .leftnavLinkCurrent { /*old could be used py pwm.*/
		font-weight: bold !important;
		color:#000 !important;
		text-decoration: none;
		line-height: 100%;
		margin-left: -9px;
		padding: 0 2px 2px 10px }

/* ********************************** Biz Section Styles ******************************* */

/* Close the expandable business sections by default */
div#leftnav.smallBusiness li.expandable { display: none; background-color: #fff !important }

div#leftnav ul.navLevel2 div.leftnavCurrent { border-bottom: 1px solid #d9d9d9;  padding: 10px 11px } /*10px - 2px for line hight = 8px */


#leftnav ul.navLevel2 {
border-top: 1px solid #d9d9d9;
margin-left: 10px !important; /* there is a un-scoped ul margin in business/ rnav, hence we need to add Important */ }

div#leftnav.smallBusiness .leftnavCurrent { background-collor: #dfdfdf; font-weight: normal }

div#leftnav.smallBusiness.homepage .leftnavCurrent { font-weight: bold; background-color: #dfdfdf }

/* same background colour style as .leftnavCurrent */
div#leftnav.smallBusiness .leftnavLinkEmphasizedText { padding: 12px 9px; margin-left: 10px; font-weight: bold; background-color: #dfdfdf;  border-bottom: 1px solid #d9d9d9 ;cursor: pointer } /* was: margin-left: 12px */

div#leftnav.smallBusiness .leftnavLinkEmphasizedText a,
div#leftnav.smallBusiness .leftnavLinkEmphasizedText a:visited { color: #333 }

/* add red border to top element */
div#leftnav.smallBusiness .leftnavCurrent  {
	background: #fff;
	border-left: 4px solid #AF0B1C;
	border-right: 1px solid #d9d9d9;
	padding-left: 6px;
	border-bottom: none !important } /* border added, combined with 4px left border looks funny in Chrome, add to top of following element instead */

div.smallBusiness.notHomepage li.leftnavCurrentBorder > div.leftnavCurrent { border-bottom: none }

/* extra styles to reset homepage style, e.g. remove red border on inside pages' leftnavCurrent */
div#leftnav.smallBusiness.homepage .leftnavCurrent {
	border-bottom: 1px solid #d9d9d9;
	border-right: none;
	border-left: none }

div#leftnav.smallBusiness ul.navLevel2 li span.navActiveLevel {
	background: #fff;
	border-left: 4px solid #d9d9d9 !important; /*changed from to #D9D9D9 to #5D5D5D as per spec for "child dark active bar" */
	border-right: 1px solid #d9d9d9;
	padding-left: 9px }

#leftnav.smallBusiness ul.navLevel2 li a.navActiveLevel { border-left: 4px solid #d9d9d9 !important } /*changed from to #D9D9D9 to #5D5D5D as per spec for "child dark active bar" */

#leftnav.smallBusiness.notHomepage  ul.navLevel2 li a {
	border-left: 4px solid #d9d9d9;
	border-right: 1px solid #d9d9d9; /* #leftnav ul.navLevel3{border-top: 1px solid #d9d9d9 } */
	background-color: #fff;
	border-bottom: none !important;

}

div#leftnav.smallBusiness.notHomepage ul.navLevel3,
div#leftnav.smallBusiness.notHomepage ul.navLevel2 li,
div#leftnav.smallBusiness.notHomepage ul.navLevel3 li,
div#leftnav.smallBusiness.notHomepage ul.navLevel4 li,
div#leftnav.smallBusiness.notHomepage ul.navLevel5 li {
	border-bottom: none;
	border-top: none
}

div#leftnav.smallBusiness.notHomepage ul.navLevel2 li.expandable a,
div#leftnav.smallBusiness.notHomepage ul.navLevel3 li.expandable a,
div#leftnav.smallBusiness.notHomepage ul.navLevel4 li.expandable a,
div#leftnav.smallBusiness.notHomepage ul.navLevel5 li.expandable a {
	border-top: 1px solid #dfdfdf;
	background-color: #f2f2f2;
	 }

/* expandable elements aligned flush with header (clickable) titles */
div#leftnav.smallBusiness.notHomepage li.expandable { padding-left: 0; border-right: none }

div#leftnav.smallBusiness.notHomepage li.expandable a { border-right: none }

div#leftnav.smallBusiness.notHomepage  ul.navLevel2 div.leftnavCurrent {  padding-left: 6px }

div#leftnav.smallBusiness ul.navLevel2 li a.navActiveLevel { padding-left: 10px } /* fix indent*/

/* **********************************RightNav Styles********************************** */
#rightNav a {
	text-decoration: none;
}

#rightNav a:hover{
	text-decoration: underline;
}

#relatedLinksBlock {
	padding-top:0px;
}

#rightNav ul, #rnavHomePS ul, #rnavHomeAC ul {
	list-style: none;
	list-style-image: none;
	margin: 5px 0 5px 0;
	padding: 0;
}
#rightNav ul li, #rnavHomePS ul li,  #rnavHomeAC ul li {
	padding: 0 0 5px 0;
	margin: 0;
}
ul.rightPoint{
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
ul.rightPoint li{
	padding: 0 0 5px 0;
	margin: 0;
}
.rnavHeading {
	font-weight: bold;
	padding: 0 4px 0 0;
	margin: 0;
	border-bottom: 1.5px solid Silver;
}

a.rnavLink {
	text-decoration: none;
}
.rnavLinkText {
	margin: 0;
	padding: 7px 5px 12px 0;
}
.rnavItem {
	line-height: 135%;
	margin: 2px;
	padding: 0;
}
.rnavCrossSell {
	padding-bottom: 12px;
	margin: 0;
}

.rnavCrossSell .mboxDefault {margin-bottom: -12px }

.rnavboxSpacer {
	height: 12px;
}

img.rnavBranchLocatorIcon {
	float: left;

}

#rightNav .textInputRight, #bannerRight .textInputRight {float: none }
/* **********************************breadcrumb styles********************************** */

#breadcrumbContent {
	font-size:1.1em;

	float:left;
	left:-1px;
	position:relative;
	top:0;
	width:80.2%;
}

#breadcrumb {
	color: #333333;
	line-height: 120%;
	padding-bottom: 10px;	/* Changed 24 August 2009, mgpc */
}
#breadcrumb a {
	color: #333333;
	text-decoration: none;
}
#breadcrumb a:visited {
	color: #333333;
	text-decoration: none;
}
#breadcrumb a:hover {
	color: #333333;
	text-decoration: underline;
}

#breadcrumb-apply #breadcrumb {
	width: 425px;
	float: left;
}

#apply-online {
	float: right;
	font-size:92%;
	line-height:120%;
	width:320px;
	text-align:right;
}
#apply-online a {
	text-decoration: none;
}

#apply-online a:hover {
	text-decoration: underline;
}

.nowrap {
	white-space:nowrap;
}

/* **********************************flyover definition classes************************ */
.flyOver, .langFlyOver {
    display:none;
	width:300px;
	font : 11px  Whitney-Book-Pro, Arial, Helvetica, sans-serif;
	color: #000;
	position: absolute;

	background: #ffffdf;
	background          : url(#) !important;

	margin: 0;
	padding: 2px;

	border: 1px solid #000;
	z-index: 9999 !important;
}


.flyOverIframe { position:absolute;z-index: 9998 !important }

.definition{
	color:#000;
	border-bottom: 1px dashed #000;
	cursor: help;
}
#screenOverlay {
	background-color:#000 !important;
	filter:alpha(opacity=45);
	-moz-opacity:0.45;
	opacity:0.45;
	position:absolute;
	z-index: 2000; /* some header elements are at z-index 1000 */
}

/* **********************************search box classes************************ */
.textfield {
	border-color: #fff;
	background-color: #fff;
	font: 11px Whitney-Book-Pro, Arial, Helvetica, sans-serif;
	color: #333333;
	border: 1px solid #666;
	padding-left: 2px;
}
#passThroughSearch .textfield {width: 10em; vertical-align: top; margin-top:2px }


/* **********************************body styles********************************** */
.bodySectionDivider {
	background-color: #ccc;
	height: 1px;
	width: 100%;
	min-width: 100%;
}

.bodySectionDivider img{
	display: block !important;
	vertical-align: bottom
}
.subText {
	font-size: 7px;
	vertical-align: sub;
}
.subTextAbs {
	font-size: 7px;
	position: absolute;
	margin-top: 7px
}
.supText {
	font-size: 7px;
	vertical-align: super;
}
.emphasizedText, strong {
	font-weight:bold;
	volume: loud;
}
.smallcaps {
	font: 95% Whitney-Book-Pro, Arial, Helvetica, sans-serif;
	color: inherit;
}
.legalText, .legalText span {
	color: #666;
}
.callOutText{
	font-weight:bold;
	volume: loud;
	color: #666;
}
.imgCaption{
	font-size: 10px;
	color: #000;
	line-height: 135%;
}
.actionText {
	color: #003163;
}

.pdf {
	font: 10px Whitney-Book-Pro, Arial, Helvetica, sans-serif;
	color: #666;
	background: none;
	position: relative;
}
span.pdf:after {
	content: url('/content/dam/cibc-public-assets/development/tfsa-rrsp/img/pdf.gif');
	padding-left: 3px;
	position: absolute;
	bottom: -2px;
}
.noteText {
	color: #818181;
}
/* *******************************Brand Colour***************************** */
.claret	{
	color: #AF0B1C;
}

/* **********************************Buttons********************************** */
.button {									/****REMOVE****/
	background-color: #003366;
	color: #fff;
	font : bold 11px Whitney-Book-Pro, Arial, Helvetica, sans-serif;
	cursor: pointer;
	height: 23px;
	border: 3px double #003366;
}
.primaryFormButton {
	background-color: #AF0B1C;
	font : 11px Whitney-Book-Pro, Arial, Helvetica, sans-serif;
	color: #fff;
	cursor: pointer;
	padding-left : 15px;
	padding-right : 15px;
	border-bottom-color : Black;
	border-right-color : Black;
}
.secondaryFormButton {
	background-color: #C0C0C0;
	font : 11px Whitney-Book-Pro, Arial, Helvetica, sans-serif;
	cursor: pointer;
	padding-left : 15px;
	padding-right : 15px;
	border-bottom-color : Black;
	border-right-color : Black;
}

/* **********************************table styles********************************** */
.tabularDataHeader, th {
	font-weight : bold;
	background-color: #ccc;
}
.tabularData1 {
	background-color: #fff;
}
.tabularData2 {
	background-color: #FCF7DD;
}
.tabularData3 {
	background-color: #F0F1EF;
}
.tabularData4 {
	background-color: #000;
}
.tabularDataHeader {
	background-color: #ccc;
}
.tabularDataSubHeader {
	font-weight : bold;
	background-color: #F0F1EF;
}
.tabularBorder {
	background-color: #ccc;
}
.formRow1 {
	background-color: #fff;
}
.formRow2 {
	background-color: #eee;
}
/* **********************************NEW table styles******************************* */
.layoutHeader {
	font-weight : bold;
	background-color : #F5EEC1;
}
.layoutSubHeader {
	background-color : #F5EEC1;
}
.layoutData {
	background-color : #FCF7DD;
}
.layoutBorder {
	background-color : #DBC85F;
}
.expandTable {
	border-bottom: 1px solid #898989;
}

.expandTable td {
	border-top: 1px solid #c9c5aa;
	padding: 5px;
}

.expandTable tr.darkRow {
	background-color: #f5f5f5;
	display: block;
	vertical-align: top;
}

.expandTable tr.lightRow {
	display: none;
	vertical-align: top;
}

.expandTable td.sectionHeader {
	border-right: 1px solid #898989;
	padding-left: 0;
	width: 485px;
}

.expandTable td.toggleButton, .expandTable td.emptyToggleButton {
	background-color: #f5f5f5;
	border-left: 1px solid #898989;
	padding: 12px 0 0;
	text-align: center;
	vertical-align: top;
	width: 40px;
}

.expandTable tr.darkRow td.toggleButton {
	background-attachment: scroll;
	background-image: url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/button/expandtable-button-bg.gif);
	background-repeat: no-repeat;
	background-position: 6px 6px;
}

.expandTable tr.lightRow td.toggleButton {
	background-color: transparent;
}

.expandTable td.toggleButton img.toggleImage {
	border: 0;
	height: 15px;
	width: 15px;
}

.expandTable td .title {
	float: left;
	padding-left: 0;
	width: 159px;
}

.expandTable td .description {
	float: right;
	width: 313px;

}
/* **********************************Header Styles********************************** */
.headerLinkText{
	font-size:10px;
	padding-top : 3px;
	padding-bottom: 3px;
}

/* **********************************line dividers********************************** */
.bgline {
	background-color: #ccc;
}

/* **********************************form styles********************************** */
.formFieldSingleLine {
	height: 17px;
	background-color: #fff;
	font : 11px Whitney-Book-Pro, Arial, Helvetica, sans-serif;
	color: #333333;
	border: 1px solid #000;
}
.formFieldSelect {
	height: 17px;
	background-color: #fff;
	font : 11px Whitney-Book-Pro, Arial, Helvetica, sans-serif;
	color: #333333;
	border: 1px solid #000;
}
.formFieldMultiLine {
	background-color: #fff;
	font : 11px Whitney-Book-Pro, Arial, Helvetica, sans-serif;
	color: #333333;
	border: 1px solid #000;
}
legend {
	font : bold 12px Whitney-Book-Pro, Arial, Helvetica, sans-serif;
	color: #000;
}
.verticalSum {
	border-top: 1px solid #000;
}

.hiddenError {
	display: none;
}
.visibleError {
	background-image: URL(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/icon-alert-small.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-bottom: 10px;
	display: block;
}
.bodyStop {
	background-color: #ccc;
}

.bodyStop img {
			display: block;
}

/* ************************Home page styles************************* */

#mainContentHome a{
	text-decoration: none;
}
#mainContentHome a:hover{
	text-decoration: underline;
}
#homeAnchorBlock{
	width: 100%;
	position: relative;

}
#homeAnchorLeft{
	width: 180px;
	position: relative;
	float: left;
	padding-bottom: 5px;
}
#homeAnchorRight{
	width: 195px;
	position: relative;
	float: left;
	padding-left: 15px;
	padding-bottom: 5px;
}
/*new sign on module*/
select.signOn	{width: 180px !important;font : 11px Whitney-Book-Pro, Arial, Helvetica, sans-serif; }
input.signOn {border-color: #959492; width:145px; height: 13px; padding:1px}
.signOnContainer{margin:2px 0;float:left}
input.checkBoxSignOn {margin-left:0px;*margin-left:-3px;float:left}
#eAlert {padding-bottom: 10px !important;padding-top: 0 !important }
#olb_so_btn {padding: 5px 0}
#sign_on_form_container{width:100%;margin-bottom:10px }
/*for sign on tabbing code*/
#olbModEnd{	position:absolute;top:-3000px;left:-3000px }
#olbModBeg{	position:absolute;top:-3000px;left:-3000px }


#homePgFeatured {
	clear: both;
	width: 100%;
	margin-top: 10px;
}

#homePgFeatured .body {
	clear: both;
}

#homePgFeatured .column {
	float: left;
	vertical-align: top;
}

#homePgFeatured .header {
	overflow: hidden;
}

#homePgFeatured .header .boxTop {
	background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/quick-2-top.gif);
}

#homePgFeatured .header .boxTopExtended {
	background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/quick-2-topExtended.gif);
	margin-right: -1px;
	top:-5px;
	z-index:2;
}

#homePgFeatured .header .boxBottom {
	background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/quick-2-bottom.gif);
	padding: 0 1px;
	top: 5px;
}

#homePgFeatured .header .boxBottomExtended {
	background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/quick-2-bottomExtended.gif);

	padding: 0 0 7px;

	top: 5px;
}
#homePgFeatured .boxTopExtended .boxBottomExtended {
	*width: 100%;

}
#homePgFeatured .boxTopExt/ended .boxBottomExtended .column {*width: 172px }
.separator {
	border-top: 1px solid #cecece;
	border-bottom: 1px solid #e7e7e7;
	line-height: 0;
	margin: 5px 0;
	width: 100%;
}
.box1.boxTop .separator{margin-top:0px }

#homePgFeatured .header h3  {
	margin: 0;
	padding: 10px;
}

#homePgFeatured .body .boxTop {
	background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/1-top.gif);
	background-position: 0 -1px;
}

#homePgFeatured .body .boxTopExtended {
	background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/1-topExtended.gif);
	background-position:100% -1px;
	margin-right:-1px;
	top:-10px;
	z-index:2;
}

#homePgFeatured .body .boxBottom {
	background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/1-bottom.gif);
	padding: 0 1px;
	top: 10px;
}

#homePgFeatured .body .boxBottomExtended {
	background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/1-bottomExtended.gif);
	padding:0px 0 10px 0;
	top: 10px;
}

#homePgFeatured .body .column {
	margin: 0;
	padding: 0;
}

#homePgFeatured .innerColumn {
	padding: 0 9px;
	border-left: 1px solid #f6f6f6;
	border-right: 1px solid #e4e4e4;
}
#homePgFeatured .boxTop h2 {padding-left: 10px }
#homePgFeatured .body .left .innerColumn {
	border-left: none;
}

#homePgFeatured .body .right .innerColumn {
	border-right: none;
}

#homePgFeatured ul, .homePageBottomBlock ul {
	list-style: none none;
	margin: 0;
}

.homePageBottomBlock {
	clear: both;
	margin: 10px 0;
	width: 100%;
	float: left;
}

.homePageBottomBlock .left {
	float: left;
}

.homePageBottomBlock .right {
	float: right;
}

.homePageBottomBlock .column .rotatingAd {
	padding: 15px 0 10px 0;
}

.homePageBottomBlock .right .rotatingAd {
	text-align: right;
}

.setOfOne .column {
	clear: both;
	width: 100%;
}

.setOfTwo .column {
	width: 48.6%
}

.setOfThree .column {
	width: 33%;
}

/* ************************Personal Services Home page styles************************* */
#psHomeSpotLight{
	position: relative;

	width: 100%;
	padding-bottom: 5px;
}
#rnavHomePS a,  #rnavHomeAC a{
	text-decoration: none;
}
#rnavHomePS a:hover,  #rnavHomeAC a:hover{
	text-decoration: underline;
}

/* ************************Business Services Home page styles************************* */
#bsHomeSpotLight{
	position: relative;

	width: 100%;
	padding-bottom: 8px;
}
#rnavHomeBS a{
	text-decoration: none;
}
#rnavHomeBS a:hover{
	text-decoration: underline;
}
.bsHomedate{
	font : 10px Whitney-Book-Pro, Arial, Helvetica, sans-serif;
	color: #666;
}

/* ************************About CIBC Home page styles************************* */
#acHomeSpotLight{
border:1px solid #ccc;
float:left;
width:100%;

}
#rnavHomeAC a{
	text-decoration: none;
}
#rnavHomeAC a:hover{
	text-decoration: underline;
}

/***********************************popup styles***********************************/
.popupAccent{
	background-color: #AE0B1C;
	text-align: right;
}
.popupFrame{
	background-color: #000;
}
a.popupLink{
	text-decoration: none;
	color: #fff;
}
a.popupLink:visited{
	text-decoration: none;
	color: #fff;
}
a.popupLink:hover{
	text-decoration: underline;
	color: #fff;
}

#isLogoPop	{
	position: relative;
	width: 720px;
	margin-bottom: 5px;
}

#isMainBodyPop	{
	position: relative;
	width: 719px !important;
	width: 720px;
	padding-left:0px !important;
	padding-right:0px !important;
	padding: 10px;
	margin-bottom: 5px;
	border: 1px solid #000;
	background-color: #fff;
}

#isMainBodyPop	#leftCol {
	margin-left: 20px !important;
	margin-left: 5px;
}


#isFooterPop{
	position: relative;
	width: 720px;
	height: 25px;
	padding: 5px 0 5px 5px;
	font-size:10px;
	background-color: #000;
	color: #fff;
}
#isFooterPop a{
	text-decoration: none;
	color: #fff;
}
#isFooterPop a:visited{
	text-decoration: none;
}
#isFooterPop a:hover {
	text-decoration: underline;
}
#isFooterPopClose{
	width: 200px;
	padding: 0;
	margin: 0;
	text-align: right;
	vertical-align: middle;
	float: right;
}
#isFooterPopText{
	width: 520px;
	padding: 0;
	margin: 0;
	text-align: left;
	vertical-align: middle;
	float: right;
}


/* **********************************tool styles********************************** */
.toolHeaderContainer {
	background: #AF0B1C  repeat top left;
}
#toolContentHolder {
	width: 702px;
}
#toolImgHdrMastheadLogo {
	float: left;
}
#toolHdrMastheadRgt {
	float: left;
	margin-left: 1px;
	height: 68px;
	width: 623px
}
#toolHdrMastheadRgtImg {
	float: right;
	display: block;
	margin: 25px 10px 0 0;
}
#toolContent {
	float: left;
	border: 1px solid #000;
	margin-top: 4px;
	padding: 18px;
	display: block;
	background-color: #fff;
	margin-left: 1px;
	width: 664px
}

#toolFooter {
	float: left;
	padding :5px 0 5px 16px;
	display: block;
	background-color : #AE0B1C;
	color : #fff;
	margin : 4px 0 1px 1px;
	width : 697px;
	height : 25px;
}
#toolFooter a {
	color : #fff;
	text-decoration : none;
}
#toolFooter a:hover {
	text-decoration : underline;
}

/* **********************************callout styles********************************** */
.calloutheader1 {
	font-weight : bold;
}

.bgcolorcallout1 {
	background-color: #ccc;
}

.bgcolorcallout2 {
	background-color: #FFFFF2;
}
.bgcolorcallout3 {
	background-color: #ccc;
}

.calloutBox1	{
	background-color: #FDF7DD;
	border: 1px solid #DBCA62;
	padding: 10px;
	margin-bottom: 10px;
}

#mainContent .bgcolorcallout1 {
	width: 100% !important;
}

#mainContent .bgcolorcallout1 table {
	width: 100% !important;
}

#mainContent td.bgcolorcallout1 {
	background-color: #ccc;
	width: 10px !important;
}


/* **********************************search page results styles********************************** */
.textfieldwhite {
	height: 17px;
	border-color: #fff;
	background-color: #fff;
	font-size: 11px;
	color: #000;
}
.bgsearch {
	background-color: #FFEE99;
}

.tip {
	font : bold 12px Whitney-Book-Pro, Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #AF0B1C;
}

.bgNewSearch {
	background-color: #AF0B1C }

.searchBoxHeader {
	font: bold 12px Whitney-Book-Pro, Arial, Helvetica, sans-serif;
	color: #fff;
}

/* ***********************************Site Map Styles ************************************** */

#sitesButton	{
	position: absolute;
	top: 9px;
	left: 843px;
}

/* ***********************************FAQ Styles******************************* */
.faqSectionDivider {
	background-color : #f7c64d;
}

/* ***********************************Student Life*********************** */
a.charLinkModifier {
	color: #18566F;
	text-decoration: none;
	font : bold 15px Whitney-Book-Pro, Arial, Helvetica, sans-serif;
}
a.charLinkModifier:hover {
	color: #18566F;
	text-decoration: underline;
	font : bold 15px Whitney-Book-Pro, Arial, Helvetica, sans-serif;
}
a.charLinkModifier:visited {
	color: #18566F;
	font : bold 15px Whitney-Book-Pro, Arial, Helvetica, sans-serif;
}

/***********************************Mutual Funds***********************************/
.mfBodySectionBorder{
	background-color: #C7C7C7;
}
.mfBodySection1{
	background-color: #F2EDD9;
}
.mfBodySection2{
	background-color: #F8F6EC;
}

/***********************************Sign Off***********************************/
#signoutDiv {
	display: inline;
	position: absolute;
	top: 80px;
	left: 165px;
	width: 425px;
	z-index: 100001;
	background: #fff;
	margin: 0;
	padding: 0;
	opacity: .95;
	filter: alpha(opacity=95);
	border: 1px solid #000;
}
#signoutDiv p{
	padding-left: 55px;
	padding-right: 20px;
}
#signoutTop{
	background: url('/content/dam/cibc-public-assets/development/tfsa-rrsp/img/topbar-bg.gif') repeat-x;
	opacity: 1;
	filter: alpha(opacity=100);
	text-align: right;
}
#signoutBottom{
	margin: 10px;
	padding: 20px;
	border: 1px solid #BBBBBB;
	opacity: .95;
	filter: alpha(opacity=95);
}

/***********************************Survey***********************************/
#surveyDiv {
	display: inline;
	position: absolute;
	top: 80px;
	left: 165px;
	width: 455px;
	z-index: 100001;
	background: #fff;
	margin: 0;
	padding: 0;
	opacity: .95;
	filter: alpha(opacity=95);
	border: 1px solid #000;
}

#surveyTop{
	background: url('/content/dam/cibc-public-assets/development/tfsa-rrsp/img/topbar-bg.gif') repeat-x;
	opacity: 1;
	filter: alpha(opacity=100);
	text-align: right;
}
#surveyBottom{
	margin: 10px;
	padding: 20px;
	border: 1px solid #BBBBBB;
	opacity: .95;
	filter: alpha(opacity=95);
}
#surveyPage2 {
	display: none;
}
/**********************************small business styles***********************************/
.sbCtaBorder	{
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}

/**********************************call to action styles***********************************/
.ctaSolidBtm	{
	margin: 0;
	padding: 0;
	background: #fff url('/content/dam/cibc-public-assets/development/tfsa-rrsp/img/cta-btm-solid.gif') no-repeat 0 0;
	height: 15px;
}

.ctaSolidBtm p	{
	padding: 0 20px 0 0;
}

.ctaBodySb	{
	background: #fff url('/content/dam/cibc-public-assets/development/tfsa-rrsp/img/sb-cta-left-photo.gif') no-repeat 0 0;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	height : 62px;
}

.ctaBodyNoPhone	{
	background: #fff url('/content/dam/cibc-public-assets/development/tfsa-rrsp/img/cta-left-photo-no-headset.gif') no-repeat 0 0;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	height : 62px;
}

.ctaBodyPb	{
	background: #fff url('/content/dam/cibc-public-assets/development/tfsa-rrsp/img/pb-cta-left-photo.gif') no-repeat 0 0;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	height : 62px;
}

.ctaBodySb p, .ctaBodyPb p, .ctaBodyNoPhone p	{
	margin: 0;
	padding: 0 10px 5px 83px;
}


/************************************* NEW Category page layouts ******************************************/
#mainContentWrapper .rnavLinkText{
	margin: 0;
	padding: 7px 5px 10px 0;
}

#mainContentWrapper .rnavHeading{
	width: 185px;
	background-color: transparent;
	font-weight: bold;
	padding: 10px 0 10px 0;
	margin: 0;
	border: none;
	background: url('/content/dam/cibc-public-assets/development/tfsa-rrsp/img/rnav-line.gif') repeat-x bottom;
	color: #333333;
}

#mainContentWrapper .rnavHorizontalDivider {
	background-color: transparent;
	height: 0;
	font-size: 0;
	background: transparent;
}

#shadow {
	background: #ECECEC;
	padding: 0;
	margin-left: 2px;
}
#focusArea {
	background: #FDF9E8 url('/content/dam/cibc-public-assets/development/tfsa-rrsp/img/focus-bg.gif') repeat-x 0 0;
	border: 1px solid #D9D9D9;
	padding: 10px;
	position: relative;
	top: -2px;
	left: -2px;
}

/********************************** NEW VISA page layouts *********************************/
#mainVisaWrapper{
	width: 80.2%;
	position: relative;
	top: 0;
	left: -1px;
	float: left;
	border-left: 1px solid #ccc;


}

#mainVisaWrapper #innerMainContent {
	padding-right: 10px;

}

#visaContentTop	{
	left: 1px;
	position: relative;
	margin: 0 0 10px 0;
}
#visaNav	{
	position: relative;
	min-width: 100%;
	height: 25px;
	background: url('/content/dam/cibc-public-assets/development/tfsa-rrsp/img/page-nav-bg.gif') repeat-x 0 0;
}

#mainVisaWrapper img.visaTextblock {
	vertical-align: top;
}

#visaContentCopy{
	width: 67%;
	position: relative;
	top: 0;
	left: 1px;
	float:left;
	padding: 0 10px 0 10px;
	margin:0;
	border-right : 1px solid #ccc;

	font-size:100%;
}

#mainVisaWrapper #rightNav	{
	width: 30%;
	position: relative;
	top: 0;
	left: -1px;
	float: right;
	text-align: left;
	border-left: 1px solid #ccc;
	padding: 0;
	margin: 0;
	font-size: 100%;
	height:100% }

#mainVisaWrapper #innerRightNav {
	padding-left: 15px;
	padding-right: 0 }

.visaTitle {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden }


/********************************** NEW RATES page classes *********************************/
#rateInfo	{
	width: 913px }

#rateInfo ul {
	margin: 0 0 10px 17px;
	padding: 0;
	list-style: square outside url('/content/dam/cibc-public-assets/development/tfsa-rrsp/img/bullet.gif');
	line-height: 135% }

#rateInfo ul li{
	padding: 0 0 10px 0;
	margin: 0 }

#rateInfo li.ul{
	list-style-type : square;
	line-height: 135% }

#rateInfo h3 {
	color: #AF0B1C;
	margin-top: 5px;
	margin-bottom: 10px }

/***********************************accessibility styles***********************************/
.layout {
	speak: none }

#accessibility {
	padding: 5px 10px 0 }

#accessibility .buttons {
	padding: 0 8px 0 10px }

#accessibility .buttons img.letterButton {
	border: 0;
	height: 19px;
	margin-right: -3px;
	width: 17px;
	vertical-align: -4px }

#accessibility a.contrastOff {
	color: #000;
	font-weight: bold;
	text-decoration: none }

/************ creditSmart *********************/
#colAcs {
    width: 201px }

#colBcs {
    width: 189px }

#colCcs {
    width: 190px }

/************ creditSmart - Call Out *********************/

#CreditSmartBox {
	width:385px;
	padding-top:15px;
	padding-bottom:15px }

#crsmTitle {
	padding:0px;
	margin:0px }

#crsmBGContainer{
	padding-right:10px;
	padding-left:10px;
	margin-top:0px;
	background: url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/crsm-bg-callout.gif) repeat }

#crsmSubTitle{
	padding-top:5px;
	padding-bottom:5px }

#crsmFooterText{
	border-top: 1px solid #ccc;
	padding:10px }

#crsmImgFooter {
	padding:0px;
	margin:0px }


/* ******************** CTA BOXES ******************** */

.boxTop,
.boxBottom,
.boxTopExtended,
.boxBottomExtended {
	background-color:transparent;
	background-repeat:no-repeat;
	position:relative }

.boxTop {
	background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/top.gif);
	background-position:0 0;
	clear:both;
	float:none;
	margin:0px 0;
	width:100%;
	z-index:1 }

.boxTopExtended {
	background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/topExtended.gif);
	background-position:100% 0;
	padding-right:0px;
	margin-right:-10px;
	top:-15px;
	z-index:2 }

.boxBottom {
	background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/bottom.gif);
	background-position:0 100%;
	padding:0px 10px;
	top:15px;
	z-index:3 }


.boxBottomExtended {
	background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/bottomExtended.gif);
	background-position:100% 100%;
	*background-position:100% 100%;
	padding:0px 15px 12px 0;
	top:15px;
	z-index:4 }

.box1 {
	background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/1-top.gif);
	margin-bottom:15px;
}

.box1 H4 {
	margin-bottom: 5px
}

.box1 .boxTopExtended { background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/1-topExtended.gif) }

.box1 .boxBottom { background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/1-bottom.gif) }

.box1 .boxBottomExtended {
	background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/1-bottomExtended.gif); min-height:6em;
	padding-right: 10px }

.boxTitle {
	font-weight:bold;
	padding-bottom: 16px;
	padding-top: 5px;
	color:#273f65 }

.boxTitle h4 {
	color:#273F65 }

.boxHorizontalDivider1 {
	height:2px;
	margin: 0 0 16px 0;
	background: url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/r-nav-title-underline-tile.gif) repeat-x center }

.intelli {
	background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/intelli-2-top.gif);
	margin-bottom:30px;
}
.intelli p{
	margin-top: 10px;
}

.intelli .boxTopExtended {
	background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/intelli-2-topExtended.gif);
	top: 0;
}

.intelli .boxBottom {
	background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/intelli-2-bottom.gif);
	margin-bottom: -1px;
	top: 0;
}

.intelli .boxBottomExtended {
	background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/intelli-2-bottomExtended.gif);
	min-height: 2em;
	padding: 1em 15px 1em 2px;
	top: 0 }

.boxSignOn , #boxSignOn2 {
	background-image: url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/rnav-signon-2-top.gif);
	margin-bottom: 2px }

.boxSignOn .boxBottom {
	background-image: url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/rnav-signon-2-bottom.gif);
	padding: 0;
	top: 2px }

.boxSignOn .boxTopExtended {
	background-image: url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/rnav-signon-2-topExtended.gif);
	left: 5px;
	margin-right: 5px;
	top: -2px }

.boxSignOn .boxBottomExtended {
	background-image: url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/rnav-signon-2-bottomExtended.gif);
	padding: 10px 5px;
	top: 2px }

.innerBorder {
	border: 1px solid #ccc;
	width:99.73%;
	float:left }

/* ******************** Main Body CTA BOXES ******************** */

.imgCTAPersonal {
	float: left;
	width:82px;
	height:82px;
	margin: 0 10px 0 0;
	background: url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/cta-left-image-personal.jpg) }

.imgCTABusiness {
	float: left;
	width:82px;
	height:82px;
	margin: 0 10px 0 0;
	background: url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/cta-left-image-business.jpg) }

.mainCTAContentWrapper {
	overflow:auto;
	zoom: 1;
	padding: 0 }

.mainCTA {
	background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/cta-2-top.gif);
	margin-bottom:20px }

.mainCTA .boxTopExtended {
	background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/cta-2-topExtended.gif);
	top: 0 }

.mainCTA .boxBottom {
	background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/cta-2-bottom.gif);
	margin-bottom: -1px;
	top: 0 }

.mainCTA .boxBottomExtended {
	background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/cta-2-bottomExtended.gif);
	min-height: 2em;
	padding: 18px 15px 10px 0;
	top: 0 }

.mainCTA h2 {
	font-size:1.2em;
	color: #273F65 }

.blueCTAText{
	font-size:1.2em;
	font-weight: bold;
	color: #273F65;
	text-align:right }

.mainCTAdivider {
	background-color: #AFBCC4;
	height: 1px;
	width: 100%;
	min-width: 100%;
	margin: 10px 0 }

.mainCTAdivider img{
	display: block; vertical-align: bottom }

/* ******************** SIGN ON BOX ******************** */
#boxSignOn2 .boxTop {background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/rnav-signon-2-top.gif) }

#boxSignOn2 .boxBottom {
	background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/rnav-signon-2-bottom.gif);
	padding: 0 1px;
	top: 2px }

#boxSignOn2 .boxTopExtended {
	background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/rnav-signon-2-topExtended.gif);
	left: 1px;
	margin-right: 0;
	top: -2px }

#boxSignOn2 .boxBottomExtended {
	background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/rnav-signon-2-bottomExtended.gif);
	padding: 2px 2px 2px 0;
	top: 2px }

img.signOnLock {
	left: -9px;
	position: relative;
	margin-top: 10px }

h1.hiddenTitle {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden }

.srcBlock {	padding-top:10px }

.srcBlock p { padding-left:10px }

.tradeFinanceRnButton {	padding:0 0 10px 10px }

#question {	width:69% }

.ctaMainBody { padding:0 0 10px 0 }

/*new search function styles july 21 2010*/

input#qt {
	border:1px solid #999999;
	border:none;
	width:155px; /* was 7em = 75px;*/
	backgr/ound-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/rnav-field-gradient.gif);
	background-repeat:repeat-x;
	height:15px;
	padding-top:3px }

#qtSearch .textfield { width:165px !important }

.goButton{ padding:0 0 0 5px }

/*new search function styles july 21 2010 --end*/

.rnavfield_form {margin-top:-5px }


#qt{ right:36px }

.searchBoxHome img{ position: absolute; right:203px }

.searchBox img{ position:absolute; right:202px }

.searchBoxHomeBS img{ position:absolute; right:203px }

/***Added for the Flyover button styling***/
#signedOffFlyover.flyOver { padding: 0 !important;width:483px !important }

#signedOffFlyover .contentContainer{ padding:10px 20px 0 20px }

#signedOffFlyover .ButtonContainer{ clear:both; float: right; padding: 7px 20px 25px 0 }

#signedOffFlyover .ButtonContainer .PrimaryButton { float: left; display: inline; margin: 0 }

.flyOver .flyOverBlock, .langFlyOver  .flyOverBlock {
	background-color:#ffffe7;
	border:1px solid #b5b5b5;
	float: left;
	left:-2px;
	top:-2px;
	z-index:99 }
.langFlyOver .closer { float:left!important; margin-top:0px !important;}
#signedOffFlyover .ButtonContainer .Primary/Button INPUT {
	background-color: #808080;
	border: 1px solid #000;
	color: #fff;
	font-size: 1.1em;
	padding: 2px 2px;
	margin: 0 5px;
	float: none;
	overflow:visible }

#signedOffFlyover .ButtonContainer .PrimaryButton INPUT {
	background-color: #AF0B1C;
	margin-right: 0 }

#signedOffFlyover .titleContainer  {
			padding: 12px 0 0 18px;
			margin-top:5px }

.IE7Floater { float:left }

.flyOver:focus { outline: 1px dotted #000 } /*flyover accessibility*/

/*Dangerous Character Error*/
.errorMsgContent {
	background: url("/content/dam/cibc-public-assets/development/tfsa-rrsp/img/icon-alert-white.gif") no-repeat scroll 0 10px transparent;
	left: -12px;
	min-height: 30px;
	padding: 10px 0 10px 33px;
	position: relative;
	top: 0 }

.errorMsgContainer {
	border: 1px solid #D40139;
	clear: both;
	display: block;
	margin: 0 12px 20px 13px }

.errorMessage {	color: #D40139 }

.dngVisibleError { display:block }

/**Click to chat - raba*/

#cibcchatraba { height: 88px }

#cibcchatrabafr { height: 88px }


/* start of footer styles */
#footer.newLayout {
	border: 0 !important;
	clear:both;
	font: normal 16px Whitney-Book-Pro, Arial, Helvetica, sans-serif;
	margin-top:  30px;
	min-height:200px;
	padding: 0;
	width:100%;
}

#innerFooter{
	margin:0 auto;
	width: 100%;
	border-top:5px solid #5d5d5d;
	padding: 30px 0;/*to create the curtain affect/ also adding to the global footer */
}


#footer.newLayout h3 { color: #505051; font-family: Whitney-Book-Pro, Arial, Helvetica, sans-serif; margin-bottom: 12px }

#footer.newLayout ul {line-height: 100% }

#footer.newLayout #accessibility {float: none; font-size: 1em !important; padding: 0; width: 250px; }
#footer.newLayout #accessibility .font-size { margin-top: 10px; }



#footer.newLayout #highContrast {
	padding-left:11px;
	border-left:1px solid #ccc }

#footer.newLayout .contrastOff#normalContrast, #footer .contrastOff#highContrast  {
	color: #000 !important;
        font-weight: bold !important }

#footer.newLayout #normalContrast, #footer #highContrast {
	color: #505051 !important;
        font-weight: normal !important }

#footer.newLayout a:link, #footer a:visited, #footer h3 {
	text-decoration:none;
	color:#505051 }

#footer.footer .other-res-links ul li a:hover {
    text-decoration: underline !important;
}

#footer.newLayout .footer-links .language-links a {
	text-indent: 30px;
	display: block;
    background-image: url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/multi-lang-footer.png);
    background-repeat: no-repeat;
    background-position: left;
}
#footer.newLayout .footer-links .language-links a:hover {
	text-decoration: underline;
}

#footer.newLayout a:hover {
	color:#000;
	text-decoration:none;   /* !important */
}

#footer.newLayout .footer-column {
	float:left;
	width: 225px;
	display: inline }
#footer.newLayout .footer-column h3 {
	font-size: 83% }

#footer.newLayout #innerFooterColumns .footer-column h3 {
	font-weight: normal;
	line-height: 140%; }


#footer.newLayout .footer-column ul {
	list-style-type:none;
	list-style-image:none;
	margin:0;
	padding-right: 60px;
}

#footer.newLayout .footer-column ul li {
	padding:4px 0;
	font-size:75% }

#footer.newLayout .footer-column ul a { text-decoration:none; line-height: 140%; }

#footer.newLayout .footer-column ul a:hover { text-decoration:underline !important }
#footer.footer #innerFooter ul li a h3.footer_parent_link {  margin-bottom: 0px;  }


#footer.newLayout #accessibility span { color:#505051 }

#footer.newLayout #textsizes a ,
	#footer #contrasts a {
	margin-left:13px;
	color: #000;
	font-weight: bold; }

#footer.newLayout #textsizes img { vertical-align:middle }


#footer.newLayout #accessibility #textsizes.textsizesFr img { margin-top: 4px }

#footer.newLayout .copyright {
	clear:both;
	padding:30px 0 0 0;
	font-size:68.75% } /*overwritten the one in global.css*/

body:focus{outline:none }

/* contrast styles start */
#footer #contrast1 {
    padding-left: 11px;
    border-left: 1px solid #ccc }

#footer #contrasts a {
	margin-left: 13px;
    color: white !important; }

#footer #accessibility #contrast-label {
    width: 5em;
    display: block;
    float: left;
    margin-top: 2px }

body.contrast0 { font-weight: normal }

body.contrast0 #footer #contrast0,
	body.contrast1 #footer #contrast1 {
    text-decoration: none;
    color: black;
    background-color: inherit }

/* Apply high-contrast to body */
body.contrast1 #section-content .rotating-module h4,
body.contrast1 #section-content #anchor-rotating-news-column #whatsnew-module a,
body.contrast1 #section-content .anchor-rotating-module .anchor-rotating-text h3 a,
body.contrast1 #menubar .menupane .menupane-column.promo-column a.learn {
    color: #860309!important;
    font-weight: bold }

/* high-contrast styles from production /css/high_contrast.css */
body.contrast1 #mainContentSplash a,
body.contrast1 #mainContent2 a *,
body.contrast1 #mainContent a *,
body.contrast1 #mainContent2 a,
body.contrast1 #mainContent3 a,
body.contrast1 #mainContent3 a *,
body.contrast1 #rnavContent a,
body.contrast1 #mainContentSecond a,
body.contrast1 #rnavHomePWM a,
body.contrast1 #mainContentHomePWM a,
body.contrast1 #homePageMainContent a,
body.contrast1 #normalContrast,
body.contrast1 #topNavSites a,
body.contrast1 #innerMainContent a,
body.contrast1 #leftnav a,
body.contrast1 #rightNav a,
body.contrast1 #rnavHomePS a,
body.contrast1 #rnavHomeBS a,
body.contrast1 #rnavHomeAC a {
	color: #860309 !important;
	font-weight: bold !important }

body.contrast1 #mainContentSplash a span.emphasizedText,
body.contrast1 #topNavSites a span.emphasizedText,
body.contrast1 #innerMainContent a span.emphasizedText,
body.contrast1 #leftnav a span.emphasizedText,
body.contrast1 #rightNav a span.emphasizedText,
body.contrast1 #rnavHomePS a span.emphasizedText,
body.contrast1 #rnavHomeBS a span.emphasizedText,
body.contrast1 #rnavHomeAC a span.emphasizedText { color: #860309 !important }

body.contrast1 #mainContentSplash a:hover span.emphasizedText,
body.contrast1 #topNavSites a:hover span.emphasizedText,
body.contrast1 #innerMainContent a:hover span.emphasizedText,
body.contrast1 #leftnav a:hover span.emphasizedText,
body.contrast1 #rightNav a:hover span.emphasizedText,
body.contrast1 #rnavHomePS a:hover span.emphasizedText,
body.contrast1 #rnavHomeBS a:hover span.emphasizedText,
body.contrast1 #rnavHomeAC a:hover span.emphasizedText{
	color: #540264 !important;
	text-decoration: underline }

body.contrast1 #mainContentSplash a:hover,
body.contrast1 #mainContent2 a:hover,
body.contrast1 #mainContent2 a:hover *,
body.contrast1 #mainContent3 a:hover,
body.contrast1 #mainContent3 a:hover *,
body.contrast1 #rnavContent a:hover,
body.contrast1 #mainContentSecond a:hover,
body.contrast1 #rnavHomePWM a:hover,
body.contrast1 #mainContentHomePWM a:hover,
body.contrast1 #homePageMainContent a:hover,
body.contrast1 #normalContrast:hover,
body.contrast1 #topNavSites a:hover,
body.contrast1 #innerMainContent a:hover,
body.contrast1 #innerMainContent a:hover *,
body.contrast1 #leftnav a:hover,
body.contrast1 #rightNav a:hover,
body.contrast1 #rightNav a:hover *,
body.contrast1 #rnavHomePS a:hover,
body.contrast1 #rnavHomeBS a:hover,
body.contrast1 #rnavHomeAC a:hover  {
	color: #540264 !important;
	text-decoration: underline }

body.contrast1 #breadcrumb a {
	font-weight: normal !important;
	color:#333333 !important }

body.contrast1 #mainBody .primaryButton,
body.contrast1 #mainBody .primaryButton:hover,
body.contrast1 #toolbarWrapper .primaryButton {
	color: #FFFFFF !important;
	text-decoration: none;
}
body.contrast1 #toolbarWrapper .primaryButton {
	color: #860309 !important;
	text-decoration: none;
}
body.contrast1 #mainBody .primaryButton.grayButton,
body.contrast1 #mainBody .primaryButton.grayButton:hover {
	color: #860309 !important;
}

/* end of contrast styles */


/* accesability text size buttons */
button.letterButton.first { margin-left: 13px }

button.letterButton {

	cursor: pointer;
	margin-right: 15px;
	outline: none;
	color: #000;
	width: 17px;
	height: 19px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	border: 1px solid #636363;
	background-color: #cecece; /* old browsers */
	background-image: -ms-linear-gradient(top, #fff 0%, #CECECE 100%);
	background-image: -moz-linear-gradient(top, #fff 0%, #CECECE 100%);
	background-image: -o-linear-gradient(top, #fff 0%, #CECECE 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #CECECE));
	background-image: -webkit-linear-gradient(top, #fff 0%, #CECECE 100%);
	background-image: linear-gradient(to bottom, #fff 0%, #CECECE 100%);
}


button.letterButton.on {
	/* selected */
	border: 1px solid #7b7b7b;
	background-color: #dedede; /* for older browsers */
	background-image: -ms-linear-gradient(top, #979797 0%, #DEDEDE 100%);
	background-image: -moz-linear-gradient(top, #979797 0%, #DEDEDE 100%);
	background-image: -o-linear-gradient(top, #979797 0%, #DEDEDE 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #979797), color-stop(1, #DEDEDE));
	background-image: -webkit-linear-gradient(top, #979797 0%, #DEDEDE 100%);
	background-image: linear-gradient(to bottom, #979797 0%, #DEDEDE 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#979797', endColorstr='#DEDEDE',GradientType=0 ) }

button.letterButton#textsize0 { font-size: 10px !important }
button.letterButton#textsize1 { font-size: 12px !important }
button.letterButton#textsize2 { font-size: 14px !important }
button.letterButton#textsize3 { font-size: 15px !important }

html.en button.letterButton { 	margin-top: -12px } /* pulls up buttons to text baseline to preserve vertical alignment with other columns */

html.fr body.text0 button.letterButton {margin-top: 5px; margin-bottom: 3px; margin-left: 1px}
html.fr body.text1 button.letterButton {margin-top: 6px; margin-bottom: 2px;  margin-left: 1px}
html.fr body.text2 button.letterButton {margin-top: 8px;  margin-left: 1px}
html.fr body.text3 button.letterButton {margin-top: 9px; margin-bottom: 2px ;  margin-left: 1px}

/* end of footer styles */


/* Special offers link */
.specialOffersImg {
    width: 18px;
    height: 21px;
    background-image: url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/offers.png);
    background-repeat: no-repeat;
    background-position: left bottom;
	background-size: 18px;
    float: left;
    margin-right: 9px;
    margin-top: -4px;
    display: block;
}


@media print {

	#header { margin: 0 }

	#header #top-links,
	#header #tabs,
	#nav,
	#topNav,
	#topTabsSection,
	#leftnav,
	#footerBreak,
	#footer,
	#cibcLogo,
	.cibcTagLine,
	.leftNavTips,
	#copyright,
	#pageFooterSpecific,
	#accessibility,
	#breadcrumb,
	#rnavHomePS,
	#rnavHomeBS,
	#rnavHomeAC,
	#rightNav {
		display:none }

	#BVRRSummaryContainer,
	#BVRRContainer,
	#ugcLink{
		display:none }

	#cibcPrintLogo { display: inline }

	#dropShadowTopCorner,
	#dropShadow,
	#mainBody,
	#mainPage,
	#topNav{ width: 100% }

	#dropShadowTopCorner,
	#dropShadow,
	body { background: #fff }

	#mainBody {	clear:both;border-bottom: 1px solid #ccc }

	#mainContent,
	#mainContent2,
	#mainContent3 {	width: auto }

	#mainVisaWrapper #rightNav {
		width:150px;
		display:inline !important }

	#mainVisaWrapper #visaContentCopy,
		#mainVisaWrapper #visaContentTop { width:380px }

	#copyrightFooter { clear:both }

	/* **********************************table styles********************************** */
	.tabularData1 {
		border: 1px solid #ccc;
		background-color: #fff }

	.tabularData2 {
		border: 1px solid #ccc;
		background-color: #fff }

	.tabularData3 {
		border: 1px solid #ccc;
		background-color: #fff }

	.tabularData4 {
		border: 1px solid #ccc;
		background-color: #fff }

	.tabularDataHeader {
		border: 1px solid #ccc;
		background-color: #fff }

	.tabularDataSubHeader {
		border: 1px solid #ccc;
		background-color: #fff }

	.tabularBorder {
		border: 1px solid #ccc;
		background-color: #fff }

/************************/

/* stops border overflow */
div#nav li.menubar-item {
	color: rgb(255, 255, 255);
	display: list-item;
	float: left;
	font-family: Whitney-Book-Pro, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 45px;
	line-height: 45px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px }

} /* end of print styles */

/* needed */
/*nan div#nav  h2 { height: 20px }*/
/* #menubar-creditcards { margin-top: -1px } */
/* ==== These classes are added by megamenu_functions.js ==== */
.dInnerMenuTop { padding-top: 10px !important; bor/der-top: 1px solid blue  } /* #dedede */

#leftnav.smallBusiness.notHomepage .dInnerMenuTop { padding-top: 10px !important; bor/der-top: 1px solid #dedede !important }

.dInnerMenuBottom { padding-bottom: 10px !important }

.dBottomBorder { border-top: 1px solid #d9d9d9 !important }

li.dOuterMenuTop > a:hover { border-top: 1px solid #dedede !important}

#leftnav ul.navLevel2 li.dOuterMenuTop > a:hover { border-top: 1px solid #dedede !important; margin-top: -1px; } /*pull in top margin, else menu jumps */

.supTextLink{ font-size: 7px; vertical-align: super; display: inline-block; color: #AF0B1C;}

/*Social media styling*/

.socialBlock {
    float: right;
}

.socialBlock span {
    float: left;
}

.socialBlock span.text {
    font-size: 12px;
    font-family: Whitney-Book-Pro, Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 36px !important;
}

.socialBlock span.icon {
    width: 37px !important;
    height: 36px !important;
}

.socialBlock span.icon img {
    display: block;
    width: auto !important;
    height: auto !important;
}

.socialBlock .last {
    margin-right: 0;
}

/* ********** Sales Toolbar Start ********** */
#toolbarWrapper .bankAccount{background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/bg-bankAccount.png)!important}
#toolbarWrapper .creditCard{background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/bg-card.png)!important}
#toolbarWrapper .mortgage{background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/bg-mortgage.png)!important}
#toolbarWrapper .tool{background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/bg-tool.png)!important}
#toolbarWrapper .insurance{background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/bg-insurance.png)!important}
#toolbarWrapper .invest{background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/bg-invest.png)!important}
#toolbarWrapper .lending{background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/bg-lending.png)!important}
#toolbarWrapper #loadingWrapper{width:100%;height:128px;text-align:center;margin-top:77px}
#toolbarWrapper #toolbarSubtitle{width:836px}
#toolbarWrapper .primaryButton{position:absolute;top:19px;right:-4px;height:auto!important}
.socialBlock{margin-bottom:20px}
#toolbarWrapper{width:945px;margin:20px auto 0;padding-top:20px;position:relative;border-top:1px solid silver;overflow:hidden;font-size:10px}
#toolbarWrapper *{font-family: Whitney-Book-Pro, Arial, Helvetica, sans-serif!important}
#toolbarWrapper a{text-decoration:none!important}
.contrast1 #toolbarWrapper a{font-weight:700!important;color:#860309!important}
#toolbarWrapper #salesToolbarIosSlider{position:relative;top:0;left:0;overflow:hidden;width:885px;padding-left:30px;height:167px}
#toolbarWrapper #salesToolbarIosSlider #stage{width:300%;height:100%}
#toolbarWrapper #salesToolbarIosSlider #stage #subStage1,#toolbarWrapper #salesToolbarIosSlider #stage #subStage2,#toolbarWrapper #salesToolbarIosSlider #stage #subStage3{float:left;width:100%}
#toolbarWrapper #stage .wider{width:1260px!important}#toolbarWrapper h3{font-size:1.8em;font-weight:400;margin-bottom:0}#toolbarWrapper p{font-size:1.3em}
#toolbarWrapper #clearHistory,#toolbarWrapper #disableToolbar{display:none;position:absolute;text-decoration:none;font-size:1.3em;line-height:1}
#toolbarWrapper #clearHistory{top:35px;right:111px}
.fr #toolbarWrapper #clearHistory{right:129px}
#toolbarWrapper #disableToolbar{top:30px;right:0}
#toolbarWrapper .box{position:relative;float:left;cursor:pointer;background:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/blank.gif) 215px 78px no-repeat #f2f2f2;width:243px;margin:10px 7px;padding:20px;height:107px;overflow:hidden}
#toolbarWrapper .box.wide{width:394px}
.fr #toolbarWrapper .box.wide{height:124px}
#toolbarWrapper .box a.greyButton{position:absolute;bottom:20px;left:20px;z-index:2;text-decoration:underline;font-family:Whitney-Book-Pro, Arial, Helvetica, sans-serif;font-size:1.3em;max-width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#toolbarWrapper .box>span{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/blank.gif)}
#toolbarWrapper .remove{position:absolute;top:10px;right:10px;z-index:2;cursor:pointer;width:17px;height:17px;background:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/x.png) center center no-repeat;padding:10px}
#toolbarWrapper .title{font-size:1.6em;color:#af0b1c;line-height:120%;width:225px;max-height:76px;overflow:hidden;display:block;background-image:none!important;font-weight:400!important;padding:0!important}
#toolbarWrapper .title sup{color:#af0b1c;font-size:.7em}
#toolbarWrapper .tool .title{max-height:39px}
#toolbarWrapper .box p{margin-top:10px;width:215px;margin-bottom:0;max-height:71px;overflow:hidden}
#toolbarWrapper .box.wide p{width:100%}
#toolbarWrapper #bullets{width:63px;height:10px;margin:15px auto 0;bottom:0;z-index:99;text-align:center;white-space:nowrap;line-height:9px!important;overflow:hidden}
#toolbarWrapper .bullet{display:inline-block;position:relative;width:10px;height:10px;-moz-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;border-radius:50%;background-color:#d9dad9;margin:0 5px}
#toolbarWrapper .bullet.active{background-color:#b4b5b3}
#toolbarWrapper #leftArrow,#toolbarWrapper #rightArrow{position:absolute;top:122px;cursor:pointer;z-index:99;width:18px;height:28px;display:none}
#toolbarWrapper #leftArrow{left:0;display:none}
#toolbarWrapper #rightArrow{right:0}
#toolbarWrapper a.greyButton{
	color:#000;border:1px solid #ccc;
	background:#e6e6e6;
	background:-moz-linear-gradient(top,#fcfcfc 0,#cfcfcf);
	background:-webkit-gradient(linear,left top,left bottom,from(#fcfcfc),to(#cfcfcf));
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:0 1px 1px #9f9f9f;
	-webkit-box-shadow:0 1px 1px #9f9f9f;
	box-shadow:0 1px 1px #9f9f9f;
	font-weight:700;
	font-size:1.4em;
	padding:3px 20px;
	text-decoration:none!important;
	line-height:1
}
#toolbarWrapper .primaryButton{
	-moz-box-shadow:0 3px 2px -2px #0F1F34;
	-webkit-box-shadow:0 3px 2px -2px #0F1F34;
	-ms-box-shadow:0 3px 2px -2px #0F1F34;
	box-shadow:0 3px 2px -2px #0F1F34;
	background:#275086;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#407CAE),color-stop(1,#275086)) #275086;
	background:-moz-linear-gradient(center top,#407CAE 5%,#275086 100%) #275086;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#407CAE', endColorstr='#275086');
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	border-radius:3px;
	display:inline-block;
	color:#fff!important;
	font-weight:700;
	font-size:1.3em;
	padding:13px 20px;
	margin-bottom:2px;
	margin-right:4px;
	text-decoration:none;
	text-shadow:0 1px 2px #0F1F34;
	line-height:14px;
}
/* ********** Sales Toolbar End ********* */

/* ********** Sales Toolbar Updates Start ********** */
#toolbarWrapper {
	width: 100%;
	min-width: 1000px;
	background-color: #EEEEEE;
	padding: 30px 0;
	border-top: none;
}

#toolbarInnerWrapper {
	width: 950px;
	margin: 0 auto;
	position: relative;
}

#toolbarWrapper h3 {
	padding-left: 20px;
	font-size: 21px;
	line-height: 22px;
}

#toolbarWrapper.default #toolbarInnerWrapper {
	height: 45px;
}

#toolbarWrapper.default.inactive #toolbarInnerWrapper {
	height: auto;
}

#toolbarWrapper.default h3 {
	text-align: left;
	padding-top: 10px;
}


#toolbarSubtitle {
	display: none;
}

#toolbarWrapper.inactive #toolbarSubtitle {
	display: block;
	padding: 0 20px;
	margin: 0;
	margin-top: 30px;
}

#toolbarWrapper .box {
	width: 250px;
	height: 130px;
	margin: 0 10px;
	background: url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/blank.gif) 242px 125px no-repeat #FFFFFF;
	background-image: none !important;
	background-size: 24px;
	border: none;
}


#toolbarWrapper .box:first-child {
	margin-left: 20px;
}

#toolbarWrapper .box:last-child {
	margin-right: 20px;
}

#toolbarWrapper .title {
	font-size: 18px;
	line-height: 22px;
}

#toolbarWrapper a.greyButton {
	font-weight: normal;
	padding: 10px 20px 11px;
	background: -moz-linear-gradient(top,#FFFFFF 0,#E8E8E8);
	background: -webkit-gradient(linear,left top,left bottom,from(#FFFFFF),to(#E8E8E8));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E8E8E8');
	-moz-box-shadow: 0 1px 1px #CCCCCC;
	-webkit-box-shadow: 0 1px 1px #CCCCCC;
	box-shadow: 0 1px 1px #CCCCCC;
	font-size: 1.3em;
	line-height: 22px;
}

#toolbarWrapper a.greyButton:hover {
	background: -moz-linear-gradient(top,#FFFFFF 0,#F5F5F5);
	background: -webkit-gradient(linear,left top,left bottom,from(#FFFFFF),to(#F5F5F5));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F5F5F5');
	background: linear-gradient(top,#FFFFFF 0,#F5F5F5);}

#toolbarWrapper .primaryButton {
	position: absolute;
	width: 45px;
	height: 22px;
	top: 0;
	right: 0;
	margin: 0;
	display: inline;
	color: #333333 !important;
	border: 1px solid #9F9F9F;
	background: #e6e6e6;
	background: -moz-linear-gradient(top,#FFFFFF 0,#E8E8E8);
	background: -webkit-gradient(linear,left top,left bottom,from(#FFFFFF),to(#E8E8E8));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E8E8E8');
	background: linear-gradient(top,#FFFFFF 0,#E8E8E8);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 1px #CCCCCC;
	-webkit-box-shadow: 0 1px 1px #CCCCCC;
	box-shadow: 0 1px 1px #CCCCCC;
	border:1px solid #ccc;
	font-weight: 100;
	font-size: 1.3em;
	padding: 10px 20px 11px;
	text-decoration: none !important;
	text-shadow: none;
	line-height: 22px;
}

#toolbarWrapper .primaryButton:hover {
	background: -moz-linear-gradient(top,#FFFFFF 0,#F5F5F5);
	background: -webkit-gradient(linear,left top,left bottom,from(#FFFFFF),to(#F5F5F5));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F5F5F5');
	background: linear-gradient(top,#FFFFFF 0,#F5F5F5);
}

#toolbarWrapper #salesToolbarIosSlider {
	padding-left: 0;
	width: 950px;
	margin-top: 52.5px;
}

#toolbarWrapper #disableToolbar {
	top: 0;
	right: 20px;
	font-size: 1.3em;
	line-height: 22px;
}

#toolbarWrapper #clearHistory {
	top: 13px;
	right: 131px;
	font-size: 1.3em;
	line-height: 22px;
}

#toolbarHandlers {
	position: relative;
	height: 30px;
	width: 80%;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

#toolbarHandlers.hide {
	display: none;
}

#toolbarWrapper #leftArrow,
#toolbarWrapper #rightArrow {
	top: 0 !important;
	display: inline;
}

#toolbarWrapper #leftArrow img,
#toolbarWrapper #rightArrow img {
	display: none;
}

#toolbarWrapper #leftArrow .default,
#toolbarWrapper #rightArrow .default {
	display: inline;
}

#toolbarWrapper #leftArrow.active .default,
#toolbarWrapper #rightArrow.active .default {
	top: 0;
	display: none;
}

#toolbarWrapper #leftArrow.active .active-arrow,
#toolbarWrapper #rightArrow.active .active-arrow {
	top: 0;
	display: inline;
}


#footer {
	padding-top: 0px !important;
	margin-top: 0px !important;
}


/* ********** Sales Toolbar Updates End ********** */

/* ***** Terms and conditions start ***** */
.termsWrapper .legalContent { display: none; padding-top: 20px; }
.termsWrapper .legalText p,
.termsWrapper .legalText .emphasizedText{ color: #666666 !important; }
.termsWrapper .toggleLink{
  border-bottom: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
  margin: 0;
  padding: 15px 0;
}
.termsWrapper .toggleLink a {
  color: #000 !important;
  cursor: pointer;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 12px;
  min-height: 14px;
  padding-left: 12px;
  text-decoration: none;
}
.termsWrapper .toggleLink img { cursor: pointer; }
/* ***** Terms and conditions end ***** */

.row { max-width: 960px; }
.left{ float: left !important;}
.right{ float: right !important;}

/*.mm_template_fullwidth_topnav */
.mm_template_fullWidth_topNav .topFeatures .right{ float: none !important;}

/* Top-bar Nav */
header nav, nav #nav { min-width: 1000px; }
#top-bar-nav  { background-color: #F5F5F5; color: #464646; line-height: 40px;
  margin: 0 0 5px 0;}
.top-bar {
	border: none;
	border-left: 1px solid #d9d9d9;
	height: inherit;
	height: auto;
	line-height: 40px;
	background: #333333;
	margin: 0 auto;
	position: relative;
}
.top-bar:before, .top-bar:after {
  content: " ";
  display: table;
}
.row:before, .row:after {
  content: " ";
  display: table;
}
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.top-bar a { text-decoration: none; }
.top-bar-section {
  left: 0 !important;
  position: relative;
  width: auto;
  transition: left 300ms ease-out;
}
.top-bar:after {
  clear: both;
}
.top-bar ul {
  margin-bottom: 0;
  list-style: none;
}
.top-bar-section ul {
  padding: 0;
  width: 100%;
  height: auto;
  display: block;
  font-size: 16px;
  margin: 0;
}
.top-bar-section ul {
  width: auto;
  height: auto !important;
}
.top-bar-section ul li > a {
  display: table-cell;
  font-family: Whitney-Book-Pro, Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-transform: none;
  line-height: 135%;
  height: 47px;
  vertical-align: middle;
  font-size: 13px;
}
html.en .top-bar-section ul li > a, html.en .top-bar-section ul li > a.active  {
  height: 35px  !important;
}
.top-bar-section ul.right li.language > a {
	text-indent: 20px;
    background-image: url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/multi-lang-header.png);
    background-repeat: no-repeat;
    background-position: 15px;
	background-size: 16px;
}
.top-bar-section li a {
  padding: 0 0.9375rem;
  line-height: 2.8125rem;
  background: #333333;
}
.top-bar,
.top-bar-section li a
 { background-color: #f5f5f5; color: #666; line-height: 40px; font-size: 14px; /*height: 40px;*/ }
 .top-bar-section ul li { border-right: 1px solid #D9D9D9; padding-bottom: 0; float: left; max-width: 200px; text-align: center; }
 html.en .top-bar-section ul li { max-width: 260px;  }
 .top-bar-section ul.right li:first-child { border-left: 1px solid #D9D9D9;}
 .top-bar-section li a{
	background-color: #F5F5F5;
	font: 14px Whitney-Book-Pro, Arial, Helvetica, sans-serif
	color: #464646;
	line-height: 150%;  
	padding-left: 15px;
	padding-right: 15px;
}
.top-bar-section li a:hover{
	color: #464646;
	background: #DEDEDE;
	text-decoration: none !important;
}
.top-bar-section .left .active{
	font: 13px Whitney-Book-Pro, Arial, Helvetica, sans-serif;
	color: #464646 !important;
	background: #fff !important;
	/*line-height: 40px;*/
	line-height: 135%;
	height: 47px;
	vertical-align: middle;
}
/* header and logo */
.specialOffersText {
	float: left;
	margin-top: 30px !important;
}
.fr .specialOffersText {	margin-top: 30px !important; }


.specialOffersText span {
	font-weight: normal;
	color: #AF0B1C !important;
    display: inline-block;
    font: 15px Whitney-Book-Pro, Arial, Helvetica, sans-serif;
}
.specialOffersText span:hover {
	text-decoration: underline;
}
a.signon {
	text-decoration: none;
	margin-top: 30px;
    float: left;
}
.fr a.signon {	margin-top: 30px; }

a.signon span:hover {
	text-decoration: underline;
}
a.signon span {
	font: 15px Whitney-Book-Pro, Arial, Helvetica, sans-serif;
	color: #af0b1c;
	padding: 10px 20px;
	margin-left: 20px;
	border-left: 1px solid #ccc;
}
/* Responsive Footer */
#footer.footer {
	background-color: #333333;
	width: 100%;
	font-size: 16px !important;
	padding: 24px 0 0;
	min-width: 1000px;
}
#footer.footer ul {
	list-style: none;
	overflow: hidden;
	line-height: 100%;
    margin: 0;
}
#footer.footer ul a{ color: #ccc !important; }
#footer.footer ul li {
	padding: 0;
}
#footer.footer h3,
#footer.footer h3 label,
#footer.footer ul li h3 { color: #fff; font-size: 18px;margin-bottom: 12px; font-family: Whitney-Book-Pro, Arial, Helvetica, sans-serif; }
#footer.footer h3 label {color: #ccc;}


#footer.footer .branch-locator h3 span {
	background-image: none !important;
}
#footer.footer .branch-locator h3 label {
	text-indent: 25px;
	display: block;
    background-image: url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/find-a-branch-icon.png);
    background-repeat: no-repeat;
    background-position: left;
}

#footer.footer #actions-bar,
#footer.footer #footer-nav { border-bottom: 1px solid #FFF; }
/* AEM Footer */
#footer {
	font: 16px Whitney-Book-Pro, Arial, Helvetica, sans-serif;
}
#footer #actions-bar { padding: 2.5em 0; }
#footer #innerFooter {
	width: 98%;
	border: none;
	padding: 0 35px 0 45px;
	background-color: #333 !important;
}
#footer #find-branch-module {
	margin: 0 0 10px 0;
	padding-right: 60px;
}
#footer #find-branch-module h3{
	margin-top: 30px;
}
#footer #passThroughSearch .textfield {
	-webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    background-color: #FFFFFF;
    border-left: none;
    border: 1px solid #D9D9D9;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-family: inherit;
    font-size: 14px;
    height: 40px;
    margin: 0;
    padding: 8px;
    padding: 0.5rem;
    width: 87%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color 0.15s linear, background 0.15s linear;
    -moz-transition: border-color 0.15s linear, background 0.15s linear;
    -ms-transition: border-color 0.15s linear, background 0.15s linear;
    -o-transition: border-color 0.15s linear, background 0.15s linear;
    transition: border-color 0.15s linear, background 0.15s linear;
    float: left;
}
#footer #passThroughSearch .textInputRight{
	width: 12%;
    background-color: #F5F5F5;
    height: 38px;
    min-height: 30px;
    border-radius: 0;
    border-right: solid 1px #D9D9D9;
    border-top: solid 1px #D9D9D9;
    border-bottom: solid 1px #D9D9D9;
    top: 0px;
    float: left;
}

#footer.newLayout .footer-column .row ul{
	padding-right: 60px !important;
}
#footer.newLayout .footer-column .row{
	float: left;
}
#footer .row-1, #footer .row-2{width: 50%;}
#footer .footer-row {
    border-bottom: 1px solid #535353;
    color: #FFF;
    margin-bottom: 22px;
    overflow: hidden;
    padding-bottom: 40px;
    padding-top: 10px;
    width: 100%;
}
#footer.footer .row ul a {color: #fff !important;}
#footer .quick-links ul {
	list-style: none;
	overflow: hidden;
	padding: 0;
}
#footer .footer-links {
	border-top: 1px solid #535353;
    height: 20px;
    margin-top: 24px;
    padding-top: 20px;
}
#footer .footer-links .language-links { float: left; }
#footer .footer-links .language-links ul {margin-left: 0;}
#footer .footer-links .language-links ul li{ float: left; line-height: 16px; }

#footer .footer-links .other-res-links{
	float: right;
}
#footer .footer-links .other-res-links ul li{
	float: left;
	margin-left: 40px;
}
#footer .branch-locator, #footer .quick-links {width: 50% !important;}
#footer .quick-links {margin-top: 35px; margin-right: 0px !important; float: right !important;}
#footer .quick-links .quick-links-container { float: right; padding: 9px 0 17px; }
#footer .quick-links .quick-links-container .quick-link-item {
	text-align: left;
	float: left;
	padding: 0;
	color: #fff;
}
#footer .quick-links .quick-links-container .quick-link-item a {
	color: #fff;
	display: inline-block;
	padding: 0 2em;
}
#footer .quick-links ul li {
	padding: 15px 0px 13px 0px !important;
	border-bottom: solid 1px #666666;
    display: block;
    margin-right: 0px;
    margin-bottom: 0;
}
#footer .quick-links ul li:last-of-type {
    border-bottom: none;
    padding-bottom: 0 !important;
}
#footer .quick-links .quick-links-container .quick-link-item a { border-right: 1px solid #fff; }
#footer .quick-links .quick-links-container .quick-link-item:last-child  a{ border-right: none; padding-right: 10px;}
#footer #footer-column {background-color: #AF0B1C;}
#footer .footer-column #accessibility span{ color: #CCCCCC; }
#footer .footer-column #accessibility .font-size a#clickdown { margin-left: 10px; }
#footer .footer-column #accessibility .font-size a#clickup,
#footer .footer-column #accessibility .font-size a#clickdown { margin-right: 10px; display: inline-block; vertical-align: middle;}
/* Styling bottom of footer */
#footer #innerFooterColumns { overflow: hidden; }
#footer #footer-bottom {background-color: #AF0B1C;}
#footer .footer-bottom {clear: both; margin: 20px auto 0; width: 920px; padding-top: 1.3em; overflow: hidden; padding-left:30px; padding-right: 20px; }
#footer .footer-bottom .footer-logo {
	float: left;
	border: 1px solid #fff;
	margin-top: 10px;
}
#footer .footer-bottom p,
#footer .footer-bottom .social-module { color: #fff !important; float: left; }
#footer .footer-bottom .copyright { padding: 0; padding-top: 15px; padding-left: 15px; min-height: 45px; margin-top: 10px; clear: none; }
#footer .footer-bottom .social-module { float: right; /*margin-top: 10px; */}
#footer .social-module .socialBlock { padding: 1em 0; }
#footer .social-module .socialBlock .text { color: #fff;}
#footer .social-module .socialBlock .icon {
    background-image: none !important;
    display: inline-block;
    height: 40px !important;
    margin: -3px 5px;
    padding-left: 0;
    vertical-align: middle;
    width: 40px !important;
}

/* AEM Mega Menu */
#menubar .tile-pane .image { width: 147px; height: 73px; }

/* Bleeding Header */
#mainPage {
	width: auto;
	margin: 0 auto;
}


#mainPage.mainPageAllBrands .headerwrapper {
	width: 96.7em !important;
	margin: 0 auto;
    position: relative;
}

#mainBody { margin: 0 auto 20px auto !important; clear: both;}
#nav {
	width: 100% !important;
	padding-right: 0px !important;
	clear: both;
	background: #af0b1c;
	border-bottom: 3px solid #D9D9D9;
	margin-bottom: 30px;
}
#nav #menubar { margin: 0 auto !important; height: 60px; }
#autonomyFrame {position: absolute;}

.contrast0 #contrast0 {
	cursor: default;
	opacity: 0.7;
  	filter: alpha(opacity=70);
  	-moz-opacity: 0.7;
  	-khtml-opacity: 0.7;
}
.contrast0 #footer.newLayout .footer-column ul li#contrasts a#contrast0:hover {text-decoration: none !important;}
.contrast0 #contrast1 {}
.contrast0 #footer.newLayout .footer-column ul li#contrasts a#contrast1:hover {}
.contrast1 #contrast0 {cursor: pointer;}
.contrast1 #footer.newLayout .footer-column ul li#contrasts a#contrast0:hover {}
.contrast1 #contrast1 {
	cursor: default;
	opacity: 0.7;
  	filter: alpha(opacity=70);
  	-moz-opacity: 0.7;
  	-khtml-opacity: 0.7;
}
.contrast0 #footer #contrasts a#contrast0,
.contrast1 #footer #contrasts a#contrast1 {
	color: #ccc !important;
}
.contrast1 #footer.newLayout .footer-column ul li#contrasts a#contrast1:hover {text-decoration: none !important;}

#footer.newLayout .footer-column a.decreasedisabled, #footer.newLayout .footer-column a.increasedisabled,
.text0 #footer.newLayout .footer-column a.decreasedisabled, .text3 #footer.newLayout .footer-column a.increasedisabled{
	display: inline-block;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
}
#footer.newLayout .footer-column a.decreasedisabled img, #footer.newLayout .footer-column a.increasedisabled img,
.text0 #footer.newLayout .footer-column a.decreasedisabled img, .text3 #footer.newLayout .footer-column a.increasedisabled img{ display: none; }
#footer.newLayout .footer-column a.decreasedisabled{ background-image: url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/text-size-minus.png); }
#footer.newLayout .footer-column a.increasedisabled{ background-image: url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/text-size-plus.png); }
.text0 #footer.newLayout .footer-column a.decreasedisabled { background-image: url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/text-size-minus-disabled.png); }		/* greyed - inactive image */
.text3 #footer.newLayout .footer-column a.increasedisabled{ background-image: url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/text-size-plus-disabled.png); }		/* greyed - inactive image */
.text0 #footer.newLayout .footer-column a.decreasedisabled, .text3 #footer.newLayout .footer-column a.increasedisabled{opacity: 0.5; cursor: default;}

span.nobr input:focus, span.nobr label:focus, #passThroughSearch input:focus{outline: -webkit-focus-ring-color auto 5px;}


/* modal language switcher START */

.modal {
  display: none;
  background: #fff;
  padding: 15px 30px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
/* custom style for language switch */

.lang-switcher {
    max-width: 580px !important;
    width:51%;
    border: 0px solid #ffffff !important;
    -webkit-box-sizing: border-box;
    left: 20px !important;
    right: 20px;
    top: 20px !important;
    bottom: auto !important;
    position: fixed;
    margin: auto;
    color: #666666;
    z-index: 200;
    line-height: 0.7;
    outline: none;
    background-color: white !important;
}

.lang-switcher.langFlyOver .flyOverBlock {
	background: #ffffff !important;
    border: 0px solid #ffffff !important;
    float: none;
    padding: 0px;
    left: auto;
    top: auto;
}

.lang-switcher .modal-paragraph {
  height: 100%;
  padding: 30px 20px;
  overflow: auto;
  -webkit-box-sizing: border-box;
}
.lang-switcher .close-modal {
  font-weight: normal !important;
  font-size: 30px;
  top: 10px;
  line-height: 0.7;
  right: 10px;
  color: #666666;
  z-index: 300;
  cursor: pointer;
  position: absolute;
  text-decoration: none;
  font-weight: bold;
}

.lang-switcher .title {
    display: block;
    font-family: Whitney-Book-Pro, Arial, Helvetica, sans-serif;
    color: #333333;
    line-height: 1;
    position: relative;
    margin-bottom: 30px;
    font-size: 28px;
    text-indent: 35px;
    background-image: url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/multi-lang-modal.png);
    background-repeat: no-repeat;
    background-position: left;
}

.lang-switcher .button {
    display: block;
    width: 39%;
    float: left;
    margin-bottom: 10px;
    line-height: 54px;
    text-align: center;
    font-family: Whitney-Book-Pro, Arial, Helvetica, sans-serif;
    text-decoration: none !important;
    padding: 13px 25px 10px 25px;
    border-radius: 3px;
    border: 1px solid #D9D9D9;
    color: #333333;
    background-color: #ffffff !important;
    height: 54px;
    font-size: 24px;
    font-weight: normal;
	box-shadow:  none; !important;
	-ms-box-shadow: 0px #FFFFFF !important;
	-moz-box-shadow: 0px #FFFFFF !important;
	-webkit-box-shadow:  none; !important;
}
.lang-switcher .button.active {
    color: #fff;
    background-color: #AF0B1C !important;
    border: 1px solid #AF0B1C;
}


.lang-switcher .other-langs .sub-title {
    display: block;
    font-family: Whitney-Book-Pro, Arial, Helvetica, sans-serif;
    color: #333333;
    margin-bottom: 20px;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.5;
}
.lang-switcher .other-langs {
    display: block;
    margin-bottom: 25px;
    background-color: #F5F5F5;
    padding: 25px 18px 1px;
    margin-right: 5px;
    clear: both;
}

.lang-switcher .o-langs {
    display: block;
    vertical-align: top;
    min-width: 220px;
    list-style: none;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 0;
}
.lang-switcher .o-langs li:last-child {
    border-bottom: none;
}
.lang-switcher .o-langs li {
    margin-bottom: 0;
    list-style: none;
    line-height: 50px;
    width: 100%;
    text-align: left;
    float: left;
    width: 200px;
    margin-right: 15px;
    border-bottom: 1px solid #ccc;
}
.lang-switcher .o-langs li a {
    display: block;
    font-size: 16px;
    text-decoration: none !important;
}
.lang-switcher .info-text {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1.5;
}


/* misc style */
.show-for-sr {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}
/* modal language switcher END */


/* megamenu fixes */
#menupane-mortgages .menupane-column-1 { width: 434px !important; }


/* ======================================================= */
/* CR38011 - Appointment Booking (OSAB) Footer Integration */
/* ======================================================= */
#appointmentBooking-footer {
    margin-top: 30px;
    width: 50% !important;
}
#appointmentBooking-footer h3 .appointmentBooking-heading {
    background: url('/content/dam/cibc-public-assets/development/tfsa-rrsp/img/icon-appointmentBooking.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    display: inline-block;
    color: #ccc;
    font-size: 1.4em !important;
    padding-left: 30px;
}
#appointmentBooking-footer #book { margin-right: 30px; }
#appointmentBooking-footer #cancel { margin-right: 30px; }
#appointmentBooking-footer .linkContainer { display: inline-block; }

#footer.newLayout #appointmentBooking-footer.footer-column ul { padding-right: 0; }
#footer.newLayout .quick-links-1row .footer-column { width: 100%; }
#footer.newLayout .quick-links-1row .footer-column ul { padding-right: 0; }
#footer .footer-row.quick-links-1row { padding: 0 0 22px 0; }
#footer .social-module .socialBlock span:nth-of-type(2) { margin-left: 20px; }

.std-footer-button {
    border: 1px solid #fff;
    color: #fff !important;
    display: block;
    font-size: 1.3em;
    height: 38px;
    line-height: 38px;
    text-align: center;
    width: 200px;
}
.std-footer-button:hover { text-decoration: none !important; }
.std-footer-link-button {
    color: #ccc !important;
    display: inline-block;
}
.std-footer-link-button:hover { text-decoration: underline !important; }
.quick-links-1row li {
    display: inline-block;
    float: left;
    width: 225px;
}


/* ======================================================= */
/* CR39055 - Appointment Booking (OSAB) Button Integration */
/* ======================================================= */
#appointmentBooking-myMeeting { width: 100%; }
#appointmentBooking-myMeeting.adviceCentre.tools {
	padding: 28px 30px;
	width: 350px;
}
#appointmentBooking-myMeeting.loansApplication { margin: 20px 0; }
#appointmentBooking-myMeeting.loansCalculator {
	margin: 10px 20px;
	width: 80%;
}
#appointmentBooking-myMeeting.mortgages { margin: 20px 0; }
#innerMainContent .tabRRSP .sectionHeader { margin-right: 25px; }
#innerMainContent .tabRRSP .sectionHeader.left { width: 375px; }
#myMeetingContainer * {
	color: #333;
	font-size: 10px;
}
#myMeetingContainer {
	background: url("/content/dam/cibc-public-assets/development/tfsa-rrsp/img/icon-myMeeting.png") no-repeat left center;
	padding-left: 45px;
}
#myMeetingHeaderContainer h4, #rightNav #myMeetingHeaderContainer h4 {
	font: bold 1.6em Whitney-Book-Pro, Arial, Helvetica, sans-serif !important;
	margin: 0 0 8px 0;
	padding: 0;
}
#myMeetingLinkContainer a {
	font: 1.4em Whitney-Book-Pro, Arial, Helvetica, sans-serif;
	color: #af0b1c;
	text-decoration: none;
}