@import url("reset.css");



html { font:10px Verdana, Arial, Helvetica, sans-serif;}
/*html { font-size:62.5% }/* IE discrepancy */
body { font-size:1em;line-height:150%;}
body * { color:#333; }

body, td, th,  p, ol, td.p, b {

	color: #333333;
}
body {
	background-color: #F5F4EE;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
}
#leftnav{
  border-right : 1px solid #cccccc;
  height : 100%;
  _height : 100%;
  min-height:100%;
  font-size:1.1em;
  border-top: 1px solid #cccccc;
  width: 19.5%;
  top: 0px;
  left: 0px;
  float:left;
  padding-bottom: 10px;
}
.mainSection {
   font-size:1.1em;
}

#copyrightFooter{
	font-size:90%;
	color: #666666;
	padding:10px 0 0 10px;
}

h1 { font-size:163.64%;}
h1.popup { color:#fff; text-align:left; font-size:193%; width:80%; position:relative; left:98px; margin:auto 0; top:30px}
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: 0px;
	padding: 0px;
	clear: both;
}
p , table p{ 
	margin-bottom: 10px;
	margin-top: 2px;
	line-height: 135%;
}
ul {
	margin: 2px 0px 10px 17px;
	padding: 0px 0px 0px 0px;
	list-style: square outside url('img/list-square.gif');
	line-height: 135%;
}
ol {
	/** line-height: 135%; **/
	list-style-type: decimal;
	margin-left: 25px;
	padding: 0px 0px 10px 0px;
	line-height: 135%;
}
ul li{
	padding: 0px 0px 2px 0px;
	margin: 0px;
}
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:#000000;
	border-bottom: 1px dashed #000000;
	cursor: help;
	speak: spell-out;
}
.textLink {
    color: #AF0B1C;
    text-decoration: none;
}

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

h1 {
	font: lighter 163.64% Verdana, Arial, Helvetica, sans-serif;
	color: #AF0B1C;
/*	margin-top: 5px;	*/
	margin-bottom: 10px;
	line-height: 120%;
}
h2 {
	font : bold  110% Verdana, Arial, Helvetica, sans-serif;
	line-height:120%;
	color: #333333;
	margin-top: 2px;
	margin-bottom: 0px;
} 
h3 {
	font : bold  109.09% Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin-bottom: 0px;
	/** margin-top: 2px; **/
	
}
h4 {
	font : bold 100% Verdana, Arial, Helvetica, sans-serif;
	color: #333333; 
}

h5 {
	font :  bold  150% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin-top: 1px;
	margin-bottom: 0px;
}
h6 {
    color: #AF0B1C;
    font: lighter 163.64% Verdana,Arial,Helvetica,sans-serif;
    margin-bottom: 0;
}
.h7 {
    color: #000000;
    font: bold 118.18% Verdana,Arial,Helvetica,sans-serif;
    margin-bottom: 0;
    margin-top: 0;
} 
.h8 {
    color: #333333;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
	font-size: 120%;
	line-height:160%;
    font-weight: bold;
   /* line-height: 160%;*/
    margin-bottom: 0;
    margin-top: 0;
}
.h8-red{
	color: #AF0B1C;
	font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 130%;
    font-weight:bold;
    line-height: 80%;
    margin-bottom: 0;
    margin-top: 0;
}
.h8-white{
	color: #fff;
    font-size: 125%;
    font-weight:bold;
    line-height: 125%;
    margin-bottom: 0px;
    margin-top: 0px;
	display:block;
	margin:auto;
}
.h8-callout{
	color: #333333;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 120%;
    font-weight: bold;
    margin:auto 10px; line-height:120%; display:block;
	
}
.h8-callout a{
	font-size:1em;
	font-weight:normal;
}
.h9 {
	font : bold  110% Verdana, Arial, Helvetica, sans-serif;
	line-height:120%;
	color: #333333;
	margin-top: 2px;
	margin-bottom: 0px;
} 
/* **************************************Layout******************** */
#dropShadow{
	position: relative;
	top: 0px;
	left: 5px;
	width:96.7em;
	background: #E7E6E2;
}
#dropShadowTopCorner{
    width: 96.8em;
	background-color: #F5F4EE;
	height: 5px;
	font-size: 5px;
}
#mainPage{
	width:96.7em;
	
}
#cibcHeader{
	position: relative;
	width: 96.8em;
	top: -5px;
	left: -5px;
	margin: 0px;
	padding: 0px;
	background-color: #F5F4EE;
	z-index: 100;
}

#topNav{
	position: absolute;
	width:96.8em;
	top: 6px;
	_top: 8px;
	left: -13px;
	text-align: right;
	/*padding-top: 6px;*/
	padding-bottom: 5px;
	word-spacing: 1px;
	color: #f21f47;
	z-index:900;
	
	/*font:20px !important;*/
	
}
#asian_logo {
	vertical-align:center !important;
}

#topNav a{
	color: #ffffff;
	text-decoration: none;
}
#topNav a:visited{
	color: #ffffff;
	text-decoration: none;
}
#topNav a:hover{
	color: #fffffff;
	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: 0px;
	left: 0px;
	width:96.8em;
	background-color: #AF0B1C;
	border-right: 1px solid #CCCCCC;
	height: 90px;
}
#ieLogo{
	position: relative;
	top: 0px;
	left: 0px;
	width:96.8em;
	background-color: #AF0B1C;
	border-right: 1px solid #CCCCCC;
	height: 90px;
}
#iisLogo{
	position: relative;
	top: 0px;
	left: 0px;
	width:96.8em;
	background-color: #000000;
	border-right: 1px solid #CCCCCC;
	height: 90px;
}
#wgLogo{
	position: relative;
	top: 0px;
	left: 0px;
	width:96.8em;
	background-color: #67523D;
	border-right: 1px solid #CCCCCC;
	height: 90px;
}
#cpicLogo{
	position: relative;
	top: 0px;
	left: 0px;
	width:96.8em;
	background-color: #78755D;
	border-right: 1px solid #CCCCCC;
	height: 90px;
}
.logoImageAllBrands{position:absolute;top:10px;left:10px;}
.logoImageAllBrandsCpic{position:absolute;left:10px;}
.logoImage{position:absolute;top:5px;}
.cibcTagLine{
	position: absolute;
	right: 14px;
	text-align: right;
	top:11px;
}

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

