div.Row div {
	background-color: #f6f6f6 !important;
}

#contentleft ul li.selected ul li a, #contentleft ul li.selected ul li a:visited {
	background-color: #e9f3fc;
}

#contentleft ul li.selected ul li a:hover, #contentleft ul li.selected ul li a:visited:hover {
	background: #5b80a3;
}

/*#intro {
	background: url() 97% 100% no-repeat;
}*/

div.Row div.section1 {
	background:  url(../images/credit_cards/pic1.gif) 188px 32px no-repeat;
	margin-right: 24px;
}

div.Row div.section2 {
	background:  url(../images/credit_cards/pic2.gif) 188px 32px no-repeat;
}

div.Row div.section3 {
	background:  url(../images/credit_cards/pic3.gif) 188px 32px no-repeat;
	margin-right: 24px;
}

div.Row div.section4 {
	background:  url(../images/credit_cards/pic4.gif) 188px 32px no-repeat;
}

#contentright form{
	font-family: Arial, Helvetica, sans-serif;
	color: #46719c;
	text-decoration: none;
	padding: 3px 12px 3px 10px;
}




.popularcards h1 {
    background: url(../images/layout/pod_header_bg.gif) left 0px no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
	padding: 5px;
}

.popularcards_table {
	border: 1px solid #00355F;
	padding: 10px 5px 10px 5px;
	font-size: 11px;
	background: #f6f6f6;
}

.popularcards_table h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00345E;
	text-decoration: none;
	font-size: 12px;
	border-bottom: 1px dotted #00345E;
	margin-bottom: 10px;
}

.popularcards_table h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	font-size: 11px;
	padding-left: 5px;
}

.popularcards_table p{
	font-family: Arial, Helvetica, sans-serif;
	color: #00000;
	text-decoration: none;
	font-size: 11px;
	padding: 5px 0px 5px 0px;
	text-align: justify;
}

.popularcards_table a{
	font-family: Arial, Helvetica, sans-serif;
	color: #73941e;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

.popularcards_table a:hover{
	font-family: Arial, Helvetica, sans-serif;
	color: #46719c;
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
}

/*
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 */
}

.aPopularCard .thePopularCardImageForm h3 {
	float: left;
	display: inline; /* zaps the IE double float margin bug */
	width: 98px;
	padding: 0;
	margin: 4px 0 0 3px;
}

.aPopularCard .thePopularCardImageForm p {
	clear: both;
	margin: 0 3px;
}

.aPopularCard .summaryButton, 
.aPopularCard .applyButton
{
	float: left;
	display: inline;
	margin: 0 0 0 8px;
}


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