/* --------------------------- General Fonts ------------------------*/
#content {
    font-size: 110%; 
}

/* --------------------------- Breadcrumbs -------------------*/
#breadcrumb a {
   color: black;
   text-decoration: none;
}
#breadcrumb {
 margin-top: 1em;
}
#breadcrumb a:hover {
  color: red;
}

/* --------------------------- Style switching -------------------*/
.styleswitch {
  display: none;
}
#switchmobile.styleswitch.enhanced {
  display: inline;
}


/* --------------------------- Navigation buttons -------------------*/
ul.navbuttons{
    font-family: Arial, Helvetica, sans-serif;
    text-align:center;
    position:absolute;
    right:0px;
    bottom:0px;
    padding-bottom:0px;
    margin-bottom:0px;
}

ul.navbuttons li {
    float:left;
}

ul.navbuttons li a {
    display:block;
    width:87px;
    height:20px;

    background:url(/images/navbutton.jpg) no-repeat;
    padding:7px 0 0 0; 

    font-size:11px;
    text-transform:uppercase;
    text-decoration:none;
    color:#ffffff;
}

ul.navbuttons li a:visited {
    color:#ffffff;
}

ul.navbuttons li a:hover {
    color:#ffffff;
    background-position:bottom;
}

/*ul.navbuttons li.firstli a {
    width:85px;
    background:url(/images/home-button.png) no-repeat;
}*/

ul.navbuttons li.firstli a:hover {
    background-position:bottom;
}

/* --------------------------- Copyright box -------------------*/
#copy-bottom{
    display:block;
    height:10px;
    width:800px;
    background-image:url(/images/rounded-bottom.jpg);
    margin-top:0px;
}

#copy p { 
    padding: 0; 
}

#copy {
    color: #fff;
    text-align: center;
    font-size: 0.7em;
}

#copy a, #copy a:visited, #copy a:hover {
    color: #fff;
}

/* --------------------------- Second level menu  -------------------*/
ul.submenu{
    padding:16px 0 0 0;
    font-size:105%;
    position: relative;
    top: -6em;
}

ul.submenu li{
    float:left;
    color:#F00;
    margin:0 0 0 4px;
    border-left: 1px solid red;
}
ul.submenu li:first-child{
    border-left: 0;
    margin:0 0 0 0;
}

ul.submenu li a,ul.submenu li a:visited{
    margin-left: 0.25em;
    color:#000;
    text-decoration:none;
}

ul.submenu li a:hover{
    color:#F00;
    text-decoration:none;
}


/* --------------------------- Big boxy buttons  -------------------*/
a.bigbutton {
    display: block;
    margin:5px 0 5px 16px;
    width:114px;
    height:152px;
}
a.bigbutton:hover{
    background-position: bottom;
}
a.bigbuttonlink {
  color: red;
  position: relative;
  top: -1.5em;
}

/* --------------------------- Product box on home page  -------------------*/
#productbox{
    position:relative;
    height:215px;
    background-image:url(/images/home-bottom-sliver.jpg);
    background-repeat:repeat-x;
}
#productbox h2{
    margin: 0;
    position:absolute;
    display:block;
    height:30px;
    width:155px;
    background-image:url(/images/products.png);
    background-repeat:no-repeat;    
}

#productbox ul{
  padding:40px 0 0 2px;
}
#productbox ul li{
  float: left;
}

#productbox a.bigbutton.invest{
    background-image:url(/images/investment.jpg);
}
#productbox a.bigbutton.life{
    background-image:url(/images/life.jpg);
}
#productbox a.bigbutton.retire{
    background-image:url(/images/retire.jpg);
}
#productbox a.bigbutton.funeral{
    background-image:url(/images/funeral.jpg);
}
#productbox a.bigbutton.zimele{
    background-image:url(/images/zimele.jpg);
}
#productbox a.bigbutton.short{
    background-image:url(/images/short.jpg);
}


/* --------------------------- Safeguarding box  -------------------*/
#safeguarding {
    height:19px;
    color: #fff;
    padding: 4px 4px 9px 12px;
    font-size: 1.1em ;
    letter-spacing: 0.2em;
    background: url(/images/footerRedbar.jpg) repeat-x;
}
#safeguarding p {
    padding:3px 0 0 0;
    display:block;
    height:27px;
    background-image:url(/images/icon.png);
    background-position:360px -2px;
    background-repeat:no-repeat;
}

