/* common */
body {
	color: #000;
	font: normal normal 100%/1.125em Arial, Helvetica, sans-serif;
}

/* reset extra space */
body,
h1, h2, h3, h4, h5,
fieldset,
ul, ul li, ol, ol li, dl, dl dt, dl dd,
p, form, span, div {
	margin: 0px;
	padding: 0px;
}
ul, ol {
	list-style: none;
}

/* hyperlink */
p a:link {
	color: #0360be;
	outline: none;
	text-decoration: none;
}
div a:link {
	color: #0360be;
	outline: none;
	text-decoration: none;
}
span a:link {
	color: #0360be;
	outline: none;
	text-decoration: none;
}
ul li a:link{
	color: #0360be;
}
a:link, a:visited {
	color: #0360be;
	outline: none;
	text-decoration: none;
}
a:hover {
	color: #92c947;
}
a img {
	border: none;
}

hr {
	display: none;
}

/* form */
fieldset {
	border: none;
}
input, select, textarea, table, td, tr, th {
	color: #000;
	font: normal normal 1em Arial, Helvetica, sans-serif;
}
form, fieldset {
	margin: 0px;
	padding: 0px;
}

div#feedback-survey {
    bottom:0;
    position:fixed;
    right:0;
}

/* Social Media bar */
#socialMedia {
    position: absolute;
    vertical-align: top;
    left:646px;
	top:6px;
	margin:0;
	padding:0;
}
#socialMedia li {
	display: inline-block;
    margin-left: 15px;
}

/* Footer Card Categories, Credit Type and Card Issuer Listing Starts Here.*/
.footerMainDiv{
    overflow:auto;
    float:left;
    width:100%;
    /*margin-bottom: 10px;*/
}
.footerInnerDiv{
    overflow:auto;
    float:left;
    width:173px;
}

.footerMiddleDiv{
    overflow:auto;
    float:left;
    width:282px;
}

.footerInnerDiv1{
    overflow:auto;
    float:left;
    width:137px;
}

.footerFirstMiddleDiv{
	float:left;
	width: 110px;
}

.footerFirstMiddleDivList{
	margin-top: 10px;
}
/* Footer Card Categories, Credit Type and Card Issuer Listing Ends Here.*/


/* layout */
body {
	background-color: #fff;
	text-align: center;
}
#container {
	font-size: .75em;
	margin: 0 auto;
	text-align: left;
	width: 900px;
}

/* header */
#header {
	height: 75px;
	overflow: hidden;
	position: relative;
}
#header h1 {
	left: 0px;
	position: absolute;
	top: 20px;
}

#container h1.homePageHeaderH1{
    color: #777;
    font-size: 1em;    
    padding-left: 2px;
    text-align: left;
	font-weight:normal;
	padding-top: 3px;
	padding-bottom: 2px;
}

#header .logo {
	left: 0px;
	position: absolute;
	top: 20px;
	background: url(/common/img/logo_cr.gif) no-repeat;
	display: block;
	height: 41px;
	overflow: hidden;
	text-indent: -1983em;
	width: 252px;
}

#header .award-seal{
    left: 370px;
    position: absolute;
    top: 13px;
    background: url(/common/img/extra_sprites.gif) no-repeat -605px -75px;
	display: block;
	height: 60px;
	overflow: hidden;
	text-indent: -1983em;
	width: 189px;
}

#header .dontshow {
	display: none;
}

#header fieldset {
	position: absolute;
	right: 0px;
	top: 33px;
}
#header fieldset div {
	background: url(/common/img/extra_sprites.gif) no-repeat -798px -75px;
	height: 30px;
	overflow: hidden;
	padding: 6px 7px 0px 7px;
	margin-bottom: 6px;
	width: 286px;
}
#header fieldset div label, #header fieldset div input, #header fieldset div button {
	float: left;
}
#header fieldset div label, #header fieldset div input {
	margin-right: 5px;
}
#header fieldset div label {
	color: #0360be;
	font-size: .9em;
	font-weight: bold;
	line-height: 22px;
}
#header fieldset div input {
	border: #b1cbe2 solid 1px;
	padding: 2px 3px 0;
	height: 18px;
	width: 190px;
}
#header fieldset div button {
	background: url(/common/img/sprites_images.gif) no-repeat -734px -75px;
	border: none;
	display: block;
	height: 22px;
	overflow: hidden;
	text-indent: -1983em;
	width: 37px;
}

/* menu */
#menu {
	background: url(/common/img/extra_sprites.gif) no-repeat -605px -40px;
	height: 30px;
	overflow: hidden;
	width:900px;
	top:0;
	padding:0;
	margin:0;
	line-height:28px;
}
#menu li {
	float: left;	
	border-right: 1px solid #378DEF;
}
li#home{
	width:121px;
}
li#creditCards{
	width:148px;
}
li#freeCreditScores{
	width:148px;
}
li#blog{
	width:168px;
}
li#news{
	width:168px;
}
li#forum{
	width:142px;
	border:0px;
	margin-right:0;
}
#menu li a {
	color:#FFF;
	display: block;
	height: 30px;
	overflow: hidden;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;	
}
#menu li a:hover {
	border:0;
	background: url(/common/img/bg-menu-hover.gif);
	background-position: -123px -30px;
}
#menu li.Active a {
	border:0;
	background: url(/common/img/bg-menu-hover.gif);
	background-position: -123px -30px;
}

li#home a:hover, li#home.Active a {
	background-position: left -30px;
}
li#forum a:hover, li#forum.Active a {
	background-position: -758px -30px;
}

/*Drop down Menu */
#menu li:hover, #menu li.sfhover {
    position: static;
}
#menu li:hover ul, #menu li.sfhover ul {
	left: auto !important;
}

/* COMMON LIST ITEM STYLES */
.homeArticle ul li, .homeBlogRecentPosts ul li, .homePopularArticles ul li {
	margin-left:16px;
	list-style: disc outside url(/common/img/dotdot.gif);
	font-size: 1em;
	padding-bottom: 4px;
        clear: left;
}

