.ResultsTableGrid { background: #395141; }

.XELsmalltext	        {
	color:#666666;
	font-family: Verdana, Helvetica, Arial;
	font-size: 8pt;
	text-align: none;
}
.XELmediumtext	        {background-color: #FFFFFF; color:#666666; font-family: Verdana, Helvetica, Arial; font-size: 10pt;}
.XELmediumtextBBResult	{background-color: #f7f7f7; color:#666666; font-family: Verdana, Helvetica, Arial; font-size: 10pt;}
.XELlargetext	        {background-color: #FFFFFF; color:#666666; font-family: Verdana, Helvetica, Arial; font-size: 12pt;}

.XELsmallplaintext	        { 
color:#666666; font-family: Verdana, Helvetica, Arial; font-size: 8pt;
line-height: 20px;
}
.XELmediumplaintext	        {color:#666666; font-family: Verdana, Helvetica, Arial; font-size: 10pt;}
.XELlargeplaintext	        {color:#666666; font-family: Verdana, Helvetica, Arial; font-size: 12pt;}
.error {
	FONT-SIZE: 9pt; COLOR: #ff0000; FONT-FAMILY: Verdana, Helvetica, Arial; TEXT-ALIGN: left;
}

#tooltip {position:absolute; z-index:100; color:black; background-color:#FFFFFF; font-size:12pt; fontFamily:verdana; width:90;}

.XELquestion {
	font-family: Verdana, Helvetica, Arial;
	font-size: 10pt;
	color: #666666;
	height: 35px;
	background-color: #ffffff;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: dashed;
	border-top-color: #FFFFFF;
	border-bottom-color: #E4E4E4;
	padding: 1px;
}

.XELSubHeader		{
	text-align: left;
	background-color:#7899b9;
	color:#FFFFFF;
	font-family: Verdana, Helvetica, Arial;
	font-size: 10pt;
	font-weight: bold;
	padding: 2px 2px 5px;
}

.XELheader		{
	text-align: left;
	background-color:#aacbee;
	color:#FFFFFF;
	font-family: Verdana, Helvetica, Arial;
	font-size: 10pt;
	font-weight: bold;
	padding: 2px 2px 5px;
}



.XELheader a, .XELheader a:visited {
	color: #5a6a72;
	text-decoration: none;
}

.XELheader a:hover, .XELheader a:hover:visited {
	color: #5a6a72;
	text-decoration: none;
}

.XELtitle		{
	background-color:#aacbee;
	color:#FFFFFF;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11pt;
	font-weight: bold;
	padding-left: 1px;
	height: 23px;
	}
	
.XELheader_nonchannel	{background-color:#330066; 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:#82939C;
	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;
	font-weight: bold;
}


.XELbackgroundcolor             {background-color:#FFFFFF;}
.XELbody                        {background-color:#FFFFFF;}


/* new styles for Credit Card results page - and possibly other products */

div.CellButton {
	width: 65px;
	height: 18px;
	margin: 3px;
	padding: 0;
	border: 1px solid #330066;
	/*border-right: 2px solid #330066;
	border-bottom: 2px solid #330066;*/
	background: url(../CardsResources/images/small_button_bg.gif) top left no-repeat;
}

div.CellButton a, div.CellButton a:visited {
	display: block;
	width: 65px;
	height: 18px;
	line-height: 16px;
	text-decoration: none; 
	color: #330066;
}

div.CellButton a:hover, div.CellButton a:visited:hover {
	display: block;
	width: 65px;
	height: 18px;
	line-height: 16px;
	text-decoration: underline;
	color: #FFA700;
}

div.applyButton {
	width: 72px;
	height: 21px;
	margin: 1px;
	padding: 0;
	border-top: 1px solid #557100;
	background: url(../CardsResources/images/genericApply.gif) repeat-x left top;
	border-right: 1px solid #79952a;
	border-bottom: 1px solid #658015;
	border-left: 1px solid #7b9731;
}

div.applyButton a, div.applyButton a:visited {
	display: block;
	font-weight: bold;
	font-size: 11px;
	width: 72px;
	height: 21px;
	line-height: 20px;
	text-align: left;
	text-align: center;
	text-decoration: none;
	color: #e5f4d3;
}

div.applyButton a:hover, div.applyButton a:visited:hover {
	color: #ffffff;
}

div.summaryButton {
	width: 72px;
	height: 21px;
	margin: 1px;
	padding: 0;
	border: 1px solid #3580c0;
	background: url(../CardsResources/images/summary.gif) repeat-x left top;
}

div.summaryButton a, div.summaryButton a:visited {
	display: block;
	font-weight: bold;
	font-size: 11px;
	width: 72px;
	height: 21px;
	line-height: 20px;
	text-align: left;
	text-align: center;
	text-decoration: none;
	color: #d8e6f1;
}

div.summaryButton a:hover, div.summaryButton a:visited:hover {
	color: #ffffff;
}


div.genericButton {
	font-family: arial, sans-serif;
	font-size: 12px;
	width:82px;
	height: 24px;
	margin: 3px;
	padding: 0;
	border: 1px solid #CDDCE3;
	background: url(../CardsResources/images/GenericButton.gif) top left no-repeat;
}

div.genericButton a, div.genericButton a:visited {
	display: block;
	font-weight: bold;
	width:82px;
	height: 24px;
	line-height: 24px;
	text-align: left;
	padding-left: 4px;
	text-decoration: none;
	color: #330066;
}

div.genericButton a:hover, div.genericButton a:visited:hover {
	text-decoration: underline;
	color: #663399;
}



div.headerSort {
	/*border: 1px solid white;*/
	margin: 3px;
}

div.headerSort a, div.headerSort a:visited {
	display: block;
	color: white;
	padding: 6px;
	text-decoration: none;
	text-align: left;
}

div.headerSort a:hover, div.headerSort a:visited:hover {
	display: block;
	color: white;
	padding: 6px;
	text-decoration: underline;
	text-align: left;
}

/* front page buttons */

*.TopButtonsForm {
	padding: 0;
	margin: 12px 0;
	border: 0;
	width: 33%;
	float: left;
	/*border: 1px solid red;*/
	text-align: center;
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
}


div.inputForm h3{
	font-size: 13px;
}


div.inputForm td{
	font-size: 12px;
}


.tabtable table td{
	font-size: 11px
}

.tabtable  h3{
	font-size: 13px
}



/*
quick style map

.aPopularCard
	.thePopularCardImageForm
		.thePopularCardImage		- actually an INPUT tag
		h3
		{p}
	.thePopularCardSummary
	.summaryButton
	.applyButton
//end
*/

.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;
}

.aPopularLoan {
	padding: 0 0 8px 0;
}

.aPopularLoan * { /* the reset!! */
	padding: 0;
	margin: 0;
}

.aPopularLoan .thePopularLoanImageForm {
	display: block;
	height: inherit !important;
	height: 1%; /* induces 'hasLayout' for IE */
	vertical-align: middle;
}

.aPopularLoan .thePopularLoanImageForm .thePopularLoanImage {
	float: left;
	display: inline; /* zaps the IE double float margin bug */
	margin: 3px;
}

.aPopularLoan .thePopularLoanImageForm h3 {
	float: left;
	text-align: left;
	display: inline; /* zaps the IE double float margin bug */
	padding: 0;
	margin: 4px 0 0 3px;
	font-size: 14px;
	width: 140px;
}

/* the blurb */
.aPopularLoan .thePopularLoanImageForm p {
	clear: both;
	margin: 3px 3px 4px;
	font-size: 11px;
	height: 120px;
	text-align: left;
}

.aPopularLoan .theButtons {
	clear: both;
}

.aPopularLoan .summaryButton, 
.aPopularLoan .applyButton
{
	float: left;
	display: inline;
	margin: 0 0 0 28px;
}

.navigationfooterxml
  {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  }

  .bg {
	background-color: #F6F6F6; 
	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:Trebuchet MS, Verdana, sans-serif, Arial; 
	color: #696969;
	height: 25px;
	border-bottom:1px dotted #c0c0c0;
}

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

.cardsfrontpageheader {

	color:#1e2957;

	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:#1e2957;
	}
.XELmediumtextcards {font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 20px; padding-left:5px; padding-right:5px; text-align:left;}

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

.loansfrontpageheader{

	color:#3e5174;

	font-family: Verdana, Helvetica, Arial;

	font-size: 12pt;

	font-weight: bold;

	text-align: justify; 
	}
	
.loansfrontpageboxesheading {
	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:#3e5174;
	}
.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(../images/gradient.jpg); background-repeat: repeat-x;}
.loanscontentbglower { background-image: url(../images/gradientlower.jpg); background-repeat: repeat-x;}

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