/* =================================
font and font sizes 
================================== */

* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* NORMAL SIZE */
td#footer, td#fbheader-generalnav, #fbheader-mainnav, td#welcomemsg_content, td#businessneeds_content, td#spotlight_box_content, td#spotlight_content, td#loginbox_content, #promo_content, #promo_content1, #promo_content2, #promo_content3, #promo_content4, #promo_content5, #promo_content6, #promo_content7, #promo_content8, #promo_content9, #promo_content10, table.btnOnlineBanking {
	font-size: 62.5%;
}

/* workaround for lack of complete doctype and font-size inheritance in tables */
table.fontresizable { font-size:10px; /* default font size when no cookie was loaded */ }
table.fontresizable td,
table.fontresizable th { font-size:1em; } /* get the default font size or the one set from user's cookie */ }
table.fontresizable td select { font-size:1em; }
table.fontresizable td input { font-size:1em; }
table.fontresizable td textarea { font-size:1em; }

/* =======================================
borders and background colors
=========================================*/

.whitebackground {
	background-color: #FFFFFF !important;
}

.whiteborder {
	border: 2px solid #E3E5E6;
}

.lightredbackground {
	background-color: #F7F3F3;
}

.lightredborder {
	border: 2px solid #E9DDDC;
}


/* =======================================
layout
=========================================*/

body {
	margin: 0 10px 10px 10px;
	background-color: #FFFFFF;
	font-size: 10px; /* default font size */
}

/* stylesheet for header */

#fbheader-shadow {
	display: block;
	height: 12px;
	background: url(fortishe.gif) top center repeat-x;
}

#fbheader-generalnav {
	height: 19px;
	background-color: #8C8C90;
	text-align: right;
	vertical-align: middle;
}

#fbheader-generalnav div {
	float: right;
}

/* editions list box*/
div#editions form select {
	font-size: 11px;
}

/* main nav links (gray bar) */

ul#fbheader-commonheadnav {
	border: 0; margin: 0; padding: 0;
	list-style: none;
	margin-right: 3px;
	font-size: 10px;
	line-height: 18px;
}

ul#fbheader-commonheadnav li {
	list-style-image: none;
	display: block;
	text-wrap: none;
	float: left;
	color: #ffffff !important;
	margin: 0;
	border: 0 !important;
	height: 19px;
	padding: 0;
}

ul#fbheader-commonheadnav li a:link, ul#fbheader-commonheadnav li a:visited, ul#fbheader-commonheadnav li a:active {
	color: #FFF !important;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
}

ul#fbheader-commonheadnav li a:hover {
	text-decoration: underline;
}

a.lettersizelink {
	padding: 0 !important;
}

a.beforeletters {
	padding-right: 20px;
}


/* logo and visual */

#fbheader-mainlogo {
	/*width: 420px;*/ /* removed to make width of header easily 100% changeable */
	height: 84px;
	vertical-align:top;
	background: white url(header-l.gif) bottom center repeat-x;
}

#fbheader-headervisual {
	width: 345px;
	height: 84px;
	background: #FFF url(header-l.gif) bottom center repeat-x;
	text-align:right;
}

#fbheader-headervisual img {
	display: block;
	width: 345px; height: 84px;
	border: 0; padding: 0; margin: 0;
}

/* fortis main footer */
table#footertable {
	margin-top: 10px;
}

td#footer {
	background-color: #8c8c90;
	text-align: right;
	height: 19px;
	padding-right: 20px;
	color: #FFFFFF !important;
}

td#footer a:link, td#footer a:visited, td#footer a:active {
	color: #FFFFFF !important;
	text-decoration: none;
	padding-left: 20px;
}

td#footer a:hover {
	text-decoration: underline;
}

/* dotted spacer in right col */
.right_col_dotted_spacer {
	width: 223px; height: 15px;
	background: url(dots0000.gif) bottom left repeat-x;
}


/* home titles */

h1.home1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #F50035;
	margin: 9px 44px 14px 44px;
	line-height: 1.7em;
}

h1.loginbox {
	width: 219px;
	height: 65px;
	color: #FFFFFF;
	margin: 0 0 0 0;
	padding: 9px 9px 9px 9px;
	font-size: 1.2em;
	line-height: 1.7em;
}

