@import url("/stylesheets/https-common/reset.css");
@import url("/stylesheets/https-common/header.css");
@import url("/stylesheets/https-common/footer.css");
@import url("/stylesheets/https-creditcards/base.css");
/* HTML Global Formatting */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #fff;
}
td {
    font-size: 12px;
    color: #333;
}
a:link,
a:hover,
a:active {
	color: #2866af;
	outline: none;
}
a:visited {
	color: #5780ae;
	outline: none;
}
p {
	margin: 12px 0;
}
sup,
td sup {
	font-size: 0.7em;
	_font-size: 0.75em; /* Underscore hack - only read by WinIE */
	vertical-align: text-top;
	line-height: 1.2;
}
h1,
td h1,
div.page_title h1 {
	margin: 0;
	padding: 0;
	font: bold 20px Arial, Helvetica, sans-serif;
}
h1 sup {
	font-size: 0.55em;
}
h2,
td h2 {
	font: bold 17px Arial, Helvetica, sans-serif;
	margin: 10px 0 15px;
}
h2 sup {
	font-size: 0.65em;
	_font-size: 0.75em; /* Underscore hack - only read by WinIE */
}
h3,
td h3 {
	font: bold 15px Arial, Helvetica, sans-serif;
}
h3 sup {
	font-size: 0.75em;
	_font-size: 0.85em; /* Underscore hack - only read by WinIE */
}
form {
	padding: 0;
	margin: 0;
}
li li {
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
}
li:hover ul, li.over ul {
	display: block;
}
hr {
	background-color: #c6d1de;
	color: #c6d1de;
	border-style: none;
	width: 100%;
	height: 1px;
}
td blockquote {
	margin: 12px 0 12px 40px;
}

/* Main Content Formatting */
#content {
	margin-top: 16px;
}
.greenheader {
	font-size: 15px;
	font-weight: bold;
}
.greenheader a:link,
.greenheader a:visited {
	font-size: 15px;
	font-weight: bold;
	color: #2866af;
	text-decoration: none;
}
.greenheader a:hover {
	font-size: 15px;
	font-weight: bold;
	color: #2866af;
	text-decoration: underline;
}
#content .title1 {
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
.promoHighlightText {
	color: #78ae24;
}
.highlightText {
	color: #003a6f;
}
.tabTableHeaderText {
	color: #333;
}
.ccRepInstructionText {
	color: #f00;
}
.nobr {
	white-space: nowrap;
}

/* disclosures font sizes */
.ten {
	font-size: 10px;
}
.eleven {
	font-size: 11px;
}
.fourteen {
	font-size: 14px;
}
.eighteen {
	font-size: 18px;
}

/* diclosures table */
#content-table-discl {
	width: 100%;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	margin: 0;
}
#content-table-discl td {
	vertical-align: top;
	border-bottom: 1px solid #ddd;
	padding: 9px;
}
#content-table-discl .leftcol-gray {
	background-color: #f6f6f6;
	border-right: 1px solid #ddd;
	width: 83px;
}
#content-table-discl .rightcol {
	background-color: #fff;
}

/* Login badge */
.title2 {
	font-size: 14px;
	font-weight: bold;
	color: #333;
}
.h1white {
	font-size: 15px;
	font-weight: bold;
	color: #fff;
}
.h1whitesmall {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}
a.h1whitesmall{
   font-size: 10px;
	font-weight: bold;
   color: #fff;
}

/* Tab Menu Formatting */
#tab .btnOnLeft {
	width: 14px;
	height: 25px;
	background: url(/images/smallbusiness/tab_left_on.gif) no-repeat 0 100%;
}
#tab .btnOnRight {
	width: 14px;
	height: 25px;
	background: url(/images/smallbusiness/tab_right_on.gif) no-repeat 0 100%;
}
#tab .btnOn {
	height: 25px;
	line-height: 25px;
	background: url(/images/smallbusiness/tab_bg_on.gif) repeat-x 0 100%;
	text-align: center;
	color: #000;
}
#tab .btnOffLeft {
	width: 14px;
	height: 25px;
	background: url(/images/smallbusiness/tab_left_off.gif) no-repeat 0 100%;
}
#tab .btnOffRight {
	width: 14px;
	height: 25px;
	background: url(/images/smallbusiness/tab_right_off.gif) no-repeat 0 100%;
}
#tab .btnOff {
	height: 25px;
	line-height: 25px;
	background: url(/images/smallbusiness/tab_bg_off.gif) repeat-x 0 100%;
	text-align: center;
}
#tab .btnOff a:link {
	color: #000;
}
#tab .btnOff a:visited {
	color: #000;
	text-decoration: none;
}
#tab .btnOff a:hover {
	color: #000;
	text-decoration: underline;
}

