/*-----------------------------------------------------------------------------
Browse All Credit Cards Table Style Sheet
author:    Drew Liverman
e-mail:    drew.liverman@capitalone.com
-----------------------------------------------------------------------------*/

/* = modal window styles
--------------------------------------------- */
#section-3 {
	width:700px;
	}
#helpMeTable{
	font-size:85%;
	line-height:1.2;
	margin-left: 2px;
	}
#helpMeTable caption{
	font-weight: bold;
	display: table-caption;
	padding: 1em 0;
	text-align: left;
	}
#helpMeTable ul li {
	padding: 0;
	}
#bannerWrapperThickBox .promotionalBanner p{
	font-size:85%;
	line-height:1.2;
	}
#bannerWrapperThickBox h3,
#bannerWrapperThickBox h4, 
.promotionalBanner{
	color:#003A6F;
	}	
#bannerWrapperThickBox .promotionalBanner h4{
	font-size:1em;
	font-weight:bold;
	}
#bannerWrapperThickBox .promotionalBanner h3 {
	font-size:1.5em;
	font-weight:bold;
	}
.credit-level a.linkSelectCreditLevel {
	background:transparent none repeat scroll 0 0;
	padding: 0;
	}
.filters-group a.linkSelectCreditLevel {
	font-size: 90%;
	}
#compareAllWrapper a.results-help {
	float: right;
	margin-right:-15px;
	}
#compareForm {
	clear:both;
	}

/* = browse all page styles
-------------------------------------------------------------------------- */
li.filters li {
	font-weight:bold;
	}
li.filters li li li {
	font-weight:normal;
	}
#results-status {
	color:#222222;
	font-size:1.5em;
	font-weight:bold;
	line-height:1.3;
	}

/* Begin Browse All Table Styles
--------------------------------------------------------------------------------------- */
.browse-tbl p {
	margin:0 0 1em;
	}
.browse-tbl th, .browse-tbl td {
	border-right: 1px solid #e8e8e8;
	padding: 4px 9px;
	vertical-align: top;
	}
.browse-tbl tr {
	margin:0;
	}
.browse-tbl th.last {
	border-right: none;
	}
.browse-tbl thead tr {
	background-image: url(/img/card/bg/compare_thead_bg.jpg);
	background-repeat: repeat-x;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	}
.browse-tbl .highlight {
	color: #003a6f;
	font-size: 14px;
	font-weight: bold;
	}
.browse-tbl .fee .highlight {
	display: block;
	}
.browse-tbl td.benefits {
	width: 250px !important;
	}
.browse-tbl td.benefits img {
	float: left;
	padding-bottom: 5px;
	margin:5px 10px 0 0;
	}
.browse-tbl td.benefits span {
	clear: both;
	display: block;
	padding: 0px 0px 5px;
	}
.browse-tbl td.purchase-apr {
	width: 91px !important;
	}
.browse-tbl td.transfer-apr {
	width: 91px !important;
	}
.browse-tbl td.fee {
	width: 61px !important;
	}
#nav-lob ul.filters li span{
	font-weight:bold;
	color:#003A6F;
	}
	
/* For Icon inside of Credit Column on credit level*/
.browse-tbl tr td.credit-level span a img {
	border: none;
	text-decoration: none;
	margin-left: 3px;
	vertical-align:bottom;
	}	
.browse-tbl tr td.credit-level a.details img {
	margin: 0px 0px 3px !important;
	}
.browse-tbl input {
	vertical-align: middle;
	}	
.browse-tbl .benefits p {
	margin:0 0 0 90px;
	font-weight:bold;
	}
.browse-tbl .compare-btn {
	font-size: 11px;
	vertical-align: middle !important;
	}
.browse-tbl .compare-link {
	font-size: 12px;
	vertical-align: middle;
	display: none;
	}
.browse-tbl .compare-text {
	font-size: 12px;
	vertical-align: middle;
	}
.browse-tbl .odd {
	background-color: #f4f6fa;
	}
.browse-tbl tfoot tr {
	background-image: url(/img/global/bg/compare-table_gradient.jpg);
	background-repeat: repeat-x;
	border-top: 1px solid #e8e8e8;
	}
.browse-tbl tfoot tr td {
	border-right: none;
	vertical-align: middle;
	padding: 15px 10px 0px 5px;
	}
.browse-tbl tfoot img {
	vertical-align: middle;
	}
.browse-tbl h3 {
	color: #222;
	font-size: 1.15em;
	font-weight: bold;
	line-height: 1.35;
	margin-bottom: 5px;
}
.browse-tbl caption {
	text-align:left;
	display:table-caption;
	margin-bottom:5px;
	}
#browse-all tfoot .last-row td strong { 
	font-size: 1em;
	font-weight: bold;
	color: #888888;
	padding: 11px 0;
	text-align: left;
	width: 250px;
	margin-left: 110px;
	margin-top: -30px;
	}
#results-status em {
	color: #cf4b01;
	font-style: normal;
	}
a.thickbox {
	font-weight: bold;
	}
	
/* For Credit Column credit level appearances*/
.browse-tbl td.credit-level {
	width: 121px !important;
	border-right: none;
	background-repeat: no-repeat;
	padding: 4px 5px;
	text-align: center;
	}
