.XELsmalltext	        {
	background-color: #ffffff;
	color:#333333; 
	font-family: Verdana, Helvetica, Arial; 
	font-size: 8pt;
}

.XELmediumtext	        {
	background-color: #ffffff;
	color:#333333; 
	font-family: Verdana, Helvetica, Arial; 
	font-size: 10pt;
	}

.XELmediumtext1			{
	color:#000000;	
	font-family: Verdana, Helvetica, Arial;	
	font-size: 10pt;	
	background-color: #E7E7E7;
}

.XELmediumtextBBResult	{
	background-color: #F4F8F9; 
	color:#666666; 
	font-family: Verdana, Helvetica, Arial; 
	font-size: 10pt;
}

.XELsmallplaintext	        {
	color:#333333; 
	font-family: Verdana, Helvetica, Arial; 
	font-size: 8pt;
}

.XELmediumplaintext	        {
	color:#333333; 
	font-family: Verdana, Helvetica, Arial; 
	font-size: 10pt;
}

.error {
	font-size: 9pt; 
	color: #ff0000; 
	font-family: verdana, helvetica, arial; 
	text-align: left;
	background: #fff url(../UtilityResources/images/attention.gif) no-repeat left;
	padding-left:22px;
}


.XELquestion {
	font-family: Verdana, Helvetica, Arial; 
   	font-size: 10pt; 
   	color: #333333;
   	background-color: #ffffff;}


.XELheader		{
	background-color:#ffffff; 
	color:#0080C7; 
	font-family: Verdana, Helvetica, Arial; 
	font-size: 12pt; 
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;
}

.XELSubHeader	{
	background-color:#ffffff; 
	color:#0080C7; 	
	font-family: Verdana, Helvetica, Arial;	
	font-size: 8pt;	
	font-weight: bold; 	
	padding: 0px;	
	margin: 0px;	
	text-align: left;	
	height: 18px;
	padding-top:8px;
}

.XELtitle		{
	background-color:#0080C7; 
	color:#ffffff; 
	font-family: Verdana, Helvetica, Arial; 
	font-size: 12pt; 
	font-weight: bold;
}

.XELheader_nonchannel	{
	background-color:#0080C7; 
	color:#ffffff; 
	font-family: Verdana, Helvetica, Arial; 
	font-size: 10pt; 
	font-weight: bold;
	text-align:left;
}


#crossFieldErrors	{
	color: #ff0000;
	font-family:Verdana, Helvetica, Arial;
	font-size:8pt;
	text-align:left;
}

#requirednessMessage	{
	color: #66228b;
	font-family:Verdana, Helvetica, Arial;
	font-size:8pt;
	text-align:right;
}


.XELfirstcolumn			{
	background-color:#eeeeee;
	color:#000000; 
	font-family: Verdana, Helvetica, Arial; 
	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: Verdana, Helvetica, Arial; 
	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: Verdana, Helvetica, Arial; 
	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: Verdana, Helvetica, Arial; 
	font-size: 6pt; 
	font-weight: bold;
	border-top-style:solid;
	border-top-width:1pt;
	border-top-color:black;
}
							
.XELcolumnLowerHeader		{
	background-color:#0080C7;
	color:#ffffff; 
	font-family: Verdana, Helvetica, Arial; 
	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;
}

.XELheaderloans{

	padding-left: 6px;

	color: #FFFFFF;

	font-weight: bold;

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

	font-size: 14px;

	text-transform: none;

	text-decoration: none;

}
.XELmediumtexloans	        {color:#666;

font-family: Verdana, Helvetica, Arial;

font-size: 12px;

text-align: justify; 

padding-right: 10px;

padding-left: 9px;

padding-top: 5px;

line-height: 15px;

text-align: justify;
}

.cardsfrontpageheader {

	color:#@headerTextColour; font-family: Verdana, Helvetica, Arial; font-size: 12pt; font-weight: bold; text-align: justify; 
	}
	
.cardsfrontpageboxesheading {
	padding-left: 5px; color: #@headerTextColour; 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:#@headerBackColour;
	}
	
.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:#@headerTextColour; font-family: Verdana, Helvetica, Arial; font-size: 12pt; font-weight: bold;text-align: justify; }
	
.loansfrontpageboxesheading {
	padding-left: 5px; color: #@headerTextColour; 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:#@headerBackColour;
	}
	
.XELmediumtextloans {font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 20px; padding-left:5px; padding-right:5px; 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 #aacbee;
}