/*-----------------------------------------------------------------------------
www.capitalone.com Common Style Sheet
version:   1.0
author:    Daniel Cottner
e-mail:    daniel.cottner@capitalone.com
-----------------------------------------------------------------------------*/

@import url("rr-disclosures.css");

/* =Common styles used across multiple page types
----------------------------------------------------------------------------------------------------*/
.error {
    color: #a12830;
    font-weight: bold;
}
input[type=text].error, input[type=password].error, select.error, textarea.error {
    border: 1px solid #a12830;
    color: #444;
    font-weight: normal;
}
.rate {
    font-weight: bold;
}
.table-rate{
	color: #003b6d;
	font-size:2em;
	font-weight:bold;
}
.table-rate-type{
	color: #003b6d;
	font-size:1.25em;
	font-weight:bold;
}
.highlight {
    color: #ff5c00;
}
/* ++++++++++++++++++++++++++++++++++++++++++ 
accessibility overrides
[drew.liverman | 06.28.10] 
++++++++++++++++++++++++++++++++++++++++++ */
/* headlines & highlights */
.highlight-2 {color:#587936;}
.rate {color:#008200;}


.disclosures {
    color: #999;
    font-size: 0.83em;
}
.ten {
    font-size: 0.8em;
}
#footnotes {
    border-top: 1px solid #e5ebf0;
    font-size: 0.83em;
    width: 100%;
    padding-top:10px;
}
/* ++++++++++++++++++++++++++++++++++++++++++ 
accessibility overrides
[drew.liverman | 06.28.10] 
++++++++++++++++++++++++++++++++++++++++++ */
/* footnotes */
#footnotes {color:#767676;}

.reverse-highlight {
    color: #fff;
}

.clearBoth{
	clear:both;
}

.disabled-label{
	color:#C7C7C7 !important;
	cursor:default !important;
}

.enabled-label{
	color:#2474d2 !important;
	cursor:pointer !important;
}

#page-content p.first, #page-content ul.first {
    margin-top: 0;
}

.calloutBackground img{
	padding-bottom:10px;
}

img.imageLeft, .imageLeft .featureImage, .imageLeft img {
    float: left;
    padding: 4px 10px 10px 0;
}
img.imageRight, .imageRight .featureImage, .imageRight img {
    float: right;
    padding: 4px 0 10px 10px;
}
.component-cta { /*--presentation of component buttons and corresponding phone number copy*/
    padding-right: 5px;
    vertical-align: -8px;
}
div.list div.calloutOuter {
    margin-bottom: 30px;
}
div.list .last div.calloutOuter {
    margin-bottom: 0;
}
ol.upper-alpha {
    list-style-type: upper-alpha;
}
ol.lower-alpha {
    list-style-type: lower-alpha;
}
.underline {
    text-decoration: underline;
}
div.cta{
	background-color:#EFF4FA;
	padding:10px;
}
.footnote-16-wrapper{
	padding:0px 10px;
}
p.no-flash{
	padding: 10px; 
	border: 2px dashed #ccc; 
	background-color: #f2f2f2;
	
}
.bottom-bar{
	border-bottom:1px solid #E5EBF0;
	margin-bottom:25px;
}
table.table-transparent{
	background:transparent;
}
table.table-transparent tr td{ 
	padding:0px;
}

h2, h3, h6{
	clear:both;
}
/* =FAQ
----------------------------------------------------------------------------------------------------*/
/* [drew.liverman | 04.15.10] */
.faq {
	margin-bottom: 0;
	margin-left: 0;
	display: block;
}
.faq li.question, 
.faq li.answer {
    background: none !important;
    padding-left: 0;
    margin-bottom: 0px;
}
.faq li.answer ol li {
    background: none !important;
    margin-left: -7px;
    padding-left: 0;
}
.faq li.question ul li {
    background: none !important;
    color: #2474d2;
    cursor: pointer;
    display: inline;
    font-weight: bold;
    margin: 0 !important;
    padding: 0 !important;
}
/* [drew.liverman | 04.15.10] */
.faq li.question ul li.first {
    display: inline-block;
	float: left;
    text-align: right;
    width: 20px !important;
}
.faq li.question ul li.last {
	float: left;
	margin-left: 5px !important;
	width:90%;
}
.faq li.answer {
	clear: both;
    padding: 0 0 10px 23px;
	margin-left: 3px !important;
}
.faq ul {
	clear: both;
    margin: 0;
}
#js-enabled .faq li.answer {
    display: none;
}