h1.home2 {
	font-size: 1.1em;
	font-weight: bold;
	color: #f50035;
	background: url(dots0000.gif) bottom left repeat-x;
	line-height: 1.4em;
	padding-bottom: 0.5em;
	padding-left: 0.9em;
	margin: 0 0 10px 0;
}


/* fortis business main nav */
#fbheader-mainnav {
	height: 22px;
	background-color: #003366;
	text-align: left;
	vertical-align: top;
	padding-left: 5px;
}

ul.fbheader-mainlinks {
	list-style: none;
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
	line-height: 21px;
	font-size: 11px;
}

ul li.fbheader-mainlink-unactive, ul li.fbheader-mainlink-active {
	list-style-image: none;
	display: block;
	position: relative;
	height: 21px;
	float: left;
}

ul li.fbheader-mainlink-right-unactive, ul li.fbheader-mainlink-right-active {
	list-style-image: none;
	display: block;
	position: relative;
	height: 21px;
	float: right;
}

ul.fbheader-mainlinks li a {
	display: block;
	height: 21px;
	position: relative;
	float: left;
	padding: 0 17px 0 17px;
	border-bottom: 0px solid #003366;	
	border-left: 1px solid #003366;	
	border-top: 1px solid #003366;	
	border-right: 1px solid #003366;
	background-color: #003366;
	color: #FFFFFF !important;
	text-decoration: none;
}

ul.fbheader-mainlinks li a:hover {
	border-left: 1px solid #ffffff;	
	border-top: 1px solid #ffffff;	
	border-right: 1px solid #ffffff;
	text-decoration: none;
	color: #FFFFFF !important;
}

ul.fbheader-mainlinks li.fbheader-mainlink-active a {
	background-color: #0F6190;
	border-left: 1px solid #ffffff;	
	border-top: 1px solid #ffffff;	
	border-right: 1px solid #ffffff;
}

/* other */
.nomargin_top, .nomargin {
	margin-top: 0;
}

/* login box */

table#loginbox td {
/*	height: 250px; */
	width: 219px;
	vertical-align: top;
}

div#login_visual {
	margin-top: 36px;
	margin-left: 35px;
}

td#loginbox_content div {
	margin-top: 3px;
	margin-left: 15px;
}

td#loginbox_content ul {
	margin: 9px 30px 0 0;
	padding:0;
	list-style: none;
	font-size: 1.1em;
	color: #003366;
}

td#loginbox_content li {
	padding: 0 0 12px 34px;
}

td#loginbox_content li {
	background: url(links-ar.gif);
	background-repeat: no-repeat;
	background-position: 16px 5px;
}

td#loginbox_content li:hover {
	background: url(links-as.gif);
	background-repeat: no-repeat;
	background-position: 16px 5px;
}

td#loginbox_content a:link, td#loginbox_content a:visited, td#loginbox_content a:active {
	color: #0F6190;
	text-decoration: none;
}

td#loginbox_content a:visited {
	color: #0F6190;
}

td#loginbox_content a:hover {
	display: block;
	text-decoration: underline;
	 margin-left: 0px;
}

/* Promotion */
.Promotion {
	margin-top: 0px;
	margin-bottom: 10px;
	width: 223px;
}

.with_content {
	border: 2px solid #E3E5E6;
	text-align: left;
	height: auto;
}

.Promotion img {
	display: block; border:0;
}

.with_content img {
	margin-left: 35px;
}

}.with_content div img {
	margin-left: 0;
}

.with_content img.bigpromo {
	margin-left: 0;
}

.Promotion h3 {
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	color: #F50035;
	margin: 9px 35px 12px 16px;
	line-height: 1.7em;
}

.Promotion ul {
	margin: 12px 0 0 0;
	padding: 0;
	list-style: none;
	font-size: 1.1em;
	text-align: left;
	color: #003366;
}

.Promotion li {
	padding: 0 0 12px 34px;
	background: url(links-ar.gif);
	background-repeat: no-repeat;
	background-position: 16px 5px;
}

.Promotion ul li img {
	margin: 0 0 0 0;
	padding:0;
	list-style: none;
}

.Promotion li img {
	padding: 0 0 0 0;
	background: none;
}

.Promotion li:hover img {
	background: none;
	background-position: 0 0;
}