#topTabsSection{
	position: relative;
	top: 0px;
	left: 0px;
	background:#AF0B1C;
	/*background: url(img/tabs/behind-tabs.jpg) repeat-x;*/
	border-right: 1px solid #CCCCCC; 
	height:30px;
	width:96.8em;
}
.topTabsSpacer{
	display: none;
	width: 15px;
	height: 26px;
	float: right;
	background: url(img/tabs/behind-tabs.jpg) repeat-x;
}
.topTabs, .topTabsHome{
	margin: 0 0 0 10px;
	padding: 0px 0px 0px 0px;
	vertical-align: bottom;
	background: url(img/tab-bg-retail.gif) repeat-x scroll center top transparent;

	width:943px;
	border-right:1px solid;border-left:1px solid;
	height:30px;
}
.topTabs{
	display:none;
}
.topTabsHomePS{
	
	margin: 0 0 0 10px;
	padding: 0px 0px 0px 0px;
	vertical-align: bottom;
	background: url(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: 0px;
	padding: 0px;
	/*background: url(img/tabs/behind-tabs.jpg) repeat-x;*/
}
.topTabsHome img{
	vertical-align: bottom;
	margin: 0px;
	padding: 0px;
	/*background: url(img/tabs/behind-tabs.jpg) repeat-x;*/
}
.topTabsHomePS img{
	vertical-align: bottom;
	margin: 0px;
	padding: 0px;
	/*background: url(img/tabs/behind-tabs.jpg) repeat-x;*/
}
/*.searchBox {
	width: 22.8%;
	height: 26px;
	padding: 0px;
	margin: 0px;
	text-align: right;
	vertical-align: middle;
	float: right;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background: url(img/tabs/behind-tabs.jpg) repeat-x;
}*/

.searchBoxHome, .searchBoxHomeBS, .searchBox{
	position:absolute;
	right:15px;
	/*width: 23.2%;*/
	width:25%;
	height: 26px;
	padding: 0px;
	margin: 0px;
	text-align: right;
	vertical-align: middle;
	/*float: right;*/
	/*border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background: url(img/tabs/behind-tabs.jpg) repeat-x;*/
	height:30px;
}
.searchBox form, .searchBoxHome form {
	margin: 0px;
	padding: 6px 10px 0 0 ;
}
.searchBoxHomeBS form {
	margin: 0px;
	padding: 6px 10px 0px 0px;
}


.vertical-separator{
	display:block; 
	border-left:#ccc 1px solid;
	min-height:240px;
	width:1px;
	margin:0 0 0 6px;
}

#mainBody{
	position: relative;
	width:96.7em;
	top: -5px;
	left: -5px;
	padding: 15px 0 0;
	margin: 0;
	border-right: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	_height : 100%;
}
#innerLeftnav{
	padding-top: 6px;
}
#mainContent{
	border-left:1px solid #CCCCCC;
	float:left;
	left:-1px;
	position: relative;
	top: 0px;
	width: 57.2%;
	padding-bottom:30px;
	_padding-bottom:10px;
}
#innerMainContent{
	padding: 0px 15px;
	_padding: 0px 14px;
	_float:left;
}
#mainContent2{
    border-left:1px solid #CCCCCC;
	float: left;
	left: -1px;
    position: relative;
	top: 0px;
	width: 80.2%;
}
#mainContent3{
	width: 100%; /*width: 810px; updated by Jpeng on Aug26, 2009 */
	position: relative;
	top: 0px;
	left: 0px;
	float: left;

}

#mainContentSplash {
	width: 780px;
	display: block; 
	vertical-align: bottom; 
	vertical-height: 0%;
	padding-left: 10px;
}

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


#mainContentHome{
	font-size:1.2em;
	width: 57.2%;
	position: relative;
	top: 0px;
	left: -1px;
	float:left;
	border-left: 1px solid #CCCCCC;
}
#rightNav{
	width: 23%;
	position: relative;
	top: 0px;
	left: 0px;
	float: right;
	text-align: left;
}
#innerRightNav{
    margin: 0px;
	padding-right: 12px;
}
#rnavHomePS,#rnavHomeBS, #rnavHomeAC{
	width: 23%;
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	text-align: left;
}

#footerBreak{
	clear: both;
	position: relative;
	top: 0px;
	left: 0px;
	height: 1px;
	background-color: #E5E5E5;
	margin: 0px;
	padding: 0px;
	font-size: 1px;
	
}
#footer #accessibility {
			float: right;
		}
#footer{
	position: relative;
	top: 0px;
	left: 0px;
	border-top: 4px solid #F5F5F5;
	border-bottom: 1px solid #CCCCCC;
	margin: 0px;
	padding-top: 4px;
	padding-bottom: 8px;
	color: #cccccc;
	width: 96.6em;
}
#footer a{
	color: #303030;
	text-decoration: none;
}
#footer a:visited{
	color: #303030;
	text-decoration: none;
}
#footer a:hover {
	color: #303030;
	text-decoration: underline;
}
#copyright{
	display: none;
}
#pageFooterSpecific{
	display: none;
}
.padCell {
	padding : 10px 10px 10px 10px;
}
.imageWrap {
	border : 1px solid #CCCCCC;
	margin: 0px 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********************************** */
.leftnavHorizontalDivider {
	background-color: #ffffff;
	
	height: 12px;
	font-size: 1px;
	background: url(img/grey-dots.gif) repeat-x center;
}
.leftnavSubHorizontalDivider2 {
	
	height: 1px;
	padding: 0px 0px 0px 0px;
	margin: 2px 10px 2px 20px;
	font-size: 0px;
	background: url(img/gray-line-lgt.gif) repeat-x center;
}
.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(img/mm-lnav-arrow.gif) no-repeat left;
}
.leftnavLinkEmphasizedText{
	font-weight: bold;
	padding: 3px 2px 3px 10px;	
	cursor:hand;
}
#rightNav a{
	text-decoration: none;
}
#rightNav a:hover{
	text-decoration: underline;
}
a.leftnavLink {
	text-decoration: none;
}
a.leftnavLink:hover {
    text-decoration: underline;
    color: #540264;
}
a.leftnavLinkSelectedSection {
	text-decoration: none;
	color: #000000;
	cursor:hand;
}
a.leftnavLinkSelectedSection:visited {
	color: #000000;
}
.subnavDefault {
	display: none;
}
.subnavToggled {
	display: inline;
}