/* =Quick links component classes
----------------------------------------------------------------------------------------------------*/
ul.quick-links {
    margin: 5px -10px 1em 0;
}
ul.quick-links a {
    padding-left: 25px;
}
ul.quick-links li.icon-alert a {
    padding-left: 30px !important;
}
ul.quick-links li {
    background-image: url(/img/global/icon/sprite/quick-links.gif);
    background-repeat: no-repeat;
    list-style: none;
    padding: 0 0 10px;
}

/* =Quick links icon positioning
----------------------------------------------------------------------------------------------------*/
ul.quick-links li.icon-alert {
    background-color: #edf9fc;
    background-position: 5px 5px;
    font-weight: bold;
    margin-left: -5px;
    margin-top: -5px;
    padding: 5px 0;
}
ul.quick-links li.icon-news {
    background-position: 0 -90px;
}
ul.quick-links li.icon-marketing-card {
    background-position: 0 -180px;
}
ul.quick-links li.icon-marketing-faq {
    background-position: 0 -210px;
}
ul.quick-links li.icon-marketing-auto-loan {
    background-position: 0 -240px;
}
ul.quick-links li.icon-marketing-home-loan {
    background-position: 0 -270px;
}
ul.quick-links li.icon-marketing-accounts {
    background-position: 0 -300px;
}
ul.quick-links li.icon-marketing-compare-checking {
    background-position: 0 -330px;
}
ul.quick-links li.icon-marketing-pre-qualified {
    background-position: 0 -360px;
}
ul.quick-links li.icon-marketing-mail-offer {
    background-position: 0 -390px;
}
ul.quick-links li.icon-marketing-switch {
    background-position: 0 -420px;
}
ul.quick-links li.icon-marketing-cd {
    background-position: 0 -450px;
}
ul.quick-links li.icon-marketing-calculator {
    background-position: 0 -480px;
}
ul.quick-links li.icon-marketing-rates {
    background-position: 0 -510px;
}
ul.quick-links li.icon-servicing-rewards {
    background-position: 0 -630px;
}
ul.quick-links li.icon-servicing-transfer {
    background-position: 0 -660px;
}
ul.quick-links li.icon-servicing-order-checks {
    background-position: 0 -690px;
}
ul.quick-links li.icon-servicing-update-address {
    background-position: 0 -720px;
}
ul.quick-links li.icon-servicing-alerts {
    background-position: 0 -750px;
}
ul.quick-links li.icon-servicing-online-banking {
    background-position: 0 -780px;
}
ul.quick-links li.icon-servicing-mobile {
    background-position: 0 -810px;
}
ul.quick-links li.icon-servicing-pay-online {
    background-position: 0 -840px;
}
ul.quick-links li.icon-servicing-paperless {
    background-position: 0 -870px;
}
ul.quick-links li.icon-general-fdic {
    background-position: 0 -990px;
}
ul.quick-links li.icon-general-security {
    background-position: 0 -1020px;
}
ul.quick-links li.icon-general-cap-one {
    background-position: 0 -1050px;
}
ul.quick-links li.icon-general-find {
    background-position: 0 -1080px;
}
ul.quick-links li.icon-general-contact {
    background-position: 0 -1110px;
}
ul.quick-links li.icon-general-search {
    background-position: 0 -1140px;
}
ul.quick-links li.icon-general-identity-theft {
    background-position: 0 -1170px;
}
ul.quick-links li.icon-general-support {
    background-position: 0 -1200px;
}

/* =Product Page Overview component classes
----------------------------------------------------------------------------------------------------*/

