/* Pension general styles
-------------------------------------------------------------------------------------------------*/

/* General styles */

.clr {
  clear:both;
}
#container.pensions-home h1,
#container.pensions-section h1,
#container.pensions-content h1 {
  position:absolute !important;
  left:-999px !important;
  background:transparent;
  /*color:transparent;*/
}
.news {
  padding-top:10px;
  padding-bottom:10px;
  width:510px;
  border-bottom:none !important;
}
.news h2 {
	font-size: 1.5em;
	border: 0 solid;
	padding: 0;
	margin-bottom: 8px;
}

#corporate-links .linklist {
  position:relative !important;
  left:0 !important;
}

.news .linkslist 
{
    float:left
    }

/* Supporting content column */

body.template-7 #container.pensions-home #pensions-supporting dt,
body.template-7 #container.pensions-section #pensions-supporting dt,
body.template-7 #container.pensions-content #pensions-supporting dt {	
  	margin-top:0px;
  	padding-left:10px;
}
body.template-7 #container.pensions-home #pensions-supporting dd,
body.template-7 #container.pensions-section #pensions-supporting dd,
body.template-7 #container.pensions-content #pensions-supporting dd {	
  	margin-left:10px;
}

div.see-also h4 {
  	font-size: 1.25em;
  	font-family:Arial, Helvetica, sans-serif;
  	border-bottom: 1px solid #FFF;
  	padding-top:5px;
 	margin-bottom: 0;
 	color: #666;
 	background:url('../images/supporting-content-header.gif') repeat-x;

        width:160px;
        padding-left:10px;
        padding-right:10px;
        padding-top:8px;
        margin-right:0;
        padding-bottom:8px;
        color:#113B92;
}

div.see-also {
  width:180px;
  margin-bottom:5px;
}
div.see-also p {
  clear:both;
  margin:0 0 5px 10px;
  padding:0 0 0 0;
  background:transparent;
}
div.see-also ul {
  margin:0 0 10px 10px;
}

div.see-also ul li {
clear:both;
}


div.see-also {
}



.see-also-bot {
  	background:  url('/pensions-global/images/supporting-content-header-b.gif') bottom left repeat-x;
  	padding-bottom:5px;
}

dl.notlinklist {
  	list-style-type:none;
}
dl.notlinklist dt,
dl.linklist dt {
  	background:  url('/pensions-global/images/supporting-content-header.gif') top left repeat-x 

!important;
  	color:#039 !important;
  	min-height:20px;
  	padding-top:7px !important;
  	padding-bottom:5px !important;
  	padding-left:10px !important;
}
dl.notlinklist dd {
  	background-image:none !important;
  	padding:0 0 0 10px !important;
  	margin:0 0 0 0 !important;
  	line-height:1.2em !important;
}

/* Top banner and navigation */

#banner {
	background: url('/pensions-global/images/tfl_pension_fund.gif') 0 0 no-repeat;
	height:152px;
}
* html #banner {
	height:152px;
}
#banner ul {
	padding:115px 0 0 16px;
}
#banner li {
	padding:0 10px 0 10px;
	float: left;
	list-style-type: none;
	background: url('/pensions-global/images/navbanner_bg.gif') 0 3px no-repeat;
}
#banner li.first {
	background: none;
}
#banner li a {
  font-size:115%;
	color:#329deb;
}
#banner li a.active {
	font-weight:bold;
	color:#000;
	text-decoration:none !important;
}
#banner li a:hover {
  color:#113B92;
}

/* Pension home pages
-------------------------------------------------------------------------------------------------*/
body.template-7 #container.pensions-home #pensions-content {	
  	width: 510px;
  	margin-right: 12px;
  	margin-left: 26px;
  	float: left;
  	display:inline; /* fix for IE6 double-margin float bug */
}
body.template-7 #container.pensions-home #pensions-supporting {	
  	float: left;
  	width:180px;
  	padding-top:10px;
}

/* SMALL PROMOTIONS */
/* This is the area below the big promotions on the home page.
   Small promotions are also used on modal landing pages.
*/ 
.small-promotions{ 
	float: left;
	margin-bottom: 19px;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	padding-top: 19px;
}
.fullwidth{
	width:100%;
	margin:0
}
.fullwidth span{
	float:left;
	margin:0px 0 5px;
	width:400px;
	}
/* these styles are actually to close the speech bubbles of the 'big promotions' area on the homepage */
.small-promotions.homepage{
	border-top: 0 solid;
	background: url('../images/promotional-speech-bubble-b.gif') repeat-x;
	padding-top: 42px;
}
.small-promotions div{
	float: left;
	width: 251px;
}
.small-promotions h2{
	border: 0 solid;
	line-height: 1em;
	margin-bottom: 0px;
}
.small-promotions a.left{
	margin-right: 8px;
}
.small-promotions p{
	line-height: 1.2em;
}
#small-promo-1{
	margin-right: 18px;
}

