@charset "utf-8";
/*	css document; modified: 20-SEP-2010
----------------------------------------------
    ToC
    1. card site base styles
    2. card page wrapper (content area)
	3. credit card home page quick links
    4. product overview promotional banner
	5. detailed comparison banner
    6. callout section
    7. help me table
    8. no selection box (for both compare all and detailed comparison pages
    9. table title for product overview & compare all tables
    10. compare feedback tooltips
	11. secondary (product category) navigation
	12. credit level modal overlay
	13. partners page
*/
/* remove firefox border around anchor & input selections */
a:active,
a:focus {outline:none;}
input:active,
input:focus {outline:none;}
button {
    background-color:#fff;
    border:0;
    height:auto;
    margin:0;
    overflow:visible;
    outline:none;
    padding:0;
    width:auto;
	}
/* open thickbox icon, used on compare all and product overview pages */
#tooltip {
	background-color:#ffffcc;
	border:1px solid #111;
	opacity:.85;
	padding:5px;
	position:absolute;
	z-index:3000;
	}
#tooltip h3, #tooltip div {margin:0;}
#compareInfoTip .compareState {
	display:none;
	padding:3px;
	}
/* --- =7. help me table --- */
#helpMeWrapper {
    border:1px solid #ddd;
    clear:left;
    margin-bottom:15px;
    padding:5px 15px 15px 10px;
    width:714px;
	}
#helpMeTable {
    background:#fff;
    border-collapse:collapse;
    border-spacing:0;
    clear:left;
	}
#helpMeTable caption {
    font-weight:bold;
    padding-bottom:1em;
    padding-top:.6em;
	}
/* --- default (show) state --- */
#helpMeTable caption a#creditGuidlinesChart {
    background:url(/images/https-creditcards/web_shopper/interface_elements/icons/icon_arrow_widget_blue.png) no-repeat left -14px;
    display:block;
    padding-left:9px;
    width:25em;
	}
/* --- hide state --- */
table.hide#helpMeTable caption {padding-bottom:0em;}
table.hide#helpMeTable caption a#creditGuidlinesChart {background:url(/images/https-creditcards/web_shopper/interface_elements/icons/icon_arrow_widget_blue.png) no-repeat left 4px;}
table.hide#helpMeTable thead {display:none;}
table.hide#helpMeTable tbody {display:none;}
table.hide#helpMeTable tfoot {display:none;}
/* --- table styles --- */
#helpMeTable thead tr th {
    color:#fff;
    font-weight:bold;
    margin:0px;
    padding-bottom:.6em;
    padding-top:.8em;
    text-transform:uppercase;
	}
#helpMeTable thead tr th#helpMeCategory_0 {background:url(/images/https-creditcards/web_shopper/interface_elements/product_overview_table/overview-table-caps.gif) no-repeat scroll left top;}
#helpMeTable thead tr th#helpMeCategory_1 {background:url(/images/https-creditcards/web_shopper/interface_elements/product_overview_table/overview-table-caps.gif) no-repeat scroll -159px top;}
#helpMeTable thead tr th#helpMeCategory_2 {background:url(/images/https-creditcards/web_shopper/interface_elements/product_overview_table/overview-table-caps.gif) no-repeat scroll -318px top;}
#helpMeTable thead tr th#helpMeCategory_3 {background:url(/images/https-creditcards/web_shopper/interface_elements/product_overview_table/overview-table-caps.gif) no-repeat scroll -477px top;}
#helpMeTable tbody tr td {background:url(/images/https-creditcards/web_shopper/interface_elements/product_overview_table/overview-table-bg.gif) repeat-y scroll left center;}
#helpMeTable tfoot tr td {background:url(/images/https-creditcards/web_shopper/interface_elements/product_overview_table/overview-table-caps.gif) no-repeat scroll -636px bottom;}
#helpMeTable td, #helpMeTable th {
    border-left:3px solid #fff;
    margin:0px;
    padding:0px 10px;
    width:137px;
	}
#helpMeTable ul {
    display:block;
    margin-bottom:1em;
    margin-top:1em;
	}
#helpMeTable ul li {
    background:url(/images/https-creditcards/web_shopper/interface_elements/rtpm_product_table/bullet_rtpm_help_me_purple.png) no-repeat left 5px;
    list-style:none;
    margin:0px;
    padding:0px 0px 10px 10px;
	}
#helpMeTable ul#creditCategory_0 li {background:url(/images/https-creditcards/web_shopper/interface_elements/rtpm_product_table/bullet_rtpm_help_me_purple.png) no-repeat left 5px;}
#helpMeTable ul#creditCategory_1 li {background:url(/images/https-creditcards/web_shopper/interface_elements/rtpm_product_table/bullet_rtpm_help_me_cyan.png) no-repeat left 5px;}
#helpMeTable ul#creditCategory_2 li {background:url(/images/https-creditcards/web_shopper/interface_elements/rtpm_product_table/bullet_rtpm_help_me_green.png) no-repeat left 5px;}
#helpMeTable ul#creditCategory_3 li {background:url(/images/https-creditcards/web_shopper/interface_elements/rtpm_product_table/bullet_rtpm_help_me_orange.png) no-repeat left 5px;}
/* select button positioning */
#helpMeTable #compareRow img {
    margin-top:8px;
    margin-bottom:16px;
    margin-left:6px;
	}
/*----- =12. credit level modal overlay ------------(used in browse all, browse details)*/

/* --- =8. no selection box (for both compare all and detailed comparison pages  --- */
#noSelectionBox {
    border:1px solid #ebebeb;
	clear:left;
    display:none;
    padding:20px;
    text-align:center;
	}