/*-----------Key Benefits Component------------*/
div.key-benefits{
	min-height:250px;
}
div.key-benefits ul.key-benefits {
    margin-left: 10px;
    margin-top: 18px !important;
    width: 300px;
}
div.key-benefits ul.key-benefits li,
div.key-benefits-callout ul.key-benefits li {
    background: transparent url(/img/global/icon/orange-checkmark.gif) no-repeat 0 0;
    padding: 7px 0 0 20px;
}
div.key-benefits img {
    margin-left: 30px;
}
div.key-benefits p {
    padding-left: 30px;
    width: 300px;
}
div.key-benefits-callout span {
    font-size: .9em;
}
div.key-benefits h3 {
    padding: 4px 10px 0;
}
div.key-benefits {
    width: 560px;
}
div.key-benefits-callout {
    background: transparent url(/img/bank/bg/key_benefits_callout.gif) no-repeat 0 0;
}
div.key-benefits-callout h3 {
    padding: 4px 0 10px 10px;
}
div.key-benefits div.key-benefits-content-top,
div.key-benefits div.key-benefits-content-bot{
	padding-left:30px;
	width:280px;
}

div.key-benefits-callout div.key-benefits-content-top,
div.key-benefits-callout div.key-benefits-content-bot{
	padding-left:0px;
}

div.key-benefits-callout div.key-benefits-content-top span,
div.key-benefits-callout div.key-benefits-content-bot span{
	font-size:1em;
}

div.key-benefits div.key-benefits-content-top p,
div.key-benefits div.key-benefits-content-bot p,
div.key-benefits-callout div.key-benefits-content-top p,
div.key-benefits-callout div.key-benefits-content-bot p{
	padding-left:0px;
}

div.key-benefits div.key-benefits-content-top,
div.key-benefits-callout div.key-benefits-content-top{
	margin-bottom:12px;
}

div.key-benefits div.key-benefits-content-bot,
div.key-benefits-callout div.key-benefits-content-bot{
	margin-top:20px;
}
	
/* =Tables
----------------------------------------------------------------------------------------------------*/
th.align-center, td.align-center {
    text-align: center !important;
}
th.align-right, td.align-right {
    text-align: right !important;
}

/*-----------Basic Table------------*/
table.basic {
    margin-top: 1em;
}
table.basic h3 {
    line-height: 1.2;
    margin-bottom: 0;
}
table.basic thead tr th {
    width: 154px;
}
table.basic thead tr th.first {
    border-right: 1px solid #e5e5e5;
}
table.basic th,
table.basic td {
    background: #fff;
    border-style: none;
    padding: 10px;
    vertical-align: top;
}
table.basic tr.even td,
table.basic tr.even th {
    background: #eff4f9;
}
table.basic td {
    border-left: 1px solid #e5e5e5;
}
table.basic tfoot td {
    border-left: none;
}
table.basic tbody th {
    font-weight: normal;
}
table.basic thead th {
    border-bottom: 1px solid #e5e5e5;
}
table.basic tfoot td,
table.basic tfoot th {
    background: url(/img/global/bg/compare-table_gradient.jpg) repeat-x 0 top;
    border-top: 1px solid #e5e5e5;
}

/*-----------Rates Table------------*/
table.rates {
    margin-top: 1em;
}
table.rates th {
    background-color: #fff;
    border-bottom: 1px solid #ccd8e2;
    border-left: none;
    border-right: none;
    border-top: none;
    font-weight: normal !important;
    padding: 5px 0;
    text-align: left;
}
table.rates thead th {
    border: none;
    color: #666;
    padding-bottom: 0;
    padding-right: 0;
}
table.rates tr td {
    border-bottom: 1px solid #ccd8e2;
}
table.rates th.last,
table.rates td.last {
    border-bottom: none !important;
}
table.rates td {
    border: none;
}
table.rates td.rate {
    padding-right: 0;
    padding-bottom: 5px;
    text-align: right;
    vertical-align: bottom;
    width: 45%;
}

