/*-----------------------------------------------------------------------------
www.capitalone.com Common Style Sheet
version:   1.0
-----------------------------------------------------------------------------*/

/* =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 {
    color: #00ab39;
    font-weight: bold;
}
.highlight {
    color: #ff5c00;
}
.highlight-2 {
    color: #668d3c;
}
.disclosures {
    color: #999;
    font-size: 0.83em;
}
.ten {
    font-size: 0.8em;
}
#footnotes {
    border-top: 1px solid #e5ebf0;
    color: #999;
    font-size: 0.83em;
    width: 100%;
}
.reverse-highlight {
    color: #fff;
}
#page-content p.first, #page-content ul.first {
    margin-top: 0;
}
img.imageLeft, .imageLeft .featureImage {
    float: left;
    padding: 0 10px 10px 0;
}
img.imageRight, .imageRight .featureImage {
    float: right;
    padding: 0 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;
}
th.align-center, td.align-center, div.align-center {
    text-align: center !important;
}
th.align-right, td.align-right, div.align-right {
    text-align: right !important;
}

/* =FAQ
----------------------------------------------------------------------------------------------------*/
.faq {
	margin-bottom: 0;
    margin-left: -10px;
}
.faq li.question,
.faq li.answer {
    background: none !important;
    padding-left: 0;
}
.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;
}
.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: 95%;
}
.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 1.3em 0 !important;
}
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 and HP Top Requests links icon positioning
----------------------------------------------------------------------------------------------------*/
ul.quick-links li.icon-blank {
    background-position: -25px 0;
}
ul.quick-links li.icon-alert {
    background-color: #edf9fc;
    background-position: 5px 5px;
    font-weight: bold;
	margin-bottom: 8px;
    margin-left: -5px;
    margin-top: -5px;
    padding: 5px 0;
}
ul.quick-links li.icon-news {
    background-position: 0 -90px;
}
ul.quick-links li.icon-venture-card {
    background-position: 0 -120px;
}
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;
}
img.more-icon {/*--presentation MORE icon for Quick Links or HP Top Requests*/
	padding-left: 3px
}

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

/*-----------Key Benefits Component------------*/
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;
}

/* =Tables
----------------------------------------------------------------------------------------------------*/
/*-----------Basic Table------------*/
table.basic {
    margin-top: 1.3em;
}
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 {
    background: url(/img/global/bg/compare-table_gradient.jpg) repeat-x 0 top;
    border-top: 1px solid #e5e5e5;
}

/*-----------Rates Table------------*/
table.rates {
    margin-top: 1.3em;
}
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: 8px;
}
table.rates tr td {
    border-bottom: 1px solid #ccd8e2;
}
table.rates tr.last th,
table.rates tr.last td {
    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,
table.compare tfoot 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) repeat-x 0 top;
    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;
}

/*----------------- Compare Landing ------------------*/
table.compare-landing thead tr th {
	padding: 5px 10px 4px;
	color: #fff;
}
table.compare-landing th,
table.compare-landing td {
    border-style: none;
    vertical-align: top;
}
table.compare-landing thead tr {
	background: #666 url(/img/global/bg/compare-landing-table-grad.jpg) repeat-x 0 0;
}
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: 0;
}
table.compare-landing tbody th ul {
	float: left;
	width: 200px;
	margin-top: 0;
	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 0;
    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;
}

/* =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.png);
	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.png);
	background-position: 0 -30px;
	height: 13px;
	left: 50%;
	top: -12px;
	width: 26px;
}

/*-----------Dynamic Disclosure - OAO------------*/

.dynamic-disclosure {
	
	padding: 0 10px;
}
.dynamic-disclosure div.row {
	margin-bottom: 35px !important;
	display: block;
}
#zip-confirm input[type=image] {
	vertical-align: -5px;
}
#zip-confirm .zipcode-input {
background-color: #FFFFE0;
margin-left: 10px; 
margin-right: 10px;  
}