﻿/******************************************
* General
******************************************/

body
{
	color: #000000;
	background-color: #ebedee;
	margin: 0px;
	line-height: 1.5;
	font-size: 0.9em
}

table
{
	border-collapse: collapse;
}

td
{
	vertical-align: top;
	padding: 0px 0px 0px 0px;
}

a
{
	color: #5a6e6f;
}

a:hover
{
	color: #aaa93f;
	cursor: pointer;
	cursor: hand;
}

h1
{
	font-size: 1.2em;
	color: #000000;
	margin: 0px;
}

h2
{
	font-size: 1.1em;
	color: #000000;
	margin: 0px;
}

li
{
	margin-top: 5px;
	margin-bottom: 5px;
}

img
{
	border-width: 0px;
	vertical-align: middle;
}

input[disabled=disabled], input[readonly=readonly]
{
	color: #333333;
	margin: 2px 2px 2px 2px;
	border-width: 1px;
	background-color: #eaebe4;
}

.Clear
{
	clear: both
}

.Gray
{
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-image: url(Images/Gray.png);
	z-index: 1000
}

.ExternalLink
{
	width: 350px;
	margin: 100px auto;
	padding: 20px 20px;
	border: solid 1px #000;
	background-color: #fff
}

.FootNote
{
	margin-top: 10px;
	font: normal normal normal 11px Tahoma;
}

div.Advert
{
	position: absolute;
	width: 185px;
	right: 10px;
	top: 150px
}

.AdvertCell
{
	width: 175px;
	vertical-align: top;
	padding-top: 15px;
}

.Valid
{
	display: none;
}

.Invalid
{
	color: #ff0000;
	visibility: visible;
}

