/* CSS Document */





/**********************CSS INDEX**************************/



/*



/* 1. Reset */



/*



/* 2. Typography */



/*



/* 3. Header */



/*



/* 4. Homepage Layout */



/*



/* 5. Customer Services Menu */



/*



/* 6. Pensions Menu */



/*



/* 7. Investments Menu */



/*



/* 8. Protection Menu */



/*



/* 9. Bottom Row */



/*



/* 10. Rotating News */



/*



/* 11. Footer*/



/*



/* 12. Products Page */



/*



/* 13. Pensions Menu */



/*



/* 14. Investments Menu */



/*



/* 15. Protection Menu */



/*



/* 16. Sitemap */



/*



/* 17. Col 1 Menu */



/*



/* 18. col2 Menu */



/*



/* 19. Col3 Menu */



/*



/************************************************/







/************************************************/



/*



/* 1. Reset */



/*



/************************************************/	







html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 



del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 



h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 



dl, dt, dd, ol, ul, li, fieldset, form, label, legend {



	vertical-align: baseline;



	font-family: inherit;



	font-style: inherit;



	outline: 0;



	padding: 0;



	margin: 0;



	border: 0;



	}



/* remember to define focus styles! */



:focus {



	outline: 0;



	}



body {



	background: #ffffff;



    background-attachment: fixed;



    background-position: bottom;



	font-size: 62.5%;



	line-height: 2em;



	color: black;



	font-family:arial,helvetica,sans-serif;



	}



ol, ul {



	list-style: none;



	}



/* tables still need cellspacing="0" in the markup */



table {



	border-collapse: separate;



	border-spacing: 0;



	}



caption, th, td {



	font-weight: normal;



	text-align: left;



	}



/* remove possible quote marks (") from <q> & <blockquote> */



blockquote:before, blockquote:after, q:before, q:after {



	content: "";



	}



blockquote, q {



	quotes: "" "";



	}







/************************************************/



/*



/* 2. Typography */



/*



/************************************************/	







p {



  	font-size: 1.2em;



}







li li, li p, td p, blockquote p {font-size:1em}*/







h1 {



	font-size: 1.8em;



}







h2{



	font-size: 1.6em;



}







h3{



}







h4{



}







h5{



}







h6{



}







hr {



	border-color: #999999 -moz-use-text-color #999999;



    border-left: 0 none;



    border-right: 0 none;



    border-style: dotted none;



    border-width: 1px 0;



    height: 1px;



    text-align: left;



}







.grey-text {



	color: #cccccc;



    margin-bottom: 3px;



}







/************************************************/



/*



/* 3. Header */



/*



/************************************************/	







#container {



	



}







#header {



	position: relative;



  	text-align: left;



	margin-right: auto;



  	margin-left: auto;



    margin-top: 5px;



	width: 940px;



}







#logo {



	float: left;



	height: 46px;



	width: 250px;



	display:block;



	background: url(../images/logo_main.gif);



	background-image: url("../images/spriteme1.png");



  	background-position: -10px -10px;



	text-indent: -9999em;



	background-repeat: no-repeat;



	margin-top: 10px;



	margin-bottom: 10px;



	z-index: 3;



}







#top-nav {



	float: left;



	margin-top:31px;



	font-size: 1.2em;



	margin-left:40px;



  	margin-right:2px;



}







#top-navlist ul {



	padding:0px;



  	margin:0px;



  	



}







#top-navlist li {



  	display:inline;



	padding: 4px;



}







#top-navlist a:link, #top-navlist a:visited, #top-navlist a:active, #top-navlist a:hover, #top-navlist a:link, #top-navlist a:visited, #top-navlist a:active, #top-navlist a:hover{



  color:#333366;



  text-decoration:none;



}







#top-navlist a:hover, #top-navlist a:hover{



  text-decoration:underline;



}







#header-right {



	float: right;



	



}







#header-right a {



	color: #333366;



	font-weight: bold;



    text-decoration: none;



}







#headerright form {



  padding:0px;



  margin:0px;



}



.inputss {



  margin-top:3px;



  margin-bottom:0px;  



  color:#E41F1F;



  background-color:#ffffff;



  border-width:1px;



  border-style:solid;



  border-color:#cc0000;



  width:110px;



  font-size:10px;



}







