@charset "UTF-8";
/*a {
	color: 2078b0;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}*/

#top_rate {
	background-color: #EFEFF1;
	float: left;
	width: 510px;
	height: 50px;
}
#top img{
	margin-top: 14px;	
}


#product-box-container {
	overflow: hidden; /*	MCD-20090617: adjust margin on top*/
	margin-left: 60px;

}
}

 /* BEGIN: 4 Box definition 2009-06-17 mj	*/

.product-box-rate {
	float: left;
	width: 140px;
	overflow: auto;
	background-color: #EFEFF1;
	padding-left: 0px;
	height: 134px;
	display: block;
}

.unlimitedtext {
	float: left;
	width: 135px;
	overflow: auto;
	background-color: #EFEFF1;
	padding-left: 10px;
	height: 134px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF6600;
}
#bottom_rate  {
	height: 50px;
	width: 510px;
	background-color: #EFEFF1;
	float: left;
}
#container .product-box .product-box-body .text {
	float: left;
}
.caption {
	font-weight: normal;
	color: #000000;
	font-size: 0.1em;
}
.text_rate1 {
	float: left;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	display: inline;
	margin-top: 85px;
	margin-left: -111px;
}

.text_rate1 a.overlay-trigger  {
	background: url("/images/icon-popup.gif") no-repeat left 3px ;
	padding-left:18px;
}

.text_rate2 {
	float: left;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	display: inline;
	margin-top: 85px;
	margin-left: -70px;
}



.text_rate {
	float: left;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	display: inline;
	margin-top: 85px;
	padding-left: 0px;
	margin-left: -88px;
}
#container_rate {
	height: 234px;
	width: 710px;
}
.textR {
	font-family:Geneva,Arial,Helvetica,sans-serif;
	font-size:9pt;
	margin-right:80px;
	margin-top:2px;
	padding-right:0;
	text-align:center;
	top:100px;
}
#container #middle .rightbox {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FF6600;
	width: 135px;
	float: left;
	text-align: center;
	height: 134px;
}
.product-box-body {
	min-height: 170px;
	background-color: #EFEFF1;
}
.product-box-body H2 {
    color: #ff6600;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 4px;
}
.product-box-body H2 A {
    color: #ff6600;
}
.product-box-bodP  {
	font-size: 1em;
	line-height: 1.4;
}
.product-box-body SUP {
    font-size: 9px;
}
.product-rate h1  {
	font-size: 4.9em; /* MCD-20090617: change font size to fit on small boxes */
	font-weight: bold;
	color: #293033; /*	MCD-20090617: reduce line-height	*/
	background-color: #EFEFF1;
}
#middle_rate {
	height: 134px;
	width: 510px;
	background-color: #EFEFF1;
	float: left;
}
.product-rate .rate-value1 {
	float: left;
	color: #FF6600;
	margin-left: 60px;
	padding-left: 5px;
    margin-top: 20px;
}
.product-rate .rate-value {
	float: left;
	color: #FF6600;
	margin-left: 45px;
	padding-left: 5px;
    margin-top: 20px;
}

