/*----------------------------------------------------------------------------*
 * General styles
 *----------------------------------------------------------------------------*/
body
{
	margin:				0px;
	font-size:			0.70em;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	color:				#333333;
	background:			#F4F4F6 url(../Images/template/bg.gif) repeat-x;
}

h1
{
	color:				#6A6A6A;
	font-size:			1.5em;
}

h2
{
	font-size:			1.3em;
}

h3
{
	font-size:			1.2em;
	margin:				0px;
}

h4
{
	font-size:			1.0em;
	margin:				0px;
}

p
{
	line-height:			16px;
	margin:				5px 0px;
}

ul
{
	list-style-type:		none;
	padding:			0px;
	margin:				0px;
}

ul li
{
}

div.clearer
{
	clear:				both;
}

.i
{
	position:			absolute;
	left:				-10000px;
	top:				auto;
	overflow:			hidden;
	width:				1px;
	height:				1px;
}

/*----------------------------------------------------------------------------*
 * Table styles
 *----------------------------------------------------------------------------*/
table td
{
	vertical-align:			top;
}

/*----------------------------------------------------------------------------*
 * Link styles
 *----------------------------------------------------------------------------*/
a, a:active, a:visited
{
	color:				#333333;
	text-decoration:		underline;
}

a:hover
{
	text-decoration:		none;
}

a img
{
	border:				none;
}


/*----------------------------------------------------------------------------*
 * Form styles
 *----------------------------------------------------------------------------*/
form fieldset
{
	border:				none;
	margin:				0px;
	padding:			0px;
}

form fieldset legend
{
	display:			none;
}

form input
{
	font-size:			1em;
	padding:			1px 2px;
}

form select
{
	font-size:			1em;
	border:				1px solid #747474;
}

/*----------------------------------------------------------------------------*
 * Base styles
 *----------------------------------------------------------------------------*/
div#container
{
	position:			relative;
	width:				940px;
   	margin:				0px auto;
	padding:			0px 20px 0px 0px;
	background:			#FFFFFF;
}

div#logo
{
	position:			fixed;
	bottom:				-6px;
	left:				-28px;
	z-index:			2;
}


/*----------------------------------------------------------------------------*
 * Column styles
 *----------------------------------------------------------------------------*/
div#column1
{
	float:				left;
	width:				200px;
	margin:				25px 20px 0px 20px;
}

div#column2
{
	float:				left;
	width:				460px;
	margin:				25px 20px 0px 20px;
}

div#column3
{
	float:				left;
	width:				200px;
}

div#column1To2
{
	position:			relative;
	float:				left;
	width:				705px;
	margin:				25px 20px 0px 15px;
}

div#column1To3
{
	float:				left;
	width:				920px;
	margin:				25px 20px 0px 20px;
}

/*----------------------------------------------------------------------------*
 * Header styles
 *----------------------------------------------------------------------------*/
div#header
{
	position:			relative;
	height:				120px;
	width:				940px;
	z-index:			1;
}

div#header div.logo
{
	position:			absolute;
	top:				20px;
	left:				20px;
}


/*----------------------------------------------------------------------------*
 * Navigation styles
 *----------------------------------------------------------------------------*/
/* Navigation Top */
ul#navigationTop
{
	position:			absolute;
	top:				5px;
	right:				215px;
	height:				20px;
}

ul#navigationTop li
{
	float:				left;
	background:			transparent url(../Images/template/header/navigationTopDivider.gif) no-repeat 0px 3px;
	padding:			0px 6px;
}

ul#navigationTop li.first
{
	background:			none;
}

ul#navigationTop li a, ul#navigationTop li a:active, ul#navigationTop li a:visited
{
	text-decoration:		none;
}

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

ul#navigationTop li.active a
{
	color:				#EE1B2E;
	font-weight:			bold;
}

/* Navigation Main */
ul#navigationMain
{
	position:			absolute;
	bottom:				25px;
	right:				-1px;
	height:				28px;
	overflow:			hidden;
}

ul#navigationMain li
{
	float:				left;
	background:			transparent url(../Images/template/header/navigationMainGreyBg.png) repeat-x 0px 0px;
	text-align:			right;
	margin-left:		-18px;
	padding-left:		14px;
	width:				auto;
	height:				28px;
	display:			block;
}

ul#navigationMain li.active
{
	background:			transparent url(../Images/template/header/navigationMainRedBg.png) no-repeat top left;
}

ul#navigationMain li.first
{
	background-position:	-20px 0px;
	margin-left:			-12px;
}

ul#navigationMain li.last
{
	width:				14px;
	height:				28px;
	background:			transparent url(../images/template/header/navigationMainRight.png) no-repeat top right;
	margin-left:			-14px;
	padding-left:			0px;
}