.leftnavLinkTextPB{
	margin-left: 10px;
	line-height: 100%;
	padding: 2px 2px 5px 10px;
}

.leftnavCurrentLinkTextPB{
	font-weight: bold;
	line-height: 100%;
	margin-left: 10px;
	padding: 2px 2px 5px 10px;
	background: url(img/mm-lnav-arrow.gif) no-repeat 0% 45%;
	
}

.leftnavLinkEmphasizedTextPB, .leftnavLinkEmphasizedCurrentTextPB{
	line-height: 100%;
	font-weight: normal;
	padding: 3px 2px 3px 10px;	
	cursor:hand;	
}

.leftnavLinkEmphasizedCurrentTextPB{
	background: url(img/mm-lnav-arrow.gif) no-repeat left;	
}

.leftnavLinkEmphasizedCurrentTextPB .leftnavLinkCurrent {
		font-weight: bold !important;
		color:#000000 !important;
		text-decoration: none;
		line-height: 100%;
		margin-left: -9px;
		padding: 0px 2px 2px 10px;	
}


/* **********************************RightNav Styles********************************** */

#relatedLinksBlock {
	padding-top:0px;
}

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

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

.rnavboxSpacer {
	height: 12px;
}

img.rnavBranchLocatorIcon {
	float: left;
	_t/op: 5px;
	_position: relative;
}

/* **********************************breadcrumb styles********************************** */

#breadcrumbContent {
	font-size:1.1em;
	border-left:1px solid #CCCCCC;
	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;
}

. {
	white-space:;
}

/* **********************************flyover definition classes************************ */
.flyOver {
    display:none;
	width:300px;
	font : 11px  Arial, Helvetica, sans-serif;
	color: #000000;
	position: absolute; 
	
	background: #ffffdf;
	
	margin: 0px;
	padding: 2px;
	
	border: 1px solid #000000;
	z-index: 9999 !important;
}
.flyOverIframe { position:absolute;z-index: 9998 !important; }
.definition{
	color:#000000;
	border-bottom: 1px dashed #000000;
	cursor: help;
}
#screenOverlay {
	background-color:#000000 !important;
	filter:alpha(opacity=65);
	-moz-opacity:0.65;
	opacity:0.65;
	position:absolute;
	z-index:999;
}

/* **********************************search box classes************************ */
.textfield { 
/*	height: 17px;	*/ 
	border-color: #ffffff;
	background-color: #ffffff;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	border: 1px solid #666666;
	padding-left: 2px;
}
#passThroughSearch .textfield {width: 10em; vertical-align: top; margin-top:2px;}


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

.bodySectionDivider img{
	display: block !important; 
	vertical-align: bottom;
	vertical-height: 0%;
} 

.supText {
	font-size: 7px;
	vertical-align: super;
}
.emphasizedText {
	font-weight:bold;
	volume: loud;
}
.smallcaps {
	font: 95% Arial, Helvetica, sans-serif;
	color: inherit;
}
.legalText, .legalText span, table.legalText td {
	color: #666666;
}
.callOutText{
	font-weight:bold;
	volume: loud;
	color: #666666;
}
.imgCaption{
	font-size: 10px;
	color: #000000;
	line-height: 135%;
}
.actionText {
	color: #003163;
}
.pdf{
	font : 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	background: url(img/pdf.gif) no-repeat right;
	padding-right: 16px;
}
.noteText {
	color: #818181;
}
/* *******************************Brand Colour***************************** */
.claret	{
	color: #AF0B1C;
}

/* **********************************Buttons********************************** */
.button {									/****REMOVE****/
	background-color: #003366;
	color: #FFFFFF;
	font : bold 11px Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer;
	height: 23px;
	border: 3px double #003366;
}
.primaryFormButton {
	background-color: #AF0B1C;
	font : 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	cursor: pointer;
	padding-left : 15px;
	padding-right : 15px;
	border-bottom-color : Black;
	border-right-color : Black;
}
.secondaryFormButton {
	background-color: #C0C0C0;
	font : 11px Verdana, 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: #CCCCCC;
}
.tabularData1 {
	background-color: #FFFFFF;
}
.tabularData2 {
	background-color: #FCF7DD;
}
.tabularData3 { 
	background-color: #F0F1EF;
}
.tabularData4 {
	background-color: #000000;
}
.tabularDataHeader {
	background-color: #CCCCCC;
}
.tabularDataSubHeader {
	font-weight : bold;
	background-color: #F0F1EF;
}
.tabularBorder {
	background-color: #CCCCCC;
}
.formRow1 {
	background-color: #FFFFFF;
}
.formRow2 {
	background-color: #EEEEEE;
}
/* **********************************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: 0px;
	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(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: 0px;
	width: 159px;
}

.expandTable td .description {
	float: right;
	width: 313px;
	_width: 314px;
}
/* **********************************Header Styles********************************** */
.headerLinkText{
	font-size:10px;
	padding-top : 3px;
	padding-bottom: 3px;
}

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

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

.hiddenError {
	display: none;
}
.visibleError {
	background-image: url(img/icon-alert-small.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-bottom: 10px;
	display: block;
}
.bodyStop {
	background-color: #CCCCCC;
}

.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 Tahoma, Arial, Helvetica, sans-serif;}
input.signOn {border-color: #959492; width:145px; height: 13px; padding:1px}
.signOnContainer{margin:2px 0px;float:left}
input.checkBoxSignOn {margin-left:0px;*margin-left:-3px;float:left}
/*#rememberCard{ padding:2px}*/
#eAlert {padding-bottom: 10px !important;padding-top: 0px !important;}
#olb_so_btn {padding: 5px 0}
#sign_on_form_container{width:100%;margin-bottom:10px;}


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

#homePgFeatured .body {
	/*clear: left;*/
	clear: both;
}

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

#homePgFeatured .header {
	overflow: hidden;
}

#homePgFeatured .header .boxTop {
	background-image:url(img/boxes/quick-2-top.gif);
}

#homePgFeatured .header .boxTopExtended {
	background-image:url(img/boxes/quick-2-topExtended.gif);
	margin-right: -1px;
	top:-5px;
	z-index:2;
}

#homePgFeatured .header .boxBottom {
	background-image:url(img/boxes/quick-2-bottom.gif);
	padding: 0 1px;
	top: 5px;
}