/* --------------------------- Testimonials  -------------------*/
#content a.testimonials {
    background-image:url(/images/testimonials.jpg);
    background-position: top;
    width: 139px; 
    height: 42px;
    display: block;
    padding: 0px;
    margin-top: 0;
    float: right;
}
#content a.testimonials:hover {
    background-position: bottom;
}
/*.home #homecurve {
    position: relative;
}
a.bigbutton.testimonials {
    background-image:url(/images/testimonials.jpg);
    position: absolute;
    top: 75px;
    right: 10px;
}*/

.video {
 text-align: center;
}


/* --------------------------- Aligned contact tables  -------------------*/
table.contact td:first-child { width: 35%; }

/* --------------------------- Utility classes  -------------------*/
.hidden {
    position: absolute;
    left: -9999px;
}

div.clear{
    clear:both;
}

/* --------------------------- Printing  -------------------*/
#printhd{
display:none;
}



/* --------------------------- Main layout  -------------------*/
body.home{
    background:#909090 url(/images/back-sliver.jpg) repeat-x;
}
body.other{
    background:#909090 url(/images/back-sliver-other.jpg) repeat-x;
}

html{
    background:#909090;
}

#custom-doc { 
  width:61.54em;
  *width:60.06em;
  min-width:800px; 
  margin:auto; 
  text-align:left; 
}

#hd {
  height: 118px;
  position:relative;
}
.home #hd {
  background: url("/images/homeHeader.jpg") no-repeat ;
}
.other #hd {
  background: url(/images/othersHeader.jpg) no-repeat ;
}


#homecolumns {
  background: #fff;
  background-image: url(/images/othersRightColumn.jpg);
  background-position: 706px 0px;
  background-repeat: repeat-y;
}

.other #homecolumns {
  min-height: 500px;
}


#lighthouse {
  width: 147px; 
}
.home #lighthouse {
  background: #fff url("/images/homeLeft.jpg") no-repeat;
  height: 264px;
}
.other #lighthouse {
  padding-top: 140px;
  background: #fff url(/images/others-left.jpg) no-repeat;
}

.home #maincolumn {
  width: 361px;
  height: 264px;
}
.other #maincolumn {
  width: 527px; 
}

.home #homecurve  {
  width: 260px;
  height: 264px;
  background: url("/images/homeRightColumn.jpg") no-repeat;
  background-position: top;
}
.home #homecurve:hover {
  background-position: bottom;
}
.other #homecurve {
  width: 94px;
}


#footerlogo {
  width: 800px; 
  height: 78px;
  background-image:url(/images/othersFooterProducts.jpg) ;
  background-repeat:no-repeat;
}

.home #copy {
    padding: 16px 6px 3px 6px;
    background: url(/images/footerCopyBackground.jpg) repeat-x;
}
.other #copy {
    padding: 32px 6px 6px 6px;
    background: url(/images/othersFooterCopyBackground.jpg) repeat-x;
}

#content {
  clear: both;
} 


/* --------------------------- Fonts and headings  -------------------*/
#maincolumn h1, #maincolumn h2{
    color: #054478;
    font-weight: bold;
    padding-top: 1.5em;
    font-size: 2.0em;
}
#maincolumn p, #maincolumn ol, #maincolumn ul, #maincolumn dl{
    color: #021a37;
    padding-left: 15px;
}

#content ol li {
  list-style-type: decimal;
}

#content ol.alpha li {
  list-style-type: lower-alpha;
}


/* --------------------------- Buttons on the left  -------------------*/
.home #leftbuttons {
  display: none;
}

.other #leftbuttons {
  display: block;
  text-align: center;
}

a.bigbutton.contact{
    background-image:url(/images/contact.jpg);
}
a.bigbutton.update{
    background-image:url(/images/update.jpg);
}
a.bigbutton.flyer{
    background-image:url(/images/flyer.jpg);
}
a.bigbutton.guide{
    background-image:url(/images/guide.jpg);
}
a.bigbutton.qualifying{
    background-image:url(/images/qualifying.jpg);
}

#leftbuttons li {
  margin-bottom: 12px;
}


/* --------------------------- Admin menu on the left  -------------------*/
#adminlinks {
  padding: 1em;
}
#adminlinks a {
  color: black;
  text-decoration: none;
}
#adminlinks a:hover {
  color: red;
}


/* --------------------------- Other unsorted stuff  -------------------*/