/* footer */
#footer {
	float:left;
	color: #666;
	padding: 15px 0;
}

#footer .footerFirstDiv {
	float: left;
	background-color: #F4F3F4;
	padding-left: 10px;
	padding-top: 10px;
	margin-bottom: 5px;
        width: 100%;
}

#footer .hzLine{
	background: url(/common/img/bg-footer.gif) repeat-x;
}

#footer #copyright {
	float:left;
	background: url(/common/img/footer_logo.png) no-repeat;
	padding: 20px 0 10px;
}
#footer p span {
	color: #0360be;
	margin: 0 5px;
	position: relative;
	top: -1px;
}

/* Footer Card Categories, Credit Type and Card Issuer Listing Starts Here.*/
#footer .footerMainDiv{
    overflow:auto;
    float:left;
    width:100%;
    text-align: center;
}
#footer .footerInnerDiv{
    overflow:auto;
    float:left;
    width:173px;
}

#footer .footerMiddleDiv{
    overflow:auto;
    float:left;
    width:282px;	
}

#footer .footerFirstMiddleDiv{
	float:left;
	width: 100%;
}

#footer .footerFirstMiddleDivList{
	margin-top: 10px;
}


#footer .footerInnerDiv1{
    overflow:auto;
    float:left;
    width:137px;
}
#footer .footerVerticalSeparatorHeading{
	float:left; 
	background-image:url(/common/img/vertical-line.jpg); 
	background-repeat:repeat-y; 
	padding-right: 10px;
}

#footer .footerVerticalSeparatorContent{
	float:left; 
	background-image:url(/common/img/vertical-line.jpg); 
	background-repeat:repeat-y; 
	padding-right: 10px;
	height: 210px;
}


/* breadcrumb */
#breadcrumb {
	top:0;
	margin:0;
	color: #0360be;
	padding: 5px 0;
}
#breadcrumb a{
	color: #0360be;
	padding: 0px 0;
}
/* main */
#main {
	overflow: hidden;			
	padding: 0px 0 10px;
}
* html #main {
	height: 1%;
}

/* ads */
#ads {
	padding: 10px 0;
	text-align: center;
}
#ads img {
	vertical-align: top;
}

.red_bold {
color: #FF0000;
font-weight: bold;
}

.style3 {
	font-size: x-small;
	font-style: italic;
}

.style2 {font-weight: bold}

.strikethrough {text-decoration: line-through;}


.unnamed1 {  font-family: Arial, Helvetica, sans-serif; font-size: 11pt}

#last-updated {
	margin-top: 4px;
	font-size: 10px;
}
#content .Sitemap h1 {
	font-size: 2em;
	font-weight: bold;
	color: #92c947;
	padding-bottom: 10px;
}
#content .Sitemap h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #92c947;
	padding-top: 5px;
	padding-bottom: 0px;
}
#content .Sitemap ul {
	padding-top: 2px;
}
#content .Sitemap ul li {
	padding-bottom: 2px;
}

/* CSS for Credit Score Popup Starts Here.*/
#creditScoreContainer {
	font-size: .75em;
	margin: 0 0 0 0;
	text-align: left;
	width: 320px;
}
#creditScoreHeader {
  height: 41px;
  overflow: auto;
  margin: 0 0 0 0;
}
#creditScoreInfo{
  overflow: hidden;
  padding-left: 65px;
}
.creditScoreMainDivEven {
 overflow:auto; 
 width:180px; 
 background-image: url('/common/img/vertical-line.jpg');
 background-repeat: repeat-y;
 background-position: center;
 border-top: 1px solid #ccc;
 background-color: #ECF5FF;
}
.creditScoreMainDivOdd {
 overflow:auto; 
 width:180px;
 background-image: url('/common/img/vertical-line.jpg');
 background-repeat: repeat-y;
 background-position: center;
 border-top: 1px solid #ccc; 
}

#creditScoreMainDivAlt {
 overflow:auto;
 float: left;
 width:180px;
 border-top:1px solid #ccc;
 padding-top: 5px;
}
#creditScoreTxtDivAlt{
 float: left;
 width:100%;
}
.creditScoreInnerDiv {
  float: left;
  width:50%;  
  font-family: arial;
  font-size: 1em;
}
#creditScoreHeader .logo {
	left: 0px;
	position: absolute;
	top: 0px;
	background: url(/common/img/logo_cr.gif) no-repeat;
	display: block;
	height: 41px;
	overflow: hidden;
	text-indent: -1983em;
	width: 252px;
    margin-top: 5px;
    margin-left: 5px;
}
#creditScoreHeader .logoDiv {
	width:250px;
	overflow:auto;
	float:left;
	height:41px;
}
#creditScoreHeader .closeDiv {
	width:65px;
	overflow:auto;
	float:right;
	height:41px;
}

/* sprite stuff by gamehead200 */
.cr-small-logo {
	width: 132px;
	height: 28px;
	overflow: hidden;
	margin: 0 auto;
}
.cr-small-logo img {
	margin-left: -1231px; 
	margin-top: -75px;
}
.cr-ico-up, .cr-ico-down {
	display: inline-block;
	width: 7px;
	height: 6px;
	overflow: hidden;
	float: none;
	vertical-align: middle;
}

.cr-ico-up img {
	margin-left: -1377px; 
	margin-top: -94px;
}

.cr-ico-down img {
	margin-left: -1389px;
	margin-top: -94px;
}

a.learn_more {
	display: block;
	height: 25px;
	width: 120px;
	overflow: hidden;
}

a.learn_more img {
	margin-left: -776px;
	margin-top: -75px;
}
/* CSS for XML marketplace starts here. */
#SHlistings
    {font-family: Helvetica;font-size:12px;}

#SHlistings sup {font-size:80%;}/*position:relative; top:3px;}*/

#ccODB, #ccODB2 /* main wraper that containers the current offer viewed and filter options form - wraps the actual listings view*/
    {}