.DataGrid {width: 100%; border: solid 1px #000000; margin-top: 20px;}

.DataGridHeader {border-left-width: 0px; border-right-width: 0px; background-color: #B9CFE9; font-weight: bold;}

.DataGrid tr:hover {background-color: #c2d7dc}

.DataGrid td {border-top: solid 1px #000000; border-bottom: solid 1px #000000; border-left-width: 0px; border-right-width: 0px;	padding: 5px 5px 5px 5px;}

.GridOptions {width: 500px; border: solid 1px #000000; border-collapse: collapse; margin: 15px 0px 10px 0px;}

.GridOptionsCell {border-width: 0px; padding: 5px 5px 5px 5px;}

.AddToFavourites {position: absolute; top: 0px; left: 0px; padding-top: 5px; padding-left: 20px;}

/* Top Panel */

#divTopPanel
{
	height: 78px;
	background-color: #ffffff;
	border-bottom: solid 1px #A9A9A9;
}

#divTopPanelMenuCell
{
	height: 78px;
	margin-right: 336px;
	background-color: #c2d7dc;
}

#divTopPanelGradientCell
{
	position: absolute;
	top: 0px;
	right: 286px;
	width: 50px;
	height: 78px;
	background-image: url(Images/MenuGradient.jpg);
	background-repeat: repeat-y;
}

#divTopPanelLogoCell
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 286px;
	height: 75px;
	background-color: #ffffff;
	background-image: url(Images/Moneyscene.gif);
	background-repeat: no-repeat;
}

/* Menu */

.Menu {position: absolute; top: 55px; left: 10px; height: 18px; width: 480px; cursor: hand;}

.MenuNormal {width: 125px; text-align: center; height: 17px; border-width: 0px; background-color: #C2D7DC; padding: 1px 10px 0px 10px; cursor: hand;}

.MenuHover, .MenuActive {width: 125px; text-align: center; color: #ffffff; height: 17px; border-width: 0px; background-color: #5A6E6F; padding: 1px 10px 0px 10px; cursor: hand;}

.SubMenuNormal {width: 125px; text-align: center; height: 17px; border-left: solid 1px #A9A9A9; border-right: solid 1px #A9A9A9; border-top: solid 0px #000000; border-bottom: solid 0px #000000; background-color: #C2D7DC; padding: 1px 10px 0px 10px; cursor: hand;}

.SubMenuHover, .SubMenuActive {width: 125px; text-align: center; height: 17px; color: #ffffff; border-left: solid 1px #A9A9A9; border-right: solid 1px #A9A9A9; border-top: solid 0px #000000; border-bottom: solid 0px #000000; background-color: #5A6E6F; padding: 1px 10px 0px 10px; cursor: hand;}

.SubMenuTopItemNormal {width: 125px; text-align: center; height: 17px; border-left: solid 1px #A9A9A9; border-right: solid 1px #A9A9A9; border-top: solid 1px #A9A9A9; border-bottom: solid 0px #000000; background-color: #C2D7DC; padding: 1px 10px 0px 10px; cursor: hand;}

.SubMenuTopItemHover, .SubMenuTopItemActive {width: 125px; text-align: center; height: 17px; color: #ffffff; border-left: solid 1px #A9A9A9; border-right: solid 1px #A9A9A9; border-top: solid 1px #A9A9A9; border-bottom: solid 0px #000000; background-color: #5A6E6F; padding: 1px 10px 0px 10px; cursor: hand;}

.SubMenuBottomItemNormal {width: 125px; text-align: center; height: 17px; border-left: solid 1px #A9A9A9; border-right: solid 1px #A9A9A9; border-top: solid 0px #000000; border-bottom: solid 1px #A9A9A9; background-color: #C2D7DC; padding: 1px 10px 0px 10px; cursor: hand;}

.SubMenuBottomItemHover, .SubMenuBottomItemActive {width: 125px; text-align: center; height: 17px; color: #ffffff; border-left: solid 1px #A9A9A9; border-right: solid 1px #A9A9A9; border-top: solid 0px #000000; border-bottom: solid 1px #A9A9A9; background-color: #5A6E6F; padding: 1px 10px 0px 10px; cursor: hand;}

.SitePath A {font-weight: normal; text-decoration: none;}

.SitePath SPAN {color: #000000; font-weight: bold;}

/* Body Panel */

.BotBorder {vertical-align: middle; border-bottom: solid 1px #CCCCCC;}

.BotBorderAlignTop {vertical-align: text-top; border-bottom: solid 1px #CCCCCC; padding-top: 6px;}

/* Body Table */

.BodyTopRight {background-image: url(Images/bodyTopRight.gif); background-repeat: no-repeat; background-position: left top; height: 27px; width: 20px;}

.BodyTopLeft {background-image: url(Images/bodyTopLeft.gif); background-repeat: no-repeat; background-position: right top; height: 27px; width: 20px;}

.BodyTopMid {background-image: url(Images/bodyTopMid.gif); background-repeat: repeat-x; height: 27px; vertical-align: middle; color: #000000; font-weight: bold; font-size: 1.1em;}

.BodyMidLeft {background-image: url(Images/bodyMidLeft.gif); background-repeat: repeat-y; background-position: right top; height: 8px; width: 20px;}

.BodyMidRight {background-image: url(Images/bodyMidRight.gif); background-repeat: repeat-y; background-position: left top; height: 8px; width: 20px;}

.BodyMidMid {background-color: #FFFFFF; padding-top: 20px;}

.BodyBotRight {background-image: url(Images/bodyBotRight.gif); background-repeat: no-repeat; background-position: left bottom; height: 21px; width: 20px;}

.BodyBotLeft {background-image: url(Images/bodyBotLeft.gif); background-repeat: no-repeat; background-position: right bottom; height: 21px; width: 20px;}

.BodyBotMid {background-image: url(Images/bodyBotMid.gif); background-repeat: repeat-x; height: 21px;}

/* Savings And Investments */

/* General */

ul.SavingsAndInvestmentsDefault li {padding-bottom: 15px; margin-right: 180px}

.SavingsAndInvestmentsContent {margin-top: 20px; margin-right: 20px; vertical-align: middle;}

.SavingsAndInvestments DIV {margin-bottom: 20px;}

/* Pensions */

.SavingsAndInvestments .Pensions A {margin-left: 20px;}

.PensionsDecisionTree {text-align: center; padding: 10px;}

.PensionsDecisionTree .Header {text-decoration: underline;}

/* Unit Trusts */

.UnitTrusts h2 {font-size: 1.1em; color: #59659C; margin: 20px 0px}

.UnitTrusts h3 {font-size: 1em; margin: 7px 0px 5px}

/* Enterprise Investment */

.SavingsAndInvestments .ApplicationDetails TD {padding: 2px 0px 2px 0px; vertical-align: middle;}

.SavingsAndInvestments .Disclaimer, .InsuranceAndProtection .Disclaimer {color: #ff0000; text-align: justify;}

/* Tax Efficient Savings */

.TaxEfficientSavingMenuCell {width: 225px; vertical-align: top;}

.TaxEfficientInvestingMenu {width: 225px; background-color: #EBEDEE; border-left: solid 1px #000000; border-top: solid 1px #000000; border-bottom: solid 1px #000000;}

.TaxEfficientInvestingMenu DIV {padding: 5px 0px 5px 3px;}

.TaxEfficientInvesting .Header {font-weight: bold; font-size: 1.05em; text-decoration: none; text-align: center; border: solid 1px #000000; padding: 5px 0px 5px 0px;}

.TaxEfficientInvesting .Details {width: 450px; border-right: solid 1px #000000; border-left: solid 1px #000000;}

.TaxEfficientInvesting .Details TABLE {width: 450px;}

.TaxEfficientInvesting .Details TD {border-bottom: solid 1px #000000; padding: 3px 3px 3px 3px;}

/* Friendly Society Bonds */

.SavingsAndInvestments .ApplicationForm {width: 450px; margin-left: auto; margin-right: auto; text-align: left;}

.SavingsAndInvestments .ApplicationForm TD {padding: 2px;}

/* The Truth */

/* Selection */

#divStockmarketBondsSelectionOptions {width: 500px; border: solid 1px #000000; margin-top: 15px;}

#divStockmarketBondsSelectionOptions h2 {background-color: #b9cfe9}

#divStockmarketBondsSelectionOptions input[type=submit] {margin: 5px}

/* Details - Common */

#divTheTruthDetails
{
	float: left
}

#divTheTruthDetails h2
{
	color: #fff;
	padding-left: 5px
}

#divTheTruthDetails h3,
#divTheTruthDetails p
{
	padding-left: 10px;
	padding-right: 10px
}

.TheTruthItem
{
	width: 600px;
	border: solid 1px #b0abab;
	margin-bottom: 10px;
}

.TheTruthDetails
{
	padding: 5px
}

/* Overview */

#divTheTruthDetails img.Brochure
{
	float: left;
	margin: 5px;
	width: 112px
}

#divTheTruthOverviewDetails
{
	float: left;
	width: 400px;
	margin-left: 20px
}

/* Headers */

#divTheTruthDetails h2.Overview { background-color: #1d9ac4}
#divTheTruthDetails h2.Contract {background-color: #0000ff}
#divTheTruthDetails h2.Protection {background-color: #286c8f}
#divTheTruthDetails h2.TaxTreatment {background-color: #339933}
#divTheTruthDetails h2.ExampleReturns {background-color: #999933}
#divTheTruthDetails h2.ProductVariation {background-color: #cc6699}
#divTheTruthDetails h2.Summary {background-color: #cc0000}
#divTheTruthDetails h2.ActualReturns {background-color: #999933}
#divTheTruthDetails h2.Discount {background-color: #f51161}
#divTheTruthDetails h2.SimilarProducts {background-color: #663399}

/* Capital Protection */

.TheTruthProtectionCategory {margin: 7px 0px 5px 0px; font-weight: bold;}

.TheTruthProtectionDetails {margin: 5px 0px 10px 0px;}

/* Tax Treatment */

#divTheTruthTaxTreatmentDetails div {margin: 10px 5px 10px 5px;}

/* Similar Products */

.TheTruthSimilarProductsContainer {width: 600px; border-top: solid 1px #000000; border-left: solid 1px #000000; border-right: solid 1px #000000;}

.TheTruthSimilarProducts {width: 600px;}

.TheTruthSimilarProducts TD {padding: 5px 5px 5px 10px; border-bottom: solid 1px #000000;}

/* Definitions / Explanations */

.TheTruthDefinitions h1 {background-color: #C2D7DC; text-align: center}

.TheTruthDefinitions ol {text-align: justify; padding-right: 30px}

/* Request Info */

#divTheTruthRequestInfo
{
	float: left;
	width: 600px
}

#divTheTruthRequestInfo .Disclaimer
{
	font-size: 10px;
	color: #ff0000;
	text-align: justify;
	padding: 10px 30px 10px 0px;
}

#divTheTruthRequestInfoConfirmation DIV {margin-top: 10px;}

/******************************************
* Insurance And Protection
******************************************/

.InsuranceAndProtection DIV {margin-bottom: 20px;}

.InsuranceAndProtection .Title {font: normal normal bold 14px Verdana; color: #000000;}

.InsuranceAndProtection .Category {background-color: #B9CFE9;}

.InsuranceAndProtection .Category A {font: normal normal bold 13px Verdana; color: #000000; margin: 0px;}

#divSkandiaPlanRates {height: 160px; width: 450px; margin: 15px 20px 0px 15px;}

#divSkandiaPlanRates .Column DIV {height: 16px; width: 150px; border-bottom: solid 1px #B9CFE9; margin: 0px;}

#divSkandiaPlanRates .Column .Header {background-color: #B9CFE9; font: normal normal normal 13px Verdana;}

.SellEndowment {width: 600px; text-align: justify; background-color: #DAE4F0; border-top: solid 1px #7493C1; border-left: solid 1px #7493C1; margin: 0px auto 10px auto;}

.SellEndowment .Header {background-color: #B9CFE9; font: normal normal normal 12px Verdana; padding: 10px 10px 10px 10px; border-bottom: solid 1px #7493C1; border-right: solid 1px #7493C1;}

.SellEndowment .Details {height: 25px; padding: 10px 5px 5px 5px; border-bottom: solid 1px #7493C1; border-right: solid 1px #7493C1;}

.SellEndowment .Details DIV {width: 50%;}

.SellEndowment .Submit {text-align: center; height: 30px; width: 599px; padding-top: 10px; border-bottom: solid 1px #7493C1; border-right: solid 1px #7493C1;}

/* Financial Calculators */

.SideMenuCell {width: 200px; padding-right: 15px; vertical-align: top;}

.CalculatorsMenu {height: 175px; padding-left: 10px; padding-top: 50px;}

.Calculator {width: 400px; height: 35px; background-color: #DAE4F0; font: normal normal normal 11px Verdana; padding: 0px 0px 0px 10px; margin-left: auto; margin-right: auto; border-top: solid 1px #7493C1; border-left: solid 1px #7493C1; border-right: solid 1px #7493C1; vertical-align: middle;}

.Calculator .Description {float: left; width: 50%; padding-top: 10px;}

.Calculator .Input
{
	float: right;
	width: 50%;
	padding-top: 5px;
}

.CalculatorHeader {width: 400px; height: 25px; background-color: #B9CFE9; font: normal normal normal 13px Verdana; padding: 7px 5px 0px 5px; margin-left: auto; margin-right: auto; border-top: solid 1px #7493C1; border-right: solid 1px #7493C1; border-left: solid 1px #7493C1; text-align: center;}

.CalculatorSubmit {width: 410px; height: 35px; background-color: #B9CFE9; margin-left: auto; margin-right: auto; padding-top: 7px; border: solid 1px #7493C1; text-align: center;}

/* Life Assurance */

.LifeAssuranceCalculatorHeader {width: 500px; height: 25px; background-color: #B9CFE9; font: normal normal normal 13px Verdana; padding: 7px 5px 0px 5px; text-align: center; margin-left: auto; margin-right: auto; border-top: solid 1px #7493C1; border-right: solid 1px #7493C1; border-left: solid 1px #7493C1;}

.LifeAssuranceCalculatorHeader .Description {float: left; width: 44%; padding-top: 2px;}

.LifeAssuranceCalculatorHeader .Input {width: 54%; float: right;}

.LifeAssuranceCalculatorHeader .Client {float: left; width: 49%; text-align: center;}

.LifeAssuranceCalculatorHeader .Partner {float: right; width: 49%; text-align: center;}

.LifeAssuranceCalculator {width: 500px; height: 35px; background-color: #DAE4F0; font: normal normal normal 11px Verdana; padding: 0px 0px 0px 10px; margin-left: auto; margin-right: auto; border-top: solid 1px #7493C1; border-left: solid 1px #7493C1; border-right: solid 1px #7493C1; vertical-align: middle;}

.LifeAssuranceCalculator INPUT[type=text] {width: 80px;}

.LifeAssuranceCalculator .Description {float: left; width: 44%; padding-top: 10px;}

.LifeAssuranceCalculator .Input {width: 54%; float: right;}

.LifeAssuranceCalculator .Client {float: left; width: 50%; padding-top: 6px; text-align: center;}

.LifeAssuranceCalculator .Partner {float: right; width: 50%; padding-top: 6px; text-align: center;}

.LifeAssuranceCalculatorSubmit {width: 510px; height: 35px; background-color: #DAE4F0; margin-left: auto; margin-right: auto; border-left: solid 1px #7493C1; border-right: solid 1px #7493C1; border-top: solid 1px #7493C1; text-align: center;}

.LifeAssuranceCalculatorSubmit .Submit {width: 55%; background-color: #DAE4F0; padding-top: 7px; text-align: center; float: right;}

/* Will Writer */

.WillWriterProgress {width: 225px; border: solid 1px #7493C1; background-color: #DAE4F0;}

.WillWriterProgress DIV {padding: 5px 0px 6px 5px; width: 100%;}

.WillWriterProgress DIV IMG {margin-right: 8px;}

.WillWriterProgress A {color: #000000; text-decoration: none; cursor: hand;}

.WillWriter {width: 500px; text-align: left; background-color: #DAE4F0; border-top: solid 1px #7493C1; border-left: solid 1px #7493C1; margin: 0px 10px 10px 10px;}

.WillWriterHeader {background-color: #B9CFE9; font: normal normal normal 12px Verdana; padding: 10px 10px 10px 10px; border-bottom: solid 1px #7493C1; border-right: solid 1px #7493C1; vertical-align: middle;}

.WillWriterDetails {height: 25px; padding: 8px 5px 5px 5px; border-bottom: solid 1px #7493C1; border-right: solid 1px #7493C1; vertical-align: middle;}

.WillWriterDetails DIV {width: 50%;}

.WillWriterSubmit {height: 30px; width: 499px; border-bottom: solid 1px #7493C1; border-right: solid 1px #7493C1;}

.WillWriterSubmit .Previous {width: 49%; float: left; text-align: right; padding-top: 5px;}

.WillWriterSubmit .Next {width: 48%; float: right; text-align: left; padding-top: 5px;}

.WillWriterStep5Container {width: 499px; text-align: center; background-color: #DAE4F0; border-bottom: solid 1px #7493C1; border-right: solid 1px #7493C1; padding: 2px 0px 2px 0px;}

.WillWriterStep5Items {width: 425px; margin-left: auto; margin-right: auto; background-color: #DAE4F0; border-top: solid 1px #7493C1; border-left: solid 1px #7493C1;}

#divWillWriterPreview {padding: 10px 15px 10px 15px;}

/* Financial Glossary */

.FinancialGlossarySearchBox DIV {padding: 0px 0px 7px 5px;}

.FinancialGlossaryLetters {margin-top: 4px; margin-left: 8px;}

/* Contact Us */

#tblContactUs HR {width: 250px; text-align: left; margin: 0px auto 5px 0px;}

#tblWebContact TD {vertical-align: middle; padding: 2px 5px 2px 5px;}

/* Disclaimer */

.Disclaimer {margin-left: auto; margin-right: auto; color: #ff0000;}

/* Tax File */

.TaxFileHeader {width: 600px; margin: 10px 0px 10px 0px; text-align: left; margin-left: auto; margin-right: auto;}

.TaxFileHeader TD {width: 154px; height: 24px; background-image: url(Images/TabUnselected.gif); background-repeat: no-repeat; background-position: center center; text-align: center; vertical-align: middle;}

.TaxFileHeader A {color: #000000; text-decoration: none;}

.TaxFile {width: 600px; text-align: left; margin-left: auto; margin-right: auto; border-top: solid 1px #7493C1; border-right: solid 1px #7493C1;}

.TaxFile TD {padding: 5px 10px 5px 10px; border-left: solid 1px #7493C1; border-bottom: solid 1px #7493C1;}

.TaxFileTextBelow {width: 600px; text-align: left; margin-left: auto; margin-right: auto; border-right: solid 1px #7493C1; border-bottom: solid 1px #7493C1;}

.TaxFileTextBelow TD {padding: 5px 10px 5px 10px; border-left: solid 1px #7493C1;}

.TaxFileTextAbove {width: 600px; text-align: left; margin-left: auto; margin-right: auto; border-right: solid 1px #7493C1; border-top: solid 1px #7493C1;}

.TaxFileTextAbove TD {padding: 5px 10px 5px 10px; border-left: solid 1px #7493C1;}

.TaxFileNIContributionsText {width: 600px; text-align: left;  margin-left: auto; margin-right: auto;}