ul#navigationMain li a, ul#navigationMain li a:active, ul#navigationMain li a:visited
{
	display:			block;
	padding:			8px 15px 4px 38px;
	text-decoration:		none;
	color:				#FFFFFF;
	font-size:			1.1em;
	font-weight:			bold;
}

ul#navigationMain li a:hover
{
	text-decoration:		none;
}


/*----------------------------------------------------------------------------*
 * Body styles
 *----------------------------------------------------------------------------*/
div#body
{
	padding-bottom:			185px;
}


/*----------------------------------------------------------------------------*
 * Widget Banking styles
 *----------------------------------------------------------------------------*/
div#widgetBanking
{
	position:			absolute;
	top:				0px;
	right:				0px;
	width:				200px;
	height:				50px;
}

div#widgetBanking ul
{
}

div#widgetBanking ul li
{
	float:				left;
}

div#widgetBanking ul li a
{
	display:			block;
	height:				24px;
}

div#widgetBanking ul li a.onlineBanking
{
	width:				104px;
	background:			transparent url(../Images/template/header/widgetBanking/tabOnlineBanking.gif) no-repeat;
}

div#widgetBanking ul li.active a.onlineBanking
{
	background:			transparent url(../Images/template/header/widgetBanking/tabOnlineBankingActive.gif) no-repeat;
}

div#widgetBanking ul li a.shareTrading
{
	width:				96px;
	background:			transparent url(../Images/template/header/widgetBanking/tabShareTrading.gif) no-repeat;
}

div#widgetBanking ul li.active a.shareTrading
{
	background:			transparent url(../Images/template/header/widgetBanking/tabShareTradingActive.gif) no-repeat;
}

div#widgetBanking div
{
	width:				180px;
	height:				20px;
	clear:				both;
	background:			transparent url(../Images/template/header/widgetBanking/footer.gif) no-repeat;
	padding:			3px 10px;
}

div#widgetBanking div.shareTrading
{
	display:			none;
}

div#widgetBanking div a, div#widgetBanking div a:active, div#widgetBanking div a:visited
{
	font-size:			1em;
	color:				#FFFFFF;
	text-decoration:		none;
}

div#widgetBanking div a:hover
{
	text-decoration:		underline;
}

div#widgetBanking div img
{
	vertical-align:			middle;
	margin-right:			15px;
}


/*----------------------------------------------------------------------------*
 * Text Resizer styles
 *----------------------------------------------------------------------------*/
div#textResizer
{
	position:			absolute;
	top:				30px;
	right:				220px;
	height:				15px;
}

div#textResizer span
{
	margin-right:			5px;
}

div#textResizer img
{
	cursor:				pointer;
}


/*----------------------------------------------------------------------------*
 * Header (Footer Bar) styles
 *----------------------------------------------------------------------------*/
div#header div.footer
{
	position:			absolute;
	bottom:				-11px;
	left:				0px;
	width:				100%;
	height:				36px;
	background:			transparent url(../Images/template/header/footerBg.png) repeat-x;
}

div#header div.footer ul
{
	float:				left;
	margin:				5px 0px 5px 20px;	
}

div#header div.footer ul li
{
	float:				left;
	margin-right:			8px;
	color:				#FFFFFF;
}

div#header div.footer ul li a
{
	color:				#FFFFFF;
	padding-right:			15px;
	background:			transparent url(../Images/template/header/breadcrumb/arrow.gif) no-repeat right 5px;
}

div#header div.footer form
{
	float:				right;
	width:				200px;
	padding-top:			2px;
}

div#header div.footer form input
{
	width:				150px;
	border:				1px solid #FFFFFF;
	background:			#D2D2D2;
	color:				#666666;
}

div#header div.footer form .button
{
	width:				27px;
	height:				18px;
	border:				none;
	background:			transparent url(../Images/template/header/search/btnGo.gif) no-repeat;
	padding-top:			2px;
}


/*----------------------------------------------------------------------------*
 * Modules (Right Column) styles
 *----------------------------------------------------------------------------*/
div#column3 div.module
{
	width:				200px;
	margin-bottom:			2px;
}

div#column3 div.module a, div#column3 div.module a:active, div#column3 div.module a:visited
{
	color:				#6A6A6A !important;
	text-decoration:		none;
}

div#column3 div.module a:hover
{
	color:				#ED1B2E !important;
	text-decoration:		underline;
}

div#column3 div.module li.active a
{
	color:				#ED1B2E !important;
	text-decoration:		underline;
}

div#column3 ul
{
	margin:				0px !important;
}

