#product-header {
height:180px;
margin-bottom:1.3em;
float:left;
border-bottom:1px solid #d5d5d5;
}

.marketing-tile {
float:left;
width:520px;
height:180px;
min-height:180px;
}

.benefits {
float:left;
text-indent:-9999px;
background:url(../images/benefits.png) no-repeat 0 0;
width:216px;
height:180px;
border-right:solid 1px #d5d5d5;
}

.benefits ul li {
list-style-image:none;
}

td,th {
padding-left:20px;
}

th.c3 {
border-left: 1px solid #BDBDBD;
border-right: medium none;
padding-right: 20px;
}

tbody tr {
height:1.83em;
}

th {
background:url(../images/table_th_bg.gif) repeat-x;
border-color:#bdbdbd;
border-style:solid;
border-width:1px 1px 1px 0;
height:2.083em;
}

#tab-menu {
clear:both;
}

#tab-menu ul, #outter_wrapper ul {
padding-left:1.4em;
}

#tab-menu>ul>li {
list-style-image:none;
}

ul {
padding:0;
margin:0;
}

#fees ul {
padding:0 15em 1em 1.4em;
}

#fees p {
padding-right:20em;
}

#fees li,#overview li {
list-style-image:url(../images/bullet.gif);
list-style-position:outside;
list-style-type:none;
margin-top:10px;
}

#fees li {
margin-top:15px;
text-indent:-2px;
}

#fees li a {
text-indent:0;
}

p {
margin:.4em 0 .5em;
}

.btn_account {
display:block;
float:left;
width:106px;
height:20px;
min-height:20px;
margin-top:0;
margin-right:0;
background:#fff url(../images/btn_prpl_blank.gif) no-repeat center left;
}

.btn_account a:active,.btn_account a:focus {
position:relative;
left:1px;
}

#rates .btn_account,#fees .btn_account,#overview .btn_account {
float:left!important;
margin-top:15px;
}

.calculator-buttons .btn_account {
margin-right:20px;
}

.btn_account a,.btn_account_calc a {
color:#FFF;
background-color:#3E003B;
padding-left:0;
line-height:1.6em;
display:block;
text-align:center;
}

.btn_account a:hover,a.btn_account:hover,.btn_account_calc a:hover {
text-decoration:none;
}

.btn_account_calc {
display:block;
float:left;
width:106px;
height:22px;
min-height:22px;
margin-top:0;
margin-right:20px;
}

.btn_account_calc a {
background:#fff url(../images/btn_prpl_blank.gif) no-repeat center left;
}

#overview li span {
color:#006899;
}

#left-column {
float:left;
margin-bottom:20px;
width:360px;
}

#right-column {
background:#fff url(../images/highlight.jpg) no-repeat;
float:left;
margin-left:5em;
width:256px;
}

#right-column-mid {
background-image:url(../images/highlight-mid.gif);
background-repeat:repeat-x;
background-color:#f7f4ef;
background-position:-2px bottom;
border:solid 1px #dedddc;
border-width:0 1px;
margin-left:1px;
_height:18.166em;
min-height:14.166em;
}

#right-column-top,#right-column-bot {
width:256px;
height:6px;
line-height:0;
font-size:0;
background-image:url(../images/highlight.jpg);
background-repeat:no-repeat;
background-position:top left;
}

#right-column-bot {
background-position:bottom left;
}

#right-column h3 {
border-bottom:1px solid #D8D8D8;
padding:1em 0 .4em;
color:#2C1262;
margin:0 1.2em;
}

#right-column p {
margin:0 2em 0 1.4em;
padding:5px 0;
line-height:1.25em;
}

#right-column ul {
border-top:1px solid #D8D8D8;
margin:.4em 2em 0 1.4em;
padding:0;
}

#right-column li {
margin:0;
padding:5px 0;
line-height:1.25em;
list-style-image:none;
}

.compare-form, .compare-form-min {
float: left;
width: 342px;
margin: 0 auto;	
}
.compare-form-min {
width:300px;
} 

.compare-chart .c1 {
width:50%;
}

.compare-chart .c2 {
width:37%;
border-right-width:0;
}
.compare-chart .c2-three-column {
padding-left: 10px;
}

.result {
font-weight:700;
}

.even {
background:#FFF;
}

.odd {
background:#dcf1fc;
}

#rate-chart .rate-chart {
width:260px;
}

#rate-chart .rate-chart .c1 {
width:64%;
}

#rate-chart .rate-chart .c2 {
width:36%;
}

#rate-form {
margin:15px 0 10px;
}

