/*
Site: Bank Card Finder
Author: Richard Lee Thomason
Created: 06/26/2003
Updated: 06/09/2010
*/

* {margin: 0px; padding: 0px; border: 0px;}
html {height: 100%;}
body {height: 100%; background: #DDDDDD; text-align: center; }
h1 {margin: 0px 0px 15px 0px; font-size: 16px;}
h2 {margin: 0px 0px 15px 0px; font-size: 14px;}
p {margin-bottom: 15px; line-height: 18px;}
a {color: #1B66C7; text-decoration: none; outline: none;}
a:hover {color: #666666; text-decoration: underline;}
ul li {list-style: none;}

/* ----- layout ----- */

#center {position: relative; margin: auto; padding: 0px 10px 0px 10px; width: 760px; background: url(center.gif) repeat center; color: #333333; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; text-align: left;}
#header {position: relative; height: 80px; background: url(header.jpg) no-repeat center top;}
#topnav {margin: 0px 5px 0px 5px; padding: 7px 0px 0px 10px; width: 740px; height: 23px; background: url(topnav.gif); color: #CCCCCC; font-weight: bold; text-transform: capitalize;}
#sidenav {position: absolute; z-index: 2; top: 115px; left: 15px; width: 200px;}
#content {position: relative; z-index: 1; padding: 5px 5px 0px 210px; width: 545px;}
#bottomnav {position: relative; padding: 10px 0px 11px 0px; height: 34px; border-top: #B7B7B7 1px solid; border-bottom: #B7B7B7 1px solid; background: #F9F9F9; line-height: 17px; text-align: center;}
#footer {position: relative; margin-top: 5px; padding: 10px 0px 11px 0px; height: 14px; background: #31494A; color: #DDDDDD; text-align: center;}

/* ----- global ----- */

.heading {padding: 5px 0px 6px 10px; background: #6280A7; color: #FFFFFF; font-size: 11px; font-weight: bold; text-transform: capitalize;}
.box {margin-bottom: 5px; padding: 10px 10px 0px 10px; border: #B7B7B7 1px solid; border-top: none;}
.box ul {padding: 0px 0px 12px 10px;}
.box li {margin-bottom: 7px; padding-left: 13px; background: url(arrow.gif) no-repeat 0px 5px; line-height: 18px;}
.box a {font-weight: bold;}
.addthis {float: right; margin: 3px 3px 0px 0px;}
#crumbs {margin: 3px 0px 17px 0px; font-family: verdana, arial, helvetica, sans-serif; font-size: 9px;}
#crumbs a {font-weight: normal; text-decoration: underline;}
#subtitle {margin-bottom: 15px; color: #666666; font-size: 13px; font-style: italic; text-transform: capitalize;}
#author {margin-bottom: 15px; font-size: 10px;}
.adsense {margin-bottom: 15px;}
.line {padding-bottom: 15px; border-bottom: #CCCCCC 1px solid;}
.asterisk {padding-bottom: 15px; border-bottom: #CCCCCC 1px solid; font-size: 10px; line-height: 14px;}
.indent {margin-left: 25px;}
.indent-1a {float: left; padding-left: 25px; width: 149px;}
img.issuers {float: right; padding: 5px;}
.left {float: left; margin: 5px 15px 10px 0px;}
.right {float: right; margin: 5px 0px 10px 15px;}

/* ----- index ----- */

#indexh1 {margin: 5px 0px 15px 0px;}
#indexbox1 {position: relative; height: 114px; border-top: #CCCCCC 1px solid;}
#indexbox2 {position: relative; margin-bottom: 15px; height: 114px;}
.index1 {float: left; width: 235px; padding: 11px 12px 12px 12px; border-bottom: #CCCCCC 1px solid; border-right: #B7B7B7 1px solid; line-height: 18px;}
.index2 {float: right; width: 234px; padding: 11px 12px 12px 17px; border-bottom: #CCCCCC 1px solid; line-height: 18px;}
img.indexcard {float: left; margin: 6px 9px 0px 0px;}

/* ----- header ----- */

#logo {position: absolute; top: 20px; left: 15px;}

/* ----- sidenav ----- */

#sidenav ul {padding: 0px 0px 10px 0px;}
#sidenav li {margin-bottom: 3px; background: url(arrow.gif) no-repeat 0px 3px; line-height: 14px;}

/* ----- bottomnav ----- */

#bottomnav a {padding: 0px 3px 0px 3px; color: #666666;}

/* ----- iframe ----- */

.iframe-adv {width: 498px; height: 160px;}
#cards-adv {width: 498px; height: 160px;}
.iframe-air {width: 498px; height: 160px;}
#cards-air {width: 498px; height: 160px;}
.iframe-ame {width: 498px; height: 640px;}
#cards-ame {width: 498px; height: 640px;}
.iframe-bad {width: 498px; height: 480px;}
#cards-bad {width: 498px; height: 480px;}
.iframe-boa {width: 498px; height: 160px;}
#cards-boa {width: 498px; height: 160px;}
.iframe-bus {width: 498px; height: 160px;}
#cards-bus {width: 498px; height: 160px;}
.iframe-cas {width: 498px; height: 160px;}
#cards-cas {width: 498px; height: 160px;}
.iframe-cha {width: 498px; height: 160px;}
#cards-cha {width: 498px; height: 160px;}
.iframe-cit {width: 498px; height: 800px;}
#cards-cit {width: 498px; height: 800px;}
.iframe-dis {width: 498px; height: 160px;}
#cards-dis {width: 498px; height: 160px;}
.iframe-gas {width: 498px; height: 160px;}
#cards-gas {width: 498px; height: 160px;}
.iframe-low {width: 498px; height: 160px;}
#cards-low {width: 498px; height: 160px;}
.iframe-mas {width: 498px; height: 160px;}
#cards-mas {width: 498px; height: 160px;}
.iframe-pre {width: 498px; height: 480px;}
#cards-pre {width: 498px; height: 480px;}
.iframe-rew {width: 498px; height: 160px;}
#cards-rew {width: 498px; height: 160px;}
.iframe-stu {width: 498px; height: 320px;}
#cards-stu {width: 498px; height: 320px;}
.iframe-vis {width: 498px; height: 160px;}
#cards-vis {width: 498px; height: 160px;}
.iframe-zer {width: 498px; height: 160px;}
#cards-zer {width: 498px; height: 160px;}

/* ----- cardbox ----- */

#cardbox {background: #FFFFFF; color: #333333; font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 11px; text-align: left;}
.card-heading {padding: 3px 6px 3px 8px; border: #E5E5E5 1px solid; width: 482px; height: 14px; background: #F5F5F5; font-weight: bold;}
.card-box {position: relative; margin-bottom: 20px; border-bottom: #E5E5E5 1px solid; border-left: #E5E5E5 1px solid; border-right: #E5E5E5 1px solid; width: 496px; height: 117px;}
.card-left {position: absolute; padding-top: 15px; top: 0px; left: 0px; width: 140px; height: 102px; border-right: #E5E5E5 1px solid; font-size: 13px; font-weight: bold; text-align: center;}
.card-img {margin-bottom: 5px;}
.card-text {position: absolute; top: 9px; left: 153px; width: 331px; line-height: 14px;}
.card-chart {position: absolute; top: 60px; left: 143px; width: 351px;}
.card-chart1 {position: relative; margin-bottom: 2px; width: 351px; height: 33px;}
.card-chart2 {position: relative; width: 351px; height: 20px;}
.card-chart1a {position: absolute; top: 0px; left: 0px; padding-top: 3px; width: 64px; height: 30px; background: #E5E5E5; text-align: center;}
.card-chart1b {position: absolute; top: 0px; left: 66px; padding-top: 3px; width: 101px; height: 30px; background: #E5E5E5; text-align: center;}
.card-chart1c {position: absolute; top: 0px; left: 169px; padding-top: 3px; width: 116px; height: 30px; background: #E5E5E5; text-align: center;}
.card-chart1d {position: absolute; top: 0px; left: 287px; padding-top: 3px; width: 64px; height: 30px; background: #E5E5E5; text-align: center;}
.card-chart2a {position: absolute; top: 0px; left: 0px; padding-top: 3px; width: 64px; height: 17px; background: #F5F5F5; text-align: center;}
.card-chart2b {position: absolute; top: 0px; left: 66px; padding-top: 3px; width: 101px; height: 17px; background: #F5F5F5; text-align: center;}
.card-chart2c {position: absolute; top: 0px; left: 169px; padding-top: 3px; width: 116px; height: 17px; background: #F5F5F5; text-align: center;}
.card-chart2d {position: absolute; top: 0px; left: 287px; padding-top: 3px; width: 64px; height: 17px; background: #F5F5F5; text-align: center;}

/* ----- articles ----- */

#articles h1 {margin-bottom: 3px;}