#ccOResultsDiv /* actual crecit card offer results window */
    {padding:8px;background-color:#fff;} 
#ccOResults /* actual crecit card offer results window */
    {}    

/* Current selections and filter form*/
#ccDshBrd, #ccDshBrd2
    {color:#fff;margin:0 0 5px 0;}
#ccDshBrdTitle, #ccDshBrdTitle2
    {margin:0;padding:0;font-size:14px;font-weight:bold; text-indent:6px;}
#ccCurFltrs, #ccCurFltrs2
    {float:left;width:40%;}
#ccCurFltrTitle, #ccCurFltrTitle2
    {font-size:16px;font-weight:bold;padding:4px 0 4px 0; text-indent:6px;}
#ccCurFltrsData, #rFltrsData, #ccCurFltrsData2, #rFltrsData2
    {background-color:#676767;padding:5px;height:35px;} 
#curAmount, #curBalance, #curAmount2, #curBalance2
    {float:left;padding:0 20px 0 0;font-weight:bold;}
#ccFltrs, #ccFltrs2
    {float:right;width:100%;margin:0 0 0 5px;}
#ccFltrTitle, #ccFltrTitle2
    {font-size:16px;font-weight:bold;padding:4px 0 4px 0;}
#ccFltrsFrm, #ccFltrsFrm2
    {background-color:#676767;padding:5px;height:35px;}    
.fltrFld
    {float:left;padding:7px 5px 0 0;}
#fltrSubmit, #fltrSubmit2
    {float:left;cursor:pointer;padding:4px 0 0 0;}        
.fltrLbl
    {display:block;font-size:11px;color:#ccc;font-weight:normal;}
.fltrFrmFld
    {font-size:10px;}  
#CreditCardTypeID, #CreditCardTypeID2
    {width:120px;}
#AmountID, #AmountID2
    {width:92px;}
#TermID, #TermID2
    {width:78px;}          
        
/* Credit Card Offer Template styles */
    /* table structure */
    .dTbl /*Credit Card offer - main table - min-width:655px; */
        {margin:0;padding:0;width:100%;border-spacing:0;border-collapse:collapse;}
    .ccOMD /*Credit Card Offer More Detail container*/
        {margin:5px 0 0 0;padding:5px 0;border-top:1px dotted #999;}    
    .ccOMDTbl /*Credit Card Offer More Detail table - min-width:655px;*/
        {margin:0;padding:0;border-spacing:0;border-collapse:collapse;width:100%;} 
    .ccOC,.ccOCAlt /*Credit Card Offer Container*/
        {margin:0;border:2px solid transparent;}
        .pos0,.pos1,.pos2 /*first/second/third position border color*/    
            {border-color: #cccccc;background: #F9F9F9 url('../../../Images/CreditCards/bkgd/cardhighlight1-bkgd.gif') bottom left repeat-x;}
        .after3
            {border: 1px solid #ccc}
    .ccODC /*Credit Card Offer Detail container */
        {padding:10px;}
    .ccOD /*Credit card Offer detail wrapper*/ 
        {position:relative;}           
    .ccImg /*Credit Card Image td*/
        {width:15%;padding:0 10px 0 0;vertical-align:top;text-align:center;position:relative;}
    .ccTB /*Credit Card Title Bar td*/
        {vertical-align:top;}
    .ccOD1,.ccOD2,.ccOD3,.ccOD4,.ccOD5 /*Credit Card Offer detail columns*/
        {vertical-align:top;margin:0;padding:0 0 15px 0;}
    .ccOD1 /*Credit Card Offer detail column 1*/
        {width:23%;}
    .ccOD2 /*Credit Card Offer detail column 2*/
        {width:21%;}
    .ccOD3 /*Credit Card Offer detail column 3*/
        {width:19%;}
    .ccOD4 /*Credit Card Offer detail column 4*/
        {width:16%;}
    .ccOD5 /*Credit Card Offer detail column 4*/
        {width:19%;}                 
    .ccODC h1, h2, h3, h4, h5
        {margin:0;padding:0;}
    .ccOMD1 /*Credit Card Offer More detail section column 1*/
        {width:33%;vertical-align:top;padding:0 10px 0 0;}
    .ccOMD2 /*Credit Card Offer More detail section column 2*/
        {width:34%;vertical-align:top;}  
    .ccOMD3 /*Credit Card Offer More detail section column 3*/
        {width:33%;vertical-align:top;}
    .ccOMD4 /*Credit Card Offer More detail section column 4*/
        {width:33%;vertical-align:top;}          
       
    
    .ccODv /*divider between each credit card ad*/
        {margin:3px 0; border:none;}
    .ccODvHighlight /*divider between each credit card ad*/
        {margin:5px 0;border:none;}                     
            
    /* Offer elements */
    .ccT /*credit card title*/
        {float:left;width:80%;}    
        .edRtg /*Editor rating*/
            {font-size:11px;color:#000;font-weight:normal; margin-top:3px; margin-bottom:3px;}
    .ccT a
        {font-family:Arial;font-size:14px;font-weight:bold;color:#1a76d7; text-decoration:none;}
    .top3 a
        {font-family:Arial;color:#1a76d7; font-size:18px; font-weight:bold;}        
    .actLink /*action link*/
        {font-size:11px;color:#1a76d7;display:block; margin-top:5px; text-decoration:none; }
    .rtLink /*recent trend link*/
        {font-size:11px;color:Blue;}    
    .actBtn /*apply now button div*/
        {float:right;padding:0 0 12px 0;width:20%;text-align:right;}
    .moreDetLink /*more details link container*/
        {/*position:absolute;bottom:2px;left:0;z-index:100; */}
    .moreDetLink a /*more details link*/
        {text-decoration:none;cursor:pointer;}
    .moreDetLink a:hover, .ccT a:hover,  .actLink:hover { text-decoration:underline;} 
    .introAPRBox,.regAPRBox,.btBox,.acBox,.afBox,.csBox, .spOffer
        {padding:5px 2px;}
    .spOffer
        {padding:5px 12px 5px 2px;}    
    .dotTopBorder
        {border-top:1px dotted #999;}    
    /*.regAPRBox
        {width:75%;}*/    
    
    
    /* details section */
        .odt
            {font-size:11px;font-weight:bold;}
        .aprDuration, .regAPRDuration, .btFeeMin, .regAPRType, .btDuration, .spDisc,.spXtra
            {font-size:10px;color:#666; font-style:italic;font-weight:normal;}    
        #ccODB h1.aprRate, #ccODB h1.regAPRRate,#ccODB h1.btFee,#ccODB h1.cshBkGas,#ccODB h1.cshBkGrocery,#ccODB h1.cshBkOther,#ccODB h1.airMile,#ccODB h1.airBonus,#ccODB h1.spOffDetail,
        #ccODB2 h1.aprRate, #ccODB2 h1.regAPRRate,#ccODB2 h1.btFee,#ccODB2 h1.cshBkGas,#ccODB2 h1.cshBkGrocery,#ccODB2 h1.cshBkOther,#ccODB2 h1.airMile,#ccODB2 h1.airBonus,#ccODB2 h1.spOffDetail
            {font-size:13px;font-weight:bold;}
        h4.afRate
            {font-size:11px; font-weight:bold;}                     
        #ccODB .acComments, #ccODB2 .acComments
            {color:#666;font-size:11px;}
        #ccODB .acComments ul, #ccODB2 .acComments ul
            {margin:0 0 0 15px;padding:0; list-style-position:outside; list-style-type:disc}
        #ccODB .acComments ul li, #ccODB2 .acComments ul li
            {margin:0;padding:0;}
        .omdt
            {font-size:10px;color:#666;font-style:italic;}   
        .mpDlr,.cshBk,.ptBlr,.crScr
            {font-size:12px;font-weight:bold;}
        h1.afRate
            {padding:12px 0 0 0;}    
        #ccODB .whoUse,#ccODB .csScore, #ccODB2 .whoUse,#ccODB2 .csScore
            {font-size:11px;color:#666;font-weight:normal;}
        .csGraph
            {width:80px;border:1px solid #666;height:8px;margin:5px 0;}
        .csGraphData
            {background-color:#999;height:8px;}                             
        #ccODB .highlight1, #ccODB2 .highlight1
            {font-size:14px;color:#74a631;font-weight:bold;}
        .cbReward
            {float:left;width:33%;font-size:13px;font-weight:bold;}
        .airRewardCnt
           {float:left; width:100%; overflow:hidden;}
            .airReward
                {float:left;width:50%;font-size:13px;}
            .airRewardBonus
                {float:right;width:50%; font-size:13px;}                
/* utility */    
.clearIt
    {clear:both;} 
/* for round corner ads, where css3 is supported */
.roundCorner5
    {-webkit-border-radius: 5px; -moz-border-radius: 5px;}
.roundCorner10
    {-webkit-border-radius: 10px; -moz-border-radius: 10px;}           
.noPadding
    {padding:0;}
.boxPadding
    {padding:5px 2px;}        
/* CSS for XML marketplace ends here. */

div.homeAskContent dl dd p {display: inline;} /* Keeps answer on the same line as A: */

#sa {
	background: url(/common/img/sprites_images.gif) no-repeat -734px -75px;
	border: none;	
	height: 22px;
	overflow: hidden;
	text-indent: -1983em;
	width: 37px;
	margin-left: 6px;
	font-size: 0px;
	cursor: pointer;
	padding-top: 7px;	
}
/* media buttons */
#media_facebook_text, #media_twitter_text, #media_stumbleupon_text, #media_yahoobuzz_text,
#media_tipd_text, #media_digg_text, #media_delicious_text, #media_rss_text {
    position: relative;
    bottom: 4px;
}

.apology_header {
    font-family: arial;
    font-weight: bold;
    outline: medium none;
    font-size: 20px;
    padding-top: 5px;
    line-height: normal;
}

.apology_text {
    font-family: arial;        
    font-size: 15px;
    padding-bottom: 10px;
}

/* CSS for SilverPop Newsletter starts here. */
#specialdealsboxes #specialdealsdialog 
{
	background-image:url('/common/img/email_alerts/cc-email-alerts-bkgrd.png');
	background-repeat:no-repeat;
}
#specialdealsboxes .specialdealswindow 
{
	display:none;
	height:190px;
	left:0;
	position:absolute;
	top:0;
	width:280px;
	z-index:9999;
	color:#FFFFFF;
}
#specialdealsboxes .specialdealsHeading 
{
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:#FFFFFF;
	padding-top: 15px;
	padding-left: 30px;
}
.specialDealscaption
{
	background-image:url('/common/img/email_alerts/cc-email-alerts-heading-bkgrd.jpg');
	background-repeat:no-repeat;
}
#socialMedia {
	float: right;
	left: 0px;
	top: 3px;
	position: relative;
	margin: 0;
	padding: 0;
	vertical-align: top;
	padding-right: 6px;
}		
/* CSS for SilverPop Newsletter ends here. */ 


/* extra */
#extra {
	float: left;
	font-size: .9em;
	width: 155px;
}
#homeextra{
	float: left;
	font-size: .9em;
	width: 160px;
}

/* home extra box */
#homeextra .Box {
	/*background: url(/common/img/border-todays-rates.png) no-repeat left bottom;*/
	padding-bottom: 5px;
	margin-bottom: 20px;
}
#homeextra .Box h3 {
	background: #9f9fa3 url(/common/img/sprites_images.gif) no-repeat -165px 0;
	color: #fff;
	font-size: 1.2em;
	padding: 5px 10px;
}
#homeextra .Box h3.ExtraTitle {
        background: url(/common/img/sprites_images.gif) 0 0;
        color: #0C55A0;
	font-size: 1.2em;
}
#homeextra .Box .Content {
	padding: 5px 7px;
        border: 1px solid #C9C9C9;
        background-color: #FCFCFC;
}
#homeextra .Nav .Content {
	padding: 0 1px 9px;
}


/* box */
#extra .Box {
	background: url(/common/img/bg-box-1.gif) no-repeat left bottom;
	padding-bottom: 5px;
	margin-bottom: 7px;
}
#extra .Box h3 {
	background: #9f9fa3 url(/common/img/sprites_images.gif) no-repeat -165px 0;
	color: #fff;
	font-size: 1.2em;
	padding: 5px 10px;
}
#extra .Box h3.ExtraTitle {
        background: url(/common/img/sprites_images.gif) 0 0;
        color: #0C55A0;
	font-size: 1.2em;
}
#extra .Box .Content {
	padding: 5px 7px;
}
#extra .Nav .Content {
	padding: 0 1px 9px;
}

/* today rates */
.Box .TodayRates {
	padding: 5px 0;
}
.Box .TodayRates dl {
	line-height: 1.25em;
	overflow: hidden;
	padding: 5px 0;
}
.Box .TodayRates dl dt {
	float: left;
	width: 90px;
}
.Box .TodayRates dl dt a:link, .Box .TodayRates dl dt a:visited {
	text-decoration: none;
}
.Box .TodayRates dl dd {
 	color: #92c947;
	float: right;
	font-weight: bolder;
	text-align: right;
	width: 50px;
}
.Box .TodayRates dl dd img {
	vertical-align: middle;
}
.Box p.meta{
    color: #999;
    margin-bottom: 5px;
}
.Box p.meta a{
    color: #999;    
}
.Box p.meta span a{
    color: #0360BE;
}
a:visited .aTodaysRates{
    color: #999;
}

#getthiswidget .normal {
	width: 119px;
	height: 27px;
	overflow: hidden;
	float: left;
	margin-bottom: 10px;
}

#getthiswidget .normal img {
	margin-left: -444px;
}

#getthiswidget .hover img {
	margin-left: -568px;
}

.ccrates{
    align:center;
    padding: 6px 6px;
}
/* list */
.Box .List {
	font-size: 1.1em;
}
.Box .List li {
	padding: 2px 9px;
}
.Box .List li.Active, .Box .List li.Over {
	background-color: #92c947;
	color: #fff;
}
.Box .List li.Active {
	font-weight: bolder;
}
.Box .List li.Active a:link, .Box .List li.Active a:visited,
.Box .List li.Over a:link, .Box .List li.Over a:visited {
	color: #fff;
}
.Box .List li.Active a:hover,
.Box .List li.Over a:hover {
	color: #000;
}

/* newsletter */

#homeextra .Box div.NewLetterExtraTitle {
        background: url(/common/img/sprites_images.gif) repeat-x 0 -75px;
        color: #0C55A0;
	font-size: 1.2em;
        font-weight: bolder;
        padding-left: 10px;
        height: 23px;
        overflow: hidden;
        padding-top: 5px;
}

#extra .Box h3.NewLetterExtraTitle {
        background: url(/common/img/sprites_images.gif) repeat-x 0 -75px;
        color: #0C55A0;
	font-size: 1.2em;
}
.txtNewsletter{
    float:left;
    overflow:auto;
    text-align: left;
    color: #999;
    font-size: 1em;
    margin-bottom: 10px;
}