/*-----------Compare Table------------*/
table.compare thead tr th {
    width: 154px;
}
table.compare th,
table.compare td {
    background: #fff;
    border-style: none;
    padding: 10px;
    vertical-align: top;
}
table.compare tr.even td {
    background-color: #eff4f9;
}
table.compare tr.even th {
    background-color: #fffbf3;
}
table.compare td,
table.compare thead th {
    border-left: 1px solid #e5e5e5;
}
table.compare tbody th {
    font-weight: normal;
    text-align: right;
}
table.compare thead th {
    background: url(/img/global/bg/compare-table_border_top.gif) repeat-x bottom;
    border-bottom: 1px solid #e5e5e5;
}
table.compare thead th.first {
    background: none;
    border-left: none;
}
table.compare tr.last td {
    background-image: url(/img/global/bg/compare-table_border_btm.gif);
    background-position: 0 bottom;
    background-repeat: repeat-x;
    padding-bottom: 14px;
}
table.compare tbody tr.first td,
table.compare tbody tr.first th {
    background: url(/img/global/bg/compare-table_gradient.jpg) repeat-x 0 top;
}
table.compare tfoot td,
table.compare tfoot th {
    background: url(/img/global/bg/compare-table_gradient.jpg) transparent repeat-x 0 top !important;
    border-top: 1px solid #e5e5e5;
}
table.compare h3,
table.compare h4 {
    line-height: 1.2;
    text-align: left;
}
table.compare thead th a img {
    margin: 10px 0 14px;
}
table.compare tfoot td a img {
    margin-top: 4px;
}
table.compare thead tr.compare-cell td{
	background: url(/img/global/bg/compare-table_border_top.gif) repeat-x bottom;
    border-bottom: 1px solid #e5e5e5
}
table.compare thead tr.compare-cell td img{
	margin-bottom:15px;
}
table.compare thead tr.compare-head th.first,
table.compare thead tr.compare-cell td.first {
    background: none;
    border-left: none;
}

table.compare thead tr.compare-head th{
	background:none; 
	border-bottom:none; 
	padding-bottom:0px
}

table.compare thead tr.compare-head th h3{
	width:90%;
}

/*----------------- Compare Landing ------------------*/
table.compare-landing{
	/**/
}
table.compare-landing thead tr th {
	padding:5px 10px 4px 10px;
	color:#FFF;
}
table.compare-landing th,
table.compare-landing td {
    border-style: none;
    vertical-align: top;
}


/* ++++++++++++++++++++++++++++++++++++++++++ 
accessibility overrides
[drew.liverman | 06.28.10] 
++++++++++++++++++++++++++++++++++++++++++ */
/* comparison table; add background for images disabled */
table.compare-landing thead tr {
        background: #474747 url(/img/global/bg/compare-landing-table-grad.jpg) repeat-x left top;
}

table.compare-landing tr.odd td,
table.compare-landing tr.odd th{
    background-color: #eff4fa;
}

table.compare-landing thead th,
table.compare-landing td{
	border-left:1px solid #e5e5e5;

}

table.compare-landing thead th,
table.compare-landing td{
	width:99px;
}

table.compare-landing thead th.first{
    border-left: none;
	width:340px;
}

table.compare-landing thead .fee-column,
table.compare-landing tbody .fee-column{
	width:59px;
}

table.compare-landing thead .last,
table.compare-landing tbody .last{
	width:79px;
}

table.compare-landing tbody th,
table.compare-landing tbody td{
	padding:10px;
}

table.compare-landing tbody th .compare-horizontal-card-group{
	float:left;
	margin-right:10px;
	width:75px;
}

table.compare-landing tbody th .compare-horizontal-card-group label,
table.compare-landing tbody th .compare-horizontal-card-group a.compare-now{
	font-size:10px;
	color:#2474d2;
	cursor:pointer;
	display:block;
	margin-left:20px;
}

table.compare-landing tbody th .compare-horizontal-card-group a.compare-now{
	display:none;
}

table.compare-landing tbody th .compare-horizontal-card-group input{
	margin-right:5px;
	float:left;
}

table.compare-landing tbody th img{
	margin-bottom:10px;
}

table.compare-landing tbody th p{
	margin-bottom:0px;
}

table.compare-landing tbody th ul{
	float:left;
	width:200px;
	margin-top:0px;
	font-weight:normal;
}

table.compare-landing tfoot th,
table.compare-landing tfoot td{
	padding-top:10px;
	background: url(/img/global/bg/compare-table_gradient.jpg) repeat-x 0 top;
    border-top: 1px solid #e5e5e5;
}

