/* -----------------------------------------
Stylesheet for Best Credit Card Offers / bestcreditcardoffers.us
Author: bestcreditcardoffers.us
Copyright: (c) 2010 bestcreditcardoffers.us
Created: 6 June 2006 
Amended: 2 July 2010
-------------------------------------------- */

body {width:100%; margin:4px auto; font-family:Arial, Helvetica, sans-serif; text-align:center; background: #ccc url(../img/bg.jpg) repeat-x;}

#frame {width:98%; background:white; margin:0 auto;}

#Main {width:auto; background:white; margin:0;}

h1 {color:#E4E4E4; font-size:12px; margin:0; padding:0 66px 4px 0; text-align:right; background:inherit;}
h2, h3, h4, h5, h6, span, p {text-align:left;}
p {color:#373635; margin:4px; padding:0 0 0 4px;}

.clear-both {clear:both; line-height:1px; font-size:1px;}

a:link {color:#0000FF; text-decoration:none;}
a:hover {color:#0000FF; text-decoration:underline;}
a:visited {color:#0000FF; text-decoration:none;}

hr {text-align:left; width:95%; height:1px; color:#c0c0c0; border:none;}
html>body hr {width:95%; height:1px; color:#c0c0c0; border:none;}

#hdr {width:auto; height:auto; margin:0 0 8px 0; padding-bottom:4px; background: #ccc url(../img/bg.jpg) repeat-x;  border:solid 1px #333333;}
#hdr table {width:auto; margin:0; padding:0;}
#hdr td {margin:0; padding:0; width:50%;}
#hdr img {margin:2px 0; border:0; text-align:center;}
#hdr p {margin:8px 0 0 6px; padding: 4px; color:#E4E4E4; font-size:18px; vertical-align:bottom;}

#navBox {float:left; width:25%; margin:6px 8px; border:1px solid #E4E4E4;}

#navBoxSearch {background:none; padding:6px 0 6px 6px; margin:6px 0 6px 2px; float:left; width: auto;}
#navBoxSearch input#nav{width:68px; height:26px; cursor:auto; font-size: 14px; color:Green;}
#navBoxSearch .navboxtext {background-image: url('../img/credit_card_search.gif'); 
   background-repeat:no-repeat; background-position:4px; border:solid 1px #E4E4E4; padding:0 0 0 18px; font-size: 18px; color:#656668; font-weight:300; height:24px; margin:0 8px 0 0;}

#navMenu ol {font-size:16px; color: #FFFFFF; font-weight: normal; border:0; margin:2px 2px 8px 2px; padding:8px 0 8px 10px; text-align:left; background:#97C00E;}
#navMenu ul {text-align:left; margin:0; padding:0;}
#navMenu li {list-style: none; padding:0 4px 8px 12px; margin:2px 0 2px 0; line-height:180%; font-size:14px; color:#549C00;}
#navMenu li a {color:#549C00; text-decoration:none; border-bottom:1px solid #E4E4E4;}
#navMenu a.on {color:#646567; background:#E4E4E4; margin:4px 0 4px 0; padding:6px 8px;}	
		
#divWrap {float:right; width:72%; background:inherit; margin:0; padding:0;}

.breadcrumbs {width:auto; margin:6px 0 6px 0; padding:6px 0 6px 12px; font-size:12px; color:#549C00 !important; text-align:left;}
.breadcrumbs a:link {color:#646567; text-decoration:underline;}
.breadcrumbs a:hover {color:#646567; text-decoration:underline;}
.breadcrumbs a:visited {color:#646567; text-decoration:underline;}

.imgl {float:left; margin:0 8px 8px 0; clear:left;}

#issuer {display:block; width:auto; margin-right:20px; float:right;}
#issuer h3 {margin:0; padding:0 0 8px 0; font-size:14px; font-weight:normal; color:#666666;}
#issuer ul {margin:0; padding:0; list-style:none; border:none; line-height:normal;}
#issuer li {display:block; float:left; width:auto; margin:0; padding:0;}
#issuer li.last {margin-right:0;}
#issuer li div.imgholder {display:block; width:auto; margin:0 0 5px 0; padding:0; color:#666666;}
#issuer li h4, #issuer li h5, #issuer li h6 {margin:0; padding:0 0 8px 0; font-size:16px; font-weight:normal; color:#666666; background-color:#FFFFFF; line-height:normal;}
#issuer p.readmore {display:block; margin:0; padding:0; text-align:left; font-weight:normal;}
#issuer p.readmore a:hover {text-decoration:underline;}
#issuer img {border:0;}
	 
#cardContent {width:auto; font-size:12px; margin:2px 4px; padding:2px 4px;}
#cardContent h2 {color:#926409; font-weight:normal; font-size:24px; font-family:"Arial Narrow"; margin:0; padding:2px 0; letter-spacing:0.5px;}
#cardContent h3, #cardContent h4, #cardContent h5, #cardContent h6 {font-weight:400; font-size:20px; margin:0; padding:0; line-height:24px; color:#777; font-family:"Arial Narrow"; background:none; text-align:left; letter-spacing:0.5px;}
#cardContent p {margin:4px 24px 6px 0; padding:2px 12px 6px 0; font-size:13px; line-height:18px; color:#4d4d4d;}
#cardContent p.issuer {color:#006699; font-size:11px; margin:0 0 8px 0; padding:0; text-align:right;}
#cardContent p.details {color:#656668; font-size:11px; margin:2px 0 2px 0; padding:6px 0 6px 0; display:none; text-align:center;}
#cardContent p.perks {color:#656668; font-size:11px; margin:2px 0 2px 0; padding:2px 0 2px 0; display:none; text-align:center;}
#cardContent p.topic {font-weight:400; font-size:16px; line-height:24px; margin:-8px 0 10px 0; color:#999;}
#cardContent p.source {color:#969696; font-size:11px;}
#cardContent p.source a:link {color:#646567; text-decoration:none;}
#cardContent .float-right {float: right; border:0; padding:0; margin:4px;}
#cardContent .float-left {float: left; border: 1px solid #C16002; padding:0; margin:2px 4px 2px 0;}
#cardContent .clear-left {clear: left; background: none;}
#cardContent .clear-both {clear: both; background: none;}
#cardContent ul {font-size:13px; line-height:18px; color:#4d4d4d; margin:0; padding:0px 0 8px 42px; text-align:left;}
#cardContent li {font-size:13px; line-height:18px; color:#4d4d4d; padding:8px 24px 8px 0px; list-style: square;}
#cardContent ul, li {line-height:115%; color:#656668;}
#cardContent a:link, #cardContent a:hover, #cardContent a:visited {color:#549C00; text-decoration:underline; font-weight:normal;}

#bestOffers {float:left; width:auto; background:white; margin:0; padding:0;}
#bestCards {width:auto; font-size:12px; margin:2px 0 0 24px; padding:2px 0; float:left;}
#bestCards  h2 {color:#804000; font-size:22px; margin:0; padding:2px 0 6px 0;}
#bestCards  h3 {color:#646567; font-size:18px; margin:0; padding:6px;}
#bestCards  p {color:#656668; font-size:12px; margin:6px 24px 6px 0; padding:6px 12px 6px 0; line-height:140%;}
#bestCards  p.topic {color:#006699; font-size:16px; margin:2px 4px 2px 0; padding:2px 4px 2px 0; font-style:italic;}

.src {font-size:10px;}
.src a:link {text-decoration:underline; color:#656668;}
.src a:hover {text-decoration:underline; color:#656668;}
.src a:visited {text-decoration:underline; color:#656668;}

#ppc {width:auto; margin:8px 0 8px 0; padding:8px 0 8px 24px; text-align:left; color:#c0c0c0; background:none;}
#ppc ul {list-style: none; line-height:180%; font-size:22px;}
#ppc li {list-style: none; line-height:180%; font-size:22px;}

.kw {width:auto; margin:0; padding:0; display:none; color:#333; text-align:left;}

#cardTable {width:auto; margin:6px 6px 6px 12px; padding:0 0 6px 0; font-size:11px; border-top:1px dashed #C4C4C4;}
#cardTable table {width:auto; margin:6px; padding:6px; font-size:13px;}
#cardTable td {width:18%; padding:6px; margin:6px;}
#cardTable a:link {text-decoration:underline;}

#creditCards h2, h3, h4, h5, h6 {color:#405327; font-size:12px; margin:0; padding:0;}
#creditCards table {width:auto; color:#000; background-color:#fff; margin:0; padding:0;}
#creditCards td {font-size:11px; margin:0; text-align:left;}
#creditCards a:link {color:#405327; text-decoration:none;}  
#creditCards a:hover {color:#6489E6; text-decoration:underline;}
#creditCards a:visited {color:#405327; text-decoration:none;}

#cardOffer {width:auto; background-color:white; margin:12px 12px 0 0;}
#cardOffer h3, #cardOffer h4, #cardOffer h5, #cardOffer h6 {color:#006699; font-weight:500; font-size:16px; letter-spacing:1.0px; margin:0; padding:6px 12px 6px 24px; text-align:left; background:#E4E4E4;}
#cardOffer table {width:auto; background-color:white; padding:0 0 2px 0; margin:8px 0 2px 0;}
#cardOffer table td {color:#373635; font-size:11px; padding:0; margin:0;}
#cardOffer table td.title {color:#405327; margin:4px;}
#cardOffer table td a {color:#405327; text-decoration:underline; font-weight:bold; margin:6px; padding:6px 0 6px 0;}
#cardOffer table td a:hover {color:#6489E6; text-decoration:underline; font-weight:bold; margin:6px; padding:6px 0 6px 0;}
#cardOffer table td p {color:#373635; font-size:11px; margin:6px 12px 6px 14px; padding:6px 12px 6px 14px;}
#cardOffer table td #cardContent p.review {color:#656668; font-size:11px; margin:2px 0 2px 0; padding:6px 0 6px 0; display:none; text-align:center;}
#cardOffer table td.adCell {width:20%; padding:0; font-size:10px; color:#c0c0c0; border:1px solid #E4E4E4;}
                 td.adCell img {margin:6px 18px 6px 6px; padding:6px; border:0;}
#cardOffer ul {margin:8px 12px 2px 14px; padding:6px 12px 2px 14px; text-align:left;}
#cardOffer li {padding:0 0 6px 2px;}
#cardOffer ul, li {line-height:120%; color:#422F0F; font-size:11px; border:0;}

#cardOfferSearch {background:none; padding:12px 0; margin:6px 0;}
#cardOfferSearch input#go{width:68px; height:26px; cursor:auto; font-size: 14px; color:Green;}
#cardOfferSearch .cardsearchtext {background-image: url('../img/credit_card_search.gif'); 
   background-repeat:no-repeat; background-position:4px; border:solid 1px #97C00E; padding:0 0 0 18px; font-size: 14px; color:#333333; height:24px; width:336px; margin:0 8px 0 0; vertical-align:top;}

table#submitSite {width:486px; margin:24px 26% 12px 28px; padding:0; font-size:12px; border:1px solid #FAE2AD; background:white;}
table#submitSite table {width:486px; margin:12px;}
table#submitSite td {padding:12px 2px 6px 6px; vertical-align:middle; color:#654526; width:50%;}
table#submitSite td span {color:#BC3F3F;}
table#submitSite td input {width:auto;}
table#submitSite td input.button {width:60px; border:1px solid #FAE2AD; color:white; font-weight:bold; background-color:#405327;}

#footer {width:auto; margin:2px 0 6px 0; padding-bottom:6px; font-size:12px; text-align:center; background:#97C00E; border-top:1px solid #E4E4E4;}
#footer span {padding:0 4px 0 4px; color:#FFFFFF;}
#footer p {color:#FFFFFF; margin:2px 0 0 0; padding:6px 5% 0 5%; text-align:center;}
#footer a:link, #footer a:hover, #footer a:visited {color:#FFFFFF; line-height:32px;}

#clock {position:absolute; top:5px; left:5%; font-size:11px; color:#E4E4E4; font-weight:bold;}

#update {font-size:11px; color:#B4B4B4; font-weight:normal; float:left; margin:0 0 0 12px;}

#search {position: absolute; top:128px; right:10px; float:right; padding:0; margin-right:4px;}
#search input#go{width:68px; height:26px; cursor:auto; font-size: 14px;}
#search .phpdiginputtext {background-image: url('../img/credit_card_search.gif'); 
   background-repeat:no-repeat; background-position:4px; border:solid 1px #E4E4E4; padding:0 0 0 18px; font-size: 14px; color:#333333; height:24px; width:211px; margin:0 8px 0 0; vertical-align:top;}

#searchResult {width:90%; font-size:12px; margin:6px 18px; padding:0 0 0 6px; float:left;}
#searchResult h3 {color:#804000; font-weight:normal; font-size:26px; margin:12px 0 12px 6px; padding:6px 0 6px 0; font-family:"Arial Narrow";}
#searchResult .phpdigMessage {text-align:center; font-size:12px; color: #333333;}
#searchResult .phpdigHighlight {font-weight:bold;}
#searchResult .phpdigResult {background-color:#F7F7F7; margin:6px;}
#searchResult .phpdigResult a {font-size:16px; text-decoration:underline;}
#searchResult .phpdig a {background:#99CC00; text-decoration:underline !important; padding:4px 6px; margin-left:4px;}
#searchResult .phpdigText {text-align:left; color:#333333; font-size:12px;}

#creditCardRates {margin:8px;}
#creditCardRates table {width:100%; border-collapse:collapse; table-layout:auto; vertical-align:top; margin-bottom:15px; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; font-size: 12px;}
#creditCardRates table thead th {color:#FFFFFF; background-color:#666666; border:1px solid #CCCCCC; border-collapse:collapse; text-align:center; table-layout:auto; vertical-align:middle;}
#creditCardRates table tbody td {vertical-align:top; border-collapse:collapse; line-height:26px;}
#creditCardRates table tbody td.first {text-align:left; width:25%;}
#creditCardRates table thead th, table tbody td {padding:5px; border-collapse:collapse;}
#creditCardRates table a {color:#509236; font-weight:normal;}
#creditCardRates table tbody tr.credit {color:#666666; background-color:#F7F7F7;}
#creditCardRates table tbody tr.card {color:#666666; background-color:#E4E4E4;}

#sitemap-wrap {background:inherit; padding:6px; margin:12px 24px; font-size: 11px; line-height: 18px; color:#4D4D4D; width:auto;}
#sitemap-wrap h2 {color:#804000; font-weight:normal; font-size:20px; margin:0; padding:2px 0 0 24px;}
#sitemap div {float: left; width:25%; padding-left:42px; margin-bottom:42px;}
#sitemap a {display:block; text-decoration: underline; text-align: left;}
#sitemap .link1 {color: #549C00; font-size: 18px; margin: 25px 0 0 10px; text-decoration: none;}
#sitemap .link2 {color: #335A3D; font-size: 14px; margin: 4px 0 0 10px;}
#sitemap .link3 {color: #666666; font-size: 12px; margin: 4px 0 0 20px;}
#sitemap .link4 {color: #666666; font-size: 12px; margin: 2px 0 0 20px;}
.link1, .link2, .link3, .link4 {display:block;}
.link1, .link2 {margin-top: 20px; height: 22px;}
.link3, .link4 {font-size: 11px;}

#credit-com {width:auto; background-color:white; margin:12px 12px 12px 0;}
#credit-com h3, #credit-com h4, #credit-com h5, #credit-com h6 {color:#006699; font-weight:500; font-size:16px; letter-spacing:1.0px; margin:0; padding:6px 12px 6px 24px; text-align:left; background:#E4E4E4;}
#credit-com table {width:auto; background-color:white; padding:0 0 2px 0; margin:8px 0 2px 0;}
#credit-com table td p {color:#373635; font-size:11px; margin:6px 12px 6px 14px; padding:6px 12px 6px 14px;}
#credit-com table td.adCell {width:20%; padding:0; font-size:10px; color:#c0c0c0; border:1px solid #E4E4E4;}
#credit-com table td.adCell img {margin:4px 24px 4px 24px; padding:6px 32px 6px 6px; border:0;}
#credit-com ol {font-weight: bold; font-size: 14px; letter-spacing: 1.0px; padding:12px 0 6px 0;}
#credit-com li {padding:0 0 6px 24px;}
#credit-com ul, li {line-height:120%; color:#422F0F; font-size:11px; border:0;}

#issuer {width:auto; font-size:12px; margin:2px 4px; padding:2px 4px;}
#issuer ul {margin:0; padding:0; list-style:none; line-height:normal; border:none; float:left;}
#issuer .fl_right {color:#FFFFFF; display:block; float:left; width:auto;}
#issuer .fl_right h2 {color:#926409; font-weight:normal; font-size:24px; font-family:"Arial Narrow"; margin:0; padding:2px 0; letter-spacing:0.5px;}
#issuer .fl_right h3 {font-weight:400; font-size:16px; line-height:24px; margin:10px 0 10px 0; color:#999;}
#issuer .fl_right p {margin:4px 24px 6px 0; padding:2px 12px 6px 0; font-size:13px; line-height:18px; color:#4d4d4d;}
#issuer .fl_right p.topic {font-weight:400; font-size:16px; line-height:24px; margin:-8px 0 10px 0; color:#999;}
#issuer .fl_right ul {margin-top:8px;}
#issuer .fl_right li {display:inline; margin:0;}
#issuer .fl_right li a {padding:6px 25px 6px 0; font-size:16px; color:#162C47;}