#homePgFeatured .header .boxBottomExtended {
	background-image:url(img/boxes/quick-2-bottomExtended.gif);
	_height: 30px;
	padding: 0 0 7px;
	/*_padding: 0 0 15px;*/	
	top: 5px;
}
#homePgFeatured .boxTopExtended .boxBottomExtended {	
	*width: 100%;
	_width: auto;
}
#homePgFeatured .boxTopExt/ended .boxBottomExtended .column {*width: 172px; _width: 33%;}
.separator {
	border-top: 1px solid #cecece;
	border-bottom: 1px solid #e7e7e7;
	line-height: 0px;
	margin: 5px 0;
	width: 100%;
}
.box1.boxTop .separator{margin-top:0px;}

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

#homePgFeatured .body .boxTop {
	background-image:url(img/boxes/1-top.gif);
	background-position: 0 -1px;
}

#homePgFeatured .body .boxTopExtended {
	background-image:url(img/boxes/1-topExtended.gif);
	background-position:100% -1px;
	margin-right:-1px;
	top:-10px;
	z-index:2;
}

#homePgFeatured .body .boxBottom {
	background-image:url(img/boxes/1-bottom.gif);
	padding: 0 1px;
	top: 10px;
}

#homePgFeatured .body .boxBottomExtended {
	background-image:url(img/boxes/1-bottomExtended.gif);
	padding:0px 0px 10px 0px;
	top: 10px;
	_height: 100px;
}

#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 0px;
	width: 100%;
	float: left;
}

.homePageBottomBlock .left {
	float: left;
}

.homePageBottomBlock .right {
	float: right;
}

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

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

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

.setOfTwo .column {
	width: 48.6%;
	_width: 48.5%;
}

.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 Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

/* ************************About CIBC Home page styles************************* */
#acHomeSpotLight{
border:1px solid #CCCCCC;
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: #000000;
}
a.popupLink{
	text-decoration: none;
	color: #ffffff;
}
a.popupLink:visited{
	text-decoration: none;
	color: #ffffff;
}
a.popupLink:hover{
	text-decoration: underline;
	color: #ffffff;
}

#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 #000000;
	background-color: #FFFFFF;
}

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


#isFooterPop{
	position: relative;
	width: 720px;
	height: 25px;
	padding: 5px 0px 5px 5px;				
	font-size:10px;
	background-color: #000000;
	color: #ffffff;
}
#isFooterPop a{
	text-decoration: none;
	color: #ffffff;
}
#isFooterPop a:visited{
	text-decoration: none;
}
#isFooterPop a:hover {
	text-decoration: underline;
}
#isFooterPopClose{
	width: 200px;
	padding: 0px;
	margin: 0px;
	text-align: right;
	vertical-align: middle;
	float: right;
}
#isFooterPopText{
	width: 520px;
	padding: 0px;
	margin: 0px;
	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;
	_width: 616px;
}
#toolHdrMastheadRgtImg {
	float: right;
	display: block;
	margin: 25px 10px 0px 0px;
}
#toolContent {
	float: left;
	border: 1px solid #000000;
	margin-top: 4px;
	padding: 18px;
	display: block;
	background-color: #FFFFFF;
	margin-left: 1px;
	width: 664px;
	_width: 697px;
}

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

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

.bgcolorcallout1 {
	background-color: #cccccc;
}

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

.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: #CCCCCC;
	width: 10px !important;
}


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

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

.bgNewSearch {
	background-color: #AF0B1C; }
	
.searchBoxHeader {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

/* ***********************************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  Arial, Helvetica, sans-serif;
}
a.charLinkModifier:hover {
	color: #18566F;
	text-decoration: underline;
	font : bold 15px  Arial, Helvetica, sans-serif;
}
a.charLinkModifier:visited {
	color: #18566F;
	font : bold 15px  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: #FFFFFF;
	margin: 0px;
	padding: 0px;
	opacity: .95;
	filter: alpha(opacity=95);
	border: 1px solid #000000;
}
#signoutDiv p{
	padding-left: 55px;
	padding-right: 20px;
}
#signoutTop{
	background: url('../img/sign-off/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: #FFFFFF;
	margin: 0px;
	padding: 0px;
	opacity: .95;
	filter: alpha(opacity=95);
	border: 1px solid #000000;
}

#surveyTop{
	background: url('../img/sign-off/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 #000000;
	border-bottom:1px solid #000000;
}

/**********************************call to action styles***********************************/
.ctaSolidBtm	{
	margin: 0px;
	padding: 0px;
	background: #FFFFFF url('../img/cta/cta-btm-solid.gif') no-repeat 0px 0px;
	height: 15px;
}

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

.ctaBodySb	{
	background: #FFFFFF url('../img/cta/sb-cta-left-photo.gif') no-repeat 0px 0px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	height : 62px;	
}

.ctaBodyNoPhone	{
	background: #FFFFFF url('../img/cta/cta-left-photo-no-headset.gif') no-repeat 0px 0px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	height : 62px;	
}

.ctaBodyPb	{
	background: #FFFFFF url('../img/cta/pb-cta-left-photo.gif') no-repeat 0px 0px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	height : 62px;	
}

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


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

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

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

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

/********************************** NEW VISA page layouts *********************************/
#mainVisaWrapper{
	width: 80.2%;
	position: relative;
	top: 0px;
	left: -1px;
	float: left;
	border-left: 1px solid #CCCCCC;
	_height:70%;
	_margin: 0 0 -5px 0;
	
}

#mainVisaWrapper #innerMainContent {
	padding-right: 10px;
	_margin: 0 0 -5px 0;
}

#visaContentTop	{
/*	width: 100%;	*/
	left: 1px;
	position: relative;
	margin: 0px 0px 10px 0px;
}
#visaNav	{
	position: relative;
	min-width: 100%;
	height: 25px;
	background: url('../img/visa-ftrs/page-nav-bg.gif') repeat-x 0px 0px;
}

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

#visaContentCopy{
	width: 67%;
	position: relative;
	top: 0px;
	left: 1px;
	float:left;
	padding: 0px 10px 0px 10px;
	margin:0;
	border-right : 1px solid #CCCCCC;
	_height:100%;
	font-size:100%;
}

