


.callBackThankYou {
background:#F7F2D4 url(/ca/img/mortgage/bg-gradient.gif) repeat-x scroll 0 0;
border:1px solid #CCCCCC;
/*	margin-top:-12px;	*/
padding: 10px;
width: 99.1%;
_width: 89.5%;
}
#leftText {
          width:49%; 
          float:left;
}
#rightText {
           width:50%;   
           float:left;
}
#imgShadow{
vertical-align:top;
}


.compareTable h4 {
margin:2px 0;
}
ul {
	padding: 4px 0px 0px 7px;
	margin-bottom: 3px;
}
 #arrows {
	list-style: outside url('/ca/img/mortgage/navigator-arrow.gif');
	padding:0px;
}

#compareMortgagesBottom #compareButtonContainer {
	margin-left:398px;
	 margin-top:2px;
}
#rowTop {
    background-color:#DDDDDD;
	padding:8px 7px 7px 11px;

}
#compareMortgagesTop #compareButtonContainer {
	float: right;
    margin-top:-25px;
	padding:0;
	position:relative;
}
#compareMortgagesTop {
	width: 525px;
	overflow: hidden;
	float: left;
}
.box2 { 
	background-image:url(mortgages/boxes/top-chart-2-top.gif);
	margin-bottom:0px; 
}

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

.box2 .boxBottom {
	background-image:url(mortgages/boxes/top-chart-2-bottom.gif);
	top: 0px;
}

.box2 .boxBottomExtended {
	background-image:url(mortgages/boxes/top-chart-2-bottomExtended.gif); 
padding: 1em 15px 1em 0;
				top: 0px;
				overflow: hidden;
			}
			
			
#compareMortgagesBottom .box2 { 
	background-image:url(mortgages/boxes/bottom-chart-2-top.gif);
	margin-bottom:0px; 
}

#compareMortgagesBottom .box2 .boxTopExtended { 
	background-image:url(mortgages/boxes/bottom-chart-2-topExtended.gif); 
	top: 0px;
}

#compareMortgagesBottom .box2 .boxBottom {
	background-image:url(mortgages/boxes/bottom-chart-2-bottom.gif);
	top: 0px;
}

#compareMortgagesBottom .box2 .boxBottomExtended {
	background-image:url(mortgages/boxes/bottom-chart-2-bottomExtended.gif); 
padding: 1em 15px 1em 0;
				top: 0px;
				overflow: hidden;
			}

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

/* Overridden CSS */

#mainContent2 {
	width: 80.2%;
}

#mainContent2 #innerMainContent {
	padding: 0px 12px 0px 15px;
	_padding: 0px 12px 0px 14px;
}
#innerMainContent {
  _padding:0 14px;
}
#rightBlock {
	float:right;
    margin-bottom:-3px;
}

#leftNav {
	border-right: 1px solid #cccccc;
}
#mainContentWrapper {
	background: url(/ca/img/loans/loan-spotlight.jpg) no-repeat top right;
	
	padding: 0px !important;
}
#mainContentWrapper #mainContent2 {
	
	position: static !important;
	border-left: none !important;
	margin: 0px !important;
}
#mainContentWrapper #mainContent {
	
}
#mainContentWrapper #rightNav {
	float: left !important;
	
	left: -1px;
}
.rnavHeading {
	
}

/* Page specific */
#topBlock {
	float:left;
	width: 59%;
	padding:25px 0px 0px 14px;
	
}
#accountsTool {
	float: left;
	margin-bottom: 12px;
	border:1px solid #CCCCCC;
    _width:523px;
}
#compareAccountsTop {
	width: 395px;
	height: 65px;
	overflow: hidden;
	float: left;
	background: url(/ca/img/chequing-savings/compare-top-bg.gif) no-repeat top left;
}
#compareAccountsBottom {
	width: 395px;
	height: 41px;
	overflow: hidden;
	float: left;
	background: url(/ca/img/chequing-savings/compare-bottom-bg.gif) no-repeat top left;
}
.compareBody {
	
}
#compareText {
	float: left;
	width: 280px;
	font-size: 10px;
	margin: 0px;
}

#compareButtonContainer {
	float: right;
}
.compareButton {
	background: transparent;
	border: none;
	padding: 0px;
	margin: 0px;
	overflow: visible;
}
.compareTable {
	border-collapse: collapse;
	clear: both;
	
	width: 523px;
}
.compareTable .activeRow {
	background: #ffffe4;
}
.compareTable td {
background:#F9F9F9 none repeat scroll 0 0;
border-top:1px solid #CCCCCC;
vertical-align:top;
padding:5px;
}
.compareTable h4 {
	color: #666666;
	margin: 2px 0px 2px 3px;
	font-size: 10px;
}
.compareTable .prodName {
	width: 135px;
	padding-left:8px;
	
}

/** rnav styles **/
.rnavCTA1 {
	width: 100%;
	padding-top: 2px;
	background: url(/ca/img/cta/rnav-box-top.gif) no-repeat top;
}
.rnavCTABody {
	padding: 10px 8px 5px 8px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
.rnavCTA1Bottom {
	padding-bottom: 2px;
	background: url(/ca/img/cta/rnav-box-bottom.gif) no-repeat bottom;
}
/** tool popup styles **/
.popupAccent img {
	margin-right: 20px;
}
td #accountsTool {
	padding: 20px 0px 20px 154px;
	margin: 0px;
}
/** Account Results **/
.feature {display:none;}
.masthead {margin-right:20px;}
.qcDescription{
	background: #F2F3F5;
	border-left: 1px solid #C7C7C7;
	padding: 2px 2px 2px 2px;
}
.qcNoBorderDescription{
	background: #F2F3F5;
	padding: 2px 2px 2px 2px;
}
.qcLargerPaddingDescription{
	background: #F2F3F5;
	border-left: 1px solid #C7C7C7;
	padding: 8px 8px 8px 8px;
}
.qcHeader{
	background: #AF0B1C !important;
	border-left:1px solid #c7c7c7;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
.qcTitle{

	border-left: 1px solid #C7C7C7;
	border-top: 1px solid #C7C7C7;
}
.qcTitle p{
	font-weight: bold;
	font-size: 12px;
}
.qcTitleRedWhite {
	color:#FFFFFF;
	background: #AF0B1C;
	Font-weight: bold;
	Font-size: 12px;
}
table#comparisonTable {
	margin-top: 10px;
	border-bottom: 1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
}
table#comparisonTable td.qcTitle {background:#f0f0f0;padding:10px 10px 0px 10px;text-align:left;vertical-align:top;}
table#comparisonTable td.qcTitleSingle {text-align:center;}
table#comparisonTable td.qcTitle h3 {color:#af0b1c;margin-bottom:10px;}
table#comparisonTable td.qcTitleJoin {border-top:none;padding-bottom:10px;padding-top:0px;}
table#comparisonTable tr.lastTitleRow td.qcTitleJoin {border-top:1px solid #c7c7c7;padding-top:10px; padding-bottom: 0px;}

table#comparisonTable td {border-top:1px solid #c7c7c7;vertical-align:top;background:#ffffff;}
table#comparisonTable td p {margin-top:10px;}

div.buttonContainer {float:left;margin:10px 0px;width:703px;}
div.buttonContainer a {float:right;margin-left:10px;}