#noSelectionBox p {
	font-size:1.3em;
	line-height:1.4em;
	}
/* --- IE6 bug fix attempt  --- */
#nav-lob ul.seperator li {
	position: relative;
	}

/*  Credit Modal Styles
--------------------------------------------------*/
#Modal_overlay.creditCards {
	background-color:#003a6f;
	}
#Modal_window.creditCards {
    background:none;
	font-size:12px;
    height:auto;
    padding:0;
	}
div#bannerWrapperThickBox .closeBtn {
    cursor:pointer;
    position:absolute;
    top:10px;
    right:15px;
	}
div#bannerWrapperThickBox {
    background:#fff no-repeat 0px 0px;
    color:#000;
    height:560px;
    padding:8px 10px 0px;
    width:700px;
	border:2px solid #003A6F;	
	}
/* --- Added Jason B  11.17.10  --- */
div#bannerWrapperThickBox p,
div#bannerWrapperThickBoxUnbuttoned p {
	margin:  0 0 1em 0;
	}

div#bannerWrapperThickBoxUnbuttoned {
    background:#fff no-repeat 0px 0px;
    color:#000;
    height:510px;
    padding:8px 10px 0px;
    width:700px;
	border:2px solid #003A6F;	
	}
div#bannerWrapperThickBox p.modal-divider,
div#bannerWrapperThickBoxUnbuttoned p.modal-divider {
	text-align:center !important;
	margin: 10px 0px 0px 0 !important;
	}
/*
div#bannerWrapperThickBox .average p {
	text-align:center;
	padding: 5px 0px -5px 0;
	}
div#bannerWrapperThickBox .rebuilding p {
	text-align:center;
	padding: 0px 0px 0px 0;
	}
	*/
div#bannerWrapperThickBox h3,
div#bannerWrapperThickBoxUnbuttoned h3 {
	color:#003a6f;
    font-size:1.8em;
	}
div#bannerWrapperThickBox h4,
div#bannerWrapperThickBoxUnbuttoned h4 {
	color:#003a6f;
    font-size:1.1em;
	font-weight:bold;
	margin:.3em 0;
	}
div#creditCategoryWrapper {
    background:#fff;
    margin-top:26px;
	}
div#creditCategoryWrapper #helpMeTable caption {
	padding-left:.2em;
	}
div#bannerWrapperThickBox h1 {
	color:#003A6F;
	font-size:1.7em;
	font-weight:bold;
	}
div.modal-hover div.credit-descriptions {
	clear: both;
	}
	
/* Modal Interior */	
div.modal div.column h2 {
	padding: 7px 0px 6px 10px;
	font-size: 16px;
	background-repeat: repeat-x;
	text-align: center;
	margin-bottom: 0px;
	}
div.modal div.column.excellent h2 {
	background-image: url(/img/card/bg/bg_excellent_modal-a.jpg);
	border: 1px solid #9fba8d;
	color: #1C6D40;
	}
div.modal div.column.average h2 {
	background-image: url(/img/card/bg/bg_average_modal-a.jpg);
	border: 1px solid #829eb2;
	color: #003a6f;
	}
div.modal div.column.rebuilding h2 {
	background-image: url(/img/card/bg/bg_rebuilding_modal-a.jpg);
	border: 1px solid #ddbc64;
	color: #975b00;
	}
div.modal div.column.excellent ul li.credit-descriptions {
	border: 1px solid #9fba8d;
	margin-bottom:15px;
	}
div.modal div.column.average ul li.credit-descriptions {
	border: 1px solid #829eb2;
	margin-bottom:15px;
	}
div.modal div.column.rebuilding ul li.credit-descriptions {
	border: 1px solid #ddbc64;
	margin-bottom:15px;
	}
div.modal div.column ul {
	margin-top:0;
	}
div.modal div.column ul li.credit-descriptions {
	padding: 10px;
	border-top: none !important;
	font-size: 13px; 
	margin:-5px 0 5px;
	text-align: center;
	}
div.modal div.column ul li.credit-headings {
	padding: 0px;
	}
div.modal div.column {
	font-size: 13px;
	display: block;
	background-position: bottom !important;
	background-repeat: no-repeat;
	}
div.modal div.column ul li {
	background-image: none;
	padding: 0px 10px;
	}
div.modal div.column div {
	vertical-align:bottom;
	}	
div.modal div.column.excellent ul{
	background-image: url(/img/card/bg/bg_excellent_modal-c.jpg);
	background-position: bottom !important;
	background-repeat: no-repeat;
	height:405px;
	margin:0 0 20px;
	}
div.modal div.column.average ul{
	background-image: url(/img/card/bg/bg_average_modal-c.jpg);
	background-position: bottom !important;
	background-repeat: no-repeat;
	margin:0 0 20px;
	height:405px;
	}
div.modal div.column.rebuilding ul{
	background-image: url(/img/card/bg/bg_rebuilding_modal-c.jpg);
	background-position: bottom !important;
	background-repeat: no-repeat;
	margin:0 0 20px;
	height:405px;
	}
div.modal div.column ul li p {
	line-height:1.3em;
	margin: 5px 0px 6px !important;
	padding: 0px !important;
	}
	
#js-enabled .getReader {
	display:block;
	padding-top:10px;
	}
#js-enabled p.getReader.on {
	display:none;
	}

/* --- =13 partners page */
.partner-callout .card-image  {
	padding: 4px 10px 10px 0; 
	float: left; 
	width: 90px; 
	height: 74px;
	}
div.partner-callout .learn-more {
	margin: 0px 0px 0px;
	}
div.partner-callout .clearBoth {
	clear: both;
	}
div.partner-callout-ad img {
	width: 440px; 
	height: 168px;
	}