/*
=Global
*/
blockquote,body,caption,div,dl,dt,dd,form,fieldset,h1,h2,h3,h4,h5,h6,html,li,ul,ol,p,pre {
	margin:0;
	padding:0;
}
body,
html {background:#ffffff;}
body {
	min-width:990px;
	width:990px;
	max-width:100%;
	margin:0 auto;
	padding:0 5px 0 5px;
	color:#333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}

/*
=Main layout
*/
#wrap {
	position:relative;
	margin:0;
	padding:0;
	background:#ffffff;
}

#content {
	clear:both;
	padding:0;
	width:100%;
}

#leftpane {
	float:left;
	width:840px;
	padding:0;
	margin:0
}
#leftpane #leftnav {
	float:left;
	width:200px;
	padding:0;
	margin:0
}
#leftpane #main {
	float:right;
	width:620px;
	padding:0;
	margin:0 9px 0 0;
	display:inline;	
}

#rightpane {
	float:right;
	width:150px;
	padding:0;
	margin:0
}

/*
=Headings & Others
*/
h1,h2,h3 {
	margin:0 0 10px 0;
	color:#002D54;
	font:normal
}

h1 {
	font-size:23px;
	color:#05487A;
	margin-bottom:15px;
}

h2 {
	font-size:16px;
}

h3 {
	font-size:14px;
}

h2.home {
	font-size:12px;
	background-color:#f0f0f0;
	color:#404040;
	border-bottom:1px solid #999999;
	padding:3px 3px 3px 5px;
	margin:15px 0px 10px 0px;
}

.detailPage {
  font-size:19px;
  margin-bottom:2px;
}

p {
	margin:0 0 12px 0;
	font-size:12px;
}

/*
=Links
*/
a:link {
	color:#002D54;
	text-decoration:underline;
}
a:visited {
	color:#005393;
	text-decoration:underline;
}
a:hover,
a:focus,
a:active {
	color:#FF8000;
	text-decoration:none;
}

a.hlink {
	text-decoration:none;
}

a.slink {
	font-size:11px;
}

a.bklink {
	text-decoration:none;
	color:#002851;
}
a.bklink:hover,
a.bklink:focus,
a.bklink:active {
	color:#FF8000;
	text-decoration:underline;
}

a.navMenuLink,
a:visited.navMenuLink {
	color:#002D54;
}

a:hover.navMenuLink,
a:focus.navMenuLink,
a:active.navMenuLink {
	color:#FF8000;
}

a:link.navMenuLinkOn,
a:visited.navMenuLinkOn {
	color:#FF8000;
	text-decoration:none;
}

a:hover.navMenuLinkOn,
a:focus.navMenuLinkOn,
a:active.navMenuLinkOn {
	color:#FF8000;
	text-decoration:none;
}

a.cardNameLink {
	color:#ffffff;
	text-decoration:none;
}
	
a.reviewLink {
	color:#ffffff;
	text-decoration:underline;
}

/*
=Header & Footer
*/
#header {
	margin:5px 0 2px 0;
	width:100%;
	overflow:hidden;
}

#logo {
	float:left;
}

#banner {
	float:right;
}

#headerBar {
  background-color:#015898;
  margin-bottom:12px;
  width:100%;
  overflow:hidden;
}

#headerBarLeft {
  float:left;
  padding:3px 0 0 4px;
}

.datetxt {
  color:#DBDBDB;
  font-size:11px;
}

#headerBarRight {
  float:right;
  padding:3px 4px 1px 1px;
}

#footer {
	clear:both;
	text-align:center;
}

p.footnote {
	margin-top:20px;
	background-color:#FEFBCD;
	font-size:11px;
	padding:5px;
	border:2px dashed #808080;
}

p.disclaimer {
	margin-top:20px;
	font-size:11px;
	padding:5px;
	border:1px solid #000000;
}

p.message {
	margin-top:20px;
	background-color:#FFFF80;
	font-size:13px;
	padding:5px;
	border:2px dashed #C10000;
}


/*
=Navigation
*/

/*
Left Menu Box
*/
h4.navheader {
	background:url(/images/menu-top.gif) top left no-repeat;
	font-size:12px;
	color: #ffffff;
	margin:0;
	padding:2px 0 2px 8px;
}