.submitss {



  margin-top:3px;



  margin-bottom:0px;



  color:#ffffff;



  background-color:#cc0000;



  border-width:1px;



  border-style:solid;



  border-color:#cc0000;



  width:20px;



  font-size:1em;



  font-weight:bold;



  cursor: hand;



}







.feedback-link {



	color: #333366;



	font-size: 1.4em;



    margin-bottom: 5px; 



}







.text-resizer {



	color: #333366;



	font-size: 1.4em; 



    margin-top: 5px; 



    margin-bottom: 5px;



}











#red-line {



	height: 10px;



    _height: 7px;



	background-image: url(../images/red-line.gif);



	background-repeat: repeat-x;



    margin-top: 0px;



    _margin-bottom: -3px;



}



/************************************************/



/*



/* 4. Homepage Layout */



/*



/************************************************/



#wrapper {



	position: relative;



  	text-align: left;



	margin-right: auto;



  	margin-left: auto;



	width: 940px;



	margin-top: 14px;



	margin-bottom: 0px;



	



}







.clear {



	clear:both;



}





#row1 {



	margin-top: 14px;



}







#row2 {



	margin-top: 14px;



}







#row3 {



	margin-top: 14px;



	padding: 0;



}







.row3-content {



	padding: 9px 10px 0px 10px;



	font-size: 1.2em;



	border-left:#999999 solid 1px;



	border-right:#999999 solid 1px;



	min-height: 121px;



}







.row3-content li {



	padding-bottom: 0px;



}







.row3-content a:link, .row3-content a:visited, .row3-content a:active, .row3-content a:hover, .row3-content a:link, .row3-content a:visited, .row3-content a:active, .row3-content a:hover{



  color: #333333;



  text-decoration:none;



  font-weight:bold;



}







.row3-content a:hover, #top-navlist a:hover{



  color: #999999;



}







#row4 {



	margin-top: 14px;



}







.row4-content {



	min-height: 105px;



	padding: 10px 10px 0px 10px;



	margin: 0px;



	background-color: #ffffff;



	border-left:#999999 solid 1px;



	border-right:#999999 solid 1px;



}







.row4-content a {



	color: #005488;



	font-weight: bold;



	font-size: 0.95em;



}







.row4-footer {



	background-image: url("../images/basic-sprite.png");



  	background-position: -10px -256px;



	background-repeat: no-repeat;



	height: 10px;



}







#banner {



	height: 180px;



    overflow: hidden;



}







#welcome {



	width: 470px;



	float:left;



}







#welcome-header h1{



	width: 450px;



	padding: 0px 10px 0px 10px;



	margin: 0px;



	background-image: url("../images/basic-sprite.png");



  	background-position: -10px -76px;



	height: 28px;



	padding-top: 12px;



	font-size:1.4em;



	font-weight: bold;



	text-align:left;



	color: #333333;



}







.welcome-content {



	width: 448px;



	padding: 10px 10px 25px 10px;



	_padding: 10px 10px 20px 10px;



	background-color: #eae8e8;



	border-left:#999999 solid 1px;



    border-right:#cccccc dotted 1px;



}







.welcome-content a {



	color: #005488;



	text-decoration:none;



	font-weight: bold;



	font-size: 1em;



}







.welcome-content a:hover {



	text-decoration:underline;



}







#welcome-footer{



	background-image: url("../images/basic-sprite.png");



  	background-position: -10px -136px;



	background-repeat: no-repeat;



	height: 10px;



    _height: 7px;



    _margin-bottom: -3px;



}







#news{



	width: 470px;



	float:right;



}







#news-header h1{



	background-image: url("../images/basic-sprite.png");



  	background-position: -10px -166px;



	background-repeat: no-repeat;



	padding-left: 10px;



	margin: 0px;



	height: 28px;



	padding-top: 12px;



	font-size:1.4em;



	font-weight: bold;



	text-align:left;



	color: #333333;



}







.news-content {



	padding: 10px 10px 0px 10px;



	_padding: 5px 5px 0px 5px;



	background-color: #eae8e8;



	border-right:#999999 solid 1px;



	font-size:1.2em;



}







