@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;
	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:23px 0 0 15px;
	_margin:25px 0 0 10px;
	}
#keywords{float:left; width:150px; 
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	line-height:12px;
	margin:15px 0 0 100px;
	_margin:18px 0 0 60px}
#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;}


#leftwrapper{
	float: left;
	margin: 0 0 10px 0;
	width:211px;
	height:100%;
	padding:0;
	background-color:#f1f9fc;
}
.innerwrapper {
	float:left;
	width:680px; height:auto;
	margin-top:0;
	*margin-top:-3px;
}
.innerwrapper2 {
	float:left;
	width:818px; 
	height:auto;
	margin-top:0;
	*margin-top:-3px;
}
	
.leftA {
	margin: 0 0 14px 0;
	float: left;
	width: 197px;
	padding:6px 0 0 14px;
	background:#f1f9fc url(img/leftitlebg.gif) repeat-x;}
.leftA a:link {color:#0a68b2; text-decoration:none;}	
.leftA a:visited {color:#0a68b2; text-decoration:none;}	
.leftA a:hover {color:#b92025; text-decoration:underline;}	
.leftA a:active {color:#0a68b2; text-decoration:none;}

.leftB {
	margin: 0 0 10px 0;
	float: left;
	width:197px;
	padding:6px 0 0 14px;
	background:#f1f9fc url(img/leftitlebg.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;}

#adsenseT{
	width:190px;
	padding:7px 10px;
	background:#000;
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#fff;
}
.mainadsense{
	width:197px;
	margin:0 0 0 0px;
	padding:6px 0 0 5px;
	font-size: 11px;
	font-weight: bold;
	line-height:20px;
	background-color:#f1f9fc;
}

#contentwrapper{
	float:left;
	margin: 0 0 10px 0; height:auto;
	width:467px;
	padding: 0;
}
#contentwrapper2{
	float:left; 
	margin: 0 0 10px 0;
	height:auto;
	width:607px;
	padding: 0;
}

.feature {
	float:left;
	margin:0;
	width:468px; height:292px;
	padding: 0;
	background:url(img/featurephoto.jpg) no-repeat;
}
#intro, #steps{font-family: Tahoma, Arial, Helvetica, sans-serif;}
#intro{
	width:350px;
	margin:23px 0 22px 100px;
	font-size:19px;
	color:#3300bb;
	line-height:22px;
	text-align:right;
	}
.steps{
	float:right;
	margin:0 0 0 12px;
	width:210px; padding:0 0 4px 60px;
	font-size:18px; 
	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:453px;
	height:35px;
	background-color:#d1e8f8;
}

.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:453px;
	height:540px;
	background:url(img/bluerowbg.gif) repeat;
	font-size:11px;
}
.CardTypes img{ float:left;}
.CardTypes p{margin:12px 0 24px 0;}
.CardTypes a:link {color:#f58220; text-decoration:underline; font-weight:bold;}	
.CardTypes a:visited {color:#f58220; text-decoration:underline; font-weight:bold;}	
.CardTypes a:hover {color:#3073a5; text-decoration:none; font-weight:bold;}	
.CardTypes a:active {color:#f58220; text-decoration:underline; font-weight:bold;}

.CardOfferstitle{
	float:left;
	padding:8px 0 0 15px;
	margin:15px 0 0 0;
	width:452px;
	height:35px;
	background-color:#d1e8f8;
	font-size:11px;
	font-weight:bold;
	color:#515151;}
.CardOffers {
	float:left;
	padding:10px 0 0 2px; 
	width:467px;
	font-size:11px;  text-align:justify}
.CardOffers p{margin:5px 0 25px 0;}

.Cardtitle{ 
	width:467px; 
	padding:8px 0 0 0;
}
.Cardtitle img{float:right; margin:-15px 0 0 0;} 

.CardOffers a:link {color:#0a68b2; text-decoration:underline;}	
.CardOffers a:visited {color:#0a68b2; text-decoration:underline;}	
.CardOffers a:hover {	color:#0a68b2; text-decoration:none;}	
.CardOffers a:active {	color:#0a68b2; text-decoration:underline;}

.right {
	margin: 10px 0 0 0;	
	padding:0;
	float: right;
	width: 128px;
	vertical-align:top;
}


/******** 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 {
	width:806px;
	margin:0 auto;
	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:#0a68b2;
	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-left:22px;
	width:446px;
	font-size:11px;  text-align:justify;
	margin:0;
}	
.CardFeeds2{
	float:left;
	padding-left:22px;
	width:585px;
	font-size:11px;  text-align:justify;
	margin:0;
}	
.CardFeeds p{margin:5px 0 30px 0;}

.CardFeeds table {
	border-collapse:collapse;
	border-spacing: 0;
	border:1px #f1f1f1 solid !important;
}

.feedTitle {
	float:left;
	padding:15px 0 0 15px;
	width:453px;
	height:35px;
	background-color:#d1e8f8;
}
.feedTitle2 {
	float:left;
	padding:15px 0 0 15px;
	width:590px;
	height:35px;
	background-color:#d1e8f8;
}

.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: #d1e8f8; 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:#000;text-decoration: none;}	
a:visited {color:#000;text-decoration: none;}	
a:hover {color:#3991cf;text-decoration:underline;}	
a:active {color:#000;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;}

.article {
	margin: 0 0 14px 0;
	float: left;
	width: 209px;
	_width: 200px;
	padding:2px 0 0 5px;
	background:#fff url(img/leftitlebg3.gif) repeat-x;
	font:bold 12px Arial, Helvetica, sans-serif;
	line-height:25px;
	}
.article a:link {color:#0000ff; text-decoration:underline;}	
.article a:visited {color:#0000ff; text-decoration:underline;}	
.article a:hover {color:#0000ff; text-decoration:underline;}	
.article a:active {color:#0000ff; text-decoration:underline;}

.adsenseleft{
	width:200px;
	margin:0 0 0 5px;
	font-size: 11px;
	font-weight: bold;
	line-height:20px;
}
.adsenseleft img{margin-top:5px;}
.adsensetop1{
	margin:8px 0 0px 0;}









	