@charset "utf-8";
/******** Body Elements ********/
* {
	margin: 0; padding: 0;}
body {
	font:11px arial, verdana, tahoma;
	color:#333;
	background:url(img/bg.gif) repeat-y center}

/******** Layout Elements ********/

.wrapper {
	width: 818px; height:100%;
	margin:0 auto 0 auto;
	padding:0;
	background-color:#fff;
	border:1px solid #e1e2e3}
.header {
	height: 60px;
	margin: 4px 0 0 0;
	padding: 0;
	text-align: center;}
#logo{ width: 212px; height:40px; 
	float:left; margin:10px 0 0 0; }
#keywords{float:left; width:150px; 
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	line-height:12px;
	margin:13px 0 0 120px;}
#topbarwrap{
	height:32px; 
	margin: 0;
	padding: 0;
	background:url(img/topbar.gif) repeat-x;}
#cardsearchwrap{
	float:right;
	width:366px;
	background:url(img/cardsbg.gif) repeat-x;
	text-align:left;}
#cardwrap{float:left;}
#searchwrap{float:left;margin:5px 0 0 5px;}

.innerwrapper {
	width:818px; height:100%; float:left;
	margin-top:0 !important; margin-top:-3px;
}

#leftwrapper{
	margin: 0 0 10px 0;
	float: left;
	width:220px !important; width:206px; 
	height:100%;
	padding:0;
	background-color:#f1f9fc;
}
	