.news-content a {



	color: #666666;



	text-decoration:none;



	font-weight: bold;



	font-size: 1em;



}







.news-content a:hover {



	text-decoration:underline;



}







#news-footer{



	background-image: url("../images/basic-sprite.png");



  	background-position: -10px -226px;



	background-repeat: no-repeat;



	height: 10px;



    _height: 7px;



    _margin-bottom: -3px;



}







#customer-head h2, #pensions-head h2, #investments-head h2, #protection-head h2 {



	min-height: 28px;



	padding-top: 12px;



	margin-bottom: 0px;



	font-size:1.4em;



	font-weight: bold;



	text-align:center;



	color:#FFFFFF;



	background-repeat: no-repeat;



}







#customer-head a, #pensions-head a, #investments-head a, #protection-head a {



	color:#FFFFFF;



	text-decoration: none;



}







/************************************************/



/*



/* 5. Customer Services Menu */



/*



/************************************************/	







#customer {



	width: 220px;



	float:left;



	margin-right: 20px;



}







#customer-head {



	background-image: url(../images/products-header-horz.png);



    background-repeat: no-repeat;



    background-color: #cc0000;



	background-position: 0px 0px;



}







#customer-content {



	background-image: url(../images/product-backgrounds.jpg);



	background-repeat: no-repeat;



    background-color: #dfe0e1;



	background-position: 0px 0px;



}







#customer-footer {



	background-image: url(../images/footers.jpg);



	background-position: 0px 0px;



	background-repeat: no-repeat;



	height: 11px;



    _height: 9px;



    _margin-bottom: -2px;



}







/************************************************/



/*



/* 6. Pensions Menu */



/*



/************************************************/







#pensions {



	width: 220px;



	float:left;



	margin-right: 20px;



}







#pensions-head {



	background-image: url(../images/products-header-horz.png);



    background-repeat: no-repeat;



    background-color: #56A4EE;



	background-position: -444px 0px;



}







#pensions-content {



	background-image: url(../images/product-backgrounds.jpg);



    background-repeat: no-repeat;



    background-color: #dfdfdd;



	background-position: -221px 0px;



}







#pensions-footer {



	background-image: url(../images/footers.jpg);



	background-position: -222px 0px;



	background-repeat: no-repeat;



	height: 11px;



    _height: 9px;



    _margin-bottom: -2px;



}







/************************************************/



/*



/* 7. Investments Menu */



/*



/************************************************/







#investments {



	width: 220px;



	float:left;



	margin-right: 20px;



}







#investments-head {



	background-image: url(../images/products-header-horz.png);



    background-repeat: no-repeat;



    background-color: #336633;



	background-position: -222px 0px;



}







#investments-content {



	background-image: url(../images/product-backgrounds.jpg);



    background-repeat: no-repeat;



    background-color: #c1d5b2;



	background-position: -442px 0px;



}







#investments-footer {



	background-image: url(../images/footers.jpg);



	background-position: -444px 0px;



	background-repeat: no-repeat;



	height: 11px;



    _height: 9px;



    _margin-bottom: -2px;



}







/************************************************/



/*



/* 8. Protection Menu */



/*



/************************************************/







#protection {



	width: 220px;



	float:right;



}







#protection-head {



	background-image: url(../images/products-header-horz.png);



    background-repeat: no-repeat;



    background-color: #ff9900;



  	background-position: -666px 0px;



}







#protection-content {



	background-image: url(../images/product-backgrounds.jpg);



    background-repeat: no-repeat;



    background-color: #e5e9ec;



	background-position: -663px -0px;



}







#protection-footer {



	background-image: url(../images/footers.jpg);



	background-position: -666px 0px;



	background-repeat: no-repeat;



	height: 11px;



    _height: 9px;



    _margin-bottom: -2px;



}







/************************************************/



/*



/* 9. Bottom Row */



/*



/************************************************/







#advert {



	width: 220px;



    height: 165px;



    margin-right: 20px;



	float:left;



}







#portal {



    width: 220px;



    height: 165px;



	float:right;



}







