h2 { font-size: 18px; }
h2 img { vertical-align: bottom; position: relative; top: -3px; }
#active-filters { clear: left; }
#active-filters table { border-collapse: collapse; }
#active-filters td { vertical-align: top; padding: 0; margin: 0; white-space: nowrap; }
#active-filters a { text-decoration: none; }
#active-filters a:hover { text-decoration: none; }
.menu .menu-header { color: #777; }
.menu .menu-options { height: 250px; }
#keyword-filter,
#active-filters,
.card-categories-selector { margin: 5px; }
span.wtf { font-size: 16px; }

#brand-selector { height: 27px; overflow: visible; }
#brand-selector img { border: 1px solid #fff; opacity: 1; }
#brand-selector img.selected { background-color: #fff; border: 1px solid #000; opacity: 1; }
#brand-selector img:hover { background-color: #fff; border: 1px solid #000; opacity: 1; }

#keyword-filter input[type=submit] { position: absolute; }

#filter-selectors { margin: 10px 0; }
.card-categories-selector { float: left; width: 380px; }
.card-categories-selector span.title { display: inline-block; width: 100px; text-align: right; }
.card-categories-menu-wrapper { display: inline; }
.card-categories-selector .title { line-height: 20px; }

#survey_desc {
  margin: 0px 20px 15px 20px;
  font-size: 12px;
  color: #555;
  font-weight: bold;
  text-align: justify;
  }
.cardtable {
  font-size: 12px;
  width: 100%;
  border-collapse: collapse;
  border-bottom: 1px dashed #999;
  }
.cardtable td span.rate_basis {
  }
.cardtable tr.odd {
  background-color: #f9f9f9;
  }
.cardtable tr.even {
  }
.cardtable td {
  border-top: 1px dashed #999;
  padding: 6px 0 6px 0;
  text-align: center;
  width: 12%;
  }
.cardtable th#card_name_h,
.cardtable td.card_name { text-align: left; padding-left: 7px; width: 39%; }
.cardtable div.card_details .card-image-container { float: left; width: 110px; padding-top: 1.8em; padding-right: 6px; }
.cardtable div.card_details ul { float: left; padding: 2em 0 0 0; margin: 0; list-style-type: none; font-size: 11px; width: 160px; }
.cardtable div.card_details ul li { margin: 4px 0; padding: 0; width: 250px; position: relative; }
.cardtable div.card_details ul li a { color: #830; }

.cardtable div.card_details {
  min-height: 2em;
  }
.cardtable td.field_b {
  /* width: 10%;*/
  }
.cardtable td.field_d {
  /* width: 16%;*/
  }
.cardtable span.card_name {
  font-size: 13px;
  position: absolute;
  display: block;
  width: 800px;
  font-variant: small-caps;
  }
.cardtable span.card_name a span {
    color: #777;
}
#page_content.card_details img {
  float: left;
  /* 
  width: 110px;
  height: 70px;
  */
  padding-right: 10px;
  }
#page_content.card_details .apply,
#page_content.card_details .issued_by {
  font-size: 13px;
  font-weight: bold;
  height: 1%;
  }
#page_content.card_details .apply { padding-top: 8px; }
#page_content.card_details .apply img { float: none; }
#page_content.card_details h3 {
  margin-bottom: 0;
  margin-left: 0;
  font-variant: small-caps;
  font-size: 14px;
  }
#page_content.card_details table {
  width: 96%;
  margin: 4px 2% 0 2%;
  border-collapse: collapse;
  }
#page_content.card_details table th {
  width: 160px;
  color: #666;
  }
#page_content.card_details table th,
#page_content.card_details table td {
  padding: 5px;
  color: #555;
  text-align: left;
  vertical-align: top;
  }
#page_content.card_details table td ul {
  margin: 0 auto 0 1.3em;
  padding: 0;
  list-style-type: square;
  }
#page_content div#cardcategories div#brands,
#page_content div#cardcategories div#categories {
  padding-left: 8px;
  }
#page_content div#cardcategories h4 {
  margin: 1em 0 0 0;
}
#page_content div#cardcategories {
  width: 49%;
  float: left;
  }
#page_content div#featured {
  width: 50%;
  float: left;
  }
#page_content div#featured div#random_featured { }
#page_content div#featured div#random_featured ul {
  margin: 0;
  padding: 8px 0 0 1.5em;
  color: #333;
  font-weight: bold;
  }
