body {
    margin: 0;
    padding: 0;
    font: 8pt verdana, arial
}

p { font: 8pt verdana, arial }

h1 { font: 21pt arial; margin: 0; padding-top: 0 }
h2 { font: 18pt arial; padding-top: 0; margin: 0.2em 0 }
h3 { font: 14pt arial }
h4 { font: bold 9pt arial }

ol, ul {
    padding: 0;
    margin: 0;
}

li {
    background-image: url( images/bullet.gif );
    background-repeat: no-repeat;
    background-position: 0px 4px;
    padding-left: 14px;
    padding-bottom: 1em;
    list-style-type: none
}

.menuitem a {
	color: black;
    text-decoration: none
}

.menuitem a:hover {
    text-decoration: underline
}

#menu ul {
	margin-top: 0px
}

li.menuitem {
	background-position: 0px 7px;
    padding-top: 5px;
    padding-bottom: 0;
    margin-left: 15px;
}

li.menuitem_selected {
    background-image: url( images/bullet_on.gif );
	font-weight: bold
}

li.menuitem_unselected {
    background-image: url( images/bullet_off.gif );
}

#logo_title {
    width: 400px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px
}

#logo_title img {
    margin: 5px 5px 0px 0px;
    float: left
}

#logo_title a {
    text-decoration: none;
    font: 21pt arial;
    color: black;
}

#subtitle {
    font: bold 9pt arial;
    padding: 0px 0px 0px 35px;
    margin: 0px
}

#page {
    padding: 20px 0px 10px 20px
}

#menu {
    padding-top: 10px;
    padding-left: 35px
}

#content {
    width: 448px;
    height: 197px;
    margin-top: 15px;
    line-height: 150%;
    overflow: auto;
    padding-left: 35px;
    padding-right: 20px
}

#content p {
    line-height: 150%;
    margin: 1em 0
}

#next_page {
    float: right;
    padding-bottom: 10px;
}

#footer_break {
    height: 15px
}

#footer {
    width: 717px;
    height: 30px;
    padding-left: 35px
}

#sidebar {
	position: absolute;
	left: 549px;
	top: 260px;
    width: 215px
}

#sidebar_adverts {
    border: solid 1px #fdb813;
    background-color: white
}

#footer_adverts {
    border: solid 1px #fdb813;
    float: left;
    width: 493px;
    height: 100%;
    background-color: white
}

#footer_adverts .advert_descriptions {
	display: block
}

#sidebar .advert_headline,
#sidebar .advert_display_url,
#sidebar .advert_description_1,
#sidebar .advert_description_2
{
	display: block
}

.advert {
	font-size: 11px;
	margin: 4px;
    font-family: arial;
    line-height: 100%
}

.advert_headline {
	font-weight: bold
}

.advert a {
	text-decoration: none
}

.advert a .advert_display_url {
	text-decoration: none;
    color: #008000
}

.advert a .advert_description_1,
.advert a .advert_description_2
{
    color: black
}

#advert2 {
    border-top: dashed 1px #fdb813;
    padding-top: 4px
}

#ifa_full_list_link {
    text-align: center;
    padding-top: 7px;
}

#ifa_full_list_link a {
    color: #999;
}

.advert_list_text {
    padding: 15px 5px;
    font: 10pt arial;
}

#advert_list .advert {
    font: 10pt arial;
    padding-top: 5px;
    border-top: 1px dashed #ccc;
    display: block;
    clear: left;
}

#advert_list .advert .advert_headline {
    font: 12pt arial;
    display: block;
    text-decoration: underline;
    clear: left;
}

#advert_list .advert a .advert_display_url {
    display: block;
}

#bullionvault_link {
    border: solid 1px #aaa;
    border-left: none;
    float: left;
    width: 214px;
    height: 100%;
    text-align: center;
	margin: 0px;
    padding: 0px;
    background-color: white
}

#bullionvault_link a {
    margin-top: 8px;
    padding: 0px;
    text-decoration: none;
    color: #aaa;
    display: block
}

#goldsipp_link {
    text-align: center;
    color: #fdb813;
    margin-top: 8px;
}

#page_index {
    background: url(images/gold_flake_1.jpg) no-repeat 280px 0px
}

#page_index #intro {
    font-size: 11pt;
    padding: 0px;
    margin: 0px;
}

#page_index #content {
    width: 420px;
    overflow: hidden;
    border-top: none
}

#page_background {
    background: url(images/gold_flake_2.jpg) no-repeat 300px -10px
}

#page_investment_gold {
    background: url(images/gold_flake_3.jpg) no-repeat 310px 0px
}

#page_about_sipps {
    background: url(images/gold_flake_4.jpg) no-repeat 380px -10px
}

#page_bullionvault_sipps {
    background: url(images/gold_flake_5.jpg) no-repeat 380px -50px
}

#page_gold_outlook {
    background: url(images/gold_flake_6.jpg) no-repeat 370px 0px
}

#page_who_benefits {
    margin: 15px
}

#page_who_benefits #flake {
    padding: 10px;
    padding-top: 20px;
}

#page_who_benefits h2 {
    padding-top: 1em
}

.notes {
	margin-left: 2em;
	font-size: xx-small
}

/* Tables */
table {
	border-collapse: collapse
}

table th,
table td {
	border: 1px solid black;
	padding: 2px
}

table.who_benefits_intro, .who_benefits_intro td {
    border: none;
    vertical-align: top;
}

/* "Who benefits?" table on the "Background" page. */
table.who_benefits {
	font: 8pt arial
}

table.who_benefits thead {
	background-color: white;
	text-align: right;
	vertical-align: bottom
}

table.who_benefits .odd {
	background-color: #ffdd66
}

table.who_benefits #investment_type_header {
	text-align: left;
	width: 12em
}

table.who_benefits #how_much_tax_relief_header {
	width: 7em
}

table.who_benefits .number {
	text-align: right
}

table.who_benefits .important {
	font-weight: bold
}

table.who_benefits .out_of_the_money {
	color: red
}

/* Global gold supply table on the "Gold Outlook" page */
table#global_supply {
	margin-top: 1em;
	margin-bottom: 1em;
    font: 8pt arial
}
table#global_supply #global_supply_total {
    font: bold 8pt arial
}

table#global_supply td, table#global_supply th {
    padding: 7px;
    text-align: center
}

@media print {
    #content {
        height: auto;
        overflow: display;
    }   
}