/* --- Font Size Conversion Table From Base 16px --- */
/* ---  9px = 57% --- */
/* --- 10px = 63% --- */
/* --- 11px = 69% --- */
/* --- 12px = 75% --- */
/* --- 13px = 82% --- */
/* --- 14px = 88% --- */
/* --- 15px = 94% --- */
/* --- 16px = 100% --- */
/* --- 18px = 113% --- */
/* --- 20px = 125% --- */
/* --- 24px = 150% --- */


/* ----- IDS ----- */

#bodyContainer { 
	min-height:100%;
	text-align:center;
	background: #FFF url(../images/background/backgroundRepeat.jpg) repeat-x left top;
}
		
#container {
	margin:auto; padding:17px 0 0 0;
	width:961px;
	text-align:left;
}

/* 1. header */
#header{
	display:block; width:100%; height:90px; 
	margin:0; padding: 0;
}

#logotypeBox {
	width:699px;
	float:left;
	padding:18px 0 0 0; margin:0;
}

#searchBox {
	width:262px;
	float:left;
}

/* 2. navigation */
#navigation {
	display:block; width:100%; height:35px;
	background:transparent url(../images/background/borderNav.gif) no-repeat right bottom;
}

/* 3. Main Content */

#mainContentBox { 
	display:block; width:100%;
	margin:0; padding: 0;
	background:#FFF url(../images/background/border.gif) repeat-y left top;
}

.sidePanel-left, #mainContent, .quarter, .quarterBlank { 
	display:block;
	float:left; margin:0; padding:0;
}

.sidePanel-left { width:261px;}
#mainContent { width:700px;}
.quarter, .quarterBlank { width: 232px;}

.home #mainContent .quarterBlank { background:#FFF url(../images/background/homePanel-repeat.gif) repeat-y left top }
.home #mainContent .quarterBlank .inner { background:transparent url(../images/background/homePanel-top.gif) no-repeat left top; height:243px; padding: 10px 25px 0 12px;}
.home #mainContent .quarterBlank .innerPoll { background:transparent url(../images/background/poll_background.gif) no-repeat left top; height:243px; padding: 10px 25px 0 12px;}
.home #mainContent .quarterBlankEnd { 
	display:block;
	width: 222px; height:8px;
	background: #FFF url(../images/background/homePanel-bottom.gif) no-repeat left top 
}

.sidePanel-left .inner { margin: 0 6px 3px 14px; padding:15px 0 40px 0; background:#F79239 url(../images/background/leftCol-top.gif) no-repeat left top}

.sidePanel-left  { background:transparent url(../images/background/leftCol-end.gif) no-repeat 14px bottom }
.home .sidePanel-left .inner {}

/* 3.1 pageTools */
#pageTools { 
	display:block; width: 100%; height: 30px; 
	clear:both;
	background:transparent url(../images/background/topBorder.gif) no-repeat left top;
}

#pageTools .inner { padding: 10px 0 10px 20px;}

/* 3.2 sidePanel-left  */
.sidePanel-left {}

#secondaryNav { }


/* 3.3 main content */
#mainContent {}

#mainContent .inner {
	padding: 29px 30px 20px 28px;
}

.home #mainContent .inner { padding:0;}

/* 3.3.1 main content - home page main panel */
.topPanel {
	display: block; float:left;
	position:relative;
	clear:right;
	width:686px; height:262px;
	margin:0 0 20px; padding:0;
}


/* 4. footer */
	
#footer { 
	clear:both; display:block; width:100%; 
	padding:20px 0 0 0;
	background: transparent url(../images/background/bottomBorder.gif) no-repeat left top;
}
#footerNav { 
	display:block; float:left; 
	width: 724px; height:23px;
	padding:0; margin:0;
}
#disclaimer { display:block; float:left; width: 714px; margin-left:10px; }
#KpoweredByBox {  display:block; float:right; width: 237px; height:20px; }


/* ----- CLASSES ----- */

.hide{}
.show{}

.col2 { display:block; width:100%; }
.lhcol { float:left; width: 50%; }
.rhcol { float: right; width:50%; }

.content { margin: 0; padding:0;}

.clearer { width:100%; clear:both;}
.clearer hr { display:none }

.pageEnd { padding: 21px 0 0 0;}

/*.hideNav { display:none;}*/

/* ----- HEADINGS ----- */


/* headings for SIFR */

#secondaryNav h2 { display:block; color: #FFF; margin:0 0 0 14px; font-size:113%;}
#secondaryNav h2.sectionTitle { height: 20px; margin:12px 0 14px 22px; color: #083C8B; font-size:100%;}
#secondaryNav h3 { display:block; color: #FFF; margin:4px 0 0 14px; font-size:69%;}

#mainContent h3.sectionName { 
	display:block; 
	height: 20px; width: 642px; 
	padding:12px 0pt 14px 6px; 
	margin:0 0 0 22px;
	font-size:125%; color:#083C8B;
	border-bottom: 1px solid #D7D7D7;
}