#newsletter-submit {
	cursor:pointer;
	cursor:hand;
}

.txtEmailNewsletter{
    float:left;
    overflow:auto;
    text-align: left;
    color: #999;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 5px;
}


.Box .Newsletter {
	text-align: center;
	width:140px; 
	overflow:hidden;
}

/* sprite stuff by gamehead200 */

.Box .Newsletter .newsletterImage {
	width: 41px;
	height: 33px;
	float: right;
	overflow: hidden;
}

.Box .Newsletter .newsletterImage img {
	margin-left: -1401px;
	margin-top: -75px;
}

/* end */

.Box .Newsletter p {
	padding: 0px 10px 0px;
}
.Box .Newsletter input, .Box .Newsletter button {
	display: block;
	margin: 0 auto;
}
.Box .Newsletter div input {
	border: #ccc solid 1px;
	margin-bottom: 5px;
	width: 135px;
	overflow:hidden;
}
.Box .Newsletter div button {
	background: url(/common/img/extra_sprites.gif) no-repeat -834px 0;
	border: none;
	height: 22px;
	overflow: hidden;
	text-indent: -1983em;
	width: 87px;
        margin-left: 50px;
        margin-bottom: 10px;
}

.Box .Newsletter-hover div button {
	background: url(/common/img/extra_sprites.gif) no-repeat -926px 0;
}

