/***************************************************
LINKS LINKS
***************************************************/
/* Defines links properties for body text and navigation */
a:link { color: #000; text-decoration: underline;}
a:active { color: #cc0000; text-decoration: underline;}
a:visited { color: #cc0000; text-decoration: underline;}
a:hover { color: #cc0000; text-decoration: underline;}

.leftnav { /* Defines left navigation fonts */
	font-family : arial, helvetica, sans-serif;
	font-size : 11px;
	font-style: normal;
	font-weight: normal; 
	color: #000; 
	line-height: 16px;}
	
.leftnavhr { /* Defines section headers in left navigation */
	font-family : arial, helvetica, sans-serif;
	font-size : 11px;
	font-style: normal;
	font-weight: bold; 
	color: #000; 
	background: #f7c6c6;
	line-height: 14px;}	

a.utilnav:link, a.utilnav:active { /* Defines links properties and rollovers for utility nav */
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	background: #fff;
	text-decoration: none;
	}
	
a.utilnav:visited, a.utilnav:hover {  /* Defines links properties and rollovers for utility nav */
	font-family: arial, helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	font-weight: normal;  
	color: #cc0000; 
	background: #fff;
	text-decoration: none;
	}
		
a.utilnava:link, a.utilnava:visited, a.utilnava:hover, a.utilnava:active {  /* Defines links for active */
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	background: #fff;
	text-decoration: none;
	}
	
.utilnavbkg img{
	text-align:left;
	display:inline;
	}
	
.bottomnav {  /* Defines bottom navigation text */
	font-family: arial, helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal;
	color: #000;
	text-decoration: none;}
		
.lightbkg { /* Defines light color used behind text */
	background: #003366;}
	
.ahead {  
	font-family: arial, helvetica, sans-serif; 
	font-size: 16px; 
	font-style: bold;
	font-weight: bold; 
	color: #cc0000; 
	text-decoration: none
	}	
			
/***************************************************
TEXT
***************************************************/	
	
.h2 { /* Defines page headers */
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;}
	
.h3 { /* Defines page subheaders */
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #333;
	text-decoration: none;}
	
.formStyle {
	font-family: arial, helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal;
	font-weight: normal; 
	color: #333; 
	line-height: 16px;}

.bodytext {  /* Defines body text */
	font-family: arial, helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal;
	font-weight: normal; 
	color: #333; 
	line-height: 16px;}
	
.bodybold {  /* Defines body text bold */
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000;
	line-height: 16px;}

.bodysmbd {  /* Defines small bold body text */ 
	font-family: arial, helvetica, sans-serif; 
	font-style: normal;
	font-weight: bold;
	font-size: 10px; 
	color: #000;}
	
.bodyitalic { /* Defines body text bold */  
	font-family: arial, helvetica, sans-serif; 
	font-size: 11px; 
	font-style: italic;
	font-weight: normal; 
	color: #333; 
	line-height: 13px;}
		
.bodyboldital { /* Defines body text bold italic */
	font-family: arial, helvetica, sans-serif; 
	font-size: 16px; 
	font-style: italic;
	font-weight: bold; 
	color: #000; 
	line-height: 16px;}

.bodysmall {  /* Defines small body text */ 
	font-family: arial, helvetica, sans-serif; 
	font-size: 10px; color: #000;
	text-decoration: none;}

.errorbkg {  /* Defines color field used behind table rows with imput errors */ 
	color: #ff0000;} 
	
.errortext {  /* Defines error text */ 
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #ff0000;
	line-height: 15px;}
	
.numbertext {  /* Defines large text used for APR rate on terms and conditions page */ 
	font-family: arial, helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #000;
	line-height: 17px;}

.username {  /* Used in logoff button */ 
	font-family: arial, helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal;
	font-weight: normal; 
	color: #333; 
	line-height: 13px;}
	
.userinfo { /* Used 0n Account Overview Page for user info section */
	font-family: arial, helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal;
	font-weight: normal; 
	color: #333; 
	line-height: 16px;
	text-decoration: none;}
	
.logoff { /* Used 0n Account Overview Page for logoff link */
	font-family: arial, helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal;
	font-weight: bold; 
	color: #fff; 
	line-height: 16px;
	text-decoration: underline;}
	
.step { /* Used on forms with multiple steps */ 
	font-family: arial, helvetica, sans-serif; 
	font-size: 14px; 
	font-style: normal;
	font-weight: normal; 
	color: #333; 
	line-height: 16px;}
	
.stepbld {  /* Used on forms with multiple steps - describes current step */ 
	font-family: arial, helvetica, sans-serif; 
	font-size: 14px; 
	font-style: normal;
	font-weight: bold; 
	color: #cc0000; 
	line-height: 16px;}
	
.bodylegal {  /* Used for small legal text */ 
	font-family: arial, helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal;
	font-weight: normal; 
	color: #333; 
	line-height: 13px;}

.faqtext {  /* Used on FAQ pages font is one size larger than bodytext */ 
	font-family: arial, helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal;
	font-weight: normal; 
	color: #666; 
	line-height: 20px;}
	
.faqtextbold { /* Used on FAQ pages to bold text - font is one size larger than bodybold */  
	font-family: arial, helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal;
	font-weight: bold; 
	color: #666; 
	line-height: 20px;}

/***************************************************
BOXES
***************************************************/

.tabs { /* Describes tab header used on form */ 
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	background: #666;
	line-height: 20px;
	margin: 0px;}	

.bodyboldforgot {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #666666;
	line-height: 18px;
	text-decoration: underline;
	background-color: #f0ede1;}
	
.checkapp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #cc0000;
	line-height: 18px;
	text-decoration: underline;
	background-color: #f0ede1;}
	
.spanish { /* Defines espanol link on the homepage */   
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #CC0000;
	line-height: 13px;
	text-decoration: underline;
	background-color: #f0ede1;}	

.bodywht { /* Defines Date and Time Stamp for unbilled activity */   
	font-family: arial, helvetica, sans-serif; 
	font-size: 10px; 
	font-style: bold;
	font-weight: bold; 
	color: #fff; 
	line-height: 13px}
	
.rulespacer { /* Describes dividing lines on statements and account overview */ 
	font-family: arial, helvetica, sans-serif;
	font-size: 1px;
	font-style: normal;
	font-weight: normal;
	color: #666;}
	
.rulecolor { /* Describes dividing lines on statements and account overview */ 
	color: #666;
	background: #666;}

.hlrule { /* Describes hightlight border on statements */ 
	color: #cc0000;
	background: #cc0000;}
	
.homebkg{ /* Defines background used on homepage */ 
    color: #dedece;
	background: #dedece;}	
	
.redbkg{ /* Defines red background used on homepage */ 
	color: #cc0000;
	background: #cc0000;}

.whitebkg{ /* Defines white background used in body tag and in side box groupings */ 
	color: #fff;
	background: #fff;}	
	
.bordercolor{ /* Defines border color used in box groupings */
	color: #666;
	background: #666;}
	

/* Defines link for unbilled activity pop up definition on statement page */	
a.unbilled:link { font-family: arial, helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #fff; line-height: 13px; text-decoration: underline}
a.unbilled:visited { font-family: arial, helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #fff; line-height: 13px; text-decoration: underline}
a.unbilled:hover { font-family: arial, helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #fff; line-height: 13px; text-decoration: underline}
a.unbilled:active { font-family: arial, helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #fff; line-height: 13px; text-decoration: underline}

/***************************************************
FORMS
***************************************************/	
.required {  /* Defines Required fields* */
	font-family: arial, helvetica, sans-serif; 
	font-size: 15px; 
	font-style: normal;
	font-weight: bolder; 
	color: #cc0000; 
	text-decoration: none;
	vertical-align: text-top}

.button {  /* Defines text used on form labels */
	font-family: arial, helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal;
	font-weight: normal; 
	color: #000;
	background: #ccc; 
	line-height: 20px;}
	
.label {  /* Defines text used on form labels */
	font-family: arial, helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal;
	font-weight: normal; 
	color: #000; 
	line-height: 17px;}
		
.value {  /* Defines text used on value used on account overview and statements */
	font-family: arial, helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal;
	font-weight: normal; 
	color: #000; 
	line-height: 20px;}
		
.input {  /* Defines text used on form for input fields */
	font-family: arial, helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal;
	font-weight: normal; 
	color: #000; 
	line-height: 12px;}

.labelcolor {  /* Defines color of text used on form labels */
	font-family: arial, helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal;
	font-weight: normal; 
	color: #cc0000; 
	line-height: 16px;}
	
.labelcolorbld { /* Defines color of bold text used on form labels */
	font-family: arial, helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal;
	font-weight: bold; 
	color: #000; 
	line-height: 16px;}
		
.labelbold { /* Defines bold text used on form labels */
	font-family: arial, helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal;
	font-weight: bold; 
	color: #000; 
	line-height: 16px;}

/***************************************************
SPIFF CHANNEL/ right navigation area
***************************************************/
a.spiff:link, a.spiff:visited { /* Links within text of right nav */
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	line-height: 15px;
	color: #333;
	background: #f0ede1;
	text-decoration: none;}
		
a.spiff:hover, a.spiff:active{ /* Links within text of right nav */
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	line-height: 15px;
	color: #cc0000;
	background: #f0ede1; 
	text-decoration: none;}


.spiffarrow {  /* Background color used behind arrow graphic in spiff header */
	color: #dbd9cb;    
	background: #dbd9cb; }
	
.spiffborder1 {  /* Defines color used in first table for border */
	color: #999;
	background: #999; }
	
.spiffborder {  /* Defines color used inside table */
	color: #dbd9cb;
	background: #dbd9cb; }

.spiffbkg {  /* Defines background color used behind text */
    color: #f0ede1;
	background: #f0ede1; }
		
.spiffhead {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	line-height: 15px;
	padding: 2px;
	align: left;
	background-color: #dbd9cb;
	background-position: left;}

.spifftext{  /* Defines text used in spiff channel */
	text-decoration: none;
	font-family: arial, helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal;
	font-weight: normal; 
	color: #333;
	background: #f0ede1; 
	line-height: 12px;}

	
.spiffaprbt {  /* Defines APR text used in spiff channel for Balance Transfers */
	font-family: arial, helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #000}
	
	
/***************************************************
SPIFFS FOR HOMEPAGE
***************************************************/	
	
.spiffheadhome {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	line-height: 15px;
	padding: 2px;
	align: left;
	background-color: #666;
	background-position: left;}
	
.spifftexthome{  /* Defines text used in spiff channel */
	text-decoration: none;
	font-family: arial, helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal;
	font-weight: normal; 
	color: #333;
	background: #f0ede1; 
	line-height: 12px;}
	
.spiffbkghome {  /* Defines background color used behind text */
    color: #666;
	background: #666; }
	
.spiffbkghome2 {  /* Defines background color used behind text */
    color: #f0ede1;
	background: #f0ede1; }


/***************************************************
SPACERS
***************************************************/
 
 
.spacer1 {  /* 1 px spacer used in div tag in place of spacer.gif */
	font-family: arial, helvetica, sans-serif;
	font-size: 1px;
	font-style: normal;
	font-weight: normal;
	color: #fff;}

.spacer2 { /* 2 px spacer used in div tag in place of spacer.gif */
	font-family: arial, helvetica, sans-serif;
	font-size: 2px;
	font-style: normal;
	font-weight: normal;
	color: #fff;}
	
.spacer3 { /* 3 px spacer used in div tag in place of spacer.gif */
	font-family: arial, helvetica, sans-serif;
	font-size: 3px;
	font-style: normal;
	font-weight: normal;
	color: #fff;}
	
.spacer5 { /* 5 px spacer used in div tag in place of spacer.gif */
	font-family: arial, helvetica, sans-serif;
	font-size: 5px;
	font-style: normal;
	font-weight: normal;
	color: #fff;}
		
.spacer10 { /* 10 px spacer used in div tag in place of spacer.gif */
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #fff;}
	
.spacer15 { /* 15 px spacer used in div tag in place of spacer.gif */
	font-family: arial, helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	color: #fff;}


 
	
.super {
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
	display: none;
	background-position: right bottom;
	background-attachment: fixed;
	background-color: #99CC00;


}
.spiffhomewhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background-color: #666666;

}
.spiffhomegrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #666666;
	text-decoration: underline;
}


.homebullet { /* Used on forms with multiple steps */ 
	font-family: arial, helvetica, sans-serif; 
	font-size: 13px; 
	font-style: normal;
	font-weight: normal; 
	color: #333; 
	line-height: 18px;}

.smapCat {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000}