@charset "utf-8";

/* CSS Document for the HNB 2007 New web site by Dilanka Gunarathna, dilankadg@yahoo.com - 18.09.2007*/

/* Root Styles */

body {
	padding:0px;
	margin:0px;
	border:none;
	width:100%;
	height:100%;
	
	text-align:left;
	vertical-align:text-top;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:1.0em;
}

table {
	padding:0px;
	margin:0px;
	border:0px;
}

td {
	padding:0px;
	margin:0px;
	border:0px;
	vertical-align:top;
}

div, p, form, img, h1, h2, h3, h4, h5, h6 { 
	font-family: Verdana,Segoe,sans-serif,Tahoma;
	padding: 0px;
	margin: 0px;
	border: 0px none;
	background-position:left top;
	background-repeat:no-repeat;
}

table.table_none {
	margin:0px;
	padding:0px;	
}
td.td_none {
	margin:0px;
	padding:0px;
	border:0px none;
}

/* End Root Styles */

/* Div Styles */

div.div_tickerWhiteText {
	float:left;
	padding:0px 4px 0px 0px;
	width:auto;
	height:auto;
	color:#FFFFFF;
	font-size:0.54em;
}
div.div_tickerBlueText {
	float:left;
	padding:0px 4px 0px 0px;
	width:auto;
	height:auto;
	color:#9bddfc;
	font-size:0.54em;
}

div.div_textNewsAndEvents {
	float:left;
	width:249px;
	height:50px;
	overflow:hidden;
	font-size:0.64em;
	color:#494949;
	text-decoration:none;
	font-weight:normal;
}
div.div_textNewsAndEvents a {
	color:#000000;
	text-decoration:none;
	font-weight:normal;
}
div_textNewsAndEvents a:visited {
	color:#777777;
	text-decoration:none;
	font-weight:normal;
}
div.div_textNewsAndEvents a:hover {
	color:#000000;
	text-decoration:none;
	font-weight:normal;
}
div.div_textNewsAndEvents a:active {
	color:#777777;
	text-decoration:none;
	font-weight:normal;
}

div.div_linksNumNewsAndEvents {
	float:left;
	padding:7px 0px 0px 0px;
	width:249px;
	height:auto;
	vertical-align:middle;
}

div.div_linksNumNewsAndEvents a {
	margin:0px 5px 0px 0px;
	padding:2px 4px 2px 4px;
	width:auto;
	height:auto;
	background:#d6d6d6;
	font-size:0.64em;
	color:#000000;
	text-decoration:none;
	font-weight:normal;
}
div.div_linksNumNewsAndEvents a:visited {
	margin:0px 5px 0px 0px;
	padding:2px 4px 2px 4px;
	width:auto;
	height:auto;
	background:#d6d6d6;
	font-size:0.64em;
	color:#000000;
	text-decoration:none;
	font-weight:normal;
}
div.div_linksNumNewsAndEvents a:hover {
	margin:0px 5px 0px 0px;
	padding:2px 4px 2px 4px;
	width:auto;
	height:auto;
	background:#000000;
	font-size:0.64em;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
}
div.div_linksNumNewsAndEvents a:active {
	margin:0px 5px 0px 0px;
	padding:2px 4px 2px 4px;
	width:auto;
	height:auto;
	background:#d6d6d6;
	font-size:0.64em;
	color:#000000;
	text-decoration:none;
	font-weight:normal;
}
/* End Div Styles */

/* Span Styles */

span.span_activeNumNewsAndEvents {
	margin:0px 5px 0px 0px;
	padding:2px 4px 2px 4px;
	width:auto;
	height:auto;
	background:#858585;
	cursor:default;
	font-size:0.64em;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
}

span.span_downLoadFlash {
	margin:0px;
	padding:0px;
	vertical-align:text-top;
}

/* End Span Styles */

/* Table Styles */ 

td.td_root {
	width:100%;
	height:599px;
	background:#FFFFFF;
	vertical-align:top;
	text-align:left;
}
td.td_headerMain {
	padding:0px 0px 7px 0px;
	height:50px;
	text-align:right;
}
td.td_footerMain {
	padding:5px 0px 0px 0px;
}
td.td_tickerMain {
	padding:6px 8px 6px 8px;
	background:#00123e;
}

td.td_mainBlock04 {
	padding:2px 8px 0px 26px;
}
td.td_toolsSearchMain {
	padding:17px 0px 0px 0px;
	width:auto
}

td.td_newsAndLinksBlock {
	padding:0px 0px 12px 0px;
}
table.table_thumbImages {
	padding:0px 0px 0px 0px;
}
table.table_thumbImages td {
	padding:0px 2px 0px 0px;
}
td.td_quickLinksMain {
	padding:0px 0px 0px 3px;
	width:187px;
}

table.table_quickLinks {
	padding:0px 0px 0px 0px;
}
table.table_quickLinks td {
	padding:0px 0px 0px 14px;
	width:187px;
	height:29px;
	vertical-align:middle;
	font:"Trebuchet MS";
	font-size:0.68em;
	font-weight:normal;
}
table.table_quickLinks a {
	color:#FFFFFF;
	text-decoration:none;
}
table.table_quickLinks a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
table.table_quickLinks a:hover {
	color:#B3D9FF;
	text-decoration:none;
}
table.table_quickLinks a:active {
	color:#FFFFFF;
	text-decoration:none;
}