/* get free credit score */
#getFreeCreditScore {
	background: url(/common/img/bg-get-free-credit-score.gif) no-repeat;
	color: #0069d1;
	height: 300px;
	margin-bottom: 10px;
	overflow: hidden;
	padding: 10px;
	text-align: center;
}
#getFreeCreditScore h3 {
	font-size: 2.2em;
	line-height:26px;
}
#getFreeCreditScore p {
	padding-top: 5px;
	font-size:1.6em;
	text-align:center;
	font-weight:bolder;
}
#getFreeCreditScore .StartNow a {
	background: url(/common/img/sprites_images.gif) no-repeat -1138px -75px;
	display: block;
	height: 30px;
	margin: 0 auto;
	overflow: hidden;
	text-indent: -1983em;
	width: 104px;
}
/* get free credit score home */
#getFreeCreditScoreHome {
	background: url(/common/img/bkgrd-credit-score-1.png) no-repeat;
	color: #0069d1;
	height: 259px;	
	overflow: hidden;	
	/*text-align: center;*/
    margin-bottom: 20px;
}

#getFreeCreditScoreHome h3{
	font-size: 2.6em;
	line-height:26px;
}
.txtInstant{
	padding-left:11px;
	padding-top:23px;	
}
.txtInstant a:link {
	font-size: 1.6em;
	line-height:23px;
        font-family: arial, verdana, tahoma;
        color: #fff;
        font-weight: bold;
}
#getFreeCreditScoreHome .txtInstant h2{
	font-size: 1em;
	line-height:20px;
        font-family: arial, verdana, tahoma;
        color: #fff;
        font-weight: bold;
}