#portal-head {



	margin: 0px;



	height: 40px;



	width: 220px;



	display:block;



	background-image: url(../images/row4-header.jpg);



	background-position: -221px 0px;



	text-indent: -9999em;



	background-repeat: no-repeat;



	z-index: 3;



}







#career {



	width: 220px;



	float:left;



	margin-right: 20px;



}







#career-head {



	margin: 0px;



	height: 40px;



	width: 220px;



	display:block;



	background-image: url(../images/row4-header.jpg);



	background-position: 0px 0px;



	text-indent: -9999em;



	background-repeat: no-repeat;



	z-index: 3;



}







#advert2{



	width: 220px;



	padding-top:0px;



	float:left;



	margin-right: 20px;



	vertical-align:top;



}







#advert2-head {



	margin: 0px;



	height: 40px;



	width: 220px;



	display:block;



	background-image: url(../images/row4-header.jpg);



    background-position: -442px 0px;



	text-indent: -9999em;



	background-repeat: no-repeat;



	z-index: 3;



}







/************************************************/



/*



/* 10. Rotating News */



/*



/************************************************/







.nav1 { margin: 0 5 0 5px}



#s4 {width: 450px; min-height: 80px; margin-bottom: 5px}



#s4 .first {display: block}



#nav1 a, #s7 strong {margin: 0px 3px 3px 0px; padding: 1px 3px; border: 1px solid #ccc; background: #e5e5e4; text-decoration: none}



#nav1 a.activeSlide { background: #b1b1b0 }



#nav1 a:focus { outline: none; }



#output { text-align: left; }



#nav1 {text-align: left; margin:0px 0px 0px 0px}



















/************************************************/



/*



/* 11. Footer*/



/*



/************************************************/







#footer{



	position: relative;



  	text-align: left;



	margin-right: auto;



  	margin-left: auto;



	margin-top: 12px;



	/*ie6 fix*/



	_margin-top: 0px;



	/*ie6 fix*/



	margin-bottom: 20px;



	width: 940px;



	}







/*#footer-top {



	background-image: url(../images/footer-top.gif);



	background-repeat: no-repeat;



}*/







#footer-content {



	background-color: #ffffff;



}







#footer a {



	background-color: #ffffff;



  	color:#666666 !important;







}







#footer a:link, #footer a:visited, #footer a:active, #footer a:hover, #crumbtrail a:link, #crumbtrail a:visited, #crumbtrail a:active,



#crumbtrail a:hover{



  color:#7A7165;



  text-decoration:none;



  font-weight:normal;



}







#footer a:hover, #crumbtrail a:hover{



  text-decoration:underline;



}







#footer-bottom {



	background-image: url(../images/footer-bottom.gif);



	background-repeat: no-repeat;



	height: 11px;



	margin-bottom: 15px;



}







#disclaimer {



	background-color: #ffffff;



	color:#7A7165;



	font-size: 1.0em;



	padding: 10px 0px 0px 0px;



}







#feedback_button {


		  background: url("../images/feedback_button.png") repeat scroll 0 0 transparent; 
		  bottom: 80px;
		  height: 144px;
		  left: 0;
		  position: fixed;
		  top: 20%;
		  width: 50px;
		 
          }

#feedback_button a {
	display: block;
    height: 144px;
    width: 50px;
    }

          



#feedback_button2 {



		  bottom: 80px;



		  height: 50px;



		  right: 5%;



		  overflow: visible;



		  position: fixed;



		  top: 0;



		  visibility: visible;



		  width: 108px;



		  z-index: auto;



          }







.js #flash {display: none;}











/************************************************/



/*



/* 12. Products Page */



/*



/************************************************/







#products-pensions-head h2, #products-investments-head h2, #products-protection-head h2 {



	min-height: 28px;



	padding-top: 12px;



	margin-bottom: 0px;



	font-size:1.4em;



	font-weight: bold;



	text-align:center;



	color:#FFFFFF;



	background-repeat: no-repeat;



}







#products-pensions-head a, #products-investments-head a, #products-protection-head a {



	color:#FFFFFF;



	text-decoration: none;



}







/************************************************/



/*



/* 13. Pensions Menu */



/*



/************************************************/







