/*******************************************/
/* Rate Sprite 
 */
    .product_accordion_label {
        position: absolute;
        top: 0;
        left: 0;}
    .product_accordion_label span {
        display: none;}
    .rate_sprite .rate {
    	float: left;
        position: relative;}
    .rate_sprite .rate span {
        color: #005487;}	
    .rate_sprite .rate .percent, .rate .term {
        font-family: "Aurelian Trust Bank Benton", Arial, Helvetica, sans-serif;}
    .rate_sprite .rate .percent {
    	float: left;
		position: relative;
        vertical-align: top;
        font-size: 27px;
        line-height: 20px;
		height: 27px;
		top: -2px;
		margin-left: -1px;}
    .rate_sprite .rate span.value {
        float: left;
        font-family: "ACBBentonBold", Arial, Helvetica, sans-serif;
		/*font-family: "Aurelian Trust Bank Benton Bold", Arial, Helvetica, sans-serif;	- references font-family in fonts-new.css */
        /*font-weight: bold;*/
        font-size: 108px;
        letter-spacing: -3px;
        line-height: 87px;}
    .rate_sprite .rate .term, .rate .title {
        position: absolute;
        left: 0;
		cursor: pointer;}
    .rate_sprite .rate .term {
        top: 95px;
        font-size: 1.75em;
		vertical-align: top;}
    .rate_sprite .rate .title {
        top: 122px;
        text-transform: uppercase;
    }       

    /* Sprite background width and positioning */
    .reflect .digit {
        float: left;
        height:87px;
        background-image:url(images/product-base-rate-sprite-24.png);
		background-repeat: no-repeat;}   
    .rate_sprite .digit0{  
        background-position: 0 100%;
        width:70px;}
    .rate_sprite .digit1{
        background-position: -100px;
        width:46px;}
    .rate_sprite .digit2{
        background-position: -200px;
        width:62px;}
    .rate_sprite .digit3{
        background-position: -300px;
        width:64px;}
    .rate_sprite .digit4{
        background-position: -400px;
        width:73px;}
    .rate_sprite .digit5{
        background-position: -500px;
        width:66px;}
    .rate_sprite .digit6{
        background-position: -600px;
        width:66px;}
    .rate_sprite .digit7{
        background-position: -700px;
        width:59px;}
    .rate_sprite .digit8{
        background-position: -800px;
        width:67px;}
    .rate_sprite .digit9{
        background-position: -900px;
        width:67px;}
    .rate_sprite .dot{
        background-position: -1000px;
        width:18px;
        margin:0 1px 0 5px;}
    .rate_sprite .percent{
        background-position: -1100px;
        width:53px;}

    .dynamic .rate.textrate span { display: none; }
    .dynamic .rate .reflect .value { display: block; } 
    .dynamic .rate span.percent, 
    .dynamic .rate span.value, 
    .dynamic .rate .reflect span { 
       text-indent: -999em; }


    /*******************************************/
    /* Homepage Rate Sprite
     */
    
	.home-rates-tiles .rate {
    	color: #006899;
    	top: 14px;
		right: 8px;
		float: right; }    
	.dynamic .home-rates-tiles .rate {
		right: 25px;
	}
	
	.home-rates-tiles .rate span {
        height:68px;
        color: #006899;}
    .home-rates-tiles .rate span.value,
    .home-rates-tiles .rate span.percent {
        font-family: "ACBBentonCondBold", Arial, Helvetica, sans-serif;
		/*font-family: "Aurelian Trust Bank Benton Cond Bold", Arial, Helvetica, sans-serif;	- references font-family in fonts-new.css */
		/*font-weight:bold;*/}	
	.home-rates-tiles .rate span.value {
	    font-size: 54px;
		letter-spacing: -3px;
		line-height: 42px; 
		margin-right: 2px; }		
	.dynamic .home-rates-tiles .rate span.value { letter-spacing: -1px;}		

    .home-rates-tiles .rate span.percent {
    	font-size: 27px;
        margin: 0;
        top: 0;}
    .home-rates-tiles .rate span.title {
		font-size: 7px;
		position:absolute;
		left: auto;
		right:-2px;
		top:22px;
		line-height:7px;}
    .home-rates-tiles .rate span.percent,
    .home-rates-tiles .rate span.title {
        width: 50px;}
		
    /* Common characters */
    .home-rates-tiles .reflect .digit {
		width: 28px;
        background-image:url(images/homepage-rate-sprite-24.png);}   
    .home-rates-tiles .reflect .dot{ 
		width: 9px;}
	
    /* Numbers */
    .home-rates-tiles .reflect  .digit0{ width:30px;}
    .home-rates-tiles .reflect  .digit1{ width:20px;}
    .home-rates-tiles .reflect  .digit2{ width:26px;}
    .home-rates-tiles .reflect  .digit4{ width:30px;}
    .home-rates-tiles .reflect  .digit6{ width:29px;}
    .home-rates-tiles .reflect  .digit7{ width:25px;}

    /* Dynamic overrides */	
	.home-rates-tiles .rate.generatedrate { right: 10px;}
    .home-rates-tiles .rate .reflect span.percent,
    .home-rates-tiles .rate .reflect span.title {
        width: 46px;
        height: 67px; }