#mainContent div.pageName h2{ display:block; font-size:150%; color:#083C8B }
#mainContent h3.homeMinorHead { 
	display:block; 
	font-size:113%; color:#083C8B; 
	margin: 5px 0 10px 0;
}

/* ----- PARAGRAPHS ----- */

p { margin: 0 0 1em 0; padding:0; }

#pageTools p.breadcrumb { 
	float:left; font-size:69%; width: 860px; 
	font-weight: bold; 
	color: #EC6912;
}

#disclaimer p { 	font-size:63%; color: #333; }
#disclaimer p a { color: #333; }
#disclaimer p a:hover { color: #111; }

p.breadcrumb a { color: #7E7D7D; text-decoration: none}
p.breadcrumb a:hover { color: #EC6912 }


/* ----- LISTS ----- */

#navigation ul, #footerNav ul, #searchBox ul, #pageTools ul {
	float:left;
	list-style-type:none;
	margin:0; padding:0;
}

#navigation ul li ul {
	border: 3px solid #CACACA;
	border-width: 0 3px 2px 3px;
}

#navigation ul li ul li a {
	border-bottom: 1px solid #CACACA;
	border-width: 0 0 1px 0;
}

#searchBox ul { 
	float:right; 
	clear:right; display:block;
	height:30px;	
}

#footerNav ul {
	margin-top: 12px;
}

#footerNav li, #searchBox li, #pageTools li {
	display:inline;
	margin:0; padding:0;
	display:block;
	float:left;
	font-size:63%;
	height:1em; line-height:1em;
}

#footerNav li { border-right: 1px solid #828282;}
#searchBox li { border-right: 1px solid #FFF; }

#footerNav li.lastNav, #searchBox li.lastNav { border-width:0;}

#footerNav li a, #searchBox li a, #pageTools li a {
	display:block;
	float:left;
	height:16px;
	margin:0pt;
	padding:0pt 15px;
	text-decoration:none;
}	

#footerNav li a:hover, #searchBox li a:hover { text-decoration:underline; }

#footerNav li a { color: #828282; }
#searchBox li a { color: #FFF; }
#pageTools li a { color: #ED9191; }

#footerNav li.lastNav a, #searchBox li.lastNav a { padding-right:0}

#pageTools #button_email a, #pageTools #button_print a {
	position:relative;
	display:block;
	padding:0;
	width:28px; height: 19px;
	overflow:hidden; white-space:nowrap;
	text-decoration:none;
}

#pageTools #button_email a span, #pageTools #button_print a span {
	position:absolute;
	width:100%; height: 100%;
}

#pageTools #button_email a span { background: transparent url(../images/buttons/emailPage.gif) no-repeat top left }
#pageTools #button_print a span { background: transparent url(../images/buttons/printPage.gif) no-repeat top left }

#pageTools #button_email a:hover span { background-position: bottom left }
#pageTools #button_print a:hover span { background-position: bottom left }

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

#secondaryNav li {
	margin:0; padding:0;
	font-size: 73%;
}

#secondaryNav li ul { margin:0; padding: 0 0 5px; }
#secondaryNav li li { font-size: 100%; margin:0 0 0 15px;}

#secondaryNav li a { 
	display:block;
	color: #FFF; font-weight:bold;
	text-decoration: none;
}

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

#secondaryNav #button_LogIB { padding:12px 0 0 0; }
.home #secondaryNav #button_LogIB { padding-bottom: 2px; }
.home #secondaryNav #button_LogES { padding:8px 0 0 0; }

#button_LogIB a, #button_LogES a, #button_ContU a {
	display:block; position:relative;
	overflow:hidden;
	width:230px; height:44px;
	margin:0 0 2px 7px; 	padding:0;
}

#button_LogIB a span, #button_LogES a span, #button_ContU a span {
	position: absolute;
	width:100%; height:100%;
}

#button_LogIB a span { background:transparent url(../images/buttons/sidePanel_loginIB.gif) no-repeat left top; }
#button_LogES a span { background:transparent url(../images/buttons/sidePanel_loginES.gif) no-repeat left top; }
#button_ContU a span { background:transparent url(../images/buttons/sidePanel_contactus.gif) no-repeat left top; }

#button_LogIB a:hover span { background-position:left bottom; }
#button_LogES a:hover span { background-position:left bottom; }
#button_ContU a:hover span { background-position:left bottom; }

#secondaryNav #button_ContU { padding: 0 0 15px 0;}

#slide_CIRa a, #slide_AOFo a, #slide_Calc a, #slide_FAQs a {
	display:block; position:relative;
	overflow:hidden;
	width: 241px; height:40px;
}

#slide_CIRa a span, #slide_AOFo a span, #slide_Calc a span, #slide_FAQs a span {
	position:absolute;
	width: 100%; height:100%;
}

#slide_CIRa a span { background:transparent url(../images/buttons/sideP_title_CIRa.gif) no-repeat left top; }
#slide_AOFo a span { background:transparent url(../images/buttons/sideP_title_AOFo.gif) no-repeat left top; }
#slide_Calc a span { background:transparent url(../images/buttons/sideP_title_Calc.gif) no-repeat left top; }
#slide_FAQs a span { background:transparent url(../images/buttons/sideP_title_FAQs.gif) no-repeat left top; }