#mainVisaWrapper #rightNav	{
	width: 30%;
	position: relative;
	top: 0px;
	left: -1px;
	_left: 0px;
	float: right;
	text-align: left;
	border-left: 1px solid #CCCCCC;
	padding: 0px;
	margin: 0px;
	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: 0px 0px 10px 17px;
	padding: 0px;
	list-style: square outside url('../img/tools/tools-page/bullet.gif');
	line-height: 135%;
}

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

#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 0px 10px;
}

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

#accessibility a.contrastOff {
	color: #000000;
	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(img/creditsmart/callout/crsm-bg-callout.gif) repeat;
}

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

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

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


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

@media print{
	#topNav, #topTabsSection, #leftnav, #footerBreak, #footer, #cibcLogo,  .cibcTagLine, .leftNavTips, #copyright,#pageFooterSpecific,#accessibility,#breadcrumb,#rnavHomePS,#rnavHomeBS,#rnavHomeAC,#rightNav {
		display:none;
	}
	#cibcPrintLogo{
		display: inline;
	}
	#dropShadowTopCorner, #dropShadow, #mainBody, #mainPage, #topNav{
		width: 100%;
	}
	#dropShadowTopCorner, #dropShadow, body{
		background: #FFFFFF;
	}
	#mainBody{
		border-bottom: 1px solid #CCCCCC;
	}
	#mainContent{
		width: 480px;
	}
	#mainContent2{
		width: 650px;
	}
	#mainContent3{
		width: 650px;
	}
	#mainVisaWrapper #rightNav {
		width:150px;
		display:inline !important;
	}
	#mainVisaWrapper #visaContentCopy, #mainVisaWrapper #visaContentTop{
		width:380px;
	}	
	#copyrightFooter{	
		clear:both;
	}
	/* **********************************table styles********************************** */
	.tabularData1 {
		border: 1px solid #CCCCCC;
		background-color: #FFFFFF;
	}
	.tabularData2 {
		border: 1px solid #CCCCCC;
		background-color: #FFFFFF;
	}
	.tabularData3 { 
		border: 1px solid #CCCCCC;
		background-color: #FFFFFF;
	}
	.tabularData4 {
		border: 1px solid #CCCCCC;
		background-color: #FFFFFF;
	}
	.tabularDataHeader {
		border: 1px solid #CCCCCC;
		background-color: #FFFFFF;
	}
	.tabularDataSubHeader {
		border: 1px solid #CCCCCC;
		background-color: #FFFFFF;
	}
	.tabularBorder {
		border: 1px solid #CCCCCC;
		background-color: #FFFFFF;
	}
	
}

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

.boxTop { 
	background-image:url(img/boxes/top.gif);
	background-position:0 0;
	clear:both;
	float:none;
	margin:0px 0;
	width:100%;
	z-index:1; 
}

.boxTopExtended {
	background-image:url(img/boxes/topExtended.gif);
	background-position:100% 0;
	padding-right:0px;
	margin-right:-10px;
	top:-15px;
	z-index:2;
}

.boxBottom {
	background-image:url(img/boxes/bottom.gif);
	background-position:0 100%;
	padding:0px 10px;
	top:15px;
	z-index:3; 
}


.boxBottomExtended {
	background-image:url(img/boxes/bottomExtended.gif);
	background-position:100% 100%;
	*background-position:100% 100%;
	padding:0px 15px 12px 0px;
	top:15px;
	z-index:4; 
}
	


.box1 { 
	background-image:url(img/boxes/1-top.gif);
	margin-bottom:15px; 
}

.box1 H4 {
	margin-bottom: 5px;
	_margin-bottom: 5px;
}

.box1 .boxTopExtended { 
	background-image:url(img/boxes/1-topExtended.gif); 
}

.box1 .boxBottom {
	background-image:url(img/boxes/1-bottom.gif);
}

.box1 .boxBottomExtended {
	background-image:url(img/boxes/1-bottomExtended.gif); _height:6em; 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: 0px 0px 16px 0px;
	_margin: 0px 0px 10px 0px;
	background: url(img/boxes/r-nav-title-underline-tile.gif) repeat-x center;
}

.intelli { 
	background-image:url(img/boxes/intelli-2-top.gif);
	margin-bottom:30px; 
}

.intelli .boxTopExtended { 
	background-image:url(img/boxes/intelli-2-topExtended.gif); 
	top: 0px;
}

.intelli .boxBottom {
	background-image:url(img/boxes/intelli-2-bottom.gif);
	margin-bottom: -1px;
	top: 0px;
}

.intelli .boxBottomExtended {
	background-image:url(img/boxes/intelli-2-bottomExtended.gif);
	min-height: 2em;
	_height: 1em;
	padding: 1em 15px 1em 2px;
	top: 0px;
}

.boxSignOn , #boxSignOn2 {
	background-image: url(img/boxes/rnav-signon-2-top.gif);
	margin-bottom: 2px;
}

.boxSignOn .boxBottom {
	background-image: url(img/boxes/rnav-signon-2-bottom.gif);
	padding: 0;
	top: 2px;
}

.boxSignOn .boxTopExtended {
	background-image: url(img/boxes/rnav-signon-2-topExtended.gif);
	left: 5px;
	margin-right: 5px;
	top: -2px;
}

.boxSignOn .boxBottomExtended {
	background-image: url(img/boxes/rnav-signon-2-bottomExtended.gif);
	padding: 10px 5px;
	top: 2px;
}

.innerBorder {
	border: 1px solid #CCCCCC;
	width:99.73%;
 	/*_width:100%; */
	float:left;
}

/* ******************** Main Body CTA BOXES ******************** */
	
.imgCTAPersonal {
	float: left;
	width:82px;
	height:82px;
	margin: 0px 10px 0px 0px;
	background: url(img/cta/cta-left-image-personal.jpg);
}

.imgCTABusiness {
	float: left;
	width:82px;
	height:82px;
	margin: 0px 10px 0px 0px;
	background: url(img/cta/cta-left-image-business.jpg);
}

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

.mainCTA { 
	background-image:url(img/cta/cta-2-top.gif);
	margin-bottom:20px; 
}

.mainCTA .boxTopExtended { 
	background-image:url(img/cta/cta-2-topExtended.gif); 
	top: 0px;
}

.mainCTA .boxBottom {
	background-image:url(img/cta/cta-2-bottom.gif);
	margin-bottom: -1px;
	top: 0px;
}