#rate-form label {
float:left;
margin:10px 0;
}

#rate-container-cd .c1 {
width:10%;
}

#rate-container-savings .c1 {
width:29%;
}

#rate-container-cd .c2,#rate-container-savings .c2 {
width:15%;
}

#rate-container-cd .c3,#rate-container-savings .c3 {
width:18%;
}

#rate-container-cd .c4,#rate-container-savings .c4 {
width:41%;
border-right-width:0;
}

#rate-container-cd .c1.last,#rate-container-savings .c1.last {
border-right-width:0;
}
#chart-top {
background: transparent url(../images/chart-top-two-line-365px.jpg) no-repeat scroll left top;
width: 365px;
}
#chart-top p {
margin: 2px 5px;
padding: 0 5px;
}
#chart-header {
margin:0;
padding:5px 10px 3px;
}
#rates-header {
background:transparent url(../images/chart-top-two-line-375px.png) no-repeat scroll left top;
padding:5px 10px 3px;
margin:0;
width:375px;
}

.chart-bottom {
background-repeat:no-repeat;
height:5px;
line-height:0;
font-size:0;
}

#rates .chart-bottom {
background-image:url(../images/chart-bottom-rates.gif);
width:375px;
}

#compare .chart-bottom {
background-image:url(../images/chart-bottom-compare.gif);
width:365px;
}

#chart-box {
background-color:#fff;
border:1px solid #ddd;
border-width:1px 1px 0;
padding:0;
width:363px;
}

#rates #chart-box {
width:373px;
}

#chart-box-inner {
background:#FFF url(../images/bg_compare_chart.gif) repeat-x bottom left;
margin:0 1px;
padding:10px 8px;
}

.chart-msg {
margin-top:5px;
width:100%;
}

#state-container {
float:left;
margin-bottom:15px;
}

#term-container {
margin-bottom:15px;
}

.drop-table {
border:none!important;
width:auto!important;
margin-top:5px;
}

.drop-table tr,.drop-table td {
padding:0!important;
height:23px!important;
}

.drop-table li {
list-style-type:none;
list-style-image:none;
}

.drop-table li#select-term_input_ {
display:none;
}

#select-term {
width:120px;
}

#select-state {
width:170px;
}

#term-container label {
display:block;
font-weight:700;
color:#666;
padding:6px 13px 0 0;
background:url(../images/textinput-left-mask.png) top right no-repeat!important;
margin:0 -2px 0 0;
height:23px;
font-size:1em;
position: inherit !important;
filter:none!important;
}

div.selectbox-wrapper input,div.selectbox-wrapper select,div.selectbox-wrapper textarea {
font-size:1.09em;
line-height:1.5em;
color:#222;
}

div.selectbox-wrapper li,#forms .item li {
list-style-type:none;
}

div.selectbox-wrapper,div.selectbox-wrapper ul,div.selectbox-wrapper li {
background-color:#fff;
}

.selectbox,div.selectbox-wrapper ul li,#forms .format,#forms label {
display:block;
}

.selectbox {
border:none;
background:url(../images/select-right.png) top right no-repeat!important;
cursor:pointer;
padding:4px 5px 0;
border:none;
height:19px;
filter:none!important;
}

div.selectbox-wrapper {
border:none;
text-align:left;
max-height:200px;
position:absolute;
overflow:auto;
}

div.selectbox-wrapper ul {
border:solid 1px #666;
border-top:none;
padding-left:0;
}

div.selectbox-wrapper ul li.selected {
background:#ebebeb;
}

div.selectbox-wrapper ul li.current {
background:#666;
color:#fff;
}

div.selectbox-wrapper ul li {
padding:2px 4px;
cursor:pointer;
}

#rates-inner input.txt {
float:left;
padding:4px 5px 0 2px;
border:none;
height:19px;
background:url(../images/textinput-400.png) top right no-repeat!important;
color:#333;
filter:none!important;
width:100px;
}

#rates-inner input[type=text]:focus {
background-position:100% -100px;
}

#rates-inner label {
float:left;
text-align:right;
font-weight:700;
color:#666;
padding:5px 13px 0 0;
background:url(../images/textinput-left-mask.png) top right no-repeat!important;
margin:0 -2px 10px 0;
height:18px;
font-size:1em;
filter:none!important;
position: static;
}

#compare table,#rates table {
width:100%;
border-color:#bdbdbd;
border-style:solid;
border-width:0 1px 1px;
}

#apy-date {
float:right!important;
font-size:.916em;
padding:10px 5px 10px 0;
}

