@charset "utf-8";
/*	css document; modified: 26-JUN-2009
----------------------------------------------------------------------------
    ToC
    1. product overview & detailed comparison tables
	2. best match icon for product overview page
	3. view all cards paragraph (under product table)
	4. compare button
	5. pagination module
	6. compare all page header
	7. compare all filter form
	8. compare all table
	9. compare all table footer
*/
/* ----- =1. product overview & detailed comparison tables ----- */
/* basic table styles */
#productTable {
    background:#fff;
    border-collapse:collapse;
    border-spacing:0;
    clear:left;
}
#productTable caption {display:none;}
#productTable td, 
#productTable th {
	border-bottom:1px solid #ddd;
	border-left:3px solid #fff;
	padding:6px 10px;
}
/* remove left border on left header column (from basic table styles) */
#productTable thead tr th.tableOrign,
#productTable tbody tr th,
#productTable tfoot tr th {border-left:none;}
/* remove bottom border on header elements (from basic table styles) */
#productTable thead tr th,
#productTable tfoot tr th {border-bottom:none;}
/* remove bottom border on table cells (from basic table styles) */
#productTable th.noBottomBorder,
#productTable td.noBottomBorder {border-bottom:none;}
/* table header row styles */
#productTable thead tr th {
	color:#fff;
	font-weight:bold;
	padding-top:8px;
	text-align:left;
	text-transform:uppercase;
}
#productTable thead th.headerCreditCategory_0, 
#productTable thead th.headerCreditCategory_1, 
#productTable thead th.headerCreditCategory_2, 
#productTable thead th.headerCreditCategory_3 {width:136px;}
#productTable thead th.headerCreditCategory_0 {background:url(/images/https-creditcards/web_shopper/interface_elements/product_overview_table/overview-table-caps.gif) no-repeat left top;}
#productTable thead th.headerCreditCategory_1 {background:url(/images/https-creditcards/web_shopper/interface_elements/product_overview_table/overview-table-caps.gif) no-repeat -159px top;}
#productTable thead th.headerCreditCategory_2 {background:url(/images/https-creditcards/web_shopper/interface_elements/product_overview_table/overview-table-caps.gif) no-repeat -318px top;}
#productTable thead th.headerCreditCategory_3 {background:url(/images/https-creditcards/web_shopper/interface_elements/product_overview_table/overview-table-caps.gif) no-repeat -477px top;}
/* table header column styles */
#productTable tbody tr th,
#productTable tfoot tr th {
    text-align:right;
    width:85px;
}
#productTable tr.productNameRow th {
	padding-top:1em;
	vertical-align:top;
}
#productTable tr.productNameRow td h3 {
	display:block;
	font-size:1.2em;
	font-weight:bold;
	height:3.7em;
	margin-bottom:.6em;
	margin-top:.3em;
	vertical-align:top;
}
#productTable tr.productNameRow td p {
    margin-bottom:.6em;
    margin-top:.6em;
}
/* table body styles */
#productTable tbody td {
	background:url(/images/https-creditcards/web_shopper/interface_elements/product_overview_table/overview-table-bg.gif) repeat-y left;
	width:136px;
}
#productTable tbody tr.primary_benefit td {
	background:url(/images/https-creditcards/web_shopper/interface_elements/product_overview_table/overview-table-bg.gif) repeat-y -318px;
	font-weight:bold;
	width:136px;
}
#productTable tr.controlRow td {background:url(/images/https-creditcards/web_shopper/interface_elements/product_overview_table/overview-table-bg.gif) repeat-y -159px;}
#productTable tr.controlRow th {
	background:url(/images/https-creditcards/web_shopper/interface_elements/icons/icon_arrow_widget_blue.png) no-repeat 3px -8px;
	border-top:1px solid #2866af;
	color:#2763a5;
	cursor:pointer;
	font-weight:bold;
	text-transform:uppercase;
    text-decoration:underline;
}
/* change position of open-close triangle widget */
#productTable tr.controlRow th.close {background:url(/images/https-creditcards/web_shopper/interface_elements/icons/icon_arrow_widget_blue.png) no-repeat 3px 10px;}
/* remove card row styles */
#productTable tr#removeCardRow th,
#productTable tr#removeCardRow td {
	padding-bottom:15px;
	padding-top:15px;
	font-weight:bold;
}
.contentRowHide {display:none;}
/* compare row styles */
#productTable .compareRow p {font-weight:bold;}
/* table foot styles */
#productTable tfoot tr th,
#productTable tfoot tr td {font-size:1em;}
#productTable tfoot tr td {
	background:transparent url(/images/https-creditcards/web_shopper/interface_elements/product_overview_table/overview-table-caps.gif) no-repeat scroll -636px bottom;
	border-bottom-style:none;
}
#productTable tfoot tr.detailsRow td {
	background:url(/images/https-creditcards/web_shopper/interface_elements/product_overview_table/overview-table-bg.gif) repeat-y left;
}
#productTable tfoot tr.detailsRow th,
#productTable tfoot tr.detailsRow td {border-bottom:1px solid #ddd;}
#productTable tfoot tr.compareRow td,
#productTable tfoot tr#applyRow td {
	background:url(/images/https-creditcards/web_shopper/interface_elements/product_overview_table/overview-table-caps.gif) no-repeat -636px bottom;
	border-bottom-style:none;
	padding-bottom:15px;
	padding-top:15px;
}
/* developer hooks */
#productTable td.hide, 
#productTable th.hide {display:none;}
#productTable td.show {display:table-cell;}
/* ----- =2. best match icon for product overview pages ----- */
.pageContainer span#bestMatchIndicator {
	color:#e60000;
	text-transform:uppercase;
}
/* best match icon for product overview table */
span.bestMatchCreditCategory_0,
span.bestMatchCreditCategory_1, 
span.bestMatchCreditCategory_2,
span.bestMatchCreditCategory_3 {
	background:url(/images/https-creditcards/web_shopper/interface_elements/icons/icon_best_match.png) no-repeat;
	height:40px;
	margin:-15px 0 0 5px;
	position:absolute;
	text-indent:-9999px;
	width:40px;
	z-index:300;
}
/* ----- =3. view all cards paragraph (under product table) ----- */
p#productOverviewLinks {
	margin-bottom:2em;
	margin-top:1em;
	text-indent:109px;
}
/* ----- =4. compare button ----- */
/* Hides the compare buttons by default unless JavaScript is enabled */
#productTable tr.compareRow th, 
#productTable tr.compareRow td.cardListCompare p {visibility:hidden;}
td.cardListCompare label,
td.cardListCompare a {
	margin-left:4px;
	position:relative;
	top:-2px;
}
tr#removeCardRow td p a {
	margin-left:4px;
	position:relative;
	top:-2px;
}
/* ----- =5. pagination module ----- */
p#creditLevelInfoBarReset {
	left:110px;
	position:absolute;
}
.cardPageWrapper ul#pagination {
	border:0;
	margin:0;
	padding:0;
	position:absolute;
	right:-4em;
	width:16em;
}
.cardPageWrapper ul#pagination li {
	background:none;
	border-right:solid 1px #b0b3b5;
	color:#999;
	display:inline;
	font-weight:bold;
	list-style:none;
	margin-right:2px;
	padding:0 6px 0 0;
}
.cardPageWrapper ul#pagination li.previous, 
.cardPageWrapper ul#pagination li.next {
	font-weight:normal;
	position:relative;
}
.cardPageWrapper ul#pagination li.next {border:none;}
.cardPageWrapper ul#pagination li.off {visibility:hidden;}
.cardPageWrapper ul#pagination li.previous a span, 
.cardPageWrapper ul#pagination li.next a span {
	position:relative;
	text-decoration:none;
	top:-2px;
}