#products-pensions {



	width: 300px;



	float:left;



	margin-right: 20px;



}







#products-pensions-head {



	background-image: url(../images/product-portlets-pensions.png);



    background-repeat: no-repeat;



    background-color: #56A4EE;



}







#products-pensions-content {







}







#products-pensions-image {



	background-image: url(../images/pensions_menu.jpg);



    background-repeat: no-repeat;



    background-color: #e5e9ec;



    border-bottom:#999999 solid 1px;



    border-left:#999999 solid 1px;



    border-right:#999999 solid 1px;



    height: 200px;



}







#products-pensions-footer {



	background-image: url(../images/product-portlets-end.png);



	background-repeat: no-repeat;



	height: 11px;



    _height: 9px;



    _margin-bottom: -2px;



}







/************************************************/



/*



/* 14. Investments Menu */



/*



/************************************************/







#products-investments {



	width: 300px;



	float:left;



	margin-right: 20px;



}







#products-investments-head {



	background-image: url(../images/product-portlets-investments.png);



    background-repeat: no-repeat;



    background-color: #336633;



}







#products-investments-content {







}







#products-investments-image {



	background-image: url(../images/investments-invguide.jpg);



    background-repeat: no-repeat;



    background-color: #e5e9ec;



    border-bottom:#999999 solid 1px;



    border-left:#999999 solid 1px;



    border-right:#999999 solid 1px;



    height: 200px;



}















#products-investments-footer {



	background-image: url(../images/product-portlets-end.png);



	background-repeat: no-repeat;



	height: 11px;



    _height: 9px;



    _margin-bottom: -2px;



}







/************************************************/



/*



/* 15. Protection Menu */



/*



/************************************************/







#products-protection {



	width: 300px;



	float:right;



}







#products-protection-head {



	background-image: url(../images/product-portlets-protection.png);



    background-repeat: no-repeat;



    background-color: #ff9900;



}







#products-protection-content {



	



}







#products-protection-image {



	background-image: url(../images/protection_menu.jpg);



    background-repeat: no-repeat;



    background-color: #e5e9ec;



    border-bottom:#999999 solid 1px;



    border-left:#999999 solid 1px;



    border-right:#999999 solid 1px;



    height: 200px;



}







#products-protection-footer {



	background-image: url(../images/product-portlets-end.png);



	background-repeat: no-repeat;



	height: 11px;



    _height: 9px;



    _margin-bottom: -2px;



}







#row-products {



	margin-top: 14px;



	padding: 0;



}















.row-products-content {



	padding: 15px 20px 0px 20px;



	font-size: 1.2em;



	border-left:#999999 solid 1px;



	border-right:#999999 solid 1px;



	min-height: 450px;



    background-color: #666666;



}







.row-products-content li {



	padding-bottom: 0px;



}







.row-products-content a:link, .row-products-content a:visited, .row-products-content a:active, .row-products-content a:hover, .row-products-content a:link, .row-products-content a:visited, .row-products-content a:active, .row-products-content a:hover{



  color: #ffffff;



  text-decoration:none;



  font-weight:bold;



}







.row-products-content a:hover, #top-navlist a:hover{



  color: #999999;



}







/************************************************/



/*



/* 16. Sitemap */



/*



/************************************************/







#row-sitemap {



	padding: 0;



    border-left:#999999 solid 1px;



	border-right:#999999 solid 1px;



    background-color: #666666;



}







#row-sitemap-top {



	background-image: url(../images/sitemap-top.png);



    background-repeat: no-repeat;



    background-color: #ffffff;



    height: 11px;



    _height: 9px;



    _margin-bottom: -2px;



}







#row-sitemap-footer {



	background-image: url(../images/sitemap-footer.png);



    background-repeat: no-repeat;



    background-color: #ffffff;



    height: 11px;



    _height: 9px;



    _margin-bottom: -2px;



}











.row-sitemap-content {



	padding: 15px 20px 0px 20px;



	font-size: 1.1em;



	



	min-height: 450px;



    background-color: #666666;



}







.row-sitemap-content li {



	padding-bottom: 0px;



}