/** Bullet Formatting **/
ul {
   margin: 0;
   padding: 0;
}
ul li {
   list-style: none;
   background: url(/images/presentation/common/bullets/square_3x3_gray.gif) no-repeat 0 .5em;
   padding: 0 0 0 7px;
   margin: 0 0 3px 0;
   vertical-align: middle;
}
ul li.reverseBullet {
   background-image: url(/images/presentation/common/bullets/square_3x3_white.gif);
}
p.bulletListTitle {
	padding: 10px 0 0;
	margin: 0;
}
ul li.checkMarkList {
	list-style: none;
	background: transparent url(/images/presentation/common/bullets/check_mark.gif) no-repeat 0 0.1em;
	margin: 0 0 0.4em;
	padding: 0 0 0 15px;
}
ol.upperAlphaList {
	list-style-type: upper-alpha;
}
ol.lowerAlphaList {
	list-style-type: lower-alpha;
}
ol.upperRomanList {
	list-style-type: upper-roman;
}
ol.lowerRomanList {
	list-style-type: lower-roman;
}

/** Border Formatting - Product Template **/
.leftBorder {
	background: transparent url(/images/common/border.gif) repeat-y 0 0;
	vertical-align: top;
}
.rightBorder {
	background: #f6f7fb url(/images/common/border.gif) repeat-y 100% 0;
	vertical-align: top;
}
.rightBorder_white {
	background: transparent url(/images/common/border.gif) repeat-y 100% 0;
}
.borders {
	background: url(/images/smallbusiness/bg_borders.gif) repeat-y 100% 0;
	vertical-align: top;
}

/** Navigation Formatting **/
#nav1 li li.last a:hover {
	background-color: transparent;
	background: url(/images/smallbusiness/menubg1-dark.gif) bottom left no-repeat;
	font-weight: bold;
	color: #fff;
}
#nav2 li li.last a:hover {
	background-color:transparent;
	background: url(/images/smallbusiness/menubg2-dark.gif) bottom left no-repeat;
	font-weight:bold;
	color:#fff;
}
#nav3 li li.last a:hover {
	background-color: transparent;
	background: url(/images/smallbusiness/menubg3-dark.gif) bottom left no-repeat;
	font-weight: bold;
	color: #fff;
}

/** Bank **/
.bank {
	width: 480px;
	margin: 5px 0 0 10px;
}
.bank .title1 {
	color: #333;
	font-size: 16px;
	font-weight: bold;
}
.smallfont {
	font-size: 11px;
}
.textbox1 {
	border: 1px solid #5780ae;
	font: 11px Arial, Helvetica, sans-serif;
	background-color: #fff;
}
select.textbox1 {
	background-color: #fcfae9;
}
.checkingtitle1 {
	font-size: 15px;
	font-weight: bold;
	color: #2866af;
}
.checkingtitle1 a {
	text-decoration: none;
}
.checkingtitle1 a:hover {
	text-decoration: underline;
}

/** Divider Formatting **/
.hrdiv {
	background: transparent url(/images/common/border.gif) repeat-x;
}
.hrdiv_box{
	padding: 0 7px;
}
.vtdiv {
	background: transparent url(/images/common/border.gif) repeat-y;
}

/** Miscellaneous **/
#content-apply {
	margin-bottom: 20px;
}
#content-apply .content {
	background: url(/images/smallbusiness/bg_apply.gif) left bottom repeat-x;
}
#content-apply .content-alt {
	background: url(/images/smallbusiness/bg_apply2.gif) left bottom repeat-x;
}
#content-left-bottom {
	margin-bottom: 24px;
}
#content-left-bottom .content {
	padding: 0 5px 0 12px;
	line-height: 17px;
}
#content-left-bottom .content2 {
	padding: 0 15px 0 12px;
	line-height: 17px;
}
#content-left-bottom h1 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 20px;
}
#content-left-top {
	margin: 0 0 0 2px;
}
#content-left-top .content {
	padding: 12px 30px 0 12px;
	vertical-align: top;
}
#content-left-top h1 {
	font-size: 17px;
	font-weight: bold;
	margin: 12px 0 6px;
}
#content-right {
	margin-bottom: 24px;
}
#content-right .rightColHeader {
	font-size: 14px;
	font-weight: bold;
	color: #333;
}
#content-right .div {
	background: url(/images/smallbusiness/bg_hr_dotted.gif) left repeat-x;
}
#content-right .content {
	padding: 7px 15px 0 0;
}
#content-right .content div {
	margin-bottom: 5px;
}
#content-right .content div.last {
	margin-bottom: 10px;
}
#content-right .content2 {
	padding: 7px 40px 0 0;
	line-height: 15px;
}
#content-right .content2 div.more {
	margin-top: 5px;
}
#content-right td .icon {
	padding: 3px 0 0 15px;
	vertical-align: top;
}
#content-right td .iconDesc {
	padding-right: 8px;
	vertical-align: top;
}
.gray-border {
	background-color: #bfbfbf;
}