table.compare-landing tbody tr:hover,
table.compare-landing tbody tr:hover td,
table.compare-landing tbody tr:hover th,
table.compare-landing tbody tr.hover,
table.compare-landing tbody tr:hover td,
table.compare-landing tbody tr:hover th {
	background-color: #e2e9f4;
}
	
button.compare-submit{
	vertical-align:middle;
	width:71px;
	padding:0px;
	margin:0px 0px 0px -3px;
	border:none;
	background:none;
	cursor:pointer;
	display:none;
}
a.compare-submit{
	cursor:pointer;
	display:none;
}
.ch-compare-wrapper {
	margin:10px 0px 15px;
}

/* =Marketing Table --> Cascades off of the compare table
----------------------------------------------------------------------------------------------------*/
table.marketing-table tfoot td {
	background: url(/img/global/bg/db-table_border_btm.gif) transparent top left repeat-x !important;
	border-left:0px;
}

table.marketing-table tbody td.first {
	border-left:0px;
}

table.marketing-table thead th {
	background: url(/img/global/bg/compare-table_border_top.gif) repeat-x bottom !important;
    border-bottom: 1px solid #e5e5e5;
}

/*----------------- Investments Shumer Table ------------------*/
table.compareSchumerTable {
	margin-bottom: 10px;
}
table.compareSchumerTable td {
	border:1px solid #DDDDDD;
	color: #333;
	font-weight: bold;
	padding:10px 4px;
	text-align: center;
	vertical-align:top;
}

/* +++++++++++++++++++++++++++++++++++
[drew.liverman | 04.15.10] 
schumer table band-aid
+++++++++++++++++++++++++++++++++++ */
.odd .term,
.even .term,
table.rewards tr td.condition,
table.rewards tr td.header{ 
	border-left:none;
}

/* =Default Page Zip Code Prompt
----------------------------------------------------------------------------------------------------*/
#zipcode-prompt-form {
    position: relative;
}
#zipcode-prompt-form label {
    display:none;
}
#js-enabled #zipcode-prompt-form label {
    bottom: 8px;
    color: #444;
    cursor: text;
    font-size: 1.5em;
    left: 8px;
    position: absolute;
}
#zipcode-prompt-input {
    color: #444;
    font-size: 1.5em;
    height: 25px;
    margin-right: 12px;
    padding: 3px 6px 1px;
    width: 182px;
}
#zipcode-prompt-submit {
    vertical-align: -14px;
}

/* =Tooltips (Two types: 'clicktip' and 'hovertip', both use the cluetip jQuery plug-in)
----------------------------------------------------------------------------------------------------*/
/*-----------Clicktip------------*/
.clicktip-content {
	display: none;
}
.cluetip-clicktip-content .clicktip-content {
	display: block;
}
.cluetip-clicktip-content #cluetip-outer {
	background: transparent url(/img/global/bg/trans-border.png) repeat 0 0;
	padding: 5px;
	width: 275px;
}
.cluetip-clicktip-content #cluetip-inner {
	background: #f3f3f3 url(/img/global/bg/nav-global_grad.gif) repeat-x 0 100%;
	border: 1px solid #fff;
	padding: 10px 10px 22px;
	position: relative;
}
.cluetip-clicktip-content #cluetip-close a {
	background: transparent url(/img/global/icon/close.gif) no-repeat 0 50%;
	bottom: 10px;
	font-size: 0.9em;
	padding-left: 12px;
	position: absolute;
	right: 12px;
}
.cluetip-clicktip-content #cluetip-close a:visited {
	color: #2474d2;
}

