/*@charset "UTF-8";*/

/* ===@ GENERAL STYLES @=== */
body {margin:0;padding:0 0 40px 0;background:url(../images/bg.gif) repeat-x top;}
img {border:none;vertical-align:middle;}
a {outline:none;}
.clear {clear:both;}
div#body-wrap {width:1027px;margin:0 auto;padding:0 8px 0 10px;}
.navtext { top:50px; left:150; width:450px; font-size:12pt; border-width:2px; border-style:outset; border-color:darkgray; color:black; font-family:Arial, Helvetica, sans-serif; background:#C0F9BA url(../images/bg-mission.gif) repeat-x left bottom; z-index:1; }
.tooltip2 { top:50px; left:150; width:350px; font-size:12pt; border-width:2px; border-style:outset; border-color:darkgray; color:black; font-family:Arial, Helvetica, sans-serif; background:#C0F9BA; z-index:1; }
.tooltip3 { top:50px; left:150; border-width:2px; border-style:outset; border-color:darkgray; color:black; font-family:Arial, Helvetica, sans-serif; background:#FFFFFF; z-index:1; }

/* ===@ HEADER STYLES @=== */
div#header {width:100%;height:233px;margin:0;padding:0;background:url(../images/header-bg.jpg) no-repeat top;display:block;}
   #header #logo {margin:30px 0 0 40px;padding:0;float:left;}
   #header #info {width:465px;margin:17px 29px 0 0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;color:#a4ff85;text-align:left;float:right;}
   
   /* --- INSTRUCTIONS --- */
   #header #instructions {width:476px;margin:18px 20px 0 0;padding:0;float:right;}
   #header #instructions ul {margin:0;padding:0;list-style-type:none;}
   #header #instructions ul li {height:73px;margin:0;padding:0;float:left;}
   #header #instructions ul li h1 {margin:5px 0 3px 30px;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:18px;font-weight:bold;color:#99fdae;text-align:left;}
   #header #instructions ul li p {margin:0 0 0 30px;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#FFF;text-align:left;line-height:1em;}
   
   /* --- INSTRUCTION BOXES --- */
   #header #instructions ul li#box1 {width:153px;background:url(../images/instructions-box1.jpg) no-repeat top left;}
   #header #instructions ul li#box2 {width:155px;background:url(../images/instructions-box2.jpg) no-repeat top;}
   #header #instructions ul li#box3 {width:164px;background:url(../images/instructions-box3.jpg) no-repeat top left;}
   
   /* --- NAVIGATION TABS --- */
   #header #nav-tabs {width:100%;height:69px;margin:-24px 0 0 0;padding:0;float:left;clear:both;}
   #header #nav-tabs ul {height:40px;margin:0;padding:0;list-style-type:none;}
   #header #nav-tabs ul li {height:40px;margin:0;padding:0;float:left;}
   #header #nav-tabs .breadcrumb { height:13px;background:url(../images/tab-nav-bottomround.jpg) no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:10px 0 7px 30px; }
   #header #nav-tabs .breadcrumb-criteria { height:13px;background:url(../images/tab-nav-bottomround-int.gif) no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:10px 0 7px 30px; }
   
/* ===@ CONTENT STYLES @=== */
div#content {width:1045px;margin:0 0 0 -10px;padding:0;background:url(../images/content-bg.png) repeat-y;}
   #content .cont-bottom {margin:0 0 -8px 0px;}

   /* --- COMPARE HEADER --- */
   #content #compare {width:912px;height:30px;margin:0 auto;padding:0;}
   #content #compare #sort {width:314px;height:30px;margin:0 0 0 32px;padding:0;text-align:center;background:url(../images/sort-area_bg.jpg) no-repeat bottom;float:left;}
   #content #compare #sort select {width:250px;margin:0;padding:0;font-size:16px;}
   #content #compare #reviews {width:305px;height:15px;margin:0;padding:15px 0 0 0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#003399;text-align:center;float:left;}
   #content #compare #key-features {width:189px;height:15px;margin:0;padding:15px 0 0 0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#003399;text-align:center;float:left;}
   
   /* --- CREDIT CARD RATING TABLE --- */
   #content table {height:96px;margin:2px auto 8px auto;padding:0;}
   #content table td.compare {width:68px;height:96px;border:none;border-right:1px solid #a0cbfb;text-align:center;background:url(../images/table-compare_bg.jpg) no-repeat top right;}
   #content table td.compare input {width:20px;height:20px;margin:0 0 0 2px;padding:0;}
   #content table td.compare img.button {margin:10px 0 0 5px;}
   
   #content table td.accountnow {width:315px;height:96px;border:1px solid #a0cbfb;border-left:1px solid #FFF;background:url(../images/table-bg.jpg) repeat-x top;}
   #content table td.accountnow img.mastercard {margin:-25px 11px 0 0;float:right;}
   #content table td.accountnow h1 {width:145px;margin:0 0 0 11px;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#003399;text-align:left;float:left;}
   #content table td.accountnow p {width:145px;margin:25px 0 0 11px;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:13px;font-weight:normal;color:#003399;text-align:left;float:left;clear:left;}
   #content table td.accountnow p a {color:#003399;text-decoration:underline;}
   
   #content table td.reviews {width:308px;border:1px solid #a0cbfb;border-left:1px solid #FFF;background:url(../images/table-bg.jpg) repeat-x top;}
   #content table td.reviews table {width:308px;margin:0;padding:0;}
   #content table td.reviews table td.top {border:none;border-bottom:1px solid #a0cbfb;}
   #content table td.reviews table h1 {width:105px;margin:4px 3px 0 8px;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#003399;text-align:left;float:left;}
   #content table td.reviews table .rating {width:140px;margin:1px 0 0 5px;padding:0;float:left;}
   #content table td.reviews table .rating img {margin:0 1px;}
   #content table td.reviews table .rate {margin:4px 10px 0 0;font-family:Arial, Helvetica, sans-serif;font-size:18px;font-weight:normal;color:#003399;float:right;}
   #content table td.reviews table .norate {margin:4px 10px 0 0;font-family:Arial, Helvetica, sans-serif;font-size:18px;font-weight:normal;color:#bacae9;float:right;}
   
   
   
   /* #content table td.reviews table .links {width:145px;margin:0 40px 0 0;padding:0;float:left;clear:both;} */
   #content table td.reviews table .links {width:145px;margin:1px 0 0 125px;padding:0;float:left;clear:both;}
   #content table td.reviews table .links ul {margin:0;padding:0;list-style-type:none;}
   /* #content table td.reviews table .links ul li {margin:0 15px 0 0;padding:0;float:left;} */
   #content table td.reviews table .links ul li {margin:0 10px 0 0;padding:0;float:left;}
   #content table td.reviews table .links ul li a {font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#003399;text-decoration:underline;}
   
   /* #content table td.reviews table .rev {width:180px;margin:0px 20px 0 0;padding:0;float:left;clear:both;} */
   #content table td.reviews table .rev {width:180px;margin:1px 0 0 105px;padding:0;float:left;clear:both;}   
   #content table td.reviews table .rev ul {margin:0;padding:0;list-style-type:none;}
   #content table td.reviews table .rev ul li {margin:0 15px 0 0;padding:0;float:left;}
   #content table td.reviews table .rev ul li a {font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#003399;text-decoration:underline;}
   
   #content table td.reviews table .befirst {width:190px;margin:0 0 0 10px;padding:0;float:right;clear:both;}
   #content table td.reviews table .befirst ul {margin:0;padding:0;list-style-type:none;}
   #content table td.reviews table .befirst ul li {margin:0 20px 0 0;padding:0;float:left;}
   #content table td.reviews table .befirst ul li a {font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#003399;text-decoration:underline;}
   
   #content table td.keyfeatures {width:189px;height:96px;border:1px solid #a0cbfb;border-left:1px solid #FFF;background:url(../images/table-bg.jpg) repeat-x top;}
   #content table td.keyfeatures ul {width:140px;margin:-5px auto 0 auto;padding:0;list-style-type:none;}
   #content table td.keyfeatures ul li {margin:5px 5px 0 0;float:left;}
   
   #content table td.applynow {width:102px;height:98px;border:none;border-left:1px solid #FFF;text-align:center;background:url(../images/table-apply_bg.jpg) no-repeat top left;}
   #content table td.applynow img.button {margin:34px 0 0 0;}
   
   /* --- FEES OVERVIEW TABLE --- */
   #content table.review {width:807px;margin:-5px 0 10px 103px;padding:0 5px;background:url(../images/reviewtable-bottomround.jpg) no-repeat bottom #eaf5fe;}
   #content table.review td.top {height:27px;margin:0;padding:0;border:none;border-bottom:1px solid #a0cbfb;}
   #content table.review td.top h1 {margin:5px 10px 0 10px;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:18px;font-weight:bold;color:#003399;text-align:left;float:left;}
   #content table.review td.top .rating {margin:8px 0 0 0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#003399;text-align:left;float:left;}
   #content table.review td.top .rating img {margin:-3px 0 0 0;}
   #content table.review td.top .close {padding:5px 5px 0 0;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;color:#003399;float:right;}
   #content table.review td.top .close a {color:#003399;text-decoration:none;}
   #content table.review td.top .close img.x {margin:-3px 0 0 0;}
   
   #content table.review td.bottom {height:125px;margin:0;padding:0;border:none;border-top:1px solid #FFF;}
   #content table.review td.bottom table {width:100%;margin:7px 0;padding:0;}
   #content table.review td.bottom table h2 {margin:0 0 5px 0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:13px;font-weight:bold;color:#003399;text-align:left;}
   #content table.review td.bottom table h2.fix {margin-top:0px;}
   #content table.review td.bottom table p {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#003399;text-align:left;}
   
   #content table.review td.bottom table td.fees-overview {width:247px;margin:0;padding:0 10px;border:none;border-right:1px solid #a0cbfb;}
   #content table.review td.bottom table td.rates {width:239px;margin:0;padding:0 10px;border:none;border-right:1px solid #a0cbfb;border-left:1px solid #FFF;}
   #content table.review td.bottom table td.other {width:245px;margin:0;padding:0 10px;border:none;border-left:1px solid #FFF;}
   
   #content table.review td.bottom table td.rates table.listing {margin:0;padding:0;}
   #content table.review td.bottom table td.rates table.listing td.title {width:205px;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#003399;text-align:left; vertical-align:top; }
   #content table.review td.bottom table td.rates table.listing td.price {width:35px;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#003399;text-align:left; vertical-align:top;}
   
   #content table.review td.bottom table td.other table.listing {margin:20px 0 0 0;padding:0;}
   #content table.review td.bottom table td.other table.listing td.title {width:205px;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#003399;text-align:left;}
   #content table.review td.bottom table td.other table.listing td.price {width:35px;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#003399;text-align:left;}
   
   
   /* --- FEATURES OVERVIEW LISTING --- */
   #content table.review td.bottom table td.rates table.featurelisting {margin:0;padding:0; vertical-align:top;}
   #content table.review td.bottom table td.rates table.featurelisting td.title {width:130px;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#003399;text-align:left; vertical-align:top;}
   #content table.review td.bottom table td.rates table.featurelisting td.note {width:110px;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#003399;text-align:left; vertical-align:top;}
   
   #content table.review td.bottom table td.other table.featurelisting {margin:20px 0 0 0;padding:0; vertical-align:top;}
   #content table.review td.bottom table td.other table.featurelisting td.title {width:130px;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#003399;text-align:left; vertical-align:top;}
   #content table.review td.bottom table td.other table.featurelisting td.note {width:110px;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#003399;text-align:left; vertical-align:top;}
   
   
   /* --- SERVICES OVERVIEW LISTING --- */
   #content table.review td.bottom table td.rates table.servicelisting {margin:0;padding:0;}
   #content table.review td.bottom table td.rates table.servicelisting td.title {width:170px;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#003399;text-align:left; vertical-align:top;}
   #content table.review td.bottom table td.rates table.servicelisting td.note {width:70px;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#003399;text-align:left; vertical-align:top;}
   
   #content table.review td.bottom table td.other table.servicelisting {margin:20px 0 0 0;padding:0;}
   #content table.review td.bottom table td.other table.servicelisting td.title {width:170px;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#003399;text-align:left; vertical-align:top;}
   #content table.review td.bottom table td.other table.servicelisting td.note {width:70px;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#003399;text-align:left; vertical-align:top;}
   
   .compare-table { color:#223E99; border-collapse:collapse;font-family:Arial, Helvetica, sans-serif;font-size:12px; }
.compare-table td, .compare-table th { border:1px solid #A4A5CB;padding:4px;}
.compare-table td { width:160px; }    

.compare-table th.cards { font-size:12px;color:#003399;border:none;vertical-align:top; }
.compare-table th.cards a { font-size:10px; }
.compare-table th.cards img { margin:3px 0; border:none;}
.compare-table div.addcard { background-image:url(../images/button-add-card.gif); width:169px; height:42px; margin-top:20px; }
.compare-table div.addcard select { margin-top:10px; }
.compare-table th.reviews { background-color:#223E99;text-align:left;font-size:14px;color:#fff;border:1px solid #A4A5CB; }
.compare-table tr.reviews { background-color:#EAF5FE;border:1px solid #A4A5CB; }
.compare-table th.fees { background-color:#FFD105;text-align:left;font-size:14px; }
.compare-table tr.fees { background-color:#FFF0BD; }
.compare-table tr.feeson  { background-color:#FFFAE7; }
.compare-table tr.total { font-size:14px;font-weight:bold; }
.compare-table th.features { background-color:#4FBA65;text-align:left;font-size:14px; }
.compare-table tr.features { background-color:#CCE6CB; }
.compare-table tr.featureson  { background-color:#EDF6EC; }
.compare-table th.services { background-color:#F8991D;text-align:left;font-size:14px; }
.compare-table tr.services { background-color:#FFDCB4; }
.compare-table tr.serviceson  { background-color:#FEF3E3; }
.compare-table td.orangetext { color:#F8991D; }

.compare-table td.center { text-align:center; }
.compare-table td.right { text-align:right; }

.compare-table .close { font-size:10px; }
.compare-table .closeleft { float:left; }
.compare-table .closeright { float:right; }

/* --- CONTEXT (CALCULATOR) --- */
   #content #context.calculator {width:1010px;margin:0 20px;padding:0;background:url(../images/calculator-content_bg.jpg) no-repeat left bottom;overflow:hidden;display:block;clear:both;}
   #content #context.calculator #cLeft {width:460px;margin:0 20px 0 0;padding:0;float:left;}
   #content #context.calculator #cLeft p {width:420px;margin:0 0 0 18px;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;color:#033291;text-align:left;line-height:20px;}
   
   #content #context.calculator #cRight {width:505px;margin:0;padding:0 0 0 15px;background:url(../images/calculator-rightcolumn_bg.jpg) repeat-y left;float:left;}
   #content #context.calculator #cRight h1 {width:466px;height:35px;margin:0 0 0 -15px;padding:15px 0 0 54px;font-family:Arial, Helvetica, sans-serif;font-size:18px;font-weight:bold;text-align:left;color:#FFFFFF;background:url(../images/calculator-rightcolumn_topheader.jpg) no-repeat left bottom;}
   #content #context.calculator #cRight h2 {width:467px;height:22px;margin:10px 0;padding:5px 10px 0 10px;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#234d9e;text-align:left;background:url(../images/calculator-rightcolumn_subheading.jpg) no-repeat left;}
   #content #context.calculator #cRight img.bottom {margin:0 0 0 -15px;}
    
   #content #context.calculator #cRight .find-button {width:248px;margin:0 0 -50px 125px;padding:0;position:absolute;}
   
   #content #context.calculator #cRight #estimate-table { width:450px;margin-left:15px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#234d9e;text-align:left; }
   #content #context.calculator #cRight #estimate-table td { vertical-align:top;padding:0 10px 10px 0; }
   
   #content #context.calculator #cRight #features-table { width:450px;margin-left:15px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#234d9e;text-align:left; }
   #content #context.calculator #cRight #features-table td { vertical-align:top;padding:0px; }
   
   #content #context.calculator #cRight form { margin:0; }
   
      /* --- CONTEXT (CARD REVIEW) --- */
   #content #context.cardreview {width:1010px;margin:0 20px;padding:0;overflow:hidden;display:block;clear:both;}
   #content #context.cardreview p.reviewstats {margin-left:35px;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;font-style:italic;text-align:left;color:#003399;}
   
   /* --- CONTEXT (CARD REVIEW) -- REVIEW BOX --- */
   #content #context.cardreview #review-box {width:984px;height:262px;margin:0 auto;padding:0;background:url(../images/cardreview-ratingbox_bg.jpg) no-repeat top;}
   #content #context.cardreview #review-box #reviewthiscard {width:267px;margin:0 43px 0 30px;padding:0;float:left;}
   #content #context.cardreview #review-box #reviewthiscard h1 {margin:0;padding:10px 0;font-family:Arial, Helvetica, sans-serif;font-size:18px;font-weight:bold;color:#fc1212;text-align:center;}
   #content #context.cardreview #review-box #reviewthiscard #cardbox {width:267px;height:136px;margin:0;padding:0;text-align:center;background:url(../images/cardreview-ratingbox_cardbox_bg.jpg) no-repeat;}
   #content #context.cardreview #review-box #reviewthiscard #cardbox img.card {margin:20px 23px 0 17px;float:left;}
   #content #context.cardreview #review-box #reviewthiscard #cardbox img.apply {margin:43px 0 0 0;float:left;}
   #content #context.cardreview #review-box #reviewthiscard #cardbox p {font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#003399;text-align:center;}
   
   #content #context.cardreview #review-box #rating-box {width:460px;margin:0;padding:0;float:left;}
   #content #context.cardreview #review-box #rating-box ul {width:460px;margin:10px 0 0 0;padding:0;list-style-type:none;display:block;overflow:hidden;clear:both;}
   #content #context.cardreview #review-box #rating-box ul li {margin:0;padding:0;float:left;}
   #content #context.cardreview #review-box #rating-box ul li.title {width:95px;margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;color:#000;text-align:left;}
   #content #context.cardreview #review-box #rating-box ul li textarea {width:331px;height:77px;margin:0;padding:0;}
   #content #context.cardreview #review-box #rating-box ul li input {width:128px;height:22px;margin:0 0 0 10px;padding:0;}
   #content #context.cardreview #review-box #rating-box ul li img.button {margin:5px 0 0 30px;clear:both;}
   #content #context.cardreview #review-box #rating-box ul li img.star {margin-right:2px;float:left;}
   #content #context.cardreview #review-box #rating-box ul li p {margin:0;padding:2px 0 0 2px;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;font-style:italic;color:#000;text-align:left;clear:both;}
   #content #context.cardreview #review-box #rating-box ul li p.large {font-style:normal;padding-top:20px;font-size:13px;}
   #content #context.cardreview #review-box #rating-box ul li .stars-box {width:147px;height:38px;margin:0;padding:10px 10px 5px 10px;border:1px solid #7de289;background:#FFF;}
   #content #context.cardreview #review-box #rating-box ul li .stars-box .awesome {padding-top:5px;font-family:Arial, Helvetica, sans-serif;font-size:9px;font-weight:bold;font-style:italic;text-align:left;color:#3C6D24;float:right;}
   #content #context.cardreview #review-box #rating-box ul li .stars-box .forgetit {padding-top:5px;font-family:Arial, Helvetica, sans-serif;font-size:9px;font-weight:bold;font-style:italic;text-align:left;color:#3C6D24;float:left;}
   #content #context.cardreview #review-box #comment {width:166px;margin:70px 0 0 -20px;padding:0 10px 0 0;font-family:Arial, Helvetica, sans-serif;font-size:13px;font-weight:normal;color:#000;text-align:left;float:left;}
   
   /* --- CONTEXT (CARD REVIEW) -- REVIEW COMMENTS --- */
   #content #context.cardreview .review-comments {width:936px;margin:22px auto 0 auto;padding:0 12px 15px 12px;border:none;border-bottom:1px solid #99cc66;overflow:hidden;display:block;}
   #content #context.cardreview .review-comments p {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;font-style:italic;text-align:left;color:#666;display:block;}
   #content #context.cardreview .review-comments ul.stars {width:auto;margin:0 0 12px 0;padding:0;list-style-type:none;float:left;}
   #content #context.cardreview .review-comments ul.stars li {margin:0;padding:0;float:left;}
   #content #context.cardreview .review-comments p.date {width:140px;margin:0;padding:7px 0 0 13px;float:left;}
   
   /* --- BOTTOM NAVIGATION --- */
   #content #bottom-nav {width:1010px;height:30px;margin:23px auto 5px auto;padding:20px 0 0 0;background:url(../images/bottom-nav_bar.jpg) no-repeat bottom;}
   #content #bottom-nav ul {width:560px;margin:0 auto;padding:0;list-style-type:none;}
   #content #bottom-nav ul li {margin:0;padding:0 5px;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;color:#003366;border-right:1px solid #003366;float:left;}
   #content #bottom-nav ul li a {color:#003366;text-decoration:none;}
   #content #bottom-nav ul li a.active {font-weight:bold;}

/* ===@ FOOTER STYLES @=== */
div#footer {width:997px;margin:20px auto 0 auto;padding:0;}
   #footer p {font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#003366;text-align:left;}