#apy-date a {
color:#006899;
}

#apy-date a.dejargonator {
color:#505050;
}

#rates .inputbutton {
background-image:url(../images/search_btn_long_bg.gif);
background-repeat:no-repeat;
background-position: center center;
width:85px;
min-width:85px;
float:right;
margin: 0;
}

#fees table {
width:41.666em;
border-color:#d5d5d5;
border-style:solid;
border-width:0 1px 1px;
margin:10px 0;
}

#fees th {
padding-left:15px!important;
border-color:#d5d5d5!important;
}

#fees td {
padding:5px 0 8px 15px;
}

#fees table .c1 {
width:78%;
}

#fees table .c2 {
width:2%;
font-weight:700;
}

#fees table .c3 {
width:20%;
text-align:right;
padding-right:10px;
font-weight:700;
}

#fees table th {
width:41.666em!important;
background:url(../images/table_th_bg.gif) repeat-x;
border-right:0;
}

#load {
display:none;
position:absolute;
right:10px;
top:10px;
background:url(images/ajax-loader.gif);
width:43px;
height:11px;
text-indent:-9999em;
}

#compare-header {
width:735px;
height:180px;
position:relative;
}

#compare-header img {
position:absolute;
top:0;
left:0;
}

#compare-header a {
position:absolute;
text-align:center;
color:#fff;
}

a.btn_account:active span,a.btn_account:focus span {
position:relative;
left:1px;
}

#cd-hero {
width:520px;
height:180px;
position:relative;
}

#cd-hero img {
position:absolute;
top:0;
left:0;
}

#cd-hero span.apynum {
font-family:helvetica neue,helvetica,verdana,arial;
font-size:105px;
line-height:85px;
letter-spacing:-8px;
color:#7c1974;
padding:0 8px 0 0;
margin:0;
display:block;
float:left;
}

#cd-hero span.term {
position: absolute;
left: 180px;
top: 1.8em;
white-space: nowrap;
color:#7c1974;
font-family:helvetica neue,helvetica,verdana,arial;
font-size:18px;
line-height:18px;
float:left;
padding:0 0 3px;
margin:0;
display:block;
}

#cd-hero span.perc {
position: absolute;
left: 180px;
font-family:helvetica neue,helvetica,verdana,arial;
font-size:32px;
line-height:32px;
color:#7c1974;
padding:0;
margin:0;
display:block;
float:left;
}

#cd-hero span.apy {
position: absolute;
left: 180px;
top: 4.33em;
font-size: 1em;
line-height: 1em;
	
font-family:helvetica neue,helvetica,verdana,arial;
color:#7c1974;
padding:0;
margin:0;
display:block;
float:left;
text-transform:uppercase;
}

#cd-hero a {
position:absolute;
top:140px;
left:394px;
text-align:center;
color:#fff;
padding-top:2px;
}

#savings-hero {
width:520px;
height:180px;
position:relative;
}

#savings-hero img {
position:absolute;
top:0;
left:0;
}

#savings-hero div.copy {
position:absolute;
top:120px;
left:130px;
width:150px;
}

#savings-hero span.apynum {
font-family:helvetica neue,helvetica,verdana,arial;
font-size:45px;
line-height:45px;
letter-spacing:-2px;
color:#2c2162;
padding:0 3px 0 0;
margin:0;
display:block;
float:left;
}

#savings-hero span.perc {
font-family:helvetica neue,helvetica,verdana,arial;
font-size:30px;
color:#2c2162;
padding:10px 0 0;
margin:0;
display:block;
float:left;
}

#savings-hero span.apy {
font-family:helvetica neue,helvetica,verdana,arial;
font-size:8px;
color:#2c2162;
padding:0;
margin:-3px 0 0;
display:block;
float:left;
text-transform:uppercase;
}

#savings-hero a {
position:absolute;
top:144px;
left:15px;
text-align:center;
color:#fff;
padding-top:2px;
}

#mmk-hero {
width:520px;
height:180px;
position:relative;
}

#mmk-hero img {
position:absolute;
top:0;
left:0;
}

#mmk-hero div.copy {
position:absolute;
top:85px;
left:10px;
width:200px;
}

#mmk-hero span.apynum {
font-family:helvetica neue,helvetica,verdana,arial;
font-size:48px;
line-height:48px;
letter-spacing:-3px;
color:#650360;
padding:0 3px 0 0;
margin:0;
display:block;
float:left;
}

#mmk-hero span.perc {
font-family:helvetica neue,helvetica,verdana,arial;
font-size:30px;
line-height:30px;
color:#650360;
padding:10px 0 0;
margin:0;
display:block;
float:left;
}

