/* --------------------------------------------------
file: global.css
version: 1.0
created: 06/05/09
author: Arekibo
---------------------------------------------------*/

@media screen {

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

.alt {position:absolute;top:-6000px;left:-6000px}
.hidden, hr{display:none}
.clear{clear:both}
p,ul,ol,li,form,fieldset,table,td,th,h1,h2,h3,h4,h5,dt,dd,dl{margin:0;padding:0}
ul{list-style-type:none}
a {color:#B32025;text-decoration:none}
	a:hover {text-decoration:underline}
	a:focus {outline:none}
fieldset{border:0}


/* ---------------------------------------------- STRUCTURE ---------------------------------------------- */

html {font-size:62.5%}
body {margin:0;padding:0 0 30px 0;font-size:1.2em;color:#162732;background:#fff url(images/body.gif) 0 0 repeat-x;text-align:center;font-family:Arial, Verdana, sans-serif}
#wrapper {width:940px;margin:0 auto;padding:0;text-align:left;position:relative}
	#wrapper h2{color:#354753;font-size:1.5em;font-weight:normal;margin-bottom:13px}
	#wrapper p, #wrapper li,#wrapper p{line-height:160%}
	#wrapper h2.border{background:transparent url(images/tick-border-oc.gif) right bottom repeat-x;padding-bottom:18px;width:100%}

#header {position:relative;float:left;height:170px;width:100%;background:url(images/search.gif) right top no-repeat}
	h1#logo{position:absolute;top:20px;left:0;width:687px;height:81px;background:url(images/logo.gif) 0 0 no-repeat}
    h1#logo a{position:absolute;width:687px;height:81px;}

#hidden-nav{position:absolute;top:-6000px;left:-6000px}


/* ---- HOME ------------------------------------------------------------------------------------------ */

#container{float:left;width:940px;background:url(images/container-home.gif) right top repeat-y}
#banner{margin-top:10px;width:940px;height:210px;background:#fff}

#main-home{float:left;width:550px;padding:28px 0}
#features-home{float:right;width:350px;padding:25px 20px 20px 20px;position:relative;}
#spotlight{padding-bottom:35px;float:left;width:550px}
#spotlight li{float:left;width:160px;margin-right:20px}
#spotlight h2{background:transparent url(images/tick-border-oc.gif) right bottom repeat-x;padding-bottom:20px;}
#corporates h2{background-image:url(images/tick-border-yr.gif)}
#individuals h2{background-image:url(images/tick-border-cp.gif)}
#trustees h2{background-image:url(images/tick-border-go.gif)}
#spotlight #trustees {margin-right:0}

#spotlight .more{margin-top:10px}
    #spotlight .more a{background:url(images/arrow-red.gif) 0 4px no-repeat;padding-left:10px}

#ifg-tv{float:left;width:250px;margin-right:20px}
#ifg-tv #ifg-tv-flash{text-align:left;padding:0}
#ifg-tv #ifg-tv-flash img{margin-bottom:5px}
#ifg-tv div a img{border: 0;}
#ifg-pension-portal{float:left;width:250px}
#ifg-tv div,#ifg-pension-portal div{background:#F5F2ED;padding:20px;height:110px;}
#ifg-tv div{text-align:center}
#login-home a{font-weight:bold;display:block;width:110px;color:#fff;font-size:.9em;margin:15px 0 0 0;background:#4A8AA3 url(images/login.gif) 95% center no-repeat;padding:5px 40px 5px 5px;}


.flashToSurvey a{border:0px}
.flashToSurvey img{border:0px}

h2#news-title{background:transparent url(images/tick-border-oc.gif) right bottom repeat-x;padding-bottom:20px;}
.sf_newsList{margin-bottom:30px}
    #main .sf_newsList li{margin-bottom:10px;padding-left:0;background:transparent}
#more-news{font-weight:bold;background:url(images/arrow-red.gif) 0 6px no-repeat;padding-left:10px;position:absolute;top:30px;right:20px;font-size:.9em}
#wrapper #features-home .sf_newsList li{margin-bottom:15px}

#useful-features li{float:left;width:80px;text-align:center;margin-right:10px}
    #useful-features li.last{margin-right:0}
    #useful-features a{color:#488BA6;font-weight:bold}
    #useful-features a:hover,#useful-features a:focus,#useful-features a:active{text-decoration:none}
    #useful-features a:hover span,#useful-features a:focus span,#useful-features a:active span{text-decoration:underline}
    #useful-features img{border:1px solid #DFDAD4}

/* -----------Logged Out --------------------*/
#main-home #loggedOut{padding:0 25px 20px 0}
#main-home #loggedOut h2{background:transparent url(images/footer-top.gif) right bottom repeat-x;padding-bottom:17px;}


/* ---- SEARCH ------------------------------------------------------------------------------------------ */

#search{background:#dfd9cf;position:absolute;right:20px;top:35px;width:200px;}
    #search label{font-weight:bold;display:block;color:#807f82;font-size:.9em;padding-bottom:4px}
    #search p{background:#fff;padding:3px}
    #search .sf_searchText{border:0;padding-right:4px;width:133px}
    #search .sf_searchSubmit{border:0;border-left:1px solid #807F84;color:#b32025;font-weight:bold;font-size:.9em;background:#fff;cursor:pointer}


/* ---- GNS - GLOBAL NAV SYSTEM ------------------------------------------------------------------------------ */

#gns{position:absolute;bottom:0;left:0;float:left;width:725px}
	#gns li{float:left}
	#gns li a{float:left;padding:8px 18px 13px;font-weight:bold;color:#fff;background:#807F82;}
	#gns li a.selected,#gns li a:hover,#gns li a:focus,#gns li a:active{background:#fff;color:#c41230;text-decoration:none}
	#gns li a.last{border:0}
	
	
/* ---- SUBPAGES -------------------------------------------------------------------------------------------- */

#subpage #container{background-image:url(images/container-sub.gif);position:relative}

#login-subpage a{position:absolute;right:20px;bottom:10px;font-weight:bold;display:block;width:150px;color:#fff;font-size:.9em;margin:15px 0 0 0;background:#4A8AA3 url(images/login.gif) 95% center no-repeat;padding:5px 40px 5px 10px;}

/* ---- Breadcrumbs ---- */

#breadcrumbs{color:#4C89A5;font-size:.9em;padding:18px 0 15px 0;width:680px;background:url(images/dotted-line.gif) bottom left repeat-x;}
    #breadcrumbs a{color:#4C89A5;margin:0 4px}

/* ---- Actions ---- */

#actions{position:absolute;top:3px;right:20px;padding:18px 0 18px 0;font-size:.9em;width:200px;background:url(images/dotted-line.gif) bottom left repeat-x;}
    #actions li{float:left;padding:0 3px 0 3px;border-right:1px solid #B72025;position:relative;right:5px;line-height:100%}
    #actions li.last{border:0}

/* ---- LNS - Left-Hand Navigation ---- */

#lns {float:left;width:180px;padding:25px 0}
    #lns h2{ background:transparent url(images/tick-border-yr.gif) right bottom repeat-x;padding-bottom:20px;}
	#lns ul{float:left}
	    #lns li{float:left;width:100%}
	    #lns li a{float:left;width:162px;font-weight:bold;color:#b32025;padding:10px 5%;background:url(images/dotted-line.gif) bottom left repeat-x;display:block}
	    #lns li a:hover,#lns li a:focus,#lns li a:active{text-decoration:none;background:#f3f0ea url(images/dotted-line.gif) bottom left repeat-x;display:block}
	    #lns li.active a{background-color:#f3f0ea}
	    #lns li ul{float:left;width:100%;background:url(images/dotted-line.gif) bottom left repeat-x;padding:10px 0}
	    #lns li ul{display:none}
	    #lns li.active ul{display:block}
	    #lns li.active li a{color:#727174;font-weight:normal;background:#fff url(images/red-bullet.gif) 10px 10px no-repeat;padding:2px 0 2px 20px}
	    #lns li li.active a{font-weight:bold}
	    #lns li li a:hover,#lns li li a:focus,#lns li li a:active{text-decoration:underline;background:#fff url(images/red-bullet.gif) 10px 10px no-repeat;}
	    #lns li li.active a:hover,#lns li li.active a:focus,#lns li li.active a:active{text-decoration:none}
        
        #lns li ul li ul{background:none;width:150px; padding:10px 0px 10px 20px;}
        #lns li ul li.active ul li.active a{font-weight:normal; text-decoration:underline;} 
        #lns li ul li.active ul li a{font-weight:normal;}
        #lns li ul li.active ul li a:hover{font-weight:normal; text-decoration:underline;}
        
        
/* ---- Main ---- */

#content{float:right;width:730px;padding:25px 0 30px 0}

#main{float:left;width:470px}
    #main h2{padding-bottom:20px;}
    #main h2 span{background:transparent url(images/tick-border-cp.gif) right bottom no-repeat;padding:0 20px 20px 0;}
    #main h3{font-size:1.1em;margin-bottom:15px;}
    #main h4{font-size:1em}
    #main p,#main ul,#main ol{margin-bottom:20px}
    #main ul li{padding-left:15px;margin-bottom:10px;background:url(images/bullet.gif) 0 6px no-repeat;}
    #main ol {margin-left:22px}
    #main ol li{margin-bottom:10px;}
    #main li ul,#main li ol{margin-top:10px;margin-bottom:0}
    #main ul ol li{background:transparent;padding-left:0;margin-left:10px}
    #main .quote{background:#CED8E1;padding:20px}

#features{float:right;width:200px;margin-right:20px;display:inline}
    #features h2{background:transparent url(images/tick-border-go.gif) right bottom repeat-x;padding-bottom:20px;}
    #features h3{color:#142632;font-size:1em}
#features ul.newsletter-rhs li a{color:#727174; padding:2px 0px 2px 20px; background:url(images/red-bullet.gif) 10px 10px no-repeat; display:block;}

#related-links{float:left;border-top:1px solid #ccc;margin-bottom:10px;}
    #related-links li{background:#fff;border:1px solid #ccc;border-top:0;float:left;width:198px;min-height:68px;height:auto !important;height:68px;}
    #related-links img{float:left;}
    #related-links a{float:left;padding:0;color:#4B88A5;font-weight:bold;width:198px}
    #related-links a span{padding:15px 5px 5px 10px;display:block}

#mainIFG{width:710px; padding-right: 20px;}
    #mainIFG h2{padding-bottom:20px; float:left;}
    #mainIFG h2 span{background:transparent url(images/tick-border-cp.gif) right bottom no-repeat;padding:0 20px 20px 0;}

#mainIFG .relatedClips {float: right; background:transparent url(images/tick-border-go.gif) right bottom repeat-x;padding: 0px 20px 20px 0px; width: 180px;}

#ifg-tv-subpage{background:#fff;border:1px solid #DFDAD4;padding:10px 20px 15px 20px;clear:both;width:158px}	
    #ifg-tv-subpage h3{padding-bottom:5px}
     #ifg-tv-subpage a img {border: 0;}
     #ifg-tv-subpage #ifg-tv-flash img{margin:5px 0}

#testimonials{margin-top:15px;border:1px solid #DFDAD4;padding:20px 20px 25px 20px;clear:both;position:relative;width:158px;background:#fff url(images/testimonials-t.jpg) 10px 10px no-repeat;}
    #testimonials h3{float:right;padding-bottom:12px}
    #testimonials p{clear:both;width:158px !important;width:148px;}	
    #testimonials .author{font-size:.9em;margin-top:10px;line-height:130%}	
    #testimonials #more{background:url(images/arrow-red.gif) 0 5px no-repeat;padding-left:10px;font-size:.9em;font-weight:bold;margin-top:5px}
    #testimonials span{position:absolute;bottom:-24px;right:10px;width:32px;height:57px;background:url(images/testimonials-b.jpg) 0 0 no-repeat}

#main p.quote-test{margin-bottom:10px}
    #main .author{padding:0 0 15px 0;margin-bottom:15px;background:transparent url(images/dotted-line.gif) repeat-x scroll left bottom;}
    #main .author strong{color:#498AA6}
    #main .newsdate{color:#498AA6;font-weight:bold;margin:0;padding:0}
    #main .source{color:#354753;font-weight:bold;margin:0 0 20px 0;padding:0}
    #main h3.singlenews{font-size:1.2em;padding-top:5px;color:#354753;}
	
.sf_newsList_subpage{padding-top:5px}	
    #main .sf_newsList_subpage li{padding:0 0 15px 0;margin-bottom:15px;background:transparent url(images/dotted-line.gif) repeat-x scroll left bottom;}
    .sf_newsList_subpage .date{color:#498AA6}
    .sf_newsList_subpage strong a{color:#354753;text-decoration:underline}
    .sf_newsList_subpage strong a:hover,.sf_newsList_subpage strong a:focus,.sf_newsList_subpage strong a:active{text-decoration:none}

.ui-tabs .ui-tabs-panel {width:450px; padding-top:0;clear:both;border-top:1px solid #fff}
    .ui-tabs .ui-tabs-hide {display:none !important}

#content #contextual-menu{padding:10px 10px 0 10px;margin:0 0 10px 0;background:#B9C7D4;float:left;width:450px;}
    #main #contextual-menu li{float:left;line-height:130%;margin-right:5px;padding-left:0;background:transparent;margin-bottom:0}
    #contextual-menu a{color:#014268;font-weight:bold;float:left;padding:5px 10px 10px 10px}
    #contextual-menu .ui-tabs-selected a,#contextual-menu a:hover,#contextual-menu a:focus,#contextual-menu a:active{background:#fff;color:#4C89A8;text-decoration:none}
    #main #contextual-menu #view-all{float:right;margin-top:9px}
    #contextual-menu #view-all a{padding:5px 10px;color:#498BA5;font-size:.9em;font-weight:normal;background:url(images/view-button-gradient.gif) bottom left repeat-x}
    #contextual-menu #view-all a:hover,#contextual-menu #view-all a:focus,#contextual-menu #view-all a:active{text-decoration:underline}

.detail-box{clear:both;padding-bottom:13px;margin-top:15px;position:relative;background:url(images/dotted-line.gif) bottom left repeat-x;}
    #content .detail-box p{margin-bottom:0}
    #content .detail-box ul{margin-bottom:15px}
    .detail-box img{position:absolute;top:0;left:0;padding:8px;width:140px;height:120px;background:url(images/image-placeholder.gif) 0 0 no-repeat;}
    .details{padding:10px 0 12px 0;margin-left:172px;background:url(images/dotted-line.gif) bottom left repeat-x;min-height:112px;height: auto !important;height:112px;}
    #main .details li{background:transparent;padding-left:0;margin:0}
    .details .email{margin-top:16px;background:url(images/email.gif) 0 3px no-repeat;padding-left:23px}
    .details .phone{background:url(images/phone.gif) 0 2px no-repeat;padding-left:23px}	 
	
#banner-sub{background:transparent url(images/tick-border-cp.gif) right bottom no-repeat;padding-bottom:5px;}	
    #banner-sub img{display:block}
	
.section{float:left;width:470px;padding:20px 0;background:url(images/dotted-line.gif) top left repeat-x;}	
    #main .section h3{margin:0;padding:0}
    #main .regulatory{background:0;padding-top:10px;padding-bottom:0}
    #main .regulatory h3{padding-bottom:15px}
	#main .regulatory ul{margin-bottom:0}
	
ul#resources{float:left;margin:15px 0 0 0;width:470px}
    #main #resources li{float:left;width:80px;text-align:center;margin-right:30px;background:transparent;padding-left:0;margin-bottom:0}
    #resources li.last{margin-right:0}
    #resources a{color:#488BA6;font-weight:bold}
    #resources a:hover,#resources a:focus,#resources a:active{text-decoration:none}
    #resources a:hover span,#resources a:focus span,#resources a:active span{text-decoration:underline}
    #resources img{border:1px solid #DFDAD4}	
	
#main .document-list{float:left;margin:10px 0 10px 0}
    #main .document-list li{width:220px;margin-right:15px;margin-bottom:0;padding:10px 0;background:url(images/dotted-line.gif) bottom left repeat-x;float:left}
    .document-list li strong{font-weight:normal}
    #content .document-list p{margin:0;background:url(images/pdf.jpg) 0 4px no-repeat;padding-left:40px;}

#main .faqs-box ul{float:left;padding:5px 10px;width:450px;margin:15px 0 0 0;background:#ebe6dc}
    #main .faqs-box ul li{float:left;margin-right:75px;display:inline;background:transparent;padding-left:0;margin-bottom:0}
    .faqs-box ul a{float:left;background:url(images/arrow-blue.gif) 0 7px no-repeat;padding-left:15px;color:#498A9E;font-weight:bold}

#main .sf_newsList strong{color:#4A8AA3}
#main .sf_newsList .black{color:#182631}

#main #services-menu{margin-bottom:0}
    #main #services-menu li{float:left;width:235px;background:url(images/dotted-line.gif) bottom left repeat-x;padding-left:0;margin-bottom:0}
    #services-menu li a{float:left;background:url(images/arrow-red.gif) 0 11px no-repeat;padding:5px 0 5px 10px;font-weight:bold}

.news-boxes{clear:both;width:470px;padding-top:25px}
    .news-boxes div{width:230px;float:left;margin-right:10px}
    .news-boxes #industry{margin-right:0}
    .news-boxes h3{background:transparent url(images/tick-border-cp.gif) right bottom repeat-x;padding-bottom:15px;}
    .news-boxes #investment h3{background-image:url(images/tick-border-gp.gif)}
    .news-boxes #industry h3{background-image:url(images/tick-border-cb.gif)}
    #main .news-boxes .sf_newsList strong{color:#1A2632}
    #main .news-boxes a{color:#192730}

#newsletter{clear:both;background:url(images/dotted-line.gif) top left repeat-x;padding-top:25px;}
    #newsletter p{padding:5px 0 30px 90px;background:url(images/newsletter.jpg) 0 0 no-repeat}
	
#main ul.faq-list{border-bottom:1px solid #ccc;padding-bottom:20px;margin-bottom:35px;margin-top:25px}
    #main ul.faq-list li{background:url(images/q.gif) 0 0 no-repeat;padding:0 0 5px 30px}
    #main ul.faq-list li a{color:#162732}
    #main dl.faqs{clear:both}
    #main dl.faqs dt{font-weight:bold;background:url(Images/q.gif) 0 0 no-repeat;padding:0 0 15px 30px}
    #main dl.faqs dd{background:url(images/a.gif) 0 2px no-repeat;padding:0 0 5px 30px}	
	.page-actions {background:url(images/dotted-line.gif) top left repeat-x;padding-top:25px;float:left;margin-top:20px;padding-top:10px;text-align:right;width:470px;font-size:.9em}

#main ol.sf_pager{list-style-type:none;margin:0;padding:0}
    #main ol.sf_pager li {display:inline;margin:0;padding:0;font-size:.9em}
    #main ol.sf_pager li a{float:left;margin-right:4px;border:1px solid #ded7ca;padding:2px 7px}
    #main ol.sf_pager li a:hover,#main ol.sf_pager li a:focus,#main ol.sf_pager li a:active{border-color:#bab09d;text-decoration:none}
    #main ol.sf_pager li a.sf_PagerSelItem{color:#498AA6;font-weight:bold;border-color:#498AA6}
	
.searchResults dl{line-height:160%}
    .searchResults dt{margin-bottom:10px}
    .searchResults dd{margin-bottom:20px}

#main #contact-list{width:470px;}
    #main #contact-list li{float:left;width:210px;padding:0;margin:0 20px 20px 0;background:url(images/dotted-line.gif) bottom left repeat-x}
    #map{clear:both;position:relative;width:470px}
    #map iframe{border:1px solid #DFDAD4}
    #map h3{padding-top:10px;padding-bottom:5px;background:url(images/dotted-line.gif) bottom left repeat-x}
    #map #view-map{position:absolute;top:10px;right:0;margin:0;padding:0}

#main .sf_expandableList{margin-left:0}
    

/* ---- FORM ------------------------------------------------------------------------------------------ */

.form-styled{padding:20px 0;width:470px}
	
	.form-styled fieldset{border:0}
	#main .form-styled fieldset li{float:left;width:470px;margin-bottom:15px;padding-left:0;background:transparent}
		
	.form-styled legend{display:none}
	
	.form-styled label{font-weight:bold;font-size:.9em;float:left;width:140px;color:#354753}
	.form-styled label strong,#required strong{font-size:1.3em;color:#B32025;}
	#main #required{font-size:.9em;margin:0 0 5px 140px !important;margin:0 0 5px 143px}
	
	
	.form-styled input{padding:2px 3px;width:210px;border:1px solid #92a9bd;display:inline}
	.form-styled textarea{padding:2px 3px;width:210px;border:1px solid #92a9bd;display:inline}
	.form-styled select{padding:1px;width:218px;border:1px solid #92a9bd}
	
	.form-styled fieldset span{display:block;margin-left:140px;width:230px}
	
	.form-styled #submit-button{clear:both;}
	.form-styled .submit{margin: 1px 0 0 140px !important;margin: 1px 0 0 143px;background:#4A8AA3;padding:4px 2px;width:135px; border:0;color:#fff;font-weight:bold;font-size:.9em;cursor:pointer}

	
/* ---- FOOTER -------------------------------------------------------------------------------------------- */

#footer{clear:both;width:100%;background:url(images/footer-top.gif) 0 0 repeat-x;padding:25px 0 20px 0}
#footer-aux{width:740px;background:url(images/footer-arrow.gif) 65px 20px no-repeat;padding:10px 0 0 200px}
    #footer a{color:#00afca}
    #footer p{color:#666;clear:both;width:740px;padding:10px 0;border-top:2px solid #efebe3}
    #footer #designedby{border:0;padding-top:0}
    
#fns{float:left;padding-bottom:15px;width:740px}
    #fns li{display:inline}
    #fns a{float:left;border-right:1px solid #00afca;padding:0 7px;line-height:100%}
    #fns li.first a{padding-left:0}
    #fns li.last a{border:0}
    
}


/* ---- PRINT CSS -------------------------------------------------------------------------------------------- */
  
@media print {
    
body{font-size:12pt}
h1{color:#000;text-decoration:none;border-bottom:1px solid #ccc;padding-bottom:5pt}
a{text-decoration:none;color:#000}
#gns,#search,#login-subpage,#hidden-nav,#fns,#ifg-tv,hr,#designedby,#useful-features img,#lns,#actions,#related-links,#breadcrumbs,#ifg-tv-subpage,#banner-sub,#resources img,.faqs-box,.page-actions,.sf_pager,#contextual-menu,#more{display:none}

ul{margin-left:0;padding-left:0}
    ul li{margin-bottom:10px}
    
table{border-collapse:collapse}
    caption{text-align:left;font-weight:bold;margin-top:10px; padding-bottom:10px}
    th,td{border:1px solid #ccc; padding:5px 10px}

#spotlight,#useful-features,#resources {margin-left:0;padding-left:0;}
#spotlight li,#useful-features li,#resources li{margin-left:0;padding-left:0;list-style-type:none}

#footer{clear:both;border-top:1px solid #fff;padding-top:10px}  
    
}