.bg_quickLinksAboutUs {
	background:url(../images/bg_quickLinksAboutUs.jpg) top left no-repeat;
}
.bg_quickLinksProductsServices {
	background:url(../images/bg_quickLinksProductsServices.jpg) top left no-repeat;
}
.bg_quickLinksBizInfo {
	background:url(../images/bg_quickLinksBizInfo.jpg) top left no-repeat;
}
.bg_quickLinksCareersAtHNB {
	background:url(../images/bg_quickLinksCareersAtHNB.jpg) top left no-repeat;
}
.bg_quickLinksFeedback {
	background:url(../images/bg_quickLinksFeedback.jpg) top left no-repeat;
}

td.td_bannerThumbMain {
	width:auto;
	text-align:right;
}


table.table_bannerThumb {
	padding:0px;
	width:auto;
}
table.table_bannerThumb td {
	padding:0px 0px 0px 6px;
}

td.td_newsMain {
	padding:17px 18px 14px 25px;
	width:249px;
	height:114px;
}

td.td_bgHeader {
	background:url(../images/top_blue_bak.gif) top center repeat-x;
}

td.td_titleNewsAndEvents {
	padding:0px 0px 11px 0px;
	width:100%;
	height:11px;
	background:url(../images/title_newsAndEvents.gif) top left no-repeat;
}
td.td_titleSubNewsAndEvents {
	padding:0px 0px 2px 0px;
	width:auto;
	height:16px;
	color:#000000;
	font-size:0.64em;
}

td.td_textNewsAndEvents {
	padding:0px 0px 2px 0px;
}

td.td_downLoadFlashMain {
	padding:11px 12px 11px 18px;
	width:294px;
	height:auto;
	line-height:13px;
	font-size:0.64em;
	color:#1a1a1a;
	font-weight:normal;
	text-decoration:none;
}

table.table_linksAndSearchMain {
	width:100%;
}
table.table_linksAndSearchMain td {
	padding:0px 0px 0px 0px;
	width:100%;
}

table.table_myToolsMain {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

table.table_myToolsMain td {
	margin:0px 0px 0px 0px;
	padding:0px 0px 5px 0px;
}

table.table_myToolsLinks {
	margin:0px;
	padding:0px 0px 0px 0px;
}
table.table_myToolsLinks td {
	margin:0px;
	padding:0px 8px 2px 0px;
	font-size:0.64em;
	font-weight:normal;
}
table.table_myToolsLinks a {
	color:#000000;
	text-decoration:none;
}
table.table_myToolsLinks a:visited {
	color:#000000;
	text-decoration:none;
}
table.table_myToolsLinks a:hover {
	color:#299BF8;
	text-decoration:none;
}
table.table_myToolsLinks a:active {
	color:#000000;
	text-decoration:none;
}

table.table_searchMain {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:0.64em;
}
table.table_searchMain td {
	margin:0px 0px 0px 0px;
	padding:1px 6px 0x 0px;
	vertical-align:middle;
}

td.td_search {
	margin:0px 0px 0px 0px;
	padding:3px 0px 0px 0px;
}
td.td_radioSearchForm {
	margin:0px;
	padding:0px;
	width:20px;
	vertical-align:middle;
}

td.td_searchGoMain {
	margin:0px;
	padding:0px;
	vertical-align:middle;
}

/* End Table Styles */

/* Common Styles */

.alignLeft {
	text-align:left;
}
.alignRight {
	text-align:right;
}
.alignCenter {
	text-align:center;
}

/* End Common Styles */

/* Text Styles */


.text_myTools {
	text-transform:uppercase;
	font-size:0.84em;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
/* End Text Styles */

/* Links Styles */
a.links_downLoadFlash {
	font-size:1.00em;
	color:#383838;
	font-weight:bold;
	text-decoration:underline;
}
a.links_downLoadFlash:visited {
	font-size:1.00em;
	color:#383838;
	font-weight:bold;
	text-decoration:underline;
}
a.links_downLoadFlash:hover {
	font-size:1.00em;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
a.links_downLoadFlash:active {
	font-size:1.00em;
	color:#383838;
	font-weight:bold;
	text-decoration:underline;
}


a.links_myTools {
	font-size:0.82em;
	color:#000000;
	font-weight:normal;
	text-decoration:none;
}

/* End Links Styles */

/* Icon Styles */

.icon_downloadApplications {
	width:18px;
	height:15px;
	background:url(../images/icon_downloadApplications.gif) top left no-repeat;
}
.icon_loanCalculator {
	width:18px;
	height:15px;
	background:url(../images/icon_loanCalculator.gif) top left no-repeat;
}
.icon_depositCalculator {
	width:18px;
	height:15px;
	background:url(../images/icon_depositCalculator.gif) top left no-repeat;
}
.icon_ATMLocator {
	width:18px;
	height:15px;
	background:url(../images/icon_ATMLocator.gif) top left no-repeat;
}
.icon_branchNetwork {
	width:18px;
	height:15px;
	background:url(../images/icon_branchNetwork.gif) top left no-repeat;
}

/* End Icon Styles */

/* Textfields Styles */

.textfields_search {
	margin:0px 6px 0px 0px;
	padding:1px 0px 1px 0px;
	border:1px #dddddd  solid;
	width:110px;
	height:14px;
	font-size:0.82em;
	color:#000033;
}

/* End Textfields Styles */

/* Button Styles */


.button_go {
	margin:0px 9px 0px 0px;
	padding:0px;
	border:0px;
	width:23px;
	height:24px;
}

/* Radio Buttons */

radio.radio_search {
	margin:0px;
	padding:0px;
	width:12px;
}

.green {
	color: #33CC00;
}

.red {
	color: #FF0000;
}
.blue {
	
	color:#3399FF;
	
}

/* End Radio Buttons */

/* Button Styles */