#getFreeCreditScoreHome p a{
	padding-top: 11px;
	font-size:1.2em;
	text-align:left;
	font-weight:normal;
    color: #fff;
}
#getFreeCreditScoreHome .StartNow a {
	background: url(/common/img/extra_sprites.gif) no-repeat -1018px 0;
	display: block;	
	overflow: hidden;
	text-indent: -1983em;
	width: 101px;
    margin-left: 27px;
}

#getFreeCreditScoreHome .StartNow-hover a {
	background: url(/common/img/extra_sprites.gif) no-repeat -1124px 0;
}

#getFreeCreditScoreHome .creditScoreTitle{
    color: #fff;
    font-size: 1.6em;
}


/* credit card database */
#extra .CreditCardData a {
	background: url(/common/img/sprites_images.gif) no-repeat -810px -36px;
	color: #fff;
	display: block;
	font-size: 1.1em;
	font-weight: bolder;
	height: 30px;
	line-height: 30px;
	padding-left: 23px;
}

#homeextra .CreditCardData a {
	background: url(/common/img/bg-credit-card-database.gif) no-repeat -810px -36px;
	width: 155px;
	color: #fff;
	display: block;
	font-size: 1.1em;
	font-weight: bolder;
	height: 30px;
	line-height: 30px;
	padding-left: 23px;
}

/* blog */
.Box .Blog h4 {
	font-size: 1em;
	color: #0163be;
}

div.seperator { line-height:0;}

/* CSS for ask-the-expert home page captcha starts here. */
#addCaptcha
{
	border: 2px solid #CCCCCC;
	border-radius: 6px;
	padding: 6px;
	float: left;
	width: 324px;
}
#ask-the-expert-mask {
    background-color: #000000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 9000;
	filter: alpha(opacity = 80);
}
#boxes #ask-the-expert-dialog {
    background-color: #FFFFFF;
    padding: 6px;
    width: 340px;
}
#boxes .ask-the-expert-window {
    display: none;
    padding: 20px;
    position: absolute;
    width: 330px;
    z-index: 9999;
}
#captchaRefresh {
    background: url("/common/img/ask-the-expert-section-refresh.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 23px;
    overflow: hidden;
    vertical-align: middle;
    width: 106px;
}
.commentInput {
    background: url("/common/img/ask-the-expert-section-submit.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 23px;
    overflow: hidden;
    width: 106px;
}
.askexpertCaptchaInput{
    border:1px solid #DADADA;    
    width: 150px;
    overflow:hidden;
    float:left;
	margin-top: 2px;
}
.closeDiv
{
	float: right;
}
/* CSS for ask-the-expert home page captcha starts here. */


#content {
	float: right;
	width: 735px;
}

#content .Alt {
	background: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.Box h3 {
	background: #909095 url(/common/img/sprites_images.gif) no-repeat -325px 0;
	color: #fff;
	font-size: 1em;
	padding: 5px 10px;
}
#content .Box .Content {
	padding: 10px 10px 0;
}

.CardInfo {
	overflow: hidden;
	padding-bottom: 10px;
}
.Image {
	float: left;
	margin: 5px 10px 0 0;
	text-align: center;
	width: 110px;
}
.Image img {
	vertical-align: top;
}
.Info {
	float: left;
	width: 450px;
}
.CardInfo .Info h4 {
	color: #1070cf;
	font-size: 1em;
	margin-bottom: 5px;
}
.Info ul li {
	background: url(/common/img/ico-list.gif) no-repeat left 7px;
	padding-left: 10px;
}
.CardDetails {
	padding-left: 10px;
}
.EditorRating {
	background: url(/common/img/bg-editor-rating.gif) no-repeat;
	float: right;
	height: 82px;
	margin-left: 10px;
	overflow: hidden;
	padding: 5px 5px;
	text-align: center;
	width: 120px;
}

.EditorRating h4 {
	font-size: 1em;
}

.Star5 {
	background: no-repeat center top;
	margin: 2px 0px;
	padding-top: 17px;
	background-image: url(/common/img/ico-star-5-blue.png);
}

.Box .CardInfo .EditorRating p.Star0,
.Box .CardInfo .EditorRating p.Star1,
.Box .CardInfo .EditorRating p.Star2,
.Box .CardInfo .EditorRating p.Star3,
.Box .CardInfo .EditorRating p.Star4,
.Box .CardInfo .EditorRating p.Star5 {
	background: url(/common/img/sprites_images.gif) no-repeat center top;
	margin: 2px 0px;
	padding-top: 17px;
	width: 86px;
	height: 14px;
}
.EditorRating p.Star5 {
	background-position: -1194px -115px;
}

.EditorRating p.Star4 {
	background-position: -1103px -115px;
}
.EditorRating p.Star3 {
	background-position: -1012px -115px;
}
.EditorRating p.Star2 {
	background-position: -921px -115px;
}
.EditorRating p.Star1 {
	background-position: -830px -115px;
}
.EditorRating p.Star0 {
	background-position: -739px -115px;
}
.EditorRating .ApplyNow a {
	background: url(/common/img/sprites_images.gif) no-repeat -165px -75px;
	display: block;
	height: 25px;
	text-indent: -1983em;
	overflow: hidden;
	width: 120px;
}

/* tabular */
.Box .Tabular {
	color: #666;
}
.Box .Tabular table, .Box .Tabular table th, .Box .Tabular table td {
	border: none;
}
.Box .Tabular table th, .Box .Tabular table td {
	padding: 5px;
	text-align: center;
}
.Box .Tabular table th {
	background-color: #e9f1fa;
	color: #005cb9;
}

/* cardData */
.CardData {
	overflow: hidden;
	padding: 10px 10px;
}
.CardData p{
	padding: 60px 10px 0 0;
}
.CardData h1{
	font-size: 1.3em;
	color: #0163be;
	padding-bottom: 5px;
}

.CardData ul li {
	padding: 2px 0;
}

/* New CSS for Card details page starts here. */
.cardHeader{
	width:710px; 
	overflow: auto;       
}

.cardHeaderDiv1{
	width: 164px;
	float:left;  
}

