

/* CSS Document */

<!--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: url(../images/falling-leaves.jpg) #ffffff repeat-x;
    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: "" "";
	}

/*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;
}

<!--General Layout-->

#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;
}

#wrapper {
	position: relative;
  	text-align: left;
	margin-right: auto;
  	margin-left: auto;
	width: 940px;
	margin-top: 14px;
	margin-bottom: 0px;
	
}

.clear {
	clear:both;
}

<!--homepage layout-->


#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;
}

/************************************************/
/*
/* !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;
}

/************************************************/
/*
/* !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;
}

/************************************************/
/*
/* !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;
}

/************************************************/
/*
/* !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;
}

#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;
}

/* start of rotating news css */

.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}




/*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 {
		  bottom: 80px;
		  height: 110px;
		  left: 0;
		  overflow: visible;
		  position: fixed;
		  top: 20%;
		  visibility: visible;
		  width: 50px;
		  z-index: 7;
          }
          
#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;}


/************************************************/
/*
/* !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;
}

/************************************************/
/*
/* !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;
}

/************************************************/
/*
/* !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;
}

/************************************************/
/*
/* !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;
}

/************************************************/
/*
/* !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.2em;
	
	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;
}



/************************************************/
/*
/* !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;
}

/************************************************/
/*
/* !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;
}

/************************************************/
/*
/* !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;
}