.mainCTA .boxBottomExtended {
	background-image:url(img/cta/cta-2-bottomExtended.gif);
	min-height: 2em;
	_height: 1em;
	padding: 18px 15px 10px 0;
/*	padding-top: 1em;	*/
	top: 0px;
}

.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 0px;
}

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

/* ******************** SIGN ON BOX ******************** */
#boxSignOn2 .boxTop {background-image:url(img/boxes/rnav-signon-2-top.gif); }
#boxSignOn2 .boxBottom {
	background-image:url(img/boxes/rnav-signon-2-bottom.gif); 
	padding: 0 1px; 
	top: 2px;
}
#boxSignOn2 .boxTopExtended {
	background-image:url(img/boxes/rnav-signon-2-topExtended.gif); 
	left: 1px;
	margin-right: 0px;
	top: -2px;
}
#boxSignOn2 .boxBottomExtended {
	background-image:url(img/boxes/rnav-signon-2-bottomExtended.gif);
	padding: 2px 2px 2px 0;
	top: 2px;
}

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

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;*/
	background-image:url(img/rnav-field-gradient.gif);
	background-repeat:repeat-x;	
	height:15px;
	padding-top:3px;
	_margin-top:-1px;
}
#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{position:absolute;top_6px;_top:7px; right:36px; _right:35px;}

.searchBoxHome img{position:absolute; top_6px; _top:6px; right:203px; _right:202px;}

.searchBox img{position:absolute; top_6px; _top:6px; right:202px; _right:202px;}

.searchBoxHomeBS img{position:absolute; top_6px; _top:6px; right:203px; _right:202px;}
/***Added for the Flyover button styling***/
#signedOffFlyover.flyOver {padding: 0px !important;width:350px !important;}
#signedOffFlyover .contentContainer{padding:10px;}
#signedOffFlyover .titleContainer {background:#D0D0D0;padding:10px;}
#signedOffFlyover .ButtonContainer{ clear:both; float: right; padding: 0 10px 10px 0; }
#signedOffFlyover .ButtonContainer .PrimaryButton { float: left; display: inline; margin: 0px; }
.flyOver .flyOverBlock {
	background-color:#ffffe7;
	border:1px solid #b5b5b5;
	float: left;
	padding:0px;
	position:relative;
		left:-2px;
		top:-2px;
	/*width: auto;*/
	/*width: 350px;*/
	z-index:99;
}

#signedOffFlyover .ButtonContainer .Primary/Button INPUT {
	background-color: #808080;
	border: 1px solid #000;
	color: #FFFFFF;
	font-size: 1.1em;
	padding: 2px 2px;
	margin: 0px 5px;
	float: none;
	overflow:visible;
} 
#signedOffFlyover .ButtonContainer .PrimaryButton INPUT { 
	background-color: #AF0B1C;
	margin-right: 0px;
}
#signedOffFlyover .titleContainer  { 
			background: transparent url(img/info/home/signedOff-lock.jpg) no-repeat 10px 0;
			padding: 0 0 10px 35px; 
			margin-top:5px;
			height:20px;
		}
		#signedOffFlyover .titleContainer h4  { 
			padding-top:7px;
		}

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

