.XELsmalltext	        {

	background-color: #ffffff;

	color:#000000; 

	font-family: Verdana, Helvetica, Arial; 

	font-size: 8pt;

}



.XELmediumtext	        {

	background-color: #ffffff;

	color:#000000;

	font-family:  Arial, Verdana, Helvetica,;

	font-size: 10pt;

	text-align: justify;

	padding-top: 2px;

	padding-bottom: 2px;

}



.XELsmallplaintext	        {

	color:#000000; 

	font-family: Arial, Verdana, Helvetica, ; 

	font-size: 8pt;

}



.XELmediumplaintext	        {

	color:#000000;

	font-family: Arial, Verdana, Helvetica ;

	font-size: 10pt;

	line-height: 18px;

	font-weight: normal;

	text-align: justify;

	padding-top: 5px;

	padding-bottom: 10px;

}



.error {

	FONT-SIZE: 9pt; 

	COLOR: #ff0000; 

	FONT-FAMILY: Arial, Verdana, Helvetica; 

	TEXT-ALIGN: left;

	font-weight: bold;

	background: #fff url(../images/attention.gif) no-repeat left;

	padding-left:22px;

}



.XELquestion {

	font-family:  Arial, Verdana, Helvetica; 

   	font-size: 10pt; 

   	color: #000000;

   	background-color: #ffffff;

}





.XELheader		{

	background-color:#FFFFFF;

	color:#c0180b;

	font-family:  Arial, Verdana, Helvetica;

	font-size: 11pt;

	font-weight: bold;

	padding-top: 3px;

	padding-bottom: 3px;

	padding-left: 0px;

	line-height: 18px;

}



.XELtitle		{

	background-color:#FFFFFF;

	color:#c0180b;

	font-family: Arial, Verdana, Helvetica;

	font-size: 16pt;

	font-weight: bold;

	padding-left: 0px;

}



.XELheader_nonchannel	{

	background-color:#beecfb; 

	color:#0179a6; 

	font-family: Arial, Verdana, Helvetica; 

	font-size: 10pt; 

	font-weight: bold;

	text-align:left;

}



#crossFieldErrors	{

	color: #ff0000;

	font-family: Arial, Verdana, Helvetica;

	font-size:8pt;

	text-align:left;

}

.XELsmallplaintextindex	        { border-bottom: 1px solid #dfeecb; padding-bottom: 5px; padding-top: 5px; color:#000000; font-family: Arial, Verdana, Helvetica, ; font-size: 12px; line-height: 20px;}


#requirednessMessage	{

	color: #66228b;

	font-family:Arial, Verdana, Helvetica;

	font-size:8pt;

	text-align:right;

}



.XELfirstcolumn			{

	background-color:#eeeeee;

	color:#000000; 

	font-family: Arial, Verdana, Helvetica; 

	font-size: 10pt; 

	font-weight: bold;

}





.XELfirstcolumnLower		{

	background-color:#eeeeee;

	color:#000000; 

	font-family: Arial; 

	font-size: 10pt; 

	font-weight: bold;

	border-top-style:solid;

	border-top-width:1pt;

	border-top-color:black;

}



.XELfirstcolumnLowerSmall	{

	background-color:#eeeeee;

	color:#000000; 

	font-family:  Arial, Verdana, Helvetica;

	font-size: 6pt; 

	font-weight: bold;

	border-top-style:solid;

	border-top-width:1pt;

	border-top-color:black;

}



.XELsecondcolumn		{

	background-color:#f7f7f7;

	color:#000000; 

	font-family: Arial, Verdana, Helvetica; 

	font-size: 10pt; 

	font-weight: bold; 

}



.XELsecondcolumnLower		{

	background-color:#f7f7f7;

	color:#000000; 

	font-family: Arial; 

	font-size: 10pt; 

	font-weight: bold;

	border-top-style:solid;

	border-top-width:1pt;

	border-top-color:black;

}



.XELsecondcolumnLowerSmall	{

	background-color:#f7f7f7;

	color:#000000; 

	font-family: Arial, Verdana, Helvetica; 

	font-size: 6pt; 

	font-weight: bold;

	border-top-style:solid;

	border-top-width:1pt;

	border-top-color:black;

}



							

.XELcolumnLowerHeader		{

	background-color:#beecfb;

	color:#0179a6; 

	font-family: Arial, Verdana, Helvetica; 

	font-size: 10pt; 

	text-align:left;

	border-top-style:solid;

	border-top-width:1pt;

	border-top-color:black;

}





.XELbackgroundcolor             {

	background-color:#ffffff;

}



.XELbody                        {

	background-color:#ffffff;

}