#page_content div#featured div#random_featured h3 {
  font-size: 12px;
  margin: 10px 0 10px 0;
  }
#page_content div#cardcategories h3,
#page_content div#featured h3 {
  font-size: 18px;
  margin: 0;
  }
div.featured_ad {
	width: 300px;
	height: 250px;
	padding: 0;
	margin: 0 0 5px 0;
	float: left;
}
div.featured_ad.odd {
	float: right;
}

#featured-cards {
    width: 85%;
    margin: auto;
}
#featured-cards .featured-ad {
    float: left;
    text-align: center;
    width: 50%;
    height: 290px;
    padding: 0; margin: 0;
}

.adsense.s728x90 { margin: 8px auto auto auto; }

.disclaimer { font-size: 10px; color: #556; margin: 10px; }

.as-of { color: #556; padding-top: 3px; margin: 8px 8px 0 8px; text-align: right; }

.flyout { position: absolute; margin-left: 140px; margin-top: 8px; z-index: 1; display: none; color: #555; }
.flyout .arrow { background: url(/images/cards/flyout/pointer.png) top left no-repeat; width: 53px; height: 48px; position: absolute; left: -19px; }
.flyout .content { background: url(/images/cards/flyout/center.png) top left repeat-y; width: 548px; padding: 0 30px 10px 30px; text-align: left; }
.flyout .top { background: url(/images/cards/flyout/top.png) top left no-repeat; width: 608px; height: 21px; }
.flyout .bottom { background: url(/images/cards/flyout/bottom.png) top left no-repeat; width: 608px; height: 21px; }

.card-details h3 { margin: 0; padding: 10px 0 4px 0; border-bottom: 1px dashed #ccc; }
.card-details table,
.card-details th,
.card-details td,
.card-details { padding: 0; font-size: 11px; text-align: left; width: auto; border: 0; }
.card-details table { padding: 0 0 0 10px; }
.card-details table.rates { width: 100%; }
.card-details table.rates td { width: 25%; }
.card-details table.rates th,
.card-details table.rates td { border-bottom: 1px dashed #ccc; }
.card-details ul { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
.card-details p { margin: 0; padding: 0; }

td.compare { width: 20px; vertical-align: middle; background-color: #c3dbed; padding: 0; margin: 0; height: 100%; text-align: center; border-top: 1px solid white; border-bottom: 1px solid white; }
td.compare label { display: block; width: 20px; height: 100%; text-align: center; }
td.compare .img { background: url(/images/cards/compare_side_bb.png) top left no-repeat; display: -moz-inline-block; display: inline-block; width: 20px; height: 71px; }
td.compare input { margin: 0; padding: 0; }

#comparator { float: right; vertical-align: middle; margin-right: 6px; width: 320px; }
#comparator-cards .card { float: right; margin-left: 3px; width: 50px; height: 30px; border: 1px dashed #c1e40a; background-color: #fcfcfc; }
#comparator-cards .card.has-card { width: 52px; height: 32px; border-width: 0; }
#comparator-cards .card .card-x { width: 13px; height: 13px; position: relative; top: -37px; left: 41px; background: url(/images/cards/compare-x.png) top left no-repeat; cursor: pointer; }
#comparator-compare { padding: 0 10px 0px 10px; background-color: white; }
#comparator-compare .error { height: 350px; }
#comparator-button { float: right; }

#comparator-compare h3 { font-size: 12px; margin: 0 0 2px 0; font-style: italic; }
#comparator-compare ul { margin: 0 0 0 1em; padding: 0 0 0 1em; }
#comparator-compare table { border-top: 1px solid white; border-collapse: collapse; font-size: 10px; }
#comparator-compare table th { border-top: 1px dashed #999; border-left: 0px dashed #999; padding: 7px 0; vertical-align: top;    text-align: center; width: 100px; background-color: #eee; font-size: 12px; font-weight: bold; }
#comparator-compare table td { border-top: 1px dashed #999; border-left: 1px dashed #999; padding: 5px;   vertical-align: middle; text-align: center; width: 190px; }
#comparator-compare table tr.details td { text-align: left; vertical-align: top; }
#comparator-compare table tr.even { background-color: #eee; }
#comparator-compare table tr.card-name td { font-weight: bold; font-size: 12px; }
#comparator-compare table tr.card-pic td { vertical-align: top; }
#comparator-compare table tr.card-pic  th { border-top: 0; }