body.template-7 #container.pensions-home .small-promotions {
  	border-color:#ffbb5c !important;
  	border-bottom:none;
  	padding:17px 0 0 0;
}
body.template-7 #container.pensions-home #small-promo-1 {
  	margin:0;
	margin-right:8px;
}
body.template-7 #container.pensions-home #small-promo-2 {
  	margin:0;
}

/* Pension section pages
-------------------------------------------------------------------------------------------------*/
body.template-7 #container.pensions-section #pensions-content {	
 	width: 510px;
 	margin-right: 12px;
  	margin-left: 26px;
  	float: left;
  	display:inline; /* fix for IE6 double-margin float bug */
}

.section-wide {
  width:700px !important;
}


body.template-7 #container.pensions-section #pensions-supporting {	
  	float: left;
  	width:180px;
  	padding-top:0px;
}



#sectionimage {

/*	background: url('/pensions-global/images/homeimage.jpg') 0 0 no-repeat;*/
	height:171px;
/*  background-color:#eee;*/
}

#pensions-content .landing-page-nav {
 	background:none;
	margin: 0 0;
	float: left;
}
#pensions-content .landing-page-nav h2 {
  border-bottom:none;
  margin-bottom:0px;
}
	
#pensions-content .col1,
#pensions-content .col2,
#pensions-content .col3,
#pensions-content .col4{
	float: left;
	padding: 0;
	width: 170px;
}

/* Pension content pages
-------------------------------------------------------------------------------------------------*/
body.template-7 #container.pensions-content #pensions-content {	
	width: 366px;
  	margin-right: 12px;
  	margin-left:186px;
  	float: left;
  	display:inline; /* fix for IE6 double-margin float bug */
}
body.template-7 #container.pensions-content #pensions-supporting {	
  	float: left;
  	width:180px;
}
body.template-7 #container.pensions-content #local-navigation {	
        position:relative;
        left:0;
  	margin-left:-744px;
  	margin-top:0px;
  	width:167px;
  	background: url('/pensions-global/images/contentnavbot_bg.gif') bottom left repeat-x;
  	padding-bottom:15px;
}

.pensions-content h2 {
	padding: 5px 0 10px 0;
	font-size: 1.75em;
	color:#606060;
  	border-bottom: 1px solid #febd59;
  line-height:1em;
}

.pensions-content h3 {
  	font-size: 1.25em;
	border-bottom: 1px solid #febd59;
	margin-bottom: 8px;
  	padding-bottom: 4px;
	font-family: Arial, Helvetica, sans-serif;
}
#local-navigation {
  margin-bottom:20px;
}
#local-navigation ul  {
  	padding-bottom: 0;
  	margin-bottom:0;
  	border-bottom:0px solid green;
  	width:157px;
}

#local-navigation ul li {
  	width:157px;
}

#local-navigation ul li a {
	background: url('/pensions-global/images/contentnav_bg.gif') 0 0 repeat-y;
	color:#000;
	padding: 9px 0 9px 10px;
  	width:157px;
}

#local-navigation ul ul  {
	padding-bottom: 0;
	margin-bottom:0;
  	width:157px;
}

#local-navigation ul ul li a {
	background: none;
	color:#329deb;
	padding: 7px 5px 7px 21px;
  	width:140px;
}
#local-navigation ul ul li a:hover {
  color:#113B92;
}

#local-navigation a.active {
	font-weight:bold;
}
#local-navigation a.active:hover {
  text-decoration:none !important;
}
.contentnav_bg {
	background: url('/pensions-global/images/contentnavbot_bg.gif') 0 100% repeat-x;
	overflow:hidden;
	width:167px;
}

#online label {
/*float:left;*/
display: block;
margin-bottom:2px;
padding-right:10px;
width: 90%;
text-align: left;
/*text-align:right;
width:50%;*/
}

#online input {
float:left;
left:50%;
margin-bottom:2px;
}

#online fieldset {
display:block;
margin-left:auto;
margin-right:auto;
margin-top:1em;
padding:1.5em 1em 0.5em;
/* width:38em;*/
}

#online #txt_Name{
width: 330px;
}

#online a.button:active {
color:#000000;
font-weight:bold;
}


#online .buttonbar a {
background-color:#E0E0E0;
border-color:#EEEEEE #336699 #336699 #EEEEEE;
border-style:solid;
border-width:1px;
color:#003366;
height:2em;
margin:0 1em;
padding-left:5px;
padding-right:5px;
padding-top:0.2em;
}

#online a.button {
color:#363E70;
font-weight:bold;
padding:0 2em;
}

td ul{
	margin-bottom: 0;
}