.navmenu {
	width:198px;
	border-left:1px solid #005393;
	border-right:1px solid #005393;
	border-bottom:1px solid #005393;
	background:#F1F1FD;
	margin:0;
	padding:0;
}

/*
Left Browse Menu
*/

ul.menuNav {
	list-style-position: outside;
	line-height:14px;
	list-style-image: url(/images/bluebullet.gif);
	padding: 8px 4px 8px 20px;
	margin: 0;
}

ul.menuNav li {
	padding:0 0 5px 0;
	margin:0;
}

/*
Right Pane
*/

.blackBox {
	text-align:center;
	width:144px;
	border:1px solid #005393;
	background:#ffffff;
	padding:2px;
	margin:0 0 12px 0;
}

.grayBox {
	width:138px;
	border:4px solid #D6D6D6;
	background:#ffffff;
	padding:2px;
	margin:10px 0 15px 0;
}

.grayBox h5 {
	font-size:14px;
	color:#D26900;
	text-align:center;
	margin:0 0 5px 0;
}

.grayBox p {
	margin:0;
}

ul.rightlist {
	list-style-position: outside;
	line-height:14px;
	list-style-image: url(/images/orange-arrow2.gif);
	padding:0;
	margin: 0px 0px 0px 13px;
}

ul.rightlist li {
	margin:0 0 5px 0;
}

/*
Popular Credit Cards
*/

#popularNav {
	margin:10px 2px 7px 2px;
	padding:0;
}

#popularNav ul {
	list-style:none;
	padding:0;
	margin:0;
}	

#popularNav li {
	list-style-type:none;
	margin:2px 2px 10px 2px;
	padding:0px;
	float: left;
	line-height:100%;
}

#popularNav img {
	float:left;
	margin:-1px 0 0 2px;
	padding:0 5px 0 0;
}

/*
Homepage Category Menu
*/

#categoryNav {
	margin:5px 0px 15px 5px;
	padding:0;
	overflow: hidden;
	width: 100%;
	
}

#categoryNav ul {
	list-style:none;
	padding:0;
	margin:0;
}	

#categoryNav li {
	list-style-position: outside;
	list-style-type:none;
	margin:5px;
	padding:0px;
	float: left;
	width: 295px;
}

#categoryNav img {
	float:left;
	margin:-3px 0 0 3px;
	padding:0 7px 0 0;
}

/*
Home Page Issuer Menu
*/

#issuerNav {
	margin:5px 0px 15px 5px;
	padding:0;
	overflow: hidden;
	width: 100%;
}

#issuerNav ul {
	list-style:none;
	padding:0;
	margin:0;
}	

#issuerNav li {
	list-style-type:none;
	margin:2px 2px 10px 2px;
	padding:0px;
	float: left;
}

#issuerNav img {
	float:left;
	margin:0;
	padding:0 7px 0 0;
}

/*
Prev & Next Buttons
*/

#bottomNav {
	float:right;
	margin:20px 0 10px  0;
}

#bottomNav ul {
	list-style:none;
	padding:0;
	margin:0;
}	

#bottomNav li {
	diplay:inline;
	list-style-type:none;
	float: left;
	margin: 3px;
	text-align: center;
	border:1px solid #C0C0C0;
	font-size:15px;
}

#bottomNav a {
	display:block;
	color:#002D54;
	text-decoration:none;
	padding:3px 10px 3px 10px
}

#bottomNav a:hover,
#bottomNav a:focus {
	color:#ffffff;
	background:#FF8000;
	padding:3px 10px 3px 10px
}

#bottomNav .currentPage {
	background:#FF8000;
	color:#ffffff;
	padding:3px 10px 3px 10px
}


/*
=Forms
*/
form { 
	margin:0px;
	padding:0px;
}

select
{
	margin:0 0 0 2px;
	padding:2px;
	vertical-align:middle;
}

input
{
	vertical-align:middle;
}

#search-form {
	font-size:11px;
	padding:8px 0 8px 0;
}

#search-form select {
	font-size:11px;
	width:165px;
	margin-left:4px;
	padding:0;
}

#search-form .lable {
	font-size:11px;
	vertical-align:middle;
}

#search-form input.submit {
	width:70px;
	margin:3px 0 0 3px;
}

