@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: black;

	outline: none;

 text-decoration:none;	

}

a:visited {

	color: black;

	outline: none;

 text-decoration: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;

}



/*  Sajat Content formazas*/



.nyitooldaltd {

 text-align:justify;

 font-family: arial;

 padding-left: 15px; 

 padding-right:15px;

 vertical-align: top;    

}

.kekcim {

 font-size:13px;

 font-weight:bold;

 color:blue;  

}


.kekcimkozep {

 font-size:13px;

 font-weight:bold;

 color:blue;  

 text-align:center;

}
.narancscimkozep {

 font-size:13px;

 font-weight:bold;

 color:#ff6600;  

 text-align:center;

}
.narancscim {

 font-size:13px;

 font-weight:bold;

 color:#ff6600;  

}


.kekcimkicsi {

 font-size:11px;

 font-weight:bold;

 color:blue;  

}

.normal {

list-style-position:inside;

list-style-type:disc;



}

.tabla {

 width:580px;

}

.fszoveg { 

 height:200px;

 vertical-align:top; 

 font-family:arial;

  text-align:center;

  padding: 5px 10px 5px 10px; 

  border:1px solid;

}

.igazit {

padding-left:15px;



}

.vonal {

 width:730px;

 color:grey;



 height:2px;

}

.vonalspan {

box-sizing: border-box;

-moz-box-sizing: border-box; 

 font-size:9px;

/*  margin-bottom: 45px; */

 

}

/* 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/tab_left_on.gif) no-repeat 0 100%;

}

#tab .btnOnRight {

	width: 14px;

	height: 25px;

	background: url(/images/tab_right_on.gif) no-repeat 0 100%;

}

#tab .btnOn {

	height: 25px;

	line-height: 25px;

	background: url(/images/tab_bg_on.gif) repeat-x 0 100%;

	text-align: center;

	color: #000;

}

#tab .btnOffLeft {

	width: 14px;

	height: 25px;

	background: url(/images/tab_left_off.gif) no-repeat 0 100%;

}

#tab .btnOffRight {

	width: 14px;

	height: 25px;

	background: url(/images/tab_right_off.gif) no-repeat 0 100%;

}

#tab .btnOff {

	height: 25px;

	line-height: 25px;

	background: url(/images/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/border.gif) repeat-y 0 0;

	vertical-align: top;

}

.rightBorder {

	background: #f6f7fb url(/images/border.gif) repeat-y 100% 0;

	vertical-align: top;

}

.rightBorder_white {

	background: transparent url(/images/border.gif) repeat-y 100% 0;

}

.borders {

	background: url(/images/bg_borders.gif) repeat-y 100% 0;

	vertical-align: top;

}



/** Navigation Formatting **/

#nav1 li li.last a:hover {

	background-color: transparent;

	background: url(/images/menubg1-dark.gif) bottom left no-repeat;

	font-weight: bold;

	color: #fff;

}

#nav2 li li.last a:hover {

	background-color:transparent;

	background: url(/images/menubg2-dark.gif) bottom left no-repeat;

	font-weight:bold;

	color:#fff;

}

#nav3 li li.last a:hover {

	background-color: transparent;

	background: url(/images/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/border.gif) repeat-x;

}

.hrdiv_box{

	padding: 0 7px;

}

.vtdiv {

	background: transparent url(/images/border.gif) repeat-y;

}



/** Miscellaneous **/

#content-apply {

	margin-bottom: 20px;

}

#content-apply .content {

	background: url(/images/bg_apply.gif) left bottom repeat-x;

}

#content-apply .content-alt {

	background: url(/images/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/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.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;  

}



/* Small Business card comparison table */

.comparechart {

	border: 1px solid #bfbfbf;

	border-collapse: collapse;

}

.comparechart td {

	border: 1px solid #bfbfbf;

	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;

}