body {margin:0px; background-color:#AAA;}
body,td {font-family:verdana,arial,sans-serif; font-size:11px; }
#cardimage td {background: #FFFFFF; width:30%; }
h1,h2,h3,h4,h5,h6 {font-family:Arial, Helvetica, sans-serif; color:#003366; letter-spacing:1px;  }
h1 {font-size:22px;}
h2 {font-size:20px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:14px;}
blockquote {font-family:"Arial, Helvetica, sans-serif",helvetica,sans-serif; color:#FFF8DC; font-size:16px; font-weight:bold; border-top:1px dashed #CCC; border-bottom:1px dashed #CCC; margin:10px; padding:10px 10px 10px 10px; text-align:center; background-color:#EEE; margin-left:0px; }
.cardinfo {font-family:"Arial, Helvetica, sans-serif",helvetica,sans-serif; color:#000; font-size:16px; border-top:1px dashed #CCC; border-bottom:1px dashed #CCC; margin:10px; padding:10px 10px 10px 10px; text-align:left; background-color:#FFF; margin-left:0px; margin-top:0px;}
.apr {font-family:"Arial, Helvetica, sans-serif",helvetica,sans-serif; color:#000;}


/* styles for tabbed navigation */
#navlist { padding: 3px 0; margin-left: 0; border-bottom: 1px solid #778; font: bold 12px "Arial, Helvetica, sans-serif", sans-serif; text-align:center; }
#navlist li { list-style: none; margin: 0; display: inline; }
#navlist li a { padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; border-bottom: none; background: #EEE; text-decoration: none; }
#navlist li a:link { color: #003366; }
#navlist li a:visited { color: #003366; }
#navlist li a:hover { color: #FFF; background: #FF6600; border-color: #227; }
#navlist li a#current { background: white; border-bottom: 1px solid white; }
#navlist li a:hover#current { background: white; border-bottom: 1px solid white; color:#448; }

#pageHeader {height:50px; line-height:50px; color:#FFFFFF; font-family:"Arial, Helvetica, sans-serif",helvetica,sans-serif; font-size:large; padding:10px 16px 10px 16px; background-color: #003366; }
#pageHeader a {height:50px; line-height:50px; color:#FFFFFF; font-family:"Arial, Helvetica, sans-serif",helvetica,sans-serif; font-size:large; padding:10px 16px 10px 16px; background-color: #003366; text-decoration: none;}
#topNav {background-color:#0f0;}
#divBaseLinks {height:30px; background-color:#003366;  border-top:1px solid #FFF; padding:0px 10px 0px 10px; line-height:30px; color:#FFF;}
#divBaseLinks a:link {color:#FFF; text-decoration:none;}
#divBaseLinks a:visited {color:#FFF; text-decoration:none;}
#divBaseLinks a:hover {color:#FFF; text-decoration:none;}
#divBaseLinks a:active {color:#FFF; text-decoration:none;}
#container {margin:20px; background-color:#FFF; min-width:760px; height:80%;}
#divPageContent {border-top:3px solid #FF8000; border-bottom:3px solid #FF8000; padding:0px 0px 10px 0px;  }
#sideBarNewsContent {background-color:#FEFEFE; padding:10px; }
#newsHeader {height:22px; line-height:22px; color:#FFFFFF; font-family:"Arial, Helvetica, sans-serif",helvetica,sans-serif; font-size:14px; padding:0px 5px 0px 5px; background-color:#003366;  border-bottom:1px solid #FFF; }
#newsHeader a {height:22px; line-height:22px; color:#FFFFFF; font-family:"Arial, Helvetica, sans-serif",helvetica,sans-serif; font-size:14px; padding:0px 5px 0px 5px; background-color:#003366; text-decoration: none;}

.leftColumn { padding:0p 5px 0px 5px; width:170px;}
.rightColumn {padding:0px 10px 10px 10px; border-left:1px dashed #CCC;}
.subHeader {font-family:"Arial, Helvetica, sans-serif",helvetica,sans-serif; color:#003366; font-size:9px; letter-spacing:1px; font-weight:bold; margin:10px 0px 10px 0px;}
.note {font-weight:bold; color:#800000; font-style:italic; background-color: #FFF0B7; padding:5px; border:1px solid #FFB96C; }
.newsItem {margin-bottom:5px; font-size:9px; }
/* .readNewsLink a:hover {background-color: #FF6600; color: #FFF;} */
.readNewsLink {margin-bottom:10px; font-size:9px; }

/* styles for rounded corners */
b.rtop, b.rbottom{display:block;background: #AAA;}
b.rtop b, b.rbottom b{
	display:block;
	height: 1px;
	overflow: hidden;
	background: #BFDBFF;
	background-color: #BFDBFF;
}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

/* styles for rounded corners */
b.rtop2, b.rbottom2{display:block;background: #FFFFFF}
b.rtop2 b, b.rbottom2 b{
        display:block;
        height: 1px;
        overflow: hidden;
        background: #003366;
        background-color: #003366;
}
b.r1b{margin: 0 5px}
b.r2b{margin: 0 3px}
b.r3b{margin: 0 2px}
b.rtop2 b.r4b, b.rbottom2 b.r4b{margin: 0 1px;height: 2px}
#cardHeader {height:30px; line-height:30px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:large; padding:5px 8px 5px 8px; background-color:#003366; solid #FFFFFF; }


/* styles for rounded corners */
.hiltop, .hilbottom{display:block; background: #fff;}
.hiltop *, .hilbottom b{display: block; height: 1px; overflow: hidden; background: #FFFFFF;}
.hilr1{margin: 0 5px}
.hilr2{margin: 0 3px}
.hilr3{margin: 0 2px}
.hilr4{margin: 0 1px; height: 2px}
#hilcontainer {margin: 0 10%; background:#FFF; max-width: 300px; height:80%; margin-left: 5px; margin-right: 5px;}
.hilinside {passing: 5px 5px 5px 5px;}

/* =============  RATINGS  ============== */
#ratings { /* Ratings in Single post */
 width: 450px;
 border: 1px #cccccc solid;
 padding: 5px;
 margin: 5px 0 5px 5px;
 background-color: #ffffff;
 font-family: Geneva, Arial, Helvetica, sans-serif;
 font-size: 12px;
}
#ratings-table { /* Ratings in table */
 width: 100px;
 border: 1px #cccccc solid;
 padding: 5px;
 margin: 5px 0 5px 5px;
 background-color: #ffffff;
 font-family: Geneva, Arial, Helvetica, sans-serif;
 font-size: 12px;
}

#pos-ratings {
 color: #009933;
margin: 8px 0 5px 0;
 padding: 0 0 0 25px;
 font-weight: bold;
 background-image: url(images/posstar.png);
 background-repeat: no-repeat;
 background-position: left;
}
#neg-ratings {
margin: 8px 0 5px 0;
 padding: 0 0 0 25px;
 font-weight: bold;
 background-image: url(images/negstar.png);
 background-repeat: no-repeat;
 background-position: left;
 color: #CC0033;
 font-weight: bold;
}
#ratings-title {
 margin: 0 0 5px 0;
 border-bottom: 1px solid #666666;
 font-weight: bold;
 }
#overall-ratings ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
 }
#overall-ratings li {
 background-color: #F7E8D6;
 padding: 5px;
 }
#overall-ratings label {
 font-weight: bold;
 background: none;
 }
#ratings img {
 padding: 0;
 margin: 0;
 border: none;
 }
.divide {
  border-top: 1px solid #003366;
}
.thecard {
	margin: 15px 0 20px 5px;
	padding: 5px;
	line-height: 1.6em;
	text-align: left;
	color: #3F3F3F;
	border: 1px solid #BFBFBF;
	background: #FFFAFA;
}

.individual-creditcard {
	margin: 7px 0 11px 5px;
	padding: 5px;
	line-height: 1.6em;
	text-align: left;
	color: #3F3F3F;
	border: 1px solid #BFBFBF;
	background: #FFFAFA;
}

h3.thecardh3 {
	background: #DFDFDF;
	padding-left: 3px;
	border-bottom: 3px solid #3A6794;
	border-left: 1px solid #3A6794;
	border-top: 1px solid #3A6794;
	border-right: 3px solid #3A6794;
}

.thecardcontent {
	padding: 1px 5px 5px 5px;
}

td.bulletlist {
	vertical-align: top;
}

.ccpic {
	top: 0;
	left: 0;
}

.ccpic img {
	display: block;
}

img.applybutton {
	margin-left: 2px;
}

img.applybutton2 {
	margin-right: 8px;
	padding-top: 8px;
	margin-bottom: 0;
	padding-bottom: 3px;
}

img.applybutton2 a {
	margin-bottom: 0;
	padding-bottom: 0;
}

table.cardtable {
	margin: 13px auto 6px auto;
	border-collapse: collapse;
	border-left: 1px solid #9F9F9F;
	border-top: 1px solid #9F9F9F;
	border-bottom: 3px solid #9F9F9F;
	border-right: 3px solid #9F9F9F;
	width: 98%;
}

.cardtable th {
	background: #EFEFEF;
	color: #3F3F3F;
	border-bottom: 1px solid #9F9F9F;
}

.cardtable th, .cardtable td {
	border-right: 1px solid #9F9F9F;
	font-size: 0.9em;
	text-align: center;
}

.cardtable td {
	background: white;
}

img.star {
	vertical-align: middle;
	padding-bottom: 1px;
	margin-bottom: 2px;
}

img.applybutton2 {
	margin-top: 5px;
}