/*-----------Hovertip------------*/
.hovertip-trigger {
	margin-left: 3px;
}
.hovertip-content {
	display: none;
}
#cluetip .hovertip-content {
	display: block;
}
.cluetip-hovertip-content {
	margin-top: 10px;
}
.cluetip-hovertip-content #cluetip-outer {
	background-color: #fcfae9;
	border: 1px solid #ffceb3;
	font-size: 0.9em;
}
.cluetip-hovertip-content #cluetip-inner {
	margin: 8px 10px 10px;
}
.cluetip-arrows {
	background: transparent url(/img/global/bg/sprite/tooltip_left_right.png) no-repeat 0 0;
	display: none;
	height: 14px;
	left: -12px;
	position: absolute;
	top: 0;
	width: 13px;
}
.clue-right-hovertip-content {
	margin-left: 4px;
}
.clue-left-hovertip-content .cluetip-arrows {
	background-position: 0 -30px;
	left: 99.5%;
	margin-right: -4px;
}
.clue-top-hovertip-content .cluetip-arrows {
	background-image: url(/img/global/bg/sprite/tooltip_top_bottom.gif);
	height: 13px;
	left: 50%;
	top: 99.5%;
	width: 26px;
}
.clue-bottom-hovertip-content .cluetip-arrows {
	background-image: url(/img/global/bg/sprite/tooltip_top_bottom.gif);
	background-position: 0 -30px;
	height: 13px;
	left: 50%;
	top: -12px;
	width: 26px;
}

a.tooltip{
	color:#444444;
	text-decoration:none;
	border-bottom: 1px dashed #bbbbbb;
	background:url(/img/global/icon/tooltip-icon.gif) 100% 3px no-repeat;
	padding-right:14px;
	display:inline-block;
}

a.tooltip:link{color:#444444; text-decoration:none;}
a.tooltip:visited{color:#444444; text-decoration:none;}
a.tooltip:hover{color:#444444; text-decoration:none;}
a.tooltip:active{color:#444444; text-decoration:none;}

/*-----------[ Added by Brian Dillon 5.25.10 ]--------------*/

/* global */
#cluetip {
	margin-left: -10px;
	}
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  /*position: relative;*/
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(/img/global/bg/wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}


/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */

.cluetip-rounded {
  background: transparent url(/img/global/bg/bl.png) no-repeat 0 100%;
  margin-top: 10px;
  margin-left: 20px;
}

.cluetip-rounded #cluetip-outer {
  background: transparent url(/img/global/bg/tl.png) no-repeat 0 0;
  margin-top: -20px;
}

.cluetip-rounded #cluetip-title {
  background-color: transparent;
  padding: 20px 0px 0;
  margin: 0 0px 0 0;
  position: relative;
}
.cluetip-rounded #cluetip-extra {
  position: absolute;
  display: block;
  background: transparent url(/img/global/bg/tr.png) no-repeat 100% 0;
  top: 0;
  right: 0;
  width: 20px;
  height: 30px;
  margin: -20px -20px 0 0;
}
.cluetip-rounded #cluetip-inner {
  background: url(/img/global/bg/br.png) no-repeat 100% 100%;
  padding: 10px 20px 20px;
  margin: -10px -20px 0 0;
  position: relative;
}

.cluetip-rounded div#cluetip-close { 
  text-align: right;
  margin: -15px 5px 0px;
  top: 5px;
  right: 15px;
  background: transparent;
  position: absolute;
}
.cluetip-rounded div#cluetip-close a {
  background: url(/img/global/icon/tooltip_close_icon.gif) no-repeat left 2px;
  padding-left: 11px;
  color: #2175D6;
}
.cluetip-rounded #cluetip-inner ul{
	display:inline-block;
}

/* arrows */

.clue-right-rounded .cluetip-arrows {
  background-image: url(/img/global/bg/rarrowleft.gif);
  margin-left: 10px;
}
.clue-left-rounded .cluetip-arrows {
  background-image: url(/img/global/bg/rarrowright.gif);
  left: 100%;
  margin-left: 10px;
}
.clue-top-rounded .cluetip-arrows {
  background-image: url(/img/global/bg/rarrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
  margin-top: -11px
}  
.clue-bottom-rounded .cluetip-arrows {
  background-image: url(/img/global/bg/rarrowup.gif);
  top: -20px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}



/* IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}

/***************************************
   =cluetipClass: 'capone'
-------------------------------------- */

.cluetip-capone {
  background: transparent url(/img/global/bg/capone_bl.png) no-repeat 0 100%;
  margin-top: 10px;
  margin-left: 12px;
}

.cluetip-capone #cluetip-outer {
  background: transparent url(/img/global/bg/capone_tl.png) no-repeat 0 0;
  margin-top: -21px;
}