/*Dangerous Character Error*/
.errorMsgContent {
	background: url("../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;
	}
	
/* ******************** New Side nav ******************** */
.quick_links_top{
	background:url(img/quick_links_01.gif);
	 display:block; 
	 width:178px;
	 height:47px;
	 background-repeat:no-repeat;
	 margin-left:5px;
	 margin-top:15px;
}
.quick_links_top-fr{
	background:url(img/quick_links_01-fr.gif);
	 display:block; 
	 width:178px;
	 height:47px;
	 background-repeat:no-repeat;
	 margin-left:5px;
}
.quick_links_middle{
	background:url(img/quick_links_02.gif);
	display:block;
	width:163px;
	min-height:90px;
	max-height:200px;
	background-repeat:repeat-y;
	padding-right:10px;
	margin-left:5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.quick_links_bottom{
	background:url(img/quick_links_03.gif);
	 display:block; 
	 width:178px;
	 height:17px;
	 background-repeat:no-repeat;
	  margin-left:5px;
}

/*.report_tools{
	background:url(img/report_tools.gif);
	 display:block; width:168px; height:100px;
	 padding-top:45px; 
	 padding-left:0px; 
     padding-right:10px; 
     padding-bottom:10px;
     margin-left:5px;
}*/
.report_tools_top{
	background:url(img/annual-reports/report_box_01.gif);
	background-repeat:no-repeat;
	 display:block; 
	 width:178px; 
	 height:45px;
     margin-left:5px;
}
.report_tools_top-fr{
	/*background:url(img/annual-reports/report_box_01-fr.gif);*/
	background:url(img/annual-reports/report_box_01-fr-02.gif);
	background-repeat:no-repeat;
	 display:block; 
	 width:178px; 
	 height:45px;
     margin-left:5px;
}
.report_tools_middle{
	background:url(img/annual-reports/report_box_02.gif);
	background-repeat:repeat-y;
	 display:block; 
	 width:168px; 
	 min-height:100px;
	 padding:10px 10px 10px 0px; 
     margin-left:5px;
}
.report_tools_bottom{
	background:url(img/annual-reports/report_box_04.gif);
	background-repeat:no-repeat;
	 display:block; 
	 width:178px; 
	 height:19px;
     margin-left:5px;
}
.report_toolsLink{
	/*padding-top:10px;
	padding-bottom:3px;*/
	font-size:9px;
	/*padding-left:2px;*/
	text-decoration:none;
	/*background:url(img/annual-reports/report_2.gif); */
	background-repeat:no-repeat; 
	/*padding-bottom:10px; */
	clear:both;
	}
.mytable{
	display:block;
	margin-left:15px;
	width:160px; 
	/*height:200px;*/
}
.report_toolsSubLink{
	display:block;
	clear:both;
	float:left;
	min-width:100px;
	max-width:100px;
	padding:4px;
	padding-left:0px;
	margin-left:0px;
	text-align:left;
	font-size:9px;
	text-decoration:none;
	height:9px;
	}
.savethis{
  margin-left:0px;	
}
.report_toolsLink1{
	padding-top:6px;
	padding-bottom:3px;
	font-size:9px;
	padding-left:50px;
	text-decoration:none;
	background:url(img/annual-reports/report_1.gif); 
	background-repeat:no-repeat; 
	padding-bottom:10px; 
	background-position:20px 5px;
	}
.report_toolsLink a:link{
	font-size:9px;
	text-decoration:none;
	}
.report_toolsLink a:visited{
	font-size:9px;
	text-decoration:none;
	}
.report_toolsLink a:hover{
	font-size:9px;
	text-decoration:underline;
	}
img.img_border{border:1px solid #CCC;}
.contents_fullbox{
	display:block;
	width:746px;
	text-align:left;
	padding-top:0px;
	margin-bottom:20px;
	padding-left:10px;
	padding-right:10px;
	clear:both;	
}

.contents_fullbox hr{
	color:#CCC;
}

.executive_list{/************class for executive team ***/
    display:block;
	clear:both;
}
.executive_list_dl{
	display:block;
    min-height:250px;
	max-height:350px;
	margin-right:10px; 
	width:130px;
	float:left;
}
.executive_list_dlb{
	display:block;
    min-height:250px;
	max-height:350px;
	margin-right:25px; 
	width:150px;
	float:left;
}
.executive_list_dl_chair{
	width:110px;
}
.call_button{ 
	display:block;
	background:url(img/button.gif);
	background-repeat:repeat-x;
	border:#CCC 1px solid;
	min-width:150px;
	text-align:center;
	padding:4px;
	font-weight:bold;
	float:left;
	margin-right:8px;
}

.new_contents_width{
	width:746px;
}
.popupwindow-width{
	width:925px;
}
/* ******************** New Corporate responsibility ******************** */

.strong{
	
	font-weight:bold;
	background:#333;
	color:#FFF;
	padding:4px 4px 4px 12px;
	margin:0;
	width:33%;
}
.confident{
	
	font-weight:bold;
	background:#F0CE0F;
	color:#333;
	padding:4px 4px 4px 12px;
	margin:0;
	width:33%;
}
.growing{
	
	font-weight:bold;
	background:#900;
	color:#FFF;
	padding:4px 4px 4px 12px;
	margin:0;
	width:33%;
}

.strong_bg{
	background:url(img/annual-reports/strong_confident_growing.png);
	background-repeat:repeat;
	border-right:1px solid #CCC;
	margin:10px;
	padding:5px;
}

.pageBreak{
	page-break-before:always;
	}
	
.smallType{
	font-size:9px;
	line-height:12px;
	color:#333;
	}
/******************  top banners class **************/
.top-image-box{
	 display:block;
	 width:746px;
	 min-height:208px;
}
.top-image-box img{
	 display:block;
	 width:488px;
	 height:202px;
	 float:left;
}
.top-image-caption{
	 display:block;
	 padding:10px;
	 width:235px;
	 min-height:181px;
	 background:#F5F4EE;
	 float:right;
	 border:#CCC 1px solid;	
}
.img_margin{
	display:block;
	margin:10px;
}
/***********Customized report/notes/pages/ buttons*/
.msg_head
{
	cursor: pointer;
}
.msg_body
{  
	position: absolute;
	padding: 8px 5px 5px 8px;
	background-color: #FFF;
	border:solid;
	border-width:1px;
	border-color:#cccccc;
	z-index: 200;
	left: 1px;
	
}

/***********My report action buttons***************/
.print_btn
{
	color: #FFF;
	background-color: #1d5681;
}
.download_btn
{
	color: #FFF;
	background-color: #1d5681;
}
.delete_input
{
	background-image: url(img/but_delete.gif);
	position: relative;
	right: 0em;
	top: 0em;
	border: 0px;
	width: 355px;
	height: 25px;
	cursor: pointer;
	background-repeat: no-repeat;
}
.delete_input-fr
{
	background-image: url(img/but_delete-fr.gif);
	position: relative;
	right: 0em;
	top: 0em;
	border: 0px;
	width: 355px;
	height: 25px;
	cursor: pointer;
	background-repeat: no-repeat;
}
/**************************************
css classes for collapsible panels and drag box*/
.column
{
	width: 100%%;
	margin-right: 10px;
	min-height: 300px;
/*background:#fff;*/
	background: #FFF;
}
.column2
{
	width: 100%;
	/*margin-right: 10px;*/
	min-height: 300px;
	background: #FFF;
}
/*.column .dragbox{*/
.dragbox
{
	margin: 5px 0px 0px;
	background: #FFF;
	position: relative;
	border: 1px solid #ccc;
}
/*.column .dragbox h2{*/
.dragbox H2
{
	margin: 0;
	font-size: small;
	padding: 5px;
	background: #FFF;
	color: #FFF;
	/*border-bottom: 1px solid #D1B6A9;*/
	font-family: Verdana;
/*cursor:move;*/
	text-align: right;
}
.dragbox-content
{
/*background:#fff;
background:#f0f0f0;*/
	background: #FFF;
	min-height: 100px;
	margin: 5px;
/*font-family:'Lucida Grande', Verdana; font-size:0.8em; line-height:1.5em;*/
}
.column .placeholder
{
	background: #FFF;
	border: 1px dashed #DDD;
}
.dragbox H2.collapse
{
	background: #E3CDB2 url('../collapse.png') no-repeat top right;
}
.dragbox H2 .configure
{
/*font-size:11px; font-weight:normal;*/
	margin-right: 30px;
	float: right;
}
#ipSavePageStatus{
	cursor:pointer; 
	padding-left:0px; 
	padding-bottom:0px; 
	padding-top:0px;
	}
#btn_add_note{
	cursor:pointer; 
	padding-left:0px;
	padding-bottom:0px;
	}
#txtNote{
	margin-left: 0px; 
	margin-right: 0px; 
	width: 225px; 
	margin-top: 0px; 
	margin-bottom: 0px; 
	height: 140px;
	}
#btnSaveNote{
	color:white; 
	background-color:#1d5681; 
	text-align:center; 
	padding:4px;
	}
#savedNoteAlert{
	display: none;
	}
.x-small{
	font-size:x-small;
	}
.corpCeoImg{
	border-left:1px solid #CCC; 
	font-size:9px; padding:5px;  
	display:block; 
	width:211px; 
	height:200px;
	}
.corpCeoImg2{
    display:block; 
	float:right; 
	margin:10px;
	}
.bodImg{
	margin-right:4px; 
	width:118px;
	}