/* ----- =6. compare all page header ----- */
#compareHeaderWrapper {
	margin-bottom:10px;
	margin-top:8px;
	position:relative;
}
#compareHeaderWrapper p#creditLevelInfoBarReset {
	float:left;
	left:0;
}
#compareHeaderWrapper p#faqLink {
	font-weight:bold;
	text-align:right;
}
#compareHeaderWrapper #creditLevelBox {
	height:16px;
	padding-left:5px;
}
#compareHeaderWrapper #creditLevelInfoBar {
	float:left;
	left:0;
	margin-top:0;
	position:relative;
}
/* ----- =7. compare all filter form ----- */
#compareAllWrapper {clear:left;}
form#compareAllCreditFilter {clear:left;}
form#compareAllCreditFilter span {
	color:#fff;
	float:left;
	font-weight:bold;
	height:19px;
	margin:0 2px 0 0;
	padding:6px 0px 0px 6px;
	position:relative;
	text-transform:uppercase;
	width:178px;
}
form#compareAllCreditFilter span#filterCategory_0 {background:#8e67b9;}
form#compareAllCreditFilter span#filterCategory_1 {background:#43a1e3;}
form#compareAllCreditFilter span#filterCategory_2 {background:#37c54b;}
/* also remove right margin and set size to fill gap */
form#compareAllCreditFilter span#filterCategory_3 {
	background:#eb7a00;
	margin-right:0px;
	width:177px;
}
form#compareAllCreditFilter label {
	margin-left:3px;
	position:absolute;
	top:6px;
}
/* ----- =8. compare all table ----- */
#compareForm {
	clear:left;
	width:741px;
}
#compareAllTable {clear:left;}
#compareAllTable caption {display:none;}
#compareAllTable table-column {width:80px;}
#compareAllTable thead th,
#compareAllTable td {padding:8px 5px;}
#compareAllTable tbody tr.highlight, 
#compareAllTable tbody tr:hover {background:#edf3fe;}
#compareAllTable thead tr th {
	background:#ebebeb url(/images/https-creditcards/web_shopper/interface_elements/compare_all/compare_all_header_gradient.png) repeat-x left top;
	border-bottom:2px solid #fff;
	border-left:2px solid #fff;
	font-weight:bold;
	vertical-align:bottom;
}
#compareAllTable thead tr th#compareAllCardNameHeader {border-right:2px solid #fff;}
#compareAllTable thead tr th#compareAllPrimaryBenefitHeader {width:100px;}
#compareAllTable thead tr th#compareAllPrimaryBenefitHeader,
#compareAllTable thead tr th#compareAllCreditTypeHeader {border-left:none;}
#compareAllTable tbody tr td, 
#compareAllTable tbody tr th {
	border-bottom:1px solid #ccc;
	vertical-align:top;
}
#compareAllTable tbody tr th {padding:0 6px 0 8px;}
#compareAllTable td.compareAllMostPopular img {margin-top:3px;}
#compareAllTable td.compareAllCardName h3 {
	font-size:1.1em;
	font-weight:bold;
}
#compareAllTable tbody tr th.compareAllCategory_0,
#compareAllTable tbody tr th.compareAllCategory_1,
#compareAllTable tbody tr th.compareAllCategory_2,
#compareAllTable tbody tr th.compareAllCategory_3 {width:3px;}
#compareAllTable tbody tr th.compareAllCategory_0 {background:#8e67b9 url(/images/https-creditcards/web_shopper/interface_elements/compare_all/compare_excellent_credit.gif) no-repeat 2px 2px;}
#compareAllTable tbody tr th.compareAllCategory_1 {background:#43a1e3 url(/images/https-creditcards/web_shopper/interface_elements/compare_all/compare_good_credit.gif) no-repeat 2px 2px;}
#compareAllTable tbody tr th.compareAllCategory_2 {background:#37c54b url(/images/https-creditcards/web_shopper/interface_elements/compare_all/compare_average_credit.gif) no-repeat 2px 2px;}
#compareAllTable tbody tr th.compareAllCategory_3 {background:#eb7a00 url(/images/https-creditcards/web_shopper/interface_elements/compare_all/compare_limited_credit.gif) no-repeat 2px 2px;}
#compareAllTable .compareAllApply img {margin:0 0 9px 0;}
#compareAllTable .compareAllApply p.compareCheckbox {
	font-weight:bold;
	margin-top:9px;
}
#compareAllTable p.compareCheckbox label,
#compareAllTable p.compareCheckbox a {
	padding-left:4px;
	position:relative;
	top:-2px;
}
#compareAllTable .compareAllApply p {margin:-2px 0;}
td.compareAllCardName {width:105px;}
td.compareAllPrimaryBenefit{
	background-color:#fafafa;
	font-weight:bold;
}
tr:hover td.compareAllPrimaryBenefit, 
tr.highlight td.compareAllPrimaryBenefit {background-color:#e8eef9;}
/* ----- =9. compare all table footer ----- */
#compareAllTable tfoot td {padding-top:15px;}
p#compareAllFindNothing {
	float:left;
	padding-left:28px;
	width:530px;
}
#compareAllTable tfoot button {float:right;}