/** Visual Formatter **/
.smallfont {
	font-size: 11px;
}
.greenfont {
	color: #00667c;
}
.smallTitle { 
	color: #333;
	font-size: 14px;
	font-weight: bold;
}
.cellYellow {
	background-color: #f7f2ce;
	padding: 6px 15px;
	vertical-align: top;
	color: #5d5d5d;
}
.cellWhite {
	background-color: #fff;
	padding: 6px 15px;
	vertical-align: top;
}
.cellGray {
	background-color: #f6f6f6;
	padding: 6px 15px;
	vertical-align: top;
}
.num {
	font-weight: bold;
	text-align: right;
	width: 18px;
	padding-right: 4px;
}
.searchfield {
	width: 116px;
	height: 13px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
}

/** Callout Formatting **/
.highlight_padding {
	padding: 2px 8px 0 10px;	
}
.no_highlight_padding {
	padding: 4px 8px 4px 10px;	
}

/** Callout Group Alternating Colors **/
.bg_blue {
	background-color: #f6f7fb;
}
.bg_yellow {
	background-color: #fcfae9;
}

/** SBLanding Callouts **/
.sblandingCallouts,
.sblandingCallouts table.calloutTable {
	width: 362px;
}
.sblandingCallouts table#highlight {
	background-color: #f6f7fb;
}
.sblandingCallouts table.calloutTable #imageBox {
	width: 110px;
}
.sblandingCallouts table.calloutTable #contentBox {
	width: 252px;
}

/** Product Category Right Callouts **/
.productCategory,
.productCategory table.calloutTable {
	width: 240px;
}	
.productCategory table#highlight {
	background-color: #f6f7fb;
}
.productCategory table.calloutTable #imageBox {
	width: 92px;
}
.productCategory table.calloutTable #contentBox {
	width: 148px;
}

/** Secondary Callouts **/
.productCategorySecondary,
.productCategorySecondary table.calloutTable,
.productCategorySecondary table.calloutTable #contentBox {
	width: 100%;
}	
.productCategorySecondary table#highlight {
	background-color: #f6f7fb;
}
.productCategorySecondary table.calloutTable #imageBox {
	width: 48px;
}
.productCategorySecondary table.calloutTable #imageBox div.no_highlight_padding,
.productCategorySecondary table.calloutTable #contentBox div.no_highlight_padding {
	padding: 0;
}

/* Product Detail Right Callouts */
.productDetailCallouts,
.productDetailCallouts table.calloutTable {
	width: 362px;
}
.productDetailCallouts table.calloutTable #imageBox {
	width: 150px;
}		
.productDetailCallouts table.calloutTable #contentBox {
	width: 252px;
}

/* Article Detail Right Callouts */
.articleCallouts,
.articleCallouts table.calloutTable {
	width: 245px;
}
.articleCallouts table#highlight {
	background-color: #f6f7fb;
}
.articleCallouts table.calloutTable #imageBox {
	width: 60px;
	vertical-align: top;
}
.articleCallouts table.calloutTable #contentBox {
	width: 188px;
}

/* Article w/tabs Right Callouts */
.articleTabCallouts,
.articleTabCallouts table.calloutTable {
	width: 193px;
}
.articleTabCallouts table#highlight {
	background-color: #f6f7fb;
}
.articleTabCallouts table.calloutTable #imageBox {
	width: 60px;
	vertical-align: top;
}
.articleTabCallouts table.calloutTable #contentBox {
	width: 133px;
}
.article_callout_group_title {
	font-size: 15px;
	font-weight: bold;
}

/* Bank Titles/Navigation */
.product_title,
.page_title {	
	font: bold 20px Arial, Helvetica, sans-serif;
	color: #333;
}
.product_title sup,
.page_title sup {
    font-size: 50%;
    vertical-align: text-top;
    line-height: normal;
}
.article_subtitle {	
	font-size: 14px;
	font-weight: bold;
}
.article_subtitle sup {
    font-size: 0.7em;
	_font-size: 0.8em; /* Underscore hack - only read by WinIE */
}
a.navigationTab {
	text-decoration: none;
}
a.navigationTab:hover {
	text-decoration: underline;
}