#slide_CIRa a:hover span { background-position:left bottom; }
#slide_AOFo a:hover span { background-position:left bottom; }
#slide_Calc a:hover span { background-position:left bottom; }
#slide_FAQs a:hover span { background-position:left bottom; }

#slide_CIRa li a, #slide_AOFo li a, #slide_Calc li a, #slide_FAQs li a {
	height:1.5em; line-height:1.5em;
	width: 90%;
}

#secNavItems ul {
	margin:0 6px 20px 14px; padding:0;
	display:block;
	list-style-type:none;
	/*border-top:1px solid #D7D7D7;*/
}
#secNavItems li {
	margin:0;
	padding:0;
}
#secNavItems ul ul {
	margin:0; padding:0;
	border-top-width:0;
}

#secNavItems li a {
	border-top:1px solid #D7D7D7;
	display:block;
	margin:0; padding:6px 0 6px 7px;
	color: #EC6912;
	text-decoration:none;
}
#secNavItems li.active { background-color: #F1F1F1; }

#secNavItems li.active a { padding-bottom:3px;}

#secNavItems li a:hover {
	background-color: #F1F1F1;
	text-decoration:underline;
}

#secNavItems li.active li a {
	border-width:0;
	font-weight: normal;
	/*background:transparent url(../images/template_images/bullet.gif) no-repeat scroll 4px center;*/
	padding:6px 0 6px 15px;
}
#secNavItems li li a:hover {
	background-color:#F1F1F1;
}

.topPanel ul {
	position:absolute;
	left:28px; bottom:0;
	list-style-type:none;
	margin:0; padding:0;
}

.topPanel li {
	display:block;
	float:left; overflow:hidden;
	margin:0; padding:0;
	font-size: 73%;
	width:31px; height:21px;
}

#tab1 a, #tab2 a, #tab3 a {
	display:block;
	margin:0; padding:0;
	overflow:hidden;
	width: 31px; height:21px;	
	text-indent:-1000em;
}

#tab1 a { background:transparent url(../images/buttons/tab1.png) no-repeat left top; }
#tab2 a { background:transparent url(../images/buttons/tab2.png) no-repeat left top; width:32px; }
#tab3 a { background:transparent url(../images/buttons/tab3.png) no-repeat left top; }

#tab1 a:hover, #tab1 a.active { background-position:left bottom; }
#tab2 a:hover, #tab2 a.active { background-position:left bottom; }
#tab3 a:hover, #tab3 a.active { background-position:left bottom; }


/* ----- BREAK ----- */

hr{ padding:0; margin:0; }

.clearer hr { display:none; }


/* ----- FORMS ----- */

#searchForm {
	margin:0; padding:0;
	display:block; float:right;
	clear:both;
	height: 60px; width:218px;
}

#searchForm label { 
	display:block; float:left;
	margin: 3px 7px 0 0;
	font-size: 69%;
	color: #FFF;
	width:38px;
}

#searchForm a {
	display:block; float:left;
	width: 43px; height: 20px;
}

#search {
	display:block; float:left;
	font: 69% Verdana, Arial, sans-serif;
	color: #0C284A;
	border-width:1px;
	padding: 1px 0 1px 3px; margin: 1px 7px 0 0;
	width:118px;
}


/* ----- DEFINITIONS ----- */

dl{ margin:0; padding:0; }
dt{ margin:0; padding:0; }
dd{ margin:0; padding:0; }

dfn { font-size:69% }

dfn.greenButton a { 
	display:block; position:relative;
	width: 86px; height: 31px;
	color: #3DA532; text-decoration: none; 
}

dfn.greenButton a span {
	position:absolute;
	width:100%; height:100%;
	background: #FFF url(../images/buttons/green.gif) no-repeat left top;
}



/* ----- easy saving application ----- */

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


#easySaving_app h3.heading{
	color:#083C8B;
	font-size:16px;
	display:block;
}
#easySaving_app h4.title{
	color:#083C8B;
	font-size:11px;
	font-weight:bold;
	display:block;
}
#easySaving_app span.err{
	color:#ff0000;
	font-size:11px;
	font-weight:bold;
}
#easySaving_app input, select{
	color:#4B4B4B;
	font-size:11px;
	width: 150px;
}
#easySaving_app .es_app_btn{
	width: 67px;
}
#easySaving_app .es_app_chkbox{
	width: 20px;
}
#easySaving_app .es_app_btn_account_type{
	width: 120px;
}
#easySaving_app .es_app_ddmm{
	width: 50px;
}
#easySaving_app .es_app_yy{
	width: 20px;
}
#easySaving_app a.es_link{
	color:#EA6511;
	text-decoration: none;
}

#easySaving_app span.compulsory{
	color:#EA6511;
}
#easySaving_app .es_app_bold{
	font-weight: bold;
}
#easySaving_app .bs_app_bold{
        font-weight: bold;
}