div#column3 ul li
{
	padding:			0px !important;
}

div#column3 div.moduleWebChat
{
	width:				200px;
	height:				78px;
}

div#column3 div.moduleWebChat h3
{
	margin:				0px;
	padding:			0px;
}

/* Quick Module */
div#column3 div.moduleQuickMenu
{
	background:			#F1F1F1;
	padding:			5px 10px;
	width:				180px;
	height:				67px;
	overflow:			hidden;
}

div#column3 div.moduleQuickMenu select
{
	width:				180px;
	margin-bottom:		3px;
}

div#column3 div.moduleQuickMenu form
{
	margin:				0px;
}

/* Tools Module */
div#column3 div.moduleTools
{
	background:			#DADADA url(../Images/template/body/module/tools/bg.gif) repeat-x;
	padding:			5px 9px;
	width:				182px;
}

div#column3 div.moduleTools h3
{
	height:				27px;
	padding:			10px 0px 4px 0px;
	background:			transparent url(../Images/template/body/module/tools/icon.png) no-repeat right;
}

div#column3 div.moduleTools ul
{
	background:			#F4F4F4 url(../Images/template/body/module/innerTop.gif) no-repeat;
	margin-bottom:			6px !important;
	padding:			10px 5px 6px 10px;
}

div#column3 div.moduleTools ul li
{
	margin-bottom:			2px;
	font-size:			0.9em;
}

/* Quick Links Module */
div#column3 div.moduleQuickLinks
{
	background:			#E4E4E4 url(../Images/template/body/module/quickLinks/bg.gif) repeat-x;
	padding:			5px 9px;
	width:				182px;
}

div#column3 div.moduleQuickLinks h3
{
	height:				27px;
	padding:			10px 0px 4px 0px;
	background:			transparent url(../Images/template/body/module/quickLinks/icon.png) no-repeat right;
}

div#column3 div.moduleQuickLinks ul
{
	background:			#F4F4F4 url(../Images/template/body/module/innerTop.gif) no-repeat;
	margin-bottom:			6px !important;
	padding:			10px 10px 6px;
}

div#column3 div.moduleQuickLinks ul li
{
	margin-bottom:			2px;
	font-size:			0.9em;
}

/* Generic Square Shadow Module */
div.moduleShadow
{
	position:			relative;
	background:			transparent url(../Images/template/body/module/shadow/bg.gif) repeat-y;
	width:				238px;
}

div.moduleShadow div.header
{
	position:			absolute;
	top:				0px;
	left:				0px;
	background:			transparent url(../Images/template/body/module/shadow/headerBg.gif) no-repeat;
	width:				100%;
	height:				16px;
}

div.moduleShadow div.body
{
	padding:			15px 20px 15px 20px;
}

div.moduleShadow div.body h2
{
	margin:				5px 0px;
	color:				#666666;
}

div.moduleShadow div.body a.more, div.moduleShadow div.body a.more:active, div.moduleShadow div.body a.more:visited
{
	font-weight:			bold;
	text-decoration:		none;
}

div.moduleShadow div.body a.more:hover
{
	text-decoration:		underline;
}

div.moduleShadow div.footer
{
	position:			absolute;
	bottom:				0px;
	left:				0px;
	z-index:			1;
	background:			transparent url(../Images/template/body/module/shadow/footerBg.gif) no-repeat;
	width:				100%;
	height:				16px;
}

div.moduleShadow div.body div.borderHeader,
div.moduleShadow div.body div.borderFooter
{
	position:			absolute;
	left:				9px;
	z-index:			2;
	width:				220px;
	height:				15px;
}

div.moduleShadow div.body div.borderHeader
{
	top:				9px;
}

div.moduleShadow div.body div.borderFooter
{
	bottom:				9px;
}


/*----------------------------------------------------------------------------*
 * Footer styles
 *----------------------------------------------------------------------------*/
div#footer
{
	position:			absolute;
	bottom:				0px;
	width:				100%;
}

div#footer .left
{
	width:				50%;
	height:				16px;
	position:			absolute;
	bottom:				0;
	background:			#D1D1D1;
}

div#footer .header
{
	height:				15px;
	background:			#D1D1D1 url(../Images/template/footer/rightCorner.gif) no-repeat 923px 0px;
	padding:			2px 0px 0px 110px;
	font-size:			0.8em;
}

div#footer .header a, div#footer .header a:active, div#footer .header a:visited
{
	text-decoration:		none;
}

div#footer .header a:hover
{
	text-decoration:		underline;
}

div#footer .body
{
	background:			#ECECEC;
	padding:			10px 10px 20px 110px;
	font-size:			0.9em;
	margin-right:			20px;
}