.cardHeaderDiv2{
	width:528px;
	float: left;
}

.cardMiddleHeaderDiv2{
	color: #0163BE;
	font-size: 1.3em;
}

.cardHeaderDiv2 ul li {
	padding:2px 0;
}

.cardHeaderDiv2 ul li img{
	padding:10px 0;
}

.cardIntroHeader{
	width:710px;
	overflow:auto;   
}
.cardIntroAPRHeaderDiv{
	width:115px;
	float:left;
	padding-left:5px;
}
.cardIntroHeaderDiv{
	width:145px;
	float:left;
}
.cardExpertHeader{
	width:710px;
	overflow: auto;
	margin-top:10px;
	margin-bottom:10px;
}
.cardExpertImage{
	width:124px;
	float: left;
}
.cardExpertImage img{
	border: 1px solid #D6D6D6;
}
.cardExpertHeaderDiv{
	width: 586px;
	float: left; 
	overflow: auto;
}
.cardExpertHeaderDiv1{
	float: left;
	width: auto;
	font-size: 1.2em;
	font-weight:bold;
}

.cardExpertHeaderDiv1 h2{
	float: left;
	width: auto;
	font-size: 1em;
}

.cardExpertStar5 {
	background: no-repeat center top;
	margin: 2px 0px;
	padding-top: 17px;
	background-image: url(/common/img/ico-star-5-blue.png);
	float: left;
	width: 88px;
}
.cardExpertStar4 {
	background: no-repeat center top;
	margin: 2px 0px;
	padding-top: 17px;
	background-image: url(/common/img/ico-star-4-blue.png);
	float: left;
	width: 88px;
}
.cardExpertStar3 {
	background: no-repeat center top;
	margin: 2px 0px;
	padding-top: 17px;
	background-image: url(/common/img/ico-star-3-blue.png);
	float: left;
	width: 88px;
}
.cardExpertStar2 {
	background: no-repeat center top;
	margin: 2px 0px;
	padding-top: 17px;
	background-image: url(/common/img/ico-star-2-blue.png);
	float: left;
	width: 88px;
}
.cardExpertStar1 {
	background: no-repeat center top;
	margin: 2px 0px;
	padding-top: 17px;
	background-image: url(/common/img/ico-star-1-blue.png);
	float: left;
	width: 88px;
}

.cardExpertStar0 {
	background: no-repeat center top;
	margin: 2px 0px;
	padding-top: 17px;
	background-image: url(/common/img/ico-star-0-blue.png);
	float: left;
	width: 88px;
}

.cardDetailsHeading {
	padding-bottom:10px;
}

.cardDetailsHeading h2{
	font-size: 1.2em;
}

.cardDetailsOddDiv {
	overflow: auto;
	width: 710px;
	float:left;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #ECF5FF;
	background-image: url('/common/img/vertical-line.jpg');
	background-repeat: repeat-y;
	background-position: 344px 360px;
}

.cardDetailsOddDiv1{
	float: left;
	overflow: auto;
	width: 347px;
	padding: 2px;
}

.cardDetailsEvenDiv {
	overflow: auto;
	width: 710px;
	float:left;
	background-image: url('/common/img/vertical-line.jpg');
	background-repeat: repeat-y;
	background-position: 344px 360px;
}

.cardDetailsDivLast {
	overflow: auto;
	width: 710px;
	float:left;
	border-bottom: 1px solid #CCC;
	background-image: url('/common/img/vertical-line.jpg');
	background-repeat: repeat-y;
	background-position: 344px 360px;
	margin-bottom: 15px;
}

.rateInfoHeading h2{
	font-size: 1.2em;
}

.rateInfoHeadingDiv {
	overflow: auto;
	width: 710px;
}

.fiftyPercentDiv {
	float:left;
	width: 50%;
}
 
.fiftyPercentLeftDiv {
	float:left; width:48%; padding-left: 5px;
}

.sixtyPercentLeftDiv {
	float:left; width:60%; padding-left: 5px;
}

.fourtyPercentRighttDiv {
	float:left;
	overflow:auto;
}

.fiftyPercentRightDiv {
	float:right;
	width: 49%;
}

.rateInfoBalTransfer{
	float:left;
	overflow: auto;
	width: 49%;
}

.rateInfoOuterDiv{
	overflow: auto;
	width: 710px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #ECF5FF;
}

.rateInfoOuterIndexDiv{
	float: left;
	overflow: auto;
	width: 49%;
	background-image: url('/common/img/vertical-line.jpg');
	background-repeat: repeat-y; background-position: 344px 360px;
}

.rateInfoIndexDiv{
	float:left;
	width: 48%;
	padding-left: 5px;
}

.rateInfoOuterIndexDiv1{
	float: left;
	overflow: auto;
	width: 49%;
	background-image: url('/common/img/vertical-line.jpg');
	background-repeat: repeat-y;
	background-position: 168px 360px;
}

.rateInfoBalanceIndexDiv{
	float:left;
	overflow: auto;
	width: 48%;
	padding-left: 5px;
}
	
.rateInfoCashIndexDiv{
	float:left;
	width: 48%;
	padding-left: 5px;
}

.finCalcOuterDiv{
	float: left; overflow: auto; width: 49%;
}

.purchaseGracePeriodDiv{
	float:left; overflow: auto; width: 45%; padding-left: 10px;
}

.purchaseGracePeriodDiv1{
        float:left; width: 49%; padding-left: 10px;
}

.rateInfoIntroPeriod{
        overflow: auto;
        width: 710px;
        border-bottom: 1px solid #CCC;
}

.defaultPenaltyAPROuterDiv{
		overflow: auto; width: 710px; border-bottom: 1px solid #CCC; background-image: url('/common/img/vertical-line.jpg'); background-repeat: repeat-y; 		background-position: 344px 360px;
}

.defaultPenaltyAPRFloorOuterDiv{
 		overflow: auto; width: 710px; border-bottom: 1px solid #CCC; background-color: #ECF5FF; background-image: url('/common/img/vertical-line.jpg'); background-repeat: repeat-y; background-position: 344px 360px;
 }