/* Corrections */
.login_image {
	padding-left: 4px;
	padding-right: 4px;
}

/* Callout styles */
/* for backwards compatability */
.productCategory table.callout div.padding {
	padding: 10px 3px 0 10px;
	width: 245px;
}
.productCategory table.callout div.imageBox {
	float: right;
	clear: none;
	width: 92px;
}
.productCategory table.callout div.contentBox {
	float: left;
	clear: none;
	width: 148px;
	padding-right: 5px;
}
.sblandingCallouts table.callout div.padding {
	padding: 10px 3px 0 10px;
	width: 362px;
}
.sblandingCallouts table.callout div.imageBox {
	float: right;
	clear: none;
	width: 110px;
}
.sblandingCallouts table.callout div.contentBox {
	float: left;
	clear: none;
	width: 252px;
	padding-right: 5px;
}
.sbProductCallouts table.callout div.padding {
	padding: 10px 3px 0 10px;
	width: 175px;
}
.sbProductCallouts table.callout div.imageBox {
	float: right;
	clear: none;
	width: 55px;
}
.sbProductCallouts table.callout div.contentBox {
	float: left;
	clear: none;
	width: 115px;
	padding-right: 5px;
}

/* Table formatting */
td.tablesspacing {
	padding: 7px 4px 9px;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-collapse: collapse;
	text-align: left;
}
td.tablesspacingnone {
	padding: 7px 4px 0 10px;
	border-bottom-width: 0;
	border-left: 1px solid #ddd;
	border-collapse: collapse;
	text-align: left;
}
td.tablesspacingnospace {
	padding: 7px 4px 0;
	border-bottom-width: 0;
	border-left: 1px solid #ddd;
	border-collapse: collapse;
	text-align: left;
}
table.compareSchumerTable {
	border-collapse: collapse;
}
table.compareSchumerTable td {
	border: 1px solid #ddd;
	padding: 10px 4px;
	vertical-align: top;
}
td.compareSchumerTable {
    background-color: #f6f6f6;
}
table.altcompare {
	border-collapse: collapse;
}
table.altcompare td {
	border: 1px solid #7f9cb7;
	padding: 10px 4px;
	vertical-align: top;
}
td.altcompare {
    background-color: #ccd9e7;
}
th.altcompare {
    background-color: #5780ae;
	font-weight: bold;
	color: #fff;
	border: 1px solid #7f9cb7;
	padding: 10px 4px;
	vertical-align: top;
}
table.milesFeaturesTable {
	border-spacing: 3px; /* Not recognized by IE 6 or 7 - Use cellspacing attribute instead */
	border: 1px solid #ddd;
}
table.milesFeaturesTable td {
	padding: 2px;
	vertical-align: middle;
}
td.milesFeaturesTable {
    background-color: #fcfae9;  
}



/* Alt  Compare Table */

table.altcomparetable{
	border-collapse: collapse;
}
table.altcomparetable td {
    visible: false;
	border: 1px solid #7f9cb7;
	padding: 10px 4px;
	vertical-align: top;
}
td.altcomparetable {
    background-color: #ccd9e7;
}
th.altcomparetable {
    background-color: #5780ae;
	font-weight: bold;
	color: #fff;
	border: 1px solid #7f9cb7;
	padding: 10px 4px;
	vertical-align: top;
}

/* Small Business card comparison table */
.comparechart {
	border: 1px solid #7f9cb7;
	border-collapse: collapse;
}
.comparechart td {
	border: 1px solid #7f9cb7;
	padding: 10px 4px;
}
.comparechart .alternate1 {
	background-color: #e6ecf3;
}
.comparechart .header {
	padding: 5px 0;
	text-align: center;
}
.comparechart hr,
.comparechart p {
	margin: 0;
}
.comparechart .divider {
	width: 100%;
	height: 3px;
	color: #bfbfbf;
	margin: 0;
}
.comparechart .dividerrow {
	margin: 0;
	padding: 0;
}

/* Secondary navigation - side */
#side_nav {
	width: 165px;
	border-top: 1px solid #8fa3b6;
}
#side_nav a:link,
#side_nav a:visited {
	display: block;
	text-decoration: none;
	color: #333;
	padding: 4px 15px;
}
#side_nav a:hover {
	text-decoration: underline;
	padding: 4px 15px;
}
#side_nav a.externalLink {
	background-position: 100% 6px;
}
#side_nav td {
	background-color: #e6ebef;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #8fa3b6;
	font-size: 12px;
	color: #333;
	height: 25px;
}
#side_nav td.nav_selected {
	background-color: #b5c4d3;
	border-top: 1px solid #b5c4d3; 
	font-weight: bold;
	height: 25px;
	padding: 4px 15px;
	_padding: 0 15px; /* Underscore hack - Read only by IE 6 */
}
#side_nav td.nav_selected a:link,
#side_nav td.nav_selected a:visited,
#side_nav td.nav_selected a:hover {
	padding: 0;
}

