/*
IFA PORTAL CSS
Louise Kaufman, FUSE (www.fuse.co.uk)
29th October 2008
*/

@import url('reset.css');
@import url('clearfix.css');

/*********************************** SITE ***********************************/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#222222;
}
p {
	font-size:1.2em;
}
#header {
	margin:20px auto;
	width:638px;
}
#header h1 {
	display:none;
}
#container {
	margin:0 auto;
	padding:8px 8px 20px 8px;
	width:622px;
	background:url(../images/main_bg_dots.gif) left top repeat;
}

#container_securities {
	margin:50px auto;
	padding:50px 8px 60px 8px;
	width:622px;
	background:url(../images/main_bg_dots.gif) left top repeat;
}

#container_securities p{
	background:#FFFFFF;
	padding:40px 20px 40px 20px;
	width:400px;
	margin:0 auto;
	line-height:1.2em;
}

.securities_logo{
	padding:0 0 20px 0;
}

#container_securities h2 {
	font-size:1.7em;
	color:#666666;
	padding:0 0 8px 0;
	background:#FFFFFF;
	width:400px;
	margin:0 auto;
	padding:0 20px 30px 20px;
}

#container_securities a:link,
#container_securities a:visited {
	color:#666666;
	text-decoration:underline;
}
#container_securities a:hover,
#container_securities a:active {
	color:#009470;
	text-decoration:none;
}

#container .left {
	width:278px;
	float:left;
	background:url(../images/green_dot_top.gif) left top no-repeat;
	padding:16px;
}
#container .left #discover {
	background:#FFFFFF;
	height:150px;
	margin:0 0 30px 0;
}
#container .left #news {
	background:#FFFFFF;
	height:72px;
	margin:0;
}
#container .left h2 {
	display:none;
}
#container .left h3 {
	display:none;
}
#container .left h4 {
	font-size:1.6em;
	margin:0 0 10px 0;
	line-height:1.2em;
}
#container .left p {
	margin:0 0 10px 0;
	line-height:1.2em;
	background:#FFFFFF;
}
#container .left a:link,
#container .left a:visited {
	color:#111111;
	text-decoration:underline;
}
#container .left a:hover,
#container .left a:active {
	color:#009470;
	text-decoration:none;
}
#container .left p#select{
	background:#FFFFFF;
}
#container .left li {
	font-size:1.2em;
	margin:0 0 3px 0;
}
#container .right {
	width:302px;
	float:left;
	padding:4px 0 0 6px;
}
#container .right img#main {
	margin:0 0 22px 0;
}
* html #container .right img#main {
	margin:0 0 19px 0;
}
#container .right #linktobnpp {
	padding:0 0 4px 0;
}

.bottom {
	width:622px;
	clear:both;
}
.bottom .box {
	width:128px;
	float:left;
	background:url(../images/green_dot_top.gif) 0px 3px no-repeat;
	padding:18px 90px 0 16px;
}
.bottom .box div {
	background:#FFFFFF;
}
.bottom .box-last {
	width:128px;
	float:left;
	background:url(../images/green_dot_top.gif) 0px 3px no-repeat;
	padding:18px 0 0 16px;
}
.bottom .box-last div {
	background:#FFFFFF;
}

.boxcontent{
	height:180px;
}

.bottom img {
	float:left;
	margin:0 0 11px 0;
}
.bottom p {
	clear:both;
	font-size:1.15em;
	line-height:1.2em;
	width:122px;
	margin:0 0 12px 0;
}
.bottom div p {
	color:#333333;
}
.bottom h4 {
	font-size:1.2em;
	color:#666666;
	padding:0 0 8px 0;
}
.bottom a:link,
.bottom a:visited {
	color:#666666;
	text-decoration:underline;
}
.bottom a:hover,
.bottom a:active {
	color:#009470;
	text-decoration:none;
}
#footer {
	margin:8px auto 0 auto;
	height:33px;
	width:614px;
	background:url(../images/footer.gif) left top repeat-x #FFFFFF;
	text-align:right;
	padding:12px;
}
#footer ul {
	float:left;
}
#footer li {
	font-size:1.1em;
	float:left;
	color:#999999;
}
#footer li a:link,
#footer li a:visited {
	color:#333333;
	text-decoration:none;
}
#footer li a:hover,
#footer li a:active {
	color:#111111;
	text-decoration:underline;	
}
#footer p {
	font-size:1.1em;
	color:#333333;
}