.leftA {
	margin: 0 0 14px 0;
	float: left;
	width: 205px !important; width:208px;
	padding:6px 0 0 14px;
	background:#f1f9fc url(img/leftitlebg.gif) repeat-x;}
.leftA a:link {color:#3c780f; text-decoration:none;}	
.leftA a:visited {color:#3c780f; text-decoration:none;}	
.leftA a:hover {color:#000; text-decoration:underline;}	
.leftA a:active {color:#3c780f; text-decoration:none;}

.leftB {
	margin: 0 0 10px 0;
	float: left;
	width: 197px;
	padding:6px 0 0 14px;
	background:#f1f9fc url(img/leftitlebg2.gif) repeat-x;}
.leftB a:link {color:#0a68b2; text-decoration:none;}	
.leftB a:visited {color:#0a68b2; text-decoration:none;}	
.leftB a:hover {color:#b92025; text-decoration:underline;}	
.leftB a:active {color:#0a68b2; text-decoration:none;}

.mainadsense{
	width:205px;
	margin:0 0 0 0px;padding:6px 0 0 14px;
	font-size: 11px;
	font-weight: bold;
	line-height:20px;
	background-color:#f1f9fc;

	/*margin:0 0 0 0; 
	float:left;
	width:207px !important; width:210px;
	font-size: 11px;
	font-weight: bold;
	line-height:20px;
	background:#f1f9fc url(img/leftitlebg.gif) repeat-x;

*/
}
#adsenseT{
	width:190px;
	padding:7px 15px;
	background:#000;
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#fff;
}

#contentwrapper{
	float:left;
	margin: 0 0 10px 0; height:100%;
	width:468px;
	padding: 0;
}
#contentwrapper2{
	float:left; 
	margin: 0 0 10px 0; height:100%;
	width:580px;
	padding: 0;
}
.feature {
	float:left;
	margin: 0 0 0 0  !important; margin:0 0 0 -3px;
	width:597px; height:292px;
	padding: 0;
	background:url(img/featurephoto.jpg) no-repeat;
}
#intro, #steps{font-family: Tahoma, Arial, Helvetica, sans-serif;}
#intro{
	width:280px;
	margin:21px 0 15px 35px;
	font-size:19px;
	color:#418a09;
	line-height:22px;
}
.steps{
	margin:0 0 0 12px;
	width:210px; padding:0 0 0 60px;
	font-size:18px; font-weight:bold;
	color:#000;
}	
.steps p{
	font-size:11px;
	color:#000;
	font-weight:normal;
	line-height:11px;
	margin: 0 0 15px 0;
}

.CreditTypetitle {
	float:left;
	padding:15px 0 0 15px;
	width:582px !important; width:579px; /*less 3*/
	height:35px;
	background-color:#e3eadd;
}
.CreditTypetitle2 {
	float:left;
	padding:10px 0 0 15px;
	width:592px !important; width:589px;
	height:40px;
	background-color:#d1e8f8;
}
.iconTitle{ 
	position:absolute; 
	margin:0 0 0 0;
	font-size:14px; font-weight:bold; color:#0a68b2}

.CardTypes {
	float:left; padding:0 0 0 15px;
	width:582px !important; width:579px;
	height:370px;
	background:url(img/bluerowbg.gif) repeat;
	font-size:11px;
}
.CardTypes img{ float:left;}
.CardTypes p{margin:12px 0 24px 0;}
.CardTypes a:link {color:#000; text-decoration:underline; font-weight:bold;}	
.CardTypes a:visited {color:#000; text-decoration:underline; font-weight:bold;}	
.CardTypes a:hover {color:#3c780f; text-decoration:none; font-weight:bold;}	
.CardTypes a:active {color:#000; text-decoration:underline; font-weight:bold;}

.CardOfferstitle{
	float:left;
	padding:8px 0 8px 15px;margin:15px 0 0 0;
	width:582px !important; width:579px;
	height:35px;
	background-color:#e3eadd;
	font-size:11px;
	font-weight:bold;
	color:#515151;}
.CardOffers {
	float:left;
	padding:10px 0 0 2px; 
	width:580px;
	font-size:11px;  text-align:justify}
.CardOffers p{margin:5px 0 30px 0;}

.Cardtitle{ 
	width:580px; 
	padding:8px 0 0 0;
}
.Cardtitle img{float:right; margin:-15px 0 0 0;} 

.CardOffers a:link {color:#488619; text-decoration:underline;}	
.CardOffers a:visited {color:#488619; text-decoration:underline;}	
.CardOffers a:hover {	color:#000; text-decoration:none;}	
.CardOffers a:active {	color:#488619; text-decoration:underline;}


/******** List Elements ********/

.leftnav{margin:18px 0 0 7px; padding:0}
.leftnav li { list-style-image:url(img/bullet.gif);
	font-size:12px;
	font-weight:bold;
	line-height:17px;
	margin:0 0 0 0;
	padding:0}

#rewards{margin:0 0 0 15px;}	

#rewards li{
	font-size:10px;font-weight:normal;
	list-style-image:url(img/bullet-dash.gif);
	}	
	
	
.footer {
	margin: 30px 0 10px 0; height:40px;
	padding: 5px;
	background:url(img/cardsbg.gif) repeat-x;	clear: both;
	text-align: center;
	font-size: 10px;
	line-height: 12px;
}
.footer a:link {color:#fff; text-decoration:underline;}	
.footer a:visited {color:#fff; text-decoration:underline;}	
.footer a:hover {	color:#fff; text-decoration:none;}	
.footera:active {	color:#fff; text-decoration:underline;}

li{ list-style-image:url(img/bull-check.gif);
	font-size:11px;
	line-height:13px;
	margin:0 0 0 25px;
	padding:0 0 0 0}


/******** Document Styles ********/

h1 {
	font-size: 13px;
	font-weight: bold;
	color: #fff;}

h2{	font-size:14px;
	font-weight:bold;
	color:#3c780f;
	padding:0;}

h3 {
	font-size: 13px;
	font-weight: bold;
	color:#0a68b2;
	padding:0; }	
h3 a:link {color:#0a68b2; text-decoration:underline;}	
h3 a:visited {color:#0a68b2; text-decoration:underline;}	
h3 a:hover {	color:#0a68b2; text-decoration:none;}	
h3 a:active {	color:#0a68b2; text-decoration:underline;}


/******** Form Styles ********/

input{ 
	font:11px Arial, Helvetica, sans-serif;
	}
	
/******** Credit Card Feed ********/	

.CardFeeds{
	float:left;
	padding:0 0 0 0; 
	width:590px !important; width:585px;
	font-size:11px;  text-align:justify;
	margin:0 0 0 12px !important; margin: 0 0 0 2px;
}	
.CardFeeds p{margin:5px 0 30px 0;}

.feedTitle {
	float:left;
	padding:15px 0 0 15px;
	width:583px !important; width:580px;
	height:35px;
	background-color:#e3eadd;
}

.text /* size and font of the non-bold text on the site */ {
	font-size: 11px; 
	}
.textbold /* size and font of the bold text on the site */ {
	font-size: 1em; 
	font-weight: bold;
	padding-left:13px;
	color:#3890ce}
	
.name-back /* background color in the feed table at the top where the cardname is located */ {background: #e3eadd; padding-top:8px; padding-bottom:8px;}
.term-title-back /* background color in the rate table behind the bold text */ {background: #e6f2f7}
.rate-back /* background color in the rate table behind the rate info */ {background: #f2f9fc}

.menu-item-back1{
	background: #d7d4ca;
	height:205px !important; height:199px;
	padding-left:15px; }	
.menu-item-back2{
	background: #d7d4ca;
	height:119px !important; height:116px;
	padding-left:15px;}

.menu-item-back1 a:link {color:#666; text-decoration:none;}	
.menu-item-back1 a:visited {color:#666; text-decoration:none;}	
.menu-item-back1 a:hover {	color:#c47d29; text-decoration:underline;}	
.menu-item-back1 a:active {	color:#666; text-decoration:none;}

.menu-item-back2 a:link {color:#666; text-decoration:none;}	
.menu-item-back2 a:visited {color:#666; text-decoration:none;}	
.menu-item-back2 a:hover {	color:#c47d29; text-decoration:underline;}	
.menu-item-back2 a:active {	color:#666; text-decoration:none;}
	
table {
	border-collapse:collapse;
	border-spacing: 0;
	border:1px #f1f1f1 solid !important;
}

a:link {color:#488619;text-decoration: underline;}	
a:visited {color:#488619;text-decoration: none;}	
a:hover {color:#000;text-decoration:underline;}	
a:active {color:#488619;text-decoration: none;}


.mid {
	float:left; padding:15px 0 20px 15px;
	width:433px; height:100%;
	font-size:11px;
}
.mid img{ float:left;}
.mid p{margin:12px 0 24px 0;}

.mid2 {
	float:left; padding:15px 0 20px 15px;
	width:550px; height:100%;
	font-size:11px;
}
.mid2 p{margin:9px 0 9px 0;}


.rightfloat {
	float:right; padding:15px 0 20px 0;
	width:450px; height:100%;
	font-size:11px; 
}
.rightfloat img{ float:right;}
.rightfloat p{margin:0 0 24px 0;}

.adsenseleft{
	width:200px;
	margin:0 0 0 10px;
	font-size: 11px;
	font-weight: bold;
	line-height:20px;
}

/* Homepage XML featured Cards*/

.featureBlock{
    float:left;
    padding:5px 0px;
    text-align:center;
    width:194px;
}

.featureBlockHeader{
    font-weight:700;
    height:30px;
    margin:0px auto;
    width:150px;
}

.featureBlockCreative{
    text-align:center;
}

.featureBlockApply{
    padding:8px;
}

.featureBlockImage{
    border:none;
}

/*End of Homepage XML featured Cards*/