.browse-tbl td.credit-level span {
	font-weight: bold;
	display: block;
	font-size: 13px;
	}
.browse-tbl tr.excellent td.credit-level span a, 
.browse-tbl tr.good td.credit-level span a {
	color: #1C6D40;
	}
.browse-tbl tr.average td.credit-level span a {
	color: #003a6f;
	}
.browse-tbl tr.limited td.credit-level span a {
	color: #A36401;
	}
.browse-tbl tr.rebuilding td.credit-level span a {
	color: #A36401;
	}    
.browse-tbl tr td.credit-level span a:hover {
	text-decoration: underline;
	}
.browse-tbl tr td.credit-level a img {
	border: none;
	text-decoration: none;
	vertical-align:bottom;
	margin-top:10px;
	}
.credit_level_0,
.credit_level_0:link, 
.credit_level_0:visited {
	color: #86619c;
	}
.credit_level_1,
.credit_level_1:link, 
.credit_level_1:visited {
	color: #217EBF;
	}
.credit_level_2,
.credit_level_2:link, 
.credit_level_2:visited {
	color: #008200;
	}
.credit_level_3,
.credit_level_3:link, 
.credit_level_3:visited,
.credit_level_6,
.credit_level_6:link, 
.credit_level_6:visited {
	color: #cf4b01;
	}
.credit_level_0_cell .credit_level, 
.credit_level_1_cell .credit_level, 
.credit_level_2_cell .credit_level, 
.credit_level_3_cell .credit_level,
.credit_level_6_cell .credit_level{
	margin: 0px;
	padding: 0px;
	}
.credit_level_0_wrapper, 
.credit_level_1_wrapper {
	background-image: url(/img/card/bg/bg_excellent_modal-a.jpg);
	border: 1px solid #9fba8d;
	background-repeat:repeat;
 	padding:4px 0px;
	width: 121px;
	}
.credit_level_2_wrapper {
	background-image: url(/img/card/bg/bg_average_modal-a.jpg);
	border: 1px solid #829eb2;
	color: #003a6f;
	background-repeat:repeat;
	padding:4px 0px;
	width: 121px;
	} 
.credit_level_3_wrapper,
.credit_level_6_wrapper {
	background-image: url(/img/card/bg/bg_rebuilding_modal-a.jpg);
	border: 1px solid #F3D06D;
	color: #A36401;
	background-repeat:repeat;
	padding:4px 0px;
	width: 121px;
	}
.credit_level_0, 
.credit_level_1 {
	position: relative;	
	z-index: 1;
	font-weight: bold;
	clear: none;
	text-align:center;
	text-decoration:none;
	}
.credit_level_2 {
	position: relative;	
	z-index: 1;
	font-weight: bold;
	clear: none;
	text-align:center;
	text-decoration:none;
	}
.credit_level_3,
.credit_level_6 {
	position: relative;	
	z-index: 1;
	font-weight: bold;
	clear: none;
	text-align:center;
	text-decoration:none;
	}

/* = end browse styles
--------------------------------------------- */
.filter-disabled label {
	color: #c7c7c7;
	}
.row-odd {
	background-color: #f3f3f3;
	}
.row-even:hover,
.row-odd:hover {
	background-color: #EFF4FA; 
	border-color: #333;	
	}
.col1,
.col2,
.col3,
.col4 {
	border-right: 1px solid #e7e7e7;	
	}
#browse-all tbody tr td.credit-level {
	padding: 0 0 0 0;
	}
div.compare {
	margin-top: 5px 0 0 0;
	float:left;
	clear:both;
	}
.compare p {
	width: 60px;
	}
.cb-compare {
	margin:0px 0 5px;
	float: left;
	height: 20px;
	}
.cb-label {
	margin: 0 0 0 5px;
	font:1.4 Arial,Helvetica,sans-serif;
	}
.apply-img {
	margin-left: 0;	
	z-index:2;
	}
.credit-level .details-link {
	clear: both;
	line-height:2.5;
	font-size:13px;
	}
.popular-cell {
	background:url(/img/card/bg/popular_badge.gif) transparent bottom right no-repeat;
	}
#tooltip {
	font-size: 85%;
	background-color: #FCFAE9;
	border:1px solid #FFCEB3;
	padding:5px;
	position:absolute;
	z-index:3000;
	}
#tooltip h3, 
#tooltip div {
	margin:0;
	}
#compareInfoTip .compareState {
	display:none;
	padding:3px;
	}
#compareInfoTip.nothingSelected .nothingSelected,
#compareInfoTip.oneSelected .oneSelected,
#compareInfoTip.maxSelected .maxSelected,
#compareInfoTip.multiSelected .multiSelected {
	display:block;
	}

/* = partner cards layout, subnavigation 
 * fixes bg position offset created by seperator 
------------------------------------------------ */ 
#nav-lob .seperator li.on {
	background-position: 1px 10px;
	}
.evolution #nav-lob {
	margin: 0;
	}

/* = Browse all table banner styles 
------------------------------------------------ */
#section-4 .media a{
	margin: 0px 0px 0px -10px;
	}
.divide-12-4-4-4 {
	background:none;
	}