#search-form p {
	margin:0px 0px 1px 10px;
}


/*
=Top Intro
*/

.intro {
	margin:0 0 16px 0;
}

.intro img {
	float:left;
	margin:0 5px 0 3px;
}

.intro p {
	margin:0;
}


/*
Articles
*/
.fineprint {
	font-size:11px;
	color:#646464;
}

.byline {
	font-size:10px;
	color:#646464;
}

/*
=Right Nav
*/

.sideBanner {
	margin:0 0 8px 0;
}

.sideBanner img {
	border:0;
}


/*
=Bullets
*/

dl {
	margin:5px 0 10px 0;
}

dt {
	margin:0 0 5px 0;
}

dd {
	margin:0 0 3px 15px;
}

ul {
	margin:5px 0 10px 0;
}

li {
	margin:0 0 3px 25px;
}


/*
Card Info
*/

#cardHeader {
	overflow: hidden;
	width:612px;
	background-color:#3C8FD5;
	border-bottom:2px solid #002D54;
	padding:2px 3px 2px 5px;
	margin:0px 0px 5px 0px;
	color:#f0f0f0;
	font-size:11px;
	height:20px;
}

h2.cardname {
	font-size:13px;
	margin-bottom:0px;
	margin-top:3px;
}

#headLeft {
  float:left;
}

#headRight {
  float:right;
  padding-top:3px;
}


#cardInfo {
	overflow: hidden;
	width: 100%;

}

#imgPane {
	width:120px;
	float:left;
	text-align:center;
	margin:0;
	padding-left:4px;
}

#imgPane img {
	margin-top:6px;
}

#bulletPane {
	width:495px;
	float:right;
	margin:0;
}

#bulletPane ul {
	list-style-position: outside;
	list-style-image: url(/images/orgbullet.gif);
	padding-right: 2px;
	margin: 0px 0px 0px 0px;
}

#bulletPane li {
	margin-bottom: 2px;
}

#gridTable {
	width:100%;
	margin:5px 0 0 0;
	border-collapse:collapse;
}

#gridTable td, #gridTable th {
	text-align:center;
	padding:2px;
	font-size:11px;
	border:1px solid #ffffff;
}

#gridTable th {
	background-color:#CEE9FD;
	font-weight:normal;
}

#gridTable td {
	background-color:#E9F5FE;
}

#otheroffers {
	width:100%;
	border-collapse:collapse;
}

#otheroffers td, #otheroffers th {
	font-size:11px;
	border:1px solid #ffffff;
	padding:3px;
}

#otheroffers th {
	text-align:left;
	font-weight:bold;
	background-color:#DBDBDB;
}

#otheroffers tr.alt td {
	background-color:#F0F0F0;
}

#commentBox {
  width:598px;
  background:#f0f0f0;
  padding:10px;
}

#commentHead {
  background:#E7E7E7;
  padding:4px;
  width:610px;
  overflow:hidden;
}

#commentHeadLeft {
  float:left;
  width:541px;
}

#commentHeadRight {
  float:right;
  margin-top:7px;
  width:67px;
}

#commentBody {
  background-color:#F5F5F5;
  margin-bottom:15px;
  width:606px;
  padding:6px;
}

#applylink {
  text-align:center;
	margin-top:15px;
	padding:0;
}

#applylink a {
	color:#ffffff;
	background:#FF8000;
	font-size:15px;
	text-decoration:none;
	padding:5px 10px 5px 10px;
	
}
#applylink a:hover,
#applylink a:focus {background:#0099FF;}

.redtext {
  color:red;
  font-weight:bold;
}

.smtext {
	font-size:11px;
}

.tinyText {
	font-size:10px;
}

/*
=Site Map
*/

#sitemap {
	width:235px;
	float:left;
	display:inline;
	margin:3px;
}

#sitemap li {
	font-size:11px;
	margin-bottom:10px;
}

/*
Misc.
*/
#loadingBox {
	border:3px dashed #C0C0C0;
	text-align:center;
	padding:30px;
	width:500px;
	margin:50px 0 200px 0;
}

.clearBreak {
	clear:both;
	padding:0;
	margin:0;
}

.clearfix:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
}

.clearfix {display:inline-block;}
.clearfix {display:block;}