.product-box-body P {
    margin-right: 8px; /* MCD-20090617: change padding to fit the 4 boxes */
    padding-bottom: 15px;
}
.product-box-body .caption { /* MCD-20090617: NEW - caption for below the rates */
    font-size: .92em;
    padding-bottom: 10px;
}
.product-rate .rate-unit {
	padding-left: 5px;
	padding-top: 7px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
}
.product-rate .rate-unit .rate-unit-top {
	font-size: 0.5em; /* 30px, since parent is 60px */
	display: block;
	font-weight: normal;
	line-height: 1em;
	color: #FF6600;
	margin-top:26px;
}
.product-rate  .rate-unit-bottom {
	display: block;
	font-size: 0.25em; /* 18px, since parent is 60px */
	font-weight: normal;
	line-height: 0.8em;
	color: #FF6600;
}
#homepage-promo-rates   {
	color: 2078b0;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.product-box-button {
    padding-top: 2px;
    padding-bottom: 5px; /* MCD-20090617: reduce padding	*/
}
.product-box-button IMG {
    vertical-align: middle;
    display: inline;
}
#left_rate {
	height: 234px;
	font-size: .75em;
	position: relative;
	float: left;
	background-color: #EFEFF1;
	width: 200px;
	background-image: url(/images/More-Card_Marquee_Rate_Price_FINAL.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
#homepage-promo #homepage-promo-apply {
	position: absolute;
	top:137px;
	left:70px;
}
#homepage-promo #homepage-promo-apply * {
	vertical-align: middle;
	color: #2078b0;
	font-size: 10px;
	
}
#homepage-promo #homepage-promo-apply img {
	margin-right: 5px;
}
#container #middle .product-box-right {
	margin-right: 50px;
	margin-left: 290px;
}
.unlimited    {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #ff6600;
	height: 48px;
	text-align: center;
	font-size: 17pt;
	line-height: 17pt;
	margin-top: 40px;
	margin-right: 80px;
	padding-right: 0px;
}

/*
 * Placement Styles
 */

.calendar-link {
	display:block;
	padding-top:5px;
}

/*
 * Recode For Faulty Marquee
 */

#promo {
	width: 710px;
	height: 234px;
	background-color:#efeff1;
}

#promo .left-hand {
	width: 204px;
	height: 234px;
	float: left;
}

#promo-wrap .promo-header {
	float: left;
	margin-top: 15px;
}

#promo-wrap .promo-rates-wrap {
	width: 500px;
	height: 100px;
	float:left;
	padding-top: 30px;
}

#promo-wrap .promo-rates-wrap p {
	font-size: 12px;
	float: left;
	color: #000000;
}

/*html* #promo-wrap .promo-rates-wrap p {
	margin-top: 10px;
}*/

#promo-wrap .promo-rates-wrap a {
	font-size: 11px;
	float: left;
	margin-left: 20px;
	padding-top: 5px;
}

/*html* #promo-wrap .promo-rates-wrap a {
	margin-top: -5px;
}*/

#promo-wrap .promo-rate {
	width: 132px;
	height: 90px;
	float: left;
	text-align: center;
}

#promo-wrap .promo-rate.unlimited-rewards {
	width: 150px;
}

#promo-wrap .promo-rate.cbb {
	width: 159px;
}

#promo-wrap .percentage {
	height: 42px;
	width: 77px;
	margin: 0 auto;
}

#promo-wrap .percentage.first {
	margin-left: 40px;
}

#promo-wrap .promo-rate.apr-purchases p {
	width: 85px;
	margin-left: 25px;
	display:inline;
}

#promo-wrap .promo-rate.balance-transfer p {
	width: 114px;
}

#promo-wrap .promo-rate p.whenapr-first {
	margin-left: 30px;
}

#promo-wrap span {
	display: block;
	font-size: 58px;
	font-weight: bold;
	color: #ff6600;
	float:left;
}

#promo-wrap .unlimited-rewards span {
	height:42px;
	margin:16px auto 0 auto;
	font-size: 23px;
	font-weight: normal;
}

#promo-wrap .unlimited-rewards p {
	width: 138px;
}

#promo-wrap span.details {
	float:left;
	margin-top: 11px;
	padding-left: 5px;
}

#promo-wrap span.percent {
	display:block;
	font-size: 29px;
	font-weight: normal;
	float:left
}

#promo-wrap span.apr {
	display:block;
	font-size: 15px;
	font-weight: normal;
	float:left;
	clear:left;
}

#promo-wrap .apply-now-wrap {
	float: left;
	padding-left: 95px;
	padding-top: 8px;
	margin-top: 0;
}

#promo-wrap .apply-now-wrap a.more {
	font-size: 12px;
	padding-left: 5px;
}

.promo-rates-wrap .calendar-overlay {
	padding-top: 2px;
}

.promo-rates-wrap .calendar-overlay a.overlay-trigger {
	background:url("/images/icon-popup.gif") no-repeat left 3px;
}