/* Product feature table */
/* sample URL: /creditcards/products/9334/13/index.php */
#content-table-prodfeat {
	width: 715px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	margin: 0;
}
#content-table-prodfeat td {
	vertical-align: top;
	border-bottom: 1px solid #ddd;
	padding: 9px;
}
#content-table-prodfeat .leftcol {
	background-color: #fcfae9;
	border-right: 1px solid #ddd;
	width: 120px;
}
#content-table-prodfeat .leftcol img {
	float: left;
	margin-right: 5px;
}
#content-table-prodfeat .leftcol div.copy {
	float: left;
	font-weight: bold;
	width: 75px;
	padding-top: 2px;
}
#content-table-prodfeat .rightcol {
	background-color: #fff;
	width: 595px;
}

/* Tooltips styles */
.tooltip-icon {
	margin: 0;
	vertical-align: middle;
}
.tt_container {
	margin-top: 0;
	display: none;
	z-index: 3;
	position: absolute;
	font-size: 11px;
}
.tt_box {
	display: block;
	margin-left: 12px;
	padding: 10px;
	border: 1px solid #ffceb3;
	background: #fcfae9;
	width: 300px;
}
.tt_pointer {
	position: absolute;
	left: 0;
}
.tt_title {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 0;
}
.tt_title p {
	margin-top: 0;
}
.tt_text {
	font: normal 11px Arial, Helvetica, sans-serif;
	text-align: justify;
}

/* Tab menu styles*/
#tab-big {
	height: 38px;
}
#tab-big .btnOnLeft {
	width: 14px;
	height: 34px;
	background: url(/images/https-common/silvertabs_big_left_on.gif) top left no-repeat;
}
#tab-big .btnOnRight {
	width: 14px;
	height: 34px;
	background: url(/images/https-common/silvertabs_big_right_on.gif) top left no-repeat;
}
#tab-big .btnOn {
	height: 34px;
	padding-top: 4px;
	background: url(/images/https-common/silvertabs_big_bg_on.gif) left top repeat-x;
	font-weight: bold;
	text-align: center;
}
#tab-big .btnOffLeft {
	width: 14px;
	height: 34px;
	background: url(/images/https-common/silvertabs_big_left_off.gif) top left no-repeat;
}
#tab-big .btnOffRight {
	width: 14px;
	height: 34px;
	background: url(/images/https-common/silvertabs_big_right_off.gif) top left no-repeat;
}
#tab-big .btnOff {
	height: 34px;
	padding-top: 4px;
	background: url(/images/https-common/silvertabs_big_bg_off.gif) left top repeat-x;
	text-align: center;
}
#tab-big .btnOff a {
	color: #000;
}
#tab-big .btnOff a:visited {
	color: #000;
	text-decoration: none;
}
#tab-big .btnOff a:hover {
	color: #000;
	text-decoration: underline;
}

/* Highlighted bullet styles */
.offer_block_title {
	font-size: 15px;
	font-weight: bold;
}
.offer_block_title a:link {
	font-size: 15px;
	font-weight: bold;
	color: #2866af;
	text-decoration: none;
}
.offer_block_title a:visited {
	font-size: 15px;
	font-weight: bold;
	color: #5780ae;
	text-decoration: none;
}
.offer_block_title a:hover {
	font-size: 15px;
	font-weight: bold;
	color: #2866af;
	text-decoration: underline;
}

/* Superscript styles */
/* 'large' superscript is used in our 20px headers */
sup.sup_large {
	font-size: 12px;
	_font-size: 14px;
}

/* 'medium' superscript is used in our 15-17px headers */
sup.sup_medium {
	font-size: 11px;
	_font-size: 13px;
}

/* 'small' superscript is used in our 10-12px fonts (footer, tooltips, etc.) */
sup.sup_small {
	font-size: 9px;
	_font-size: 11px;
}

/* DEPRECATED from original 2.0 stylesheet */
sup {
	font-size: 9px;
	line-height: 0;
}

/* Legacy footer styles */
.footer10,
.footer10 a:link,
.footer10 a:visited,
.footer10 a:hover,
.footer10 td {
	font-size: 10px;
	line-height: normal;
	color: #999;
}