/* Iwan: google map*/
#map {
 margin: 2em;;
}

/* Iwan: dynamic bits*/
.errorlist {
  border-top: solid 1px #D20000;
  color: #D20000;
}

.exception {
  padding-left: 1em;
  background-color: #D20000;
  color: #ffffff;
}

/* Table of page contents */
ul.toc {
  border-bottom: 1px solid blue;
  margin-bottom: 1em;
  padding-top: 1em;
  clear: both;
}

ul.toc li {
list-style:square;
	list-style-position:inside;
/*	font-size:0.8em; */
	font-weight:bold;
}

/*.boxed { border: 1px solid black; padding: 1em;}*/
.boxed { font-style: italic;}
.toc a:link, .toc a:visited {text-decoration: none; color:#003A7F;}
.toc a:hover {color:#D20000;}

/* Content */
p.q { font-weight: bold; }
p.a { padding-left: 2em; }

h2 {font-size:1.5em;
	font-weight:bold;
	margin:0.5em 0.25em 0 0;
	padding:0;
	color:#d20000;
        text-transform: uppercase;
}


 
 
 .accordion h3.head {padding-left:1.25em;
 background: url(/images/arrow_up.gif) bottom left no-repeat;
}
.accordion h3.closed {
 background: url(/images/arrow_down.gif) bottom left no-repeat;
}

h3.head:hover { 
	color:#d20000; }

h3, h4, h5 {clear:both;
	margin:1em 0;
	font-weight:bold;
	font-size:1em;
	color:#003A7F;
}
h4 {font-size:0.9em;
}
h5 {font-size:0.8em;
}


p, #content a, #content li, #content dd, #content dt {
        /* font-size:0.8em; */
	padding:0.5em 0;
	line-height:130%;
}

p.sub {
  padding-top:0;
  margin-top:-1em;
  margin-left: 1em;
  font-size: 0.7em;
}

#content dt { font-weight: bold }

#content ol, p {line-height:130%;
   clear: both;
}
#content li {list-style:circle;
	list-style-position:outside;
	margin-left:1.5em;
}
#content a {text-decoration:none;
	color:#d20000;
}
#content p a {font-size:1em;
}
#content a:hover {text-decoration:underline;
}
#content img {margin:1em 0;
}
table {width:100%;
	border:1px solid #7388A3;
	margin:1em 0;
}
th {background-color:#7388A3;
	color:#fff;
	font-size:0.8em;
	font-weight:bold;
	padding:0.25em;
}
td {border-bottom:1px solid #7388A3;
	font-size:0.8em;
	padding:0.25em;
}

/* Iwan: Added to hide news heading */
#content h2 { display: none; }



/* Iwan: Added for emailed forms */
.questionnaire ul {list-style:none;
}

.questionnaire p, .questionnaire li {clear:both;
}

.questionnaire p label { 
  display: block;
  width: 30%;
  float: left;
}
.questionnaire p input, .questionnaire p textarea, .questionnaire ul { 
  display: block;
  width: 68%;
  float: right;
}
#content .questionnaire ul li {
  padding: 0;
  margin-left: .5em;
  list-style: none;
}

.questionnaire .errorlist {
   border: none;
   display:block;
   float: right;
   width:68%; 
   margin-bottom: -.7em;
   margin-top: 1em;
}

.questionnaire fieldset > input {
  margin: 2em 1em 1em 1em;
  float: right;
}


/* --------------------------- Demutualisation  -------------------*/
#content a.dem {
  margin: 0;
  padding: 0;
  display: block;
  width: 409px;
  height: 36px;
  background-position: top;
}
#content a.dem:hover {
  background-position: bottom;
}

a.faq {
  background-image:url(/images/faqButton.jpg);
}
a.contact {
  background-image:url(/images/contactButton.jpg);
}
a.download {
  background-image:url(/images/downloadButton.jpg);
}
a.roadshow {
  background-image:url(/images/roadshowButton.jpg);
}
a.redeem {
  background-image:url(/images/redeemButton.jpg);
}

#content ul.demutual li {
  list-style: none;
}

h3.subheading {
  position: relative;
  top: -0.5em;
  font-size: 110%;
  font-weight: bold; 
  color: #000;
}

#content .demfaq dt {
  color: #054478; 
}

ul.download h3 {
  margin-bottom: 0;
  color: #000;
}

#content ul.download li {
  list-style: square;
}

.in4 {
  color: red;
}