/* Sort padding & margins out */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, input, p, blockquote, th, td, img {margin: 0; padding: 0; border:0;}

ol, ul {list-style-image:none; list-style-position:outside; list-style-type:none;}

body{background-color:#e9eaea; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#6e6e6e;}

.clearer {clear:both; line-height:1px; height:1px; font-size:1px;}

#wrapper{width:951px; margin:auto; background: url(frame-bg.jpg); background-repeat:no-repeat;}

#main-content{width:920px; background-color:white; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; padding-left:15px; padding-right:14px;  min-height:500px; height:auto !important; height:500px;}

form{ padding:0px; margin:0px;}
.center{text-align:center;}

/*--------------Typography--------------------*/

h1{font-size:22px; font-weight:normal; padding-bottom:12px;}
.fund-info h1{font-size:26px;}
h2{font-size:17px; font-weight:normal; padding-bottom:12px;}
p{color:#5e5e5e; line-height:19px; padding-bottom:15px;}
.small{font-size:11px !important; }
a{text-decoration:none; color:#f79609;}
a:hover{text-decoration:underline; color:#f79609;}

table a{text-decoration:none; color:#e9eaea;}
table a:hover{text-decoration:none; color:#e9eaea;}
/*---------------Top Section Styles---------------*/

#logo{float:left; width:50%; padding-top:25px;}

#icon-links{float:right; width:250px; padding-top:18px;}

a.home-button-link, a.fund-finder-button-link{height:0 !important; overflow:hidden; padding:66px 0 0;}
a.portfolio-button-link{height:0 !important; overflow:hidden; padding:68px 0 0;}

#home-button{float:left; width:61px;}
#home-button a {background:transparent url(home-button.jpg) no-repeat scroll left top; display:block; height:66px; width:61px;}
#home-button a:hover {background:transparent url(home-button.jpg) no-repeat scroll right top; display:block; height:66px; width:61px;}

#fund-finder-button{float:left; width:98px;}
#fund-finder-button a {background:transparent url(fund-finder-button.jpg) no-repeat scroll left top; display:block; height:66px; width:98px;}
#fund-finder-button a:hover {background:transparent url(fund-finder-button.jpg) no-repeat scroll right top; display:block; height:66px; width:98px;}

#portfolio-button{float:left; width:88px;}
#portfolio-button a {background:transparent url(portfolio-button.jpg) no-repeat scroll left top; display:block; height:68px; width:88px;}
#portfolio-button a:hover {background:transparent url(portfolio-button.jpg) no-repeat scroll right top; display:block; height:68px; width:88px;}


/*-------------Header Image Styles--------------------*/

#header-image{background: url(header-bg.jpg); background-repeat:no-repeat; width:920px; height:272px; padding-bottom:20px;}

#header-image h1{color:#6e6e6e; font-size:22px; font-weight:normal; padding-top:16px; padding-bottom:23px; text-align:right; margin-right:24px;}

#header-buttons{width:505px; float:right;}

#header-buttons img{margin-right:13px; margin-bottom:6px;}

/*--------------What We Do Box Styles-----------------------*/

#what-we-do-box{float:left; width:469px; background: url(what-we-do-bg.jpg); background-repeat:no-repeat; background-position:bottom;}

#what-we-do-box-content{padding:15px;}

/*--------------Guarantee Box Styles----------------*/

#guarantee-box{float:right; width:430px; background: url(guanrantee-box-bg.jpg); background-repeat:no-repeat; background-position:bottom;}

#guarantee-box-inner{padding:15px;}

#guarantee-box-inner a{text-decoration:none; color:#6e6e6e;}

#guarantee-box-inner a:hover{ }

.find-out-more{margin-left:218px;}

#guarantee-box li{background-image:url(guarantee-tick.jpg); background-position:left top; background-repeat:no-repeat; font-size:16px; line-height:16px; margin-bottom:8px; padding-bottom:0; padding-left:45px; border-bottom:1px solid #cccccc; margin-bottom:10px; padding-bottom:13px; margin-right:5px;}

#compare-box{padding-top:20px; clear:both;}

/*-------------Footer Styles--------------*/

#footer{padding-top:20px; float:left; width:100%; padding-bottom:20px;}

#footer-left{float:left; width:49%;}

#footer-right{float:right; width:49%; text-align:right;}

#footer-right li{display:inline; padding-left:10px; margin-right:10px; border-left:1px solid #6a6a6a;}

.no-border{border-left:0px solid white !important; }

#footer-right li a{ color:#6a6a6a; text-decoration:none;}

#footer-right li a:hover{text-decoration:underline;}

/*-----------Form Styles------------------*/

/*----------------Fund Finder------------------*/

#fund-finder-form .text-header h2, #compare-form .text-header h2{background: url(center-header.jpg); background-repeat:repeat-x; background-position:bottom;}

#fund-finder-form, #fund-info-inner, #compare-form{padding:20px; padding-bottom:5px; border:1px solid #dfdfdf; float:left; background: url(generic-grad.jpg); background-repeat:repeat-x; background-position:bottom; width:875px; margin-top:10px; margin-bottom:25px;}

#fund-finder-form-inputs{float:left; width:500px;}

#fund-finder-form-button{float:right; width:202px; padding-top:50px;}

#compare-form-button{padding-bottom:15px; width:350px; padding-top:2px; clear:both;}

#fund-finder-form .formrow{width:550px; float:left; clear:both; padding-bottom:15px;}

#fund-finder-form .formleft{float:left; width:150px; padding-top:7px; }

#fund-finder-form .formright{float:right; width:350px;}

#compare-form .formrow{width:650px; float:left; clear:both; padding-bottom:15px;}

#compare-form .formleft{float:left; width:200px; padding-top:7px; }

#compare-form .formright{float:right; width:400px;}


#left-compare-form{width:450px; float:left;}

#compare-form{width:400px; float:right;}

#left-compare-form h1{color:#F79609; font-size:19px; font-weight:bold; margin-bottom:15px; padding:0;}

#left-compare-form h2{color:#F79609; font-size:17px; font-weight:bold; margin-bottom:15px; padding:0;}

#left-compare-form h3{color:#6e6e6e; font-size:15px; font-weight:bold; margin-bottom:15px; padding:0;}

#fund-finder-form-inputs {width:350px;}

#compare-form .formrow{width:350px;}

#compare-form .formleft{width:350px; padding-bottom:15px; padding-top:0px;}

#compare-form .formright{width:350px;}

#fund-finder-form select, #compare-form select{background:#FFFFFF url(form-grad.jpg) repeat-x scroll center top; padding:7px; border:1px solid #cccccc; width:335px; color:#5e5e5e;}

#fund-finder-form input[type=text], #compare-form input[type=text]  { background:#FFFFFF url(form-grad.jpg) repeat-x scroll center top; padding:7px; border:1px solid #cccccc; width:320px;}

/*-----------------Fund Finder Table----------------*/

.fund-finder-table .table-header-left{font-weight:bold; color:white; background-image:url(left-table-header.jpg); background-position:left top; background-repeat:no-repeat; padding-top:5px; padding-bottom:5px; background-color:#02aeee;}

.fund-finder-table .table-header{font-weight:bold; color:white; background-image:url(center-table-header.jpg); background-position:right top; background-repeat:repeat-x; padding-top:5px; padding-bottom:5px; background-color:#02aeee;}

.fund-finder-table .table-header-right{font-weight:bold; color:white; background-image:url(right-table-header.jpg); background-position:right top; background-repeat:no-repeat; padding-top:10px; padding-bottom:9px; background-color:#02aeee;}

.fund-finder-table a{text-decoration:none; color:#f79609;}

.fund-finder-table a:hover{text-decoration: underline; color:#6e6e6e;}

a:visited.black,a.black,a:hover.black {text-decoration:none; color: black;}

.dark-row{background-color:#f2f2f2;}

.current-row{background-color:#e3e3e3;}

.dark-row td, .light-row td, .current-row td, .positive-row-light td, .positive-row-medium td, .positive-row-dark td, .red-row td, .green-row td, .blue-row td{padding:10px; border:1px solid #dbdbdb; border-top:0px solid white;}

.positive-row-light{background-color:#ddffda;}

.positive-row-medium{background-color:#c2ffbd;}

.positive-row-dark{background-color:#aeffa8;}

.red-row{background-color:#f8b6b6;}

.blue-row{background-color:#a7e3fa;}

.green-row{background-color:#b0f3b7;}

.light-row{border-bottom:0px solid white;}

.light-row{background-color:#f5f5f5;}

#fund-finder-text{padding-top:100px;}

#fund-finder-text p{font-size:11px; padding-bottom:10px;}

/*--------------Fund Info Styles---------------*/

#fund-info-left{float:left; width:630px;}

#fund-info-right{width:234px; float:right;}

#fund-info-right img{padding-bottom:8px;}

#fund-info h3{padding-bottom:20px; color:#F79609;}

#fund-info-inner{margin-bottom:18px;}


#pension-calculator-left, #fund-information-left, #retirement-calculator-page-left{width:450px; float:left;}

#pension-calculator{clear:both;}

#pension-calculator-right, #fund-information-right, #retirement-calculator-page-right{width:450px; float:right;}

#retirement-calculator, #about-calculator, #pension-illustration, #pension-fund-performance, #your-results{width:450px; padding-top:15px; padding-bottom:15px;}

#retirement-calculator h3, #about-calculator h3, #retirement-calculator-table h3, #about-calculator-inner h3, #pension-illustration h3, #scenario h3, #pension-fund-performance h3, #dashboard h3, #fund-objective h3, #fund-allocation h3, #regional-allocation h3, #equity-breakdown h3, #your-results h3{background-image:url(450-header.jpg); background-position:right top; background-repeat:no-repeat; color:white; font-weight:normal; font-size:16px; padding:8px;}

#retirement-calculator-inner, #about-calculator-inner, #pension-illustration-inner, #pension-fund-performance-inner, #fund-objective-inner, #fund-allocation-inner, #regional-allocation-inner, #equity-breakdown-inner, #your-results-inner {background-image:url(450-bg.jpg); background-position:right bottom; background-repeat:no-repeat; padding:8px; padding-top:15px;}

#retirement-calculator-inner .formrow, #about-calculator-inner .formrow{width:434px; float:left; clear:both; padding-bottom:15px;}

#retirement-calculator-inner .formleft, #about-calculator-inner .formleft{float:left; width:150px; padding-top:7px; }

#retirement-calculator-inner .formright, #about-calculator-inner .formright{float:right; width:255px;}

#retirement-calculator-inner select, #about-calculator-inner select{background:#FFFFFF url(form-grad.jpg) repeat-x scroll center top; padding:7px; border:1px solid #cccccc; width:250px; color:#5e5e5e;}

#retirement-calculator-inner input[type=text], #about-calculator-inner input[type=text]{ background:#FFFFFF url(form-grad.jpg) repeat-x scroll center top; padding:7px; border:1px solid #cccccc; width:235px;}

#retirement-calculator-table td{padding:10px;}

#retirement-calculator-terms{padding-top:25px;}

#retirement-calculator-terms p{font-size:10px; }

/*--------------Scenario-------------*/

.scenario-table{border:1px solid #dadada; border-left:0px solid white; border-right:0px solid white; margin-top:10px; margin-bottom:10px; }

.scenario-table td{padding:10px; font-size:15px; font-weight:bold;}

.scenario-table span{color:#f39404;}

#scenario-inner{background-image:url(450-bg.jpg); background-position:right bottom; background-repeat:no-repeat; padding-top:15px; padding-bottom:10px;}

#scenario-inner h4{font-weight:normal; font-size:22px; padding-left:8px; padding-right:8px; padding-bottom:5px;}

#scenario-inner p{font-weight:normal; font-size:12px; padding-left:11px; padding-right:8px; padding-top:10px;}

#scenario-inner p span{color:#f39404; font-size:25px; padding-right:14px;}

.scenario-left{width:140px;}

.scenario-right{width:100px;}

/*----------Boost Your Pension----------*/

#boost-your-pension{padding-bottom:15px; clear:both; margin-top:15px; float:left;}

#boost-your-pension h4{font-size:19px; font-weight:normal; padding:0px; margin-bottom:15px; color:#F79609; font-weight:bold; clear:both;}

.boost-your-pension-table{padding-top:10px;}
td.small {padding-top:4px; padding-bottom: 4px;}
#retirement-calculator-page .boost-your-pension-table{padding-top:16px;}

.boost-your-pension-table .table-header-left{font-weight:bold; color:white; background-image:url(left-table-header.jpg); background-position:left top; background-repeat:no-repeat; padding-top:5px; padding-bottom:5px;}

.boost-your-pension-table  .table-header{font-weight:bold; color:white; background-image:url(center-table-header.jpg); background-position:right top; background-repeat:repeat-x; padding-top:5px; padding-bottom:5px;}

.boost-your-pension-table  .table-header-right{font-weight:bold; color:white; background-image:url(right-table-header.jpg); background-position:right top; background-repeat:no-repeat; padding-top:10px; padding-bottom:9px;}

.myportfolio .table-header-left{background-image:url(grey-left-header.jpg);}
.myportfolio .table-header{background-image:url(grey-center-header.jpg);}
.myportfolio .table-header-right{background-image:url(grey-right-header.jpg);}

#health-check{text-align:left; padding-top:5px; clear:both;}

/*------------Notes---------------*/

#notes{clear:both; float:left; margin-top:15px;}

#notes h4{ color:#F79609; font-size:19px; font-weight:bold; padding:0px; margin-bottom:15px;}
#notes h5{ color:#F79609; font-size:15px; font-weight:bold; padding-bottom:15px; }

#notes ul, .text-page ul{padding-bottom:4px;}

#notes p{font-size:12px;}

#notes li, .text-page li{background-image:url(list-icon.jpg); background-position:left center; background-repeat:no-repeat; color:#525252; font-size:12px; line-height:20px; margin-bottom:6px; padding-bottom:0; padding-left:25px;}

/*----------fund-information----------*/

#fund-information{clear:both;}
#fund-objective, #regional-allocation, #fund-allocation, #equity-breakdown{padding-top:15px;}

#fund-information-terms{clear:both; padding-top:20px;}

#fund-information-terms p{font-size:11px;}

/*--------------Tabber Styles-----------*/

.tabbertab {}

.tabberlive{}

.tabberlive .tabbertabhide {display:none;}

ul.tabbernav{}

ul.tabbernav li{list-style: none; margin: 0; display: block; width:173px; height:42px; float:left; margin-right:10px;}

ul.tabbernav li a{text-decoration: none; padding-top:12px; background-image:url(tab-inactive.jpg); background-position:left top; background-repeat:no-repeat; display:block; width:173px; height:30px; text-align:center; color:#666666; }

ul.tabbernav li a:link { color: #666666; }

ul.tabbernav li a:hover{text-decoration: none; padding-top:12px; background-image:url(tab-inactive-hover.jpg); background-position:left top; background-repeat:no-repeat; display:block; width:173px; height:30px; text-align:center; }

ul.tabbernav li.tabberactive a{ background-image:url(tab-active.jpg); background-position:left top; background-repeat:no-repeat; display:block; width:173px; height:30px; text-align:center; color:white;}

ul.tabbernav li.tabberactive a:hover{ background-image:url(tab-active.jpg); background-position:left top; background-repeat:no-repeat; display:block; width:173px; height:30px; text-align:center;}

.tabberlive .tabbertab h2 {display:none;}

#undefinednav4{margin-left:195px;}


/*---------Retirement Calculator--------------*/

.results-box{background-image:url(result-box-bg.jpg); background-position:left bottom; background-repeat:repeat-x; background-color:white; border:1px solid #e0e0e0; padding:15px; margin-bottom:20px; float:left; width:400px;}

.results-box-vibrant{background-image:url(vibrant-box-bg.jpg); background-position:left bottom; background-repeat:repeat-x; background-color:#f59e03; color:white; border:1px solid #05a1dc;}

.results-box-top{border-bottom:0px solid white; margin-bottom:0px;}
.results-box-left{width:280px; float:left; font-size:16px;}
.results-box-right{color:#f39404; font-size:22px; width:120px; float:right; text-align: right;}

.results-box-vibrant .results-box-right{color:white;}

.button-right{text-align:right; padding-top:20px; padding-bottom:10px;}

#scenario-inner .button-right{padding-right:8px; padding-top:8px;}

/*------------Text Pages-----------------*/

.text-page h1{color:#F79609; font-weight:bold;}
.text-page h2{color:#F79609; font-size:17px; padding:0px; margin-bottom:12px; font-weight:bold;}
.text-page h3{color:#F79609; font-size:16px; padding:0px; margin-bottom:12px; font-weight:bold;}
.text-page h4{color:#F79609; font-size:15px; padding:0px; margin-bottom:12px; font-weight:bold;}
.text-page h5{color:#F79609; font-size:14px; padding:0px; margin-bottom:12px; font-weight:bold;}

/*----------Form Styles----------------*/


.day-select{width:75px !important;}
.month-select{width:87px !important;}
.year-select{width:80px !important;}

#data-form{width:100%;}

#data-form h1{color:#F39403; padding-bottom:15px;}

#form-left{width:500px; float:left;}

#form-left h3{background-image:url(form-left-header.jpg); background-position:right top; background-repeat:no-repeat; color:white; font-weight:normal; font-size:16px; padding:8px}

#form-left-inner{background-image:url(form-left-bg.jpg); background-position:right bottom; background-repeat:no-repeat; padding:8px; padding-top:15px;}

#form-right{width:320px; float:right; font-size:12px !important; }

#form-right h3{background-image:url(form-right-header.jpg); background-position:right top; background-repeat:no-repeat; color:white; font-weight:normal; font-size:16px; padding:8px}

#form-right-inner{background-image:url(form-right-bg.jpg); background-position:right bottom; background-repeat:no-repeat; padding:8px; padding-top:15px;}

#form-left-inner .formrow{width:480px; float:left; clear:both; padding-bottom:10px;}

#form-left-inner .formleft{float:left; width:180px; padding-top:7px; }

#form-left-inner .formright{float:right; width:285px;}

#form-left-inner{padding-top:15px;}

#form-left-inner select{background:#FFFFFF url(form-grad.jpg) repeat-x scroll center top; padding:4px; border:1px solid #cccccc; width:275px; color:#5e5e5e;}

#form-left-inner input[type=text] { background:#FFFFFF url(form-grad.jpg) repeat-x scroll center top; padding:4px; border:1px solid #cccccc; width:266px; color:#5e5e5e;}

#form-left h4{padding-bottom:10px; padding-top:10px; font-size:17px; color:#f39403; border-bottom:1px solid #dadada; margin-bottom:18px; clear:both;}

#form-left label{font-size:12px;}

.myportfolio{margin-bottom:20px;}

#form-right{}

.form-left{float:left; width:220px;}
.form-right{ width:60px; float:right; padding-top:22px;}

.form-right input{margin-right:10px;}



/*-------Validation Styles--------*/

#data-form label.error { background-image:none !Important; color:#f91a1a !important; font-size:11px;}

/*--------Status Page---------*/

#status-one{float:left; width:260px; text-align: center;}


#status-two{float:left; border-left:1px solid #dddddd; border-right:1px solid #dddddd; width:260px; margin-left:30px; padding-left:30px; margin-right:30px; padding-right:30px; text-align: center;}


#status-three{float:left; width:260px; text-align: center; }


.complete-page img{padding-bottom:20px;}

.smalltext {font-size:11px; padding-bottom:10px;}