#mmk-hero span.apy {
font-family:helvetica neue,helvetica,verdana,arial;
font-size:8px;
color:#650360;
padding:0;
margin:0;
display:block;
clear:both;
text-transform:uppercase;
}

#mmk-hero a {
position:absolute;
top:150px;
left:10px;
text-align:center;
color:#fff;
padding-top:2px;
}

#error-container {
position:relative;
}

#principal {
position:absolute;
top:0;
z-index:50;
}

#error-wrapper {
display:none;
position:absolute;
top:-70px;
color:red;
left:-18px;
min-height:88px;
width:250px;
z-index:20;
}

#error-box {
background:url(../images/bg_msg_gray.jpg) repeat-x top left;
border:1px solid red;
border-width:0 1px;
padding:10px 20px 10px 10px;
width:238px;
_height:80px;
min-height:80px;
position:relative;
margin-left:8px;
}

#error-box a.btn_close {
background:url(../images/btn_close_blue_ext.gif) no-repeat top left;
position:absolute;
top:5px;
right:5px;
width:14px;
height:14px;
text-decoration:none;
}

#error-box-top {
background:url(../images/error-box-top.jpg) no-repeat bottom left;
width:270px;
height:4px;
margin-left:8px;
}

#error-box-btm {
background:url(../images/error-box-btm.jpg) no-repeat top left;
width:270px;
height:4px;
margin-left:8px;
}

/* Additional styles for compare side-by-side */
#left-column2 {
float:left;
margin-bottom:20px;
width: 360px;
}

#left-column2 {
width:300px;
padding-right:2em;
}

#left-column2 h3, #right-column2 h3 {
margin:2em 0 0.5em 0;
}

#left-column2 .btn_account, #right-column2 .btn_account {
margin:1em 0 0.5em 7.5em;
}

#right-column2 {
float:left;
border-left: 1px solid #dedddc;
padding-left: 2em;
}

.compare-chart .c3{
width:30%;
}

/* Buttons */
.btn, .btn input, .btn a,
.btn_sm, .btn_sm input, .btn_sm a,
form.search .btn_wrap, form.search .btn {
	background: url(../images/buttons.png) no-repeat 0 -200px;
	height: 23px;
	display: block;
	float: left;
}
.btn_sm { background-position: left -300px; }
.btn_sm input, .btn_sm a { background-position: right -300px !important; }

.btn { position: relative; }
.btn a, .btn input {
	background-position: 100% -200px;
	border: 0;
	color: #505050 !important;
	cursor: pointer; 
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 0 1.33em;
	padding: 0 1.33em 6px 0;
	text-align: center;
	text-indent: -0.2em;
	text-transform: lowercase;
	white-space: nowrap; }
	
.btn a {
	height:23px;
	margin:0 0 0 28px;
	outline-style:none;
	outline-width:medium;
	padding:3px 1.2em 4px !important;
	text-indent:-28px;
}
	
.btn input { padding: 2px 1em 3px 0; }
.btn_sm a, .btn_sm_purple a { 
	background-position: right -300px; 
	padding-top: 2px !important; }

.btn_purple, .btn_purple a, .btn_purple input,
.btn_sm_purple, .btn_sm_purple a, .btn_sm_purple input,
.widget .btn, .widget .btn a, .widget .btn input {
	background-position: left 0 !important;
	color: white !important; }

.btn_purple a, .btn_purple input { background-position: right 0 !important; }
.btn_sm_purple, .widget .btn { background-position: 0 -100px; }
.btn_sm_purple a, .widget .btn a,
.btn_sm_purple input, .widget .btn input { background-position: right -100px; }

.btn_active { cursor: pointer; }

/* Added for new TFSA rates tab 05-21-2010 */
.productRatesListItem {
	clear: both;
}
.productRatesListItem .productInfo {
	float: left;
	width: 250px;
}
.productRatesListItem .productInfo .infoHeader {
	font-size: 1.4em;
	font-weight: bold;
}
.productRatesListItem .productRate {
	float: right;
	text-align: right;
}
.productRatesListItem .productRate .rateHeader {
	color: #006899;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 0px;
}
.productRatesListItem .learnMore {
	clear: both;
	float: right;
	margin-bottom: 1.5em;
	text-align: right;
}
.productRatesListItem .learnMore .rateLearnMore {
	margin-bottom: 0px;
	margin-top: 0px;
}
.productRatesListItem .learnMore .btn_account {
	margin-top: 5px !important;
}