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

.leftnav { /* Defines left navigation fonts */
	font-family : verdana, arial, helvetica, sans-serif;
	font-size : 11px;
	font-style: normal;
	font-weight: normal; 
	color: #666; 
	line-height: 16px;}
	
.leftnavhr { /* Defines section headers in left navigation */
	font-family : verdana, arial, helvetica, sans-serif;
	font-size : 11px;
	font-style: normal;
	font-weight: normal; 
	color: #fff; 
	background: #999;
	line-height: 14px;}
	
.utilnavbkg { /* Defines background color for utility nav */
	color: #6699ff;
	background: #6699ff;}

a.utilnav:link { /* Defines links properties and rollovers for utility nav */
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 0px;
	line-height: 15px;
	color: #fff;
	background: #6699ff;
	text-decoration: none;}
	
a.utilnav:active {  /* Defines links properties and rollovers for utility nav */
	font-family: arial, helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: bold;  
	line-height: 15px; 
	color: #ff9900;
	background: #6699ff;  
	text-decoration: none;}
	
a.utilnav:visited {  /* Defines links properties and rollovers for utility nav */
	font-family: arial, helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: bold; 
	line-height: 15px; 
	color: #fff; 
	background: #6699ff;
	text-decoration: none;}
		
a.utilnav:hover { /* Defines links properties and rollovers for utility nav */
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal; 
	font-weight: bold; 
	line-height: 15px;
	color: #ff9900;
	background: #6699ff; 
	text-decoration: none;}

.utilnavbkg img{
	text-align:left;
	display:inline;
	}
	
.bottomnav {  /* Defines bottom navigation text */
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal;
	color: #cc0000}
		
.lightbkg { /* Defines light color used behind text */
	background: #003366;}

.homebullet { /* Defines bullets on the home page */
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666;
	line-height: 18px;
	text-decoration: none;
	margin-left: 25px;}
		
a.homeboldwht:link { /* Defines links properties and rollovers for white bold text used on the home page */
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	line-height: 13px;
	text-decoration: underline;}
	
a.homeboldwht:hover { /* Defines links properties and rollovers for white bold text used on the home page */
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	line-height: 13px;}
	
a.homeboldwht:visited { /* Defines links properties and rollovers for white bold text used on the home page */
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	line-height: 13px;}
	
a.homeboldwht:active { /* Defines links properties and rollovers for white bold text used on the home page */
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	line-height: 13px;}
	
.headerrule { /* Defines color of rule thtat seperates the header form the content */
	background: #99CC00;} 
	
.ahead {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	font-style: bold;
	font-weight: bold; 
	color: #ff9900; text-decoration: none
	}	
			
/***************************************************
TEXT
***************************************************/	
	
.h2 { /* Defines page headers */
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #ff9900;
	text-decoration: none;}
	
.h3 { /* Defines page subheaders */
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #cc6600;
	text-decoration: none;}

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

.bodysmbd {  /* Defines small bold body text */ 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-style: normal;
	font-weight: bold;
	font-size: 10px; 
	color: #000;}
	
.bodyitalic { /* Defines body text bold */  
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 11px; 
	font-style: italic;
	font-weight: normal; 
	color: #333; 
	line-height: 13px;}
	
.opttext {  /* Defines body text */
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal;
	font-weight: normal; 
	color: #333; 
	line-height: 14px;}
		
.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 {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000}

.errorbkg {  /* Defines color field used behind table rows with imput errors */ 
	color: #ff0000;} 
	
.errortext {  /* Defines error text */ 
	font-family: verdana, 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: verdana, 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: verdana, 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: verdana, arial, helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal;
	font-weight: normal; 
	color: #333333; 
	line-height: 16px;}
	
.step { /* Used on forms with multiple steps */ 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 14px; 
	font-style: normal;
	font-weight: normal; 
	color: #ff9900; 
	line-height: 16px;}
	
.stepbld {  /* Used on forms with multiple steps - describes current step */ 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 14px; 
	font-style: normal;
	font-weight: bold; 
	color: #660066; 
	line-height: 16px;}
	
.bodylegal {  /* Used for small legal text */ 
	font-family: verdana, 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: verdana, 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: verdana, 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: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	background: #ff9900;
	line-height: 20px;
	margin: 0px;}	

.bodyboldwht {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: bold;
	font-weight: bold; 
	color: #fff; 
	line-height: 13px}		

.bodywht { /* Defines Date and Time Stamp for unbilled activity */   
	font-family: Verdana, 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: verdana, arial, helvetica, sans-serif;
	font-size: 1px;
	font-style: normal;
	font-weight: normal;
	color: #ff9900;}
	
.rulecolor { /* Describes dividing lines on statements and account overview */ 
	color: #ff9900;
	background: #ff9900;}

.hlrule { /* Describes hightlight border on statements */ 
	color: #990000;
	background: #990000;}
	
.bluebkg{ /* Defines blue background used on homepage */ 
	color: #6699ff;
	background: #6699ff;}
	
.spiffbkg1{ /* Defines white background used on homepage */ 
	color: #999;
	background: #999;}
	
.spiffbkg2 { /* Defines white background used on homepage */ 
	color: #fff;
	background: #fff;}

.greenbkg{ /* Defines green background used on homepage */ 
	color: #99cc00;
	background: #99cc00;}

.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: #ff9900;
	background: #ff9900;}
	

/* Defines link for unbilled activity pop up definition on statement page */	
a.unbilled:link { font-family: Verdana, 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: Verdana, 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: Verdana, 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: Verdana, 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: verdana, arial, helvetica, sans-serif; 
	font-size: 15px; 
	font-style: normal;
	font-weight: bolder; 
	color: #cc6600; 
	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: verdana, arial, helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal;
	font-weight: normal; 
	color: #333; 
	line-height: 17px;}
		
.value {  /* Defines text used on value used on account overview and statements */
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal;
	font-weight: normal; 
	color: #333; 
	line-height: 20px;}
		
.input {  /* Defines text used on form for input fields */
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal;
	font-weight: normal; 
	color: #333; 
	line-height: 12px;}

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

/***************************************************
SPIFF CHANNEL/ right navigation area
***************************************************/
a.spiff:link { /* Links within text of right nav */
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	line-height: 15px;
	color: #666;
	background: #fff;
	text-decoration: none;}
	
a.spiff:visited { /* Links within text of right nav */ 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	font-weight: normal; 
	line-height: 15px; 
	color: #666; 
	background: #fff;
	text-decoration: none;}
	
a.spiff:hover { /* Links within text of right nav */
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	line-height: 15px;
	color: #ff9900;
	background: #fff; 
	text-decoration: none;}
	
a.spiff:active {  /* Links within text of right nav */
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	font-weight: normal; 
	line-height: 15px; 
	color: #ff9900;
	background: #fff;  
	text-decoration: none;}
	
.spiffarrow {  /* Background color used behind arrow graphic in spiff header */
	color: #ff9900;    
	background: #ff9900; }
	
.spiffborder {  /* Defines color used border */
	color: #999;
	background: #999; }

.spiffbkg {  /* Defines background color used behind text */
    color: #fff;
	background: #fff; }
		
.spiffhead { /* Defines header text and background color for spiff channel */
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	color: #fff; 
	line-height: 12px; 
	padding: 2px;}

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

.spiffhome { /* Defines header text and background color for spiff channel on home page */
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	line-height: 11px;
	text-decoration : none;}
	
.spiffaprbt {  /* Defines APR text used in spiff channel for Balance Transfers */
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #000}

.confrule {  /* Defines border and rule for confirmation Offers */
	background: #999;
	color: #999;}
	
.conftext {  /* Defines text used in Confirmation Offers */
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: normal; 
	color: #666;}
	
.confbold {  /* Defines header text used on Confirmation Offers */
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
	text-decoration: none; 
	color: #6699ff;}
	
a.conf:link { /* Links within text of Confirmation Offers */
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	line-height: 15px;
	color: #6699ff;
	background: none;
	text-decoration: none;}
	
a.conf:visited { /* Links within text of Confirmation Offers */ 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: bold; 
	line-height: 15px; 
	color: #666; 
	background: none;
	text-decoration: none;}
	
a.conf:hover { /* Links within text of Confirmation Offers */
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	line-height: 15px;
	color: #666;
	background: none; 
	text-decoration: none;}
	
a.conf:active {  /* Links within text of Confirmation Offers */
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: bold; 
	line-height: 15px; 
	color: #666;
	background: none;  
	text-decoration: none;}

/***************************************************
SPACERS
***************************************************/
 /* Troy Gilliland came up with this spacer concept */
 
.spacer1 {  /* 1 px spacer used in div tag in place of spacer.gif */
	font-family: verdana, 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: verdana, 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: verdana, 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: verdana, 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: verdana, 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: verdana, arial, helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	color: #fff;}
    
        .smapCat {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000}