.cluetip-capone #cluetip-title {
  background-color: transparent;
  padding: 12px 12px 0;
  margin: 0 -12px 0 0;
  position: relative;
}
.cluetip-capone #cluetip-extra {
  position: absolute;
  display: block;
  background: transparent url(/img/global/bg/capone_tr.png) no-repeat 100% 0;
  top: 0;
  right: 0;
  width: 20px;
  height: 15px;
  margin: -21px -20px 0 0;
}
.cluetip-capone #cluetip-inner {
  background: url(/img/global/bg/capone_br.png) no-repeat 100% 100%;
  padding: 5px 27px 22px;
  margin: -18px -20px 0 0;
  position: relative;
}

.cluetip-capone #cluetip-inner ul{
	display:inline-block;
}

.cluetip-capone div#cluetip-close { 
  text-align: right;
  margin: 0 5px 2px 40px;
  color: #009;
  background: transparent;
}

.cluetip-capone div#cluetip-close a {
  background: url(/img/global/icon/tooltip_close_icon.gif) no-repeat left 2px;
  padding-left: 11px;
}

.cluetip-capone div#cluetip-close a:link{color:#2175D6;}
.cluetip-capone div#cluetip-close a:visited{color:#2175D6;}
.cluetip-capone div#cluetip-close a:hover{color:#2175D6;}
.cluetip-capone div#cluetip-close a:active{color:#2175D6;}

.cluetip-capone a.tooltip-print{
  background: url(/img/global/icon/tooltip_print_icon.gif) no-repeat left 3px;
  padding-left: 16px;
} 

/* rounded arrows */

.clue-right-capone .cluetip-arrows {
  background-image: url(/img/global/bg/capone_rarrowleft.png);
  width:19px;
  height:31px;
  margin-left:4px;
  margin-top:0px;
}
.clue-left-capone .cluetip-arrows {
  background-image: url(/img/global/bg/capone_rarrowright.png);
  width:19px;
  height:31px;
  left: 100%;
  margin-left: 4px;
}
.clue-top-capone .cluetip-arrows {
  background-image: url(/img/global/bg/capone_rarrowdown.png);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 19px;
  width: 31px;  
}  
.clue-bottom-capone .cluetip-arrows {
  background-image: url(/img/global/bg/capone_rarrowup.png);
  top: -27px;
  left: 50%;
  margin-left: -11px;
  height: 19px;
  width: 31px;
}

/* stupid IE6 HasLayout hack */
.cluetip-capone #cluetip-title,
.cluetip-capone #cluetip-inner {
  zoom: 1;
}

/*----- =10. compare feedback tooltips ------------*/
#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 {
	padding:3px;
}

#compareInfoTip{
	display:none;
}

#tooltip #compareInfoTip{
	display:block !important;
}

#tooltip #compareInfoTip .compareStateOn{
	display:block !important;
}

/*------ =11. Foootnote System -----------*/
/* Need to include this in the CSS*/
span.fn-tag sup, div.footnote_content_wrapper sup{
	vertical-align:top;
	font-size:85%;
}

span.fn-dis{
	float:left;
}

/*------ =12. Portal Themes -----------*/
/* ---------- Theme: Window Clean ----------*/
.capital-one-theme-window-clean .portlet{
	margin-bottom:0px !important;
}


/*------ =13. Live Chat -----------*/
#lpButton{
	visibility:hidden;
}

/*----------- =14. Detailed Benefits Component an offshoot of the Key Benefits Component------------*/
div.detailed-benefits h3.reverse-highlight{
	color: #444444;
	font-size:12px;
	margin-bottom:20px;
}

div.detailed-benefits div.key-benefits-content-top,
div.detailed-benefits div.key-benefits-content-bot{
	padding-left:0px;
}

div.detailed-benefits div.key-benefits-content-top p,
div.detailed-benefits div.key-benefits-content-bot p{
	padding-left:0px;
}

div.detailed-benefits div.key-benefits-content-top{
	margin-bottom:12px;
}

div.detailed-benefits div.key-benefits-content-bot{
	margin-top:20px;
}