.row-sitemap-content a:link, .row-sitemap-content a:visited, .row-sitemap-content a:active, .row-sitemap-content a:hover, .row-sitemap-content a:link, .row-sitemap-content a:visited, .row-sitemap-content a:active, .row-sitemap-content a:hover{



  color: #ffffff;



  text-decoration:none;



  font-weight:bold;



}







.row-sitemap-content a:hover, #top-navlist a:hover{



  color: #999999;



}















/************************************************/



/*



/* 17. Col 1 Menu */



/*



/************************************************/







#sitemap-col1 {



	width: 299px;



	float:left;



	margin-right: 20px;



}







#sitemap-col1-head {



	background-image: url(../images/product-portlets-pensions.png);



    background-repeat: no-repeat;



    background-color: #56A4EE;



}











#sitemap-col1-footer {



	background-image: url(../images/product-portlets-end.png);



	background-repeat: no-repeat;



	height: 11px;



    _height: 9px;



    _margin-bottom: -2px;



}







/************************************************/



/*



/* 18. col2 Menu */



/*



/************************************************/







#sitemap-col2 {



	width: 299px;



	float:left;



	margin-right: 20px;



}







#sitemap-col2-head {



	background-image: url(../images/product-portlets-investments.png);



    background-repeat: no-repeat;



    background-color: #336633;



}







#sitemap-col2-footer {



	background-image: url(../images/product-portlets-end.png);



	background-repeat: no-repeat;



	height: 11px;



    _height: 9px;



    _margin-bottom: -2px;



}







/************************************************/



/*



/* 19. Col3 Menu */



/*



/************************************************/







#sitemap-col3 {



	width: 299px;



	float:right;



}







#sitemap-col3-head {



	background-image: url(../images/product-portlets-protection.png);



    background-repeat: no-repeat;



    background-color: #ff9900;



}



/************************************************/

/*

/* !Footmap */

/*

/************************************************/



#footmap-wrapper {

	background-color:#666; 

    padding-bottom: 40px;

}



#footmap {

	width: 940px; 

    color:#FFF;

    padding-top: 20px; 

    margin: 14px auto 0;

}



#row-footmap {

	padding: 0;

    border-left:#999999 solid 1px;

	border-right:#999999 solid 1px;

    }



#row-footmap-top {

	background-image: url(../images/sitemap-top.png);

    background-repeat: no-repeat;

    background-color: #ffffff;

    height: 11px;

    _height: 9px;

    _margin-bottom: -2px;

}



#row-footmap-footer {

	background-image: url(../images/sitemap-footer.png);

    background-repeat: no-repeat;

    background-color: #ffffff;

    height: 11px;

    _height: 9px;

    _margin-bottom: -2px;

}





.row-footmap-content {

	padding: 15px 20px 0px 20px;

	font-size: 1.0em;

	}



.row-footmap-content li {

	padding-bottom: 0px;

}



.row-footmap-content a:link, .row-footmap-content a:visited, .row-footmap-content a:active, .row-footmap-content a:hover, .row-footmap-content a:link, .row-footmap-content a:visited, .row-footmap-content a:active, .row-footmap-content a:hover{

  color: #ffffff;

  text-decoration:none;

  font-weight:bold;

}



.row-footmap-content a:hover, #top-navlist a:hover{

  color: #999999;

}







/************************************************/

/*

/* !Footmap Col 1 Menu */

/*

/************************************************/



#footmap-col1 {

	width: 188px;

	float:left;

    

}





/************************************************/

/*

/* !Footmap col2 Menu */

/*

/************************************************/



#footmap-col2 {

	width: 188px;

	float:left;

}





/************************************************/

/*

/* !Footmap col3 Menu */

/*

/************************************************/



#footmap-col3 {

	width: 188px;

	float:left;

}





/************************************************/

/*

/* !Footmap col4 Menu */

/*

/************************************************/



#footmap-col4 {

	width: 188px;

	float:left;

}





/************************************************/

/*

/* !Footmap Col5 Menu */

/*

/************************************************/



#footmap-col5 {

	width: 188px;

	float:left;

}


/*******************************************/

.snakeoil {
	display: block;
    float: left;
	text-indent: -9999em;
    }
    
.hidden {
	float: left;
	text-indent: -9999em;
}