.whiteText{
	color:#FFF;
	}
.emphasizedTextLarge{
	font-weight:bold;
	font-size:16px;
	}
	.clearboth{
		clear:both;
	}
	
/* GRI page menu */
ul.menu, ul.menu ul {
  list-style-type:none;
  list-style-image:none;	/* added for IE6 */
  margin: 0;
  padding: 0;
  width: 740px;
}
ul.menu dl{
	margin-bottom: 10px;
	margin-top: 2px;
	line-height: 135%;
}
ul.menu dl dt{
	padding: 0px 0px 2px 17px;
	margin: 0px;
	list-style:inside;
	background-image: url(img/list-square.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin-top: 1px; list-style:none;
}

ul.menu li a {
  background:url(img/corporate-reports/gri/about-gri-02.jpg);
  background-repeat:no-repeat;
  color: #000;	
  padding: 0.5em;
 
}
ul.menu li a.gri{
	display:block;
	clear:both;
	background:none;
	color: #AF0B1C;
	padding:0px;
	margin-bottom:5px;
}

ul.menu li a:hover {
  /*background:url(img/corporate-reports/gri/about-gri-03.jpg);*/
  text-decoration:underline;
  background-repeat:no-repeat;
  
}

	
/**************** 2012 CRR *******************/
/* cr-at-cibc-awards.html  */
.cr-awards{
	display:block;
	margin:10px 0;
}
.cr-awards-logo{
	display:block;
	margin:auto 10px auto 0;
}
/** new super script and sub script */
.sup
{
position:relative;
bottom:0.5em;
font-size:70%;
}
.sub{position:relative;
top:0.5em;
font-size:70%;
}
/***** table new style ********/
.td-border-bottom td{
	border-bottom:1px solid #ccc;
}
.banner-border{
	border:1px solid #ccc; 
	padding:2px;
	display:block;
}

.banner-table {
    margin:2px 0 10px 0;
   clear:both;
   display:block;
}
.banner-table-bars td {
	padding:2px 10px;
	border-left:1px solid #ccc;
}
.banner-table-bars td.no-left {
	padding:2px 10px 0 2px; border:none;
}
.banner-table-bars td.no-border {
	border:none;
}
.banner-table-bars td.no-pad {
	padding:0;
}
p.crr2012btnbefore{
	margin-top:34px;
}
.crr2012btn a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	float:left;
	margin-right:5px;
	margin-top:5px;
	display:block;
	background: #AF0B1C;
	padding:7px 5px 10px 8px;
	min-width:104px;
	
	height:43px;
}
.crr2012btn-fr a{
	height:63px;
}
.crr2012btn-fr2 a{
	height:80px;
}

.what-video{
	display:block;
	width:566px;
	padding:2px;
	border:1px solid #ccc;
	margin:15px 0 10px 0;
}
.what-videoW{
	display:block;
	width:740px;
	padding:2px;
	border:1px solid #ccc;
	margin:15px 0 10px 0;
}

.what-video p{
	margin:5px 15px 20px 15px;
	display:block;
}
.whatcibc{
	line-height:120%;
	padding:12px 8px;
	display:block;
	font-size:120%;
	}
	.whatcibc-txt{
		display:block;
		color:#333;
		padding:15px 10px;
		line-height: 135%;
	}	
.whatcibc-txtSm{
		display:block;
		color:#333;
		padding:8px 5px;
		line-height: 115%;
	}
#close-popup{
	background:#AF0B1C; display:block; padding:5px 10px; color:#fff;
}
#close-popup a{
	color:#fff; text-decoration:none;
}

/******** 2012 GRI ************/
 .expandTable2{
	 width:100%;
 }
.sectionHeader {

	padding:2px 0;
}
.sectionHeader a:hover {
	color: #540264 !important;
	text-decoration: underline;
}
.sectionHeader img {
	vertical-align: middle;
}


.expandTable2 td.sectionMain {
	width:100%;
	width:740px;
	padding: 15px 0px 10px 0px;
	border-bottom: 1px solid #cccccc !important;
}

.expandTable2 td.toggleButton2 img.toggleImage {
	border:0 none;
	margin-left: 0px;
	margin-top: 3px;
	height:15px;
	width:15px;
}

.expandTable2 td.toggleButton2, .expandTable2 td.emptytoggleButton2 {
	width: 25px;
	vertical-align: middle;
}

.expandTable2 .tableSubHead td{
	border-bottom: 1px solid #cccccc !important;
	vertical-align: middle !important;
	padding: 0px 10px 0px 10px !important;
}



.sectionEnd, .noColumns{
	border-bottom: 5px solid #f6de8d !important;
}

.sectionMain .subSectionLine td{
	border-bottom: 1px solid #cccccc !important;
}

.expandTable2 .sectionSpacer {
	line-height: 100% !important;
}

.expandTable2 .sectionTableSpacer {
	padding: 0px !important;
	border: 0px !important;
	background-color: #ffffff;
	line-height: 0% !important;
}

.sectionMain .dataTable {
	width: 100%; 
	border-collapse: collapse;
}

.sectionHeaderTitle {
	float: left;
	width: 80%;
}

.sectionHeaderShowHide {
float: right;
padding-right: 15px;
padding-top: 3px;
}

.sectionHeaderShowHide a{
	text-decoration: underline;
	color: #AF0B1C !important;
}

.expandTable2 td.toggleButton2, .expandTable2 td.emptytoggleButton2 {
vertical-align: left;
border-bottom: 1px solid #cccccc !important;
}
.expandTable2 tr.darkRow {
	display:block;
	text-decoration:none;
	vertical-align:baseline;
	/* border-bottom: 1px solid #cccccc !important;  */

}
.expandTable2 tr.lightRow {
display:none;
vertical-align:top;
}
.expandTable2 td.sectionHeader {
height:30px;
padding-left:0;
vertical-align:middle;
width:730px;
border-bottom: 1px solid #cccccc !important;
}

.rowOneTitle {
	font-weight: normal;
}

.printArticle {
	float: right;
 	display: none;
	padding-right: 2px;
	width: 15%;
	text-align: right;
}


.pdf {
	white-space:nowrap;
/*	line-height:2em;*/
/*	padding-right:30px;*/
/*	background: white url(/ca/img/pdf.gif) no-repeat fixed right;*/
/*	background-color:pink;*/
}