.ResultsTableGrid { background: #395141; }

.xel-clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
 
.xel-clearfix {display: inline-block;}
 
/* Hides from IE-mac \*/
* html .xel-clearfix {height: 1%;}
.xel-clearfix {display: block;}
/* End hide from IE-mac */
 
.aPopularCard {
 padding: 0 0 8px 0;
}
 
.aPopularCard * { /* the reset!! */
 padding: 0;
 margin: 0;
}
 
.aPopularCard .thePopularCardImageForm {
 display: block;
 height: inherit !important;
 height: 1%; /* induces 'hasLayout' for IE */
 vertical-align: middle;
}
 
.aPopularCard .thePopularCardImageForm .thePopularCardImage {
 float: left;
 display: inline; /* zaps the IE double float margin bug */
 margin: 3px;
}
 
.aPopularCard .thePopularCardImageForm h3 {
 float: left;
 display: inline; /* zaps the IE double float margin bug */
 padding: 0;
 margin: 4px 0 0 3px;
 font-size: 14px;
 width: 160px;
}
 
.aPopularCard .thePopularCardImageForm p {
 clear: both;
 margin: 3px 3px 4px;
 font-size: 11px;
 height: 86px;
 text-align: left;
}
 
.aPopularCard .theButtons {
 clear: both;
}
 
.aPopularCard .summaryButton, 
.aPopularCard .applyButton
{
 float: left;
 display: inline;
 margin: 0 0 0 28px;
}

.border {
 background: url("../images/tablebg.jpg") left top no-repeat;
 
}

.small {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 9px;
 
 }

 .bg {
	background-image:url(../CardsResources/images/bgheadertab.jpg); 
	height:31px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px; 
	font-weight: bold; 
	margin-left: 5px;
}

.textstyle {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #696969;
	height: 25px;
	border-bottom:1px dotted #c0c0c0;
	padding: 2px;
}

.textstyle2 {
	font-size: 16px;
	font-weight: bold;
	font-family:  Arial, Helvetica, sans-serif;
	color: #696969;
	height: 25px;
	border-bottom:1px dotted #c0c0c0;
}

.textstylebg {
	background-color:#F6F6F6; 
	font-size: 12px;
	font-family:  Arial, Helvetica, sans-serif;
	color: #696969;
	height: 25px;
	border-bottom:1px dotted #c0c0c0;
}

.cardsfrontpageheader {

	color:#c0180b; font-family: Verdana, Helvetica, Arial; font-size: 12pt; font-weight: bold; text-align: justify; 
	}
	
.cardsfrontpageboxesheading {
	padding-left: 5px; color: #fff; font-family: Verdana, Helvetica, Arial; font-size: 12pt; font-weight: bold;
	text-align: justify; font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	text-transform: none;

	text-decoration: none;
    
    background-color:#dc5035;
	}
	
.XELmediumtextcards {font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 20px; padding-left:5px; padding-right:5px; text-align:left; color:#000;}

.cardscontentbg { background-image: url(../CardsResources/images/gradient.jpg); background-repeat: repeat-x;}
.cardscontentbglower { background-image: url(../CardsResources/images/gradientlower.jpg); background-repeat: repeat-x;}

.loansfrontpageheader{ color:#c0180b; font-family: Verdana, Helvetica, Arial; font-size: 12pt; font-weight: bold;text-align: justify; }
	
.loansfrontpageboxesheading {
	padding-left: 0px; color: #fff; font-family: Verdana, Helvetica, Arial; font-size: 12pt; font-weight: bold; 		    text-align: justify; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-transform: none; 		     text-decoration: none; background-color:#dc5035;
	}
	
.XELmediumtextloans {font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 20px; padding-left:5px; padding-right:0px; text-align:left;}

.loanscontentbg { background-image: url(../LoansResources/images/gradient.jpg); background-repeat: repeat-x;}
.loanscontentbglower { background-image: url(../LoansResources/images/gradientlower.jpg); background-repeat: repeat-x;}

.borderproductdetails {
border:1px solid #ccc;
}

.debtcentreheading {
	color:000000;
	text-align:centre;
	font-size:18px;
	line-height: 20px;
}

.debtcentrecontent {font-size: 13px; font-weight: bold; }
.debtcentrecontent1 {font-size: 12px; }


.debtcentrepod {
background:url(../images/mainpodbg.jpg); border:2px solid #dc5035; background-repeat:repeat-x; }

#filteringTableImages {
	background-image: url(../images/filter/bg.jpg);
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #fff;

	

}


a:link {

	color: #c0180b;

	text-decoration: none;

}

a:visited {
	color: #c0180b;

	text-decoration: none;


}

a:hover {
	color: #c0180b;
	text-decoration: underline;


}

a:active {
	color: #c0180b;
	text-decoration: none;


}