.with_content ul li img {
	margin-top: 6px;
	margin-left: -34px;
}

.Promotion li:hover {
	background: url(links-as.gif);
	background-repeat: no-repeat;
	background-position: 16px 5px;
}

.Promotion a:link, .Promotion a:visited, .Promotion a:active {
	color: #0F6190;
	text-decoration: none;
}

.Promotion a:visited {
	color: #0F6190;
}

.Promotion a:hover {
	text-decoration: underline;
	margin-left: 0px;
}


/*contact forms */

#contactform td, #contactform th  {
	margin: 0 0 15px 0;
	text-align:left;
}

#contactform th {
	padding:5px;
    background:#F2F7F9;
	text-align:left;
}

/*for cms pages (always present in main.css)*/

div#article_content h1 {
	font-size: 1.4em;
	color: #1e6b97;
	margin: 0 20px 0 0;
}
div#article_content h2 {
	color: #1e6b97;
	margin: 0 0 8px 0;
	font-size: 1.1em;
}
div#article_content h3 {
	color: #101010;
	margin: 0;
	font-size: 1.1em;
}


div#article_content h1.cmsTitle {
	font-size: 1.4em;
	color: #1e6b97;
	margin: 0 20px 0 0;
	padding: 0;
}
div#article_content h2.cmsSubTitle {
	color: #1e6b97;
	margin: 0 0 8px 0;
}
div#article_content h3.cmsHeader {
	color: #101010;
	margin: 0;
	padding-top: 8px;
}


.cmsTitle {
	font-size: 1.3em;
	font-weight: bold;
	color: #1e6b97;
	margin: 0 20px 0 0;
	padding: 0;
}
.cmsSubTitle {
	color: #1e6b97;
	font-weight: bold;
	margin: 0 0 8px 0;
	padding-top: 15px;
	font-size: 1em;
}
.cmsHeader {
	color: #101010;
	font-weight: bold;
	margin: 0;
	padding-top: 8px;
	font-size: 1em;
}

.cmsIMG {
    float:right;
    margin-left:11px;
    margin-bottom:11px;
    caption:Image;
} 
.cmsIMGLeft /*same for left side*/ {
    float:left;
    margin-right:11px;
    margin-bottom:11px;
    caption:Image;
} 

td.tblLabel {padding:8px;background-color:#CC0000;color:#ffffff;font-size:13px;font-weight:bold}
table.tblData th{border:1px solid #cccccc;font-weight:bold;text-align:left;vertical-align:baseline}
table.tblData td{border:1px solid #cccccc;border-top:0px solid #cccccc;vertical-align:baseline}
table.tblData th.tdRight{border-left:0px solid #cccccc}
table.tblData td.tdRight{border-left:0px solid #cccccc}
.fontSmall 		{font-size:9px}
.staticIMGLeft{float:left;margin-right:11px;margin-bottom:11px}
.staticIMGRight{float:right;margin-left:11px;margin-bottom:11px}
.bold	{font-weight:bold}
.date	{color:#999999}

.staticTitle 	{}
.staticHeader 	{font-weight:bold;}
.staticBody 	{}
.staticTitle1	{color: #1e6b97;font-weight:bold;}
.staticBody1	{}
ul.staticBody1	{margin-left:15px;}
.staticTitle2	{color: #1e6b97;;font-weight:bold;margin: 16px 0px 8px 30px;}
.staticBody2	{margin-left:30px;}
ul.staticBody2 	{margin-left:45px;}
ul.staticBody2 a:link, ul.staticBody2 a:active {color: #0F6190;text-decoration: underline;}
ul.staticBody2 a:visited {color: #003366;text-decoration: underline;}
ul.staticBody2 a:hover {color: #F50035;}
div.staticIMGcenter 	{text-align:center;border:1px none #000000}
table.statictblData th{border:1px solid #cccccc;font-weight:bold;text-align:left;vertical-align:baseline;background-color:#C9DFF1}
table.statictblData td{border:1px solid #cccccc;border-top:0px solid #cccccc;vertical-align:baseline}
table.statictblData th.tdRight{border-left:0px solid #cccccc}
table.statictblData td.tdRight{border-left:0px solid #cccccc}
table.none td		{border:0px solid #cccccc}