.penaltyTriggerOuterDiv{
  		overflow: auto; width: 710px; border-bottom: 1px solid #CCC;
}

.penaltyTriggerOuterDiv1{
		float: left; overflow: auto; width: 100%;
}

.penaltyTriggerInnerDiv1{ 
  		float:left; width: 20%; padding-left: 5px;
}

.penaltyTriggerInnerDiv2{ 
		float:left;width: 79%;
}

.ccFeeInfo h2{
		padding-top: 10px;padding-bottom: 10px; font-size:1.2em;
}

.lateFeeOuterDiv{
		overflow: auto; width: 710px; background-image: url('/common/img/vertical-line.jpg'); background-repeat: repeat-y; background-position: 344px 360px;
}

.balanceTransferOuterDiv{
		 overflow: auto; width: 710px;  border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; background-color: #ECF5FF; background-image: url('/common/img/vertical-line.jpg'); background-repeat: repeat-y; background-position: 344px 360px;
}

/* credit card database */
.CreditCardData {
	float: right;
	width: 210px;
}
.CreditCardData a {
	background: url(/common/img/sprites_images.gif) no-repeat -595px -36px;
	color: #fff;
	display: block;
	font-size: 1.35em;
	font-weight: bolder;
	height: 30px;
	line-height: 30px;
	padding-left: 30px;
}

/* note */
.Note {
	padding: 0 10px;
}
.RSS {
	background: url(/common/img/ico-rss-1.gif) no-repeat left 7px;
	font-weight: bolder;
	padding: 5px 20px;
}

.Image-narrow {
	float: left;
	margin: 5px 10px 0 0;
	text-align: center;
	width: 124px;
}

.Image-narrow img {
	vertical-align: top;
	width:124px;
	height:198px;
}

/* in page styles */
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}

#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:320px;
  height:210px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:320px;
  height:210px;
  padding:10px;
  background-color:#fff;
}

#content .dotted-line {
	background: url(/common/img/dotted-line.GIF) repeat-x;
	height: 7px;
}

/* Code for JCarsouel Starts Here.*/
#creditCardDeals .carousel {
	position:absolute;
	/*background:#EFEFEF none repeat scroll 0 0;*/
	padding:7px 0 9px 15px;
    width: 680px;
}

#creditCardDeals .carousel .jCarouselLite { }

#creditCardDeals .carousel .jCarouselLite ul {
	/*left:-2380px;*/
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
	width:600px;
	height: 135px;
	z-index:1;
	overflow:hidden;
}

#creditCardDeals .carousel .jCarouselLite ul li {
	color:#666;
	float:left;
	font-size:0.9em;
	height:135px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	/*margin-right:50px;*/
    margin-left:15px;
	text-align:center;
	width:150px;
}

#creditCardDeals .carousel .jCarouselLite ul li .inner {
	margin:6px 0 5px;
}

#creditCardDeals .carousel .jCarouselLite li img {
	border:medium none;
	height:90px;
	margin:0 0 3px;
}

#creditCardDeals .carousel .jCarouselLite li .inner h4 {
	margin:0 auto;
	min-height:42px;
	width:125px;
}

#creditCardDeals .carousel .jCarouselLite li .inner h4 a {
	margin:0 auto;
	width:125px;
	color:#666;
}

#creditCardDeals .carousel .jCarouselLite li .inner p {
	color:#666;
	font-size:12px;
	height:50px;
	margin:4px 0 5px;
}

#creditCardDeals { /*margin-top: 15px;  margin-bottom: 20px;*/}
#creditCardDeals .Title { height: 100px; padding-right: 0px; overflow: hidden;}
#creditCardDeals .Title h3 { color: #fff; font-weight: bold; border: none; line-height: 35px; margin-left: 6px; float: left;}
#creditCardDeals .Title .Path { float: right; width: 15px; padding-top: 5px;}
#creditCardDeals .Title .Path a { display: block; text-indent: -1985px; }
#creditCardDeals .Title .Path a.Previous {
    background: url(/common/img/prev.png) no-repeat top left;
    float: left;
    width: 15px;
    /*height: 25px;
    margin-right: 5px;*/
}
#creditCardDeals .Title .Path a.Next {
    background: url(/common/img/next.png) no-repeat top left;
    _background: url(/common/img/next.png) no-repeat top left;
    float: right;
    width: 15px;
    /*height: 25px;*/
}

#creditCardDeals .Title .Path ul { margin: 5px 0px 0px; padding: 0px; list-style: none;  float: left;}
#creditCardDeals .Title .Path ul li { float: left;  margin-right: 4px; width: 6px;}
#creditCardDeals .Title .Path ul li a {
    background: url(/common/img/bullet-path.png) no-repeat top left;
    width: 6px;
    height: 6px;
    overflow: hidden;
}
#creditCardDeals .Title .Path ul li a:hover { background-position: 0px -6px;}
#creditCardDeals .Title .Path ul li a.Selected { background-position: 0px -6px;}
#creditCardDeals .ListCards { padding: 9px 0px 9px 8px; background: #efefef;}
#creditCardDeals .ListCards ul { margin: 0px; padding: 0px; list-style: none; overflow: hidden; _height: 1%;}
#creditCardDeals .ListCards li {
    background: url(/common/img/bg-list-card-deals.gif) no-repeat top left;
    width: 150px;
    height: 198px;
    float: left;
    margin-right: 5px;
    text-align: center;
    color: #666;
    font-size: .9em;
}
#creditCardDeals .ListCards li.Last { margin-right: 0px;}
#creditCardDeals .ListCards li .Inner { margin: 6px 0px 5px;}
#creditCardDeals .ListCards li img { margin: 0px 0px 3px; height: 55px; border: none;}
#creditCardDeals .ListCards li h4 { width: 125px; height: 42px; margin: 0px auto;}
#creditCardDeals .ListCards li p { color: #666; font-size:.95em; margin: 4px 0px 5px; height: 50px;}

/* Code for JCarsouel Ends Here.*/