@charset "UTF-8";
/* CSS Document - Main navigation styles */
/* All Images - start
-------------------------------------------------------------- */

                         li#home a.mainnav-tab        { background: url(../images/home.gif) no-repeat 0 0; }
li#investments a.mainnav-tab { background: url(../images/investments.gif) no-repeat 0 0; }
li#super a.mainnav-tab       { background: url(../images/super.gif) no-repeat 0 0; }
li#retirement a.mainnav-tab    { background: url(../images/retirement.gif) no-repeat 0 0; }
li#advice a.mainnav-tab        { background: url(../images/advice.gif) no-repeat 0 0; }
li#education a.mainnav-tab    { background: url(../images/education.gif) no-repeat 0 0; }
li#forms a.mainnav-tab        { background: url(../images/forms.gif) no-repeat 0 0; }
li#aboutus a.mainnav-tab        { background: url(../images/aboutus.gif) no-repeat 0 0; }
/* Adviser */
li#funds a.mainnav-tab        { background: url(../images/funds.gif) no-repeat 0 0; }
li#platforms_products a.mainnav-tab     { background: url(../images/platforms_products.gif) no-repeat 0 0; }
li#forms_brochures a.mainnav-tab        { background: url(../images/forms_brochures.gif) no-repeat 0 0; }
li#education_insights a.mainnav-tab    { background: url(../images/education.gif) no-repeat 0 0; }
li#aboutus_adviser a.mainnav-tab        { background: url(../images/aboutus.gif) no-repeat 0 0; }
/* Institutions */
li#asset_classes a.mainnav-tab{ background: url(../images/asset_classes.gif) no-repeat 0 0; }
li#performance_reports a.mainnav-tab { background: url(../images/performance_reports.gif) no-repeat 0 0; }
li#contact a.mainnav-tab { background: url(../images/contact.gif) no-repeat 0 0; }
div.dropnav    { background: url(../images/dropnav_bg.gif) no-repeat 0 100% #FFFFFF; }
div.dropnav .footerbar    { background: url(../) repeat-x 0 0; }
div.dropnav .column li a, div.dropnav .column li a:visited, div.dropnav .column li a:link, div.dropnav .column li a:active { background: url(../images/li_arrow_small.gif) no-repeat 0px 5px; }
div.dropnav .footerbar ul li a    { background: url(../images/li_arrow.gif) no-repeat 0 2px; }
#channelnav li a    { background: url(../images/channelnav_bg.gif) no-repeat right 0px; }
.col-left ul li ul li        { background: url(../images/dotted_888_bg.gif) repeat-x 0 100%; }
.col-left ul li ul li a    { background: url(../images/li_arrow_small.gif) no-repeat 5px 10px; }
.col-left ul li ul li ul li { background: url(../images/dotted_ddd_h.gif) no-repeat 15px 0px; }
.col-left ul li ul li ul li a { background: url(../images/li_arrow_small.gif) no-repeat 5px 6px; }
.col-left ul li ul li ul li ul li a { background: url(../images/li_dash_small.gif) no-repeat 6px 5px; }
#footer-logo a { background: url(../images/perpetual_logo_sm.gif) no-repeat; }

                        
/* All Images - end
-------------------------------------------------------------- */
/* mainnav
-------------------------------------------------------------- */
#mainnav ul {
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}
#mainnav ul li {
float: left;
}
#mainnav ul li a.mainnav-tab {
height: 48px;
display: block;
margin: 0px;
padding: 0px;
text-decoration: none;
}
#mainnav li a span {
visibility: hidden;
}
#mainnav li:hover div.dropnav, #mainnav li.sfhover div.dropnav {
position: absolute;
display: block;
top: auto;
left: 9px;
}
#mainnav li:hover a.mainnav-tab, #mainnav li.sfhover a.mainnav-tab {
background-position: 0 -48px;
}
#mainnav ul li a:hover, #mainnav ul li a.selected {
background-position: 0 -96px;
}
li#home a.mainnav-tab {
width: 83px;
}
#mainnav li#home:hover a.mainnav-tab, #mainnav li#home.sfhover a.mainnav-tab {
background-position: 0 -96px;
}
/* Investor */
li#investments a.mainnav-tab {
width: 111px;
}
li#super a.mainnav-tab {
width: 140px;
}
li#retirement a.mainnav-tab {
width: 108px;
}
li#advice a.mainnav-tab {
width: 78px;
}
li#education a.mainnav-tab {
width: 171px;
}
li#forms a.mainnav-tab {
width: 75px;
}
li#aboutus a.mainnav-tab {
width: 93px;
}
/* tabmask - Investor */
li#investments .tabmask {
left: 77px;
width:105px;
}
li#super .tabmask {
left: 189px;
width:133px;
}
li#retirement .tabmask {
left: 328px;
width:101px;
}
li#advice .tabmask {
left: 436px;
width:72px;
}
li#education .tabmask {
left: 514px;
width:165px;
}
li#forms .tabmask {
left: 685px;
width: 69px;
}
li#aboutus .tabmask {
left: 760px;
width:87px;
}
/* Adviser */
li#funds a.mainnav-tab {
width: 74px;
}
li#platforms_products a.mainnav-tab {
width: 177px;
}
li#forms_brochures a.mainnav-tab {
width: 164px;
}
li#education_insights a.mainnav-tab {
width: 171px;
}
li#aboutus_adviser a.mainnav-tab {
width: 93px;
}
/* tabmask - Adviser */
li#funds .tabmask {
left: 77px;
width:68px;
}
li#platforms_products .tabmask {
left: 151px;
width:171px;
}
li#forms_brochures .tabmask {
left: 328px;
width:158px;
}
li#education_insights .tabmask {
left: 492px;
width:165px;
}
li#aboutus_adviser .tabmask {
left: 663px;
width:87px;
}
/* Institutions */
li#asset_classes a.mainnav-tab {
width: 128px;
}
li#performance_reports a.mainnav-tab {
width: 198px;
}
li#contact a.mainnav-tab {
width: 109px;
}
/* tabmask - Institutions */
li#asset_classes .tabmask {
left: 77px;
width:122px;
}
li#performance_reports .tabmask {
left: 205px;
width:192px;
}
li#contact .tabmask {
left: 403px;
width:103px;
}
/* no dropnav so go straight to out state */
li#asset_classes:hover a.mainnav-tab, li#asset_classes.sfhover a.mainnav-tab, li#performance_reports:hover a.mainnav-tab, li#performance_reports.sfhover a.mainnav-tab, li#contact:hover a.mainnav-tab, li#contact.sfhover a.mainnav-tab {
background-position: 0 -96px;
}
/* dropnav
-------------------------------------------------------------- */
div.dropnav {
width: 940px;
min-height: 200px;
border-left: solid 1px #999;
border-right: solid 1px #999;
border-bottom: solid 1px #999;
display: none;
position: absolute;
z-index: 999;
top: 105px;
left: -99999px;
padding-bottom: 10px;
}
div.dropnav .column {
float: left;
padding: 0;
margin-bottom: 15px;
width: 185px;
vertical-align: top;
min-height: 175px;
}
div.dropnav .column ul {
margin: 0px;
padding: 0px;
display: inline-block;
}
div.dropnav .column li {
float: left;
width: 155px;
padding: 0;
padding-left: 15px;
line-height: 0.8em;
margin-bottom: 3px;
}
div.dropnav .topbar {
height: 1px;
background:#CCC;
margin-bottom: 30px;
}
div.dropnav .topbar .tabmask {
width: 1px;
height: 1px;
position: absolute;
background-color: #FFFFFF;
}
div.dropnav .footerbar {
margin: 0px 15px;
padding: 5px 0px;
min-height: 15px;
clear: both;
}
div.dropnav .column li a, div.dropnav .column li a:visited, div.dropnav .column li a:link, div.dropnav .column li a:active {
padding-left: 8px;
margin: 0px;
font-size: 0.78125em;
color: #777;
text-decoration: none;
display: inline-block;
padding-top: 2px;
padding-bottom: 2px;
width: 145px;
background-position: 0 5px !important;
}
div.dropnav .column li a:hover {
padding-left: 8px;
margin: 0;
color: #333333;
text-decoration: none;
background-color:#EEEEEE;
background-position: 0 5px !important;
}
div.dropnav h4 {
margin-top: 12px;
margin-bottom: 7px;
margin-left: 15px;
font-size: 0.78125em;
font-weight: bold;
color:#444444;
}
div.dropnav .column h4:first-child {
margin-top: 5px;
}
div.dropnav h4 a {
display: inline-block;
width: 155px;
color:#444444 !important;
text-decoration: none !important;
padding-left: 0px;
}
div.dropnav h4 a:hover {
padding-left: 0px;
color:#333333;
background:#f0f0f0;
}
div.dropnav .footerbar ul li {
width: 185px;
}
div.dropnav .footerbar ul li a {
font-size: 0.75em;
font-weight: bold;
color: #333333;
text-decoration: none;
width: 155px;
padding-left: 10px;
padding-top: 2px;
padding-bottom: 2px;
display: inline-block;
}
div.dropnav .footerbar li a:hover {
background-color:#EEEEEE;
background-position: 0 2px !important;
}
/* channelnav
-------------------------------------------------------------- */
#channelnav {
float: left;
}
#channelnav li {
list-style: none;
float: left;
display: inline-block;
margin-right: 1px;
}
#channelnav li a {
color: #FFFFFF;
font-size: 0.84375em;
text-decoration: none;
display: inline-block;
padding-top: 4px;
height: 23px;
}
#channelnav li a:hover {
color: #333333;
background-position: right -29px;
}
#channelnav li a.selected {
color: #444444;
background-position: right -29px;
font-weight: bold;
}
#channelnav li.first a {
background-position: left 0px;
}
#channelnav li.first a:hover {
color: #333333;
background-position: left -29px;
}
#channelnav li.first a.selected {
color: #444444;
background-position: left -29px;
font-weight: bold;
}
#channelnav li a span {
padding: 0 15px;
}
/* globalbar nav
-------------------------------------------------------------- */
#globalbar .textnav {
float: right;
padding-right: 5px;
padding-top: 5px;
}
#globalbar .textnav li {
font-size: 0.75em;
}
#globalbar .textnav li a {
}
/* col-left
-------------------------------------------------------------- */
.col-left .current {
color: #333333;
border-top: solid 1px #FFF;
}
/*level 1*/
.col-left ul {
margin: 0;
padding: 0;
list-style:none;
margin-top: 1px;
}
.col-left ul li {
font-size: 0.75em;
}
.col-left ul li a {
display: none;
margin: 0;
padding: 0;
color:#333333 !important;
text-decoration: none !important;
}
.col-left ul li a.selected {
}
.col-left ul li a:hover {
}
/*level 2*/
.col-left ul li ul {
*margin-top: -15px; /* IE 7 and below */
}
.col-left ul li ul li {
margin: 0;
padding: 0;
padding-bottom: 2px;
font-size: 98%;
line-height: 1.2em;
vertical-align: top;
background-color:#FFFFFF;
}
.col-left ul li ul li a {
margin: 0;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 15px;
width: 180px;
display:inline-block;
}
.col-left ul li ul li a.selected {
color: #444;
font-weight: bold;
}
.col-left ul li ul li a.current{
background-color: #efefef;
}
.col-left ul li ul li a:hover {
color: #000000;
background-color: #e3e3e3;
}
/*level 3*/
.col-left ul li ul li ul {
margin-top: 0px;
border: none;
}
.col-left ul li ul li ul li {
font-size: 98%;
padding-left: 10px;
padding-bottom: 0px;
}
.col-left ul li ul li ul li a {
width: 170px;
margin: 0;
padding-top: 4px;
padding-bottom: 4px;
color: #666666;
}
.col-left ul li ul li ul li a.selected {
color: #444;
font-weight: bold;
background-color: transparent;
}
.col-left ul li ul li ul li a.current{
background-color: #efefef;
}
.col-left ul li ul li ul li a:hover {
color: #333;
background-color: #e3e3e3;
}
/*level 4*/
.col-left ul li ul li ul li ul {
margin-top: 0px;
}
.col-left ul li ul li ul li ul li {
font-size: 98%;
padding-left: 9px;
line-height: 1.3em;
background: none;
}
.col-left ul li ul li ul li ul li a {
width: 160px;
margin: 0;
padding-top: 2px;
padding-bottom: 1px;
color: #666666;
border-top: none;
}
.col-left ul li ul li ul li ul li a.selected {
color: #444;
font-weight: bold;
}
.col-left ul li ul li ul li ul li a.current{
background-color: #efefef;
}
.col-left ul li ul li ul li ul li a:hover {
color: #333;
background-color: #e3e3e3;
}
/* footernav
-------------------------------------------------------------- */
#footernav {
display:inline-block;
clear:both;
width: 960px;
padding-bottom: 15px;
}
#footernav .column {
float: left;
padding-left: 25px;
width: 150px;
vertical-align: top;
}
#footernav .column ul {
margin: 0px;
padding: 0px;
display: inline-block;
}
#footernav .column li {
float: left;
width: 120px;
padding: 0;
line-height: 0.8em;
margin-bottom: 2px;
}
#footernav .column h4 {
margin-top: 10px;
margin-bottom: 5px;
margin-left: 0px;
font-size: 0.75em;
font-weight: bold;
color:#003082;
}
#footernav .column ul {
padding: 0;
margin: 0;
list-style: none;
}
#footernav .column ul li {
display: inline-block;
}
#footernav .column ul li a {
color: #2e87b7;
margin: 0px;
font-size: 0.71875em;
text-decoration: none;
display: inline-block;
padding-top: 2px;
padding-bottom: 2px;
width: 125px;
}
#footernav .column ul li a:hover {
text-decoration: underline;
}
#footernav .column h4 a {
color: #003082;
text-decoration: none;
}
#footer-logo a {
float: right;
width: 107px;
margin-top: 5px;
margin-right: 25px;
height:39px;
display:inline-block;
text-decoration: none;
}
#footer-logo a span {
visibility:hidden;
}
#auxnav {
margin: 10px 25px;
display: inline-block;
}
#auxnav .textnav {
}
#auxnav .textnav li {
font-size: 0.6875em;
}
#auxnav .textnav li.first {
padding-left: 0px;
}
#auxnav .textnav li a {
color: #003082;
margin: 0;
}
#copyright {
font-size: 0.6875em;
clear:both;
}