/* CSS Document */

/* 
*************************
HTML TAGS
*************************
*/

#MainContent
{
margin:230px;
position:relative;
background-image:url('../images/BrightsideMain.png');
background-repeat:no-repeat;  
height: 350px;
width:480px; 
margin-top:0px;
padding: 165px 20px 0px 20px;
text-align:center;
margin-bottom:0px;
}

p.MainBlurb
{
    font:bold 1.4em/0.9em Helvetica, Arial, sans-serif;
color:#0050a0;

text-align:center;
}

body {
background:#edf5f9;
font:normal 0.8em/1.4em Helvetica, Arial, sans-serif;
color:#000000;
padding:0px;
margin:0px;
width:100%;
text-align:left;
}
a, a:visited {
text-decoration:none;
color:#0050a0;
font-weight:bold;
}
a:hover, a:visited:hover {
text-decoration:underline;
color:#0050a0;
font-weight:bold;
}
img {
border:none;
}
h1 {
margin:0px 0px 10px 0px;
font:bold 2.8em/1.0em Helvetica, Arial, sans-serif;
color:#0050a0;
letter-spacing:-0.06em;
}
h2 {
margin:0px 0px 10px 0px;
font:bold 1.2em/1.0em Helvetica, Arial, sans-serif;
color:#000;
}
h3 {
margin:0px 0px 10px 0px;
padding:0px;
font:bold 2.0em/1.0em Helvetica, Arial, sans-serif;
color:#0050a0;
letter-spacing:-0.06em;
}
h4 {
margin:0px;
padding:0px;
}
form, input {
margin:0px;
padding:0px;
}
p {
margin-bottom:10px;
text-align:left;
}
ul {
margin-left:1.4em;
margin-bottom:0.7em;
}
li {
list-style: none url(../images/tick_b.gif) outside;
}
blockquote {
text-indent:-0.5em;
}
/*
*************************
OBJECTS
*************************
*/
#container {
width:990px;
margin:10px auto;
background:#fff;
text-align:left;
}
#shadowbox {
width:980px;
background:#fff url(../images/container_bkg.png) repeat-y center top;
padding:0px 5px 0px 5px;
margin:0px;
}
#shadowboxtop {
width:990px;
height:5px;
background:#edf5f9 url(../images/shadow_top.png) no-repeat center top;
padding:0px;
margin:0px;
}
#innercontainer {
width:960px;
background:#fff;
margin:0px;
}
#mobile {
padding:0px;
margin:0px 0px 0px 10px;
width:100px;
height:10px;
overflow:hidden;
font:normal 0.8em/1.0em Helvetica, Arial, sans-serif;
float:left;
clear:none;
}
#topbar {
width:960px;
height:160px;
background:#0050a0 url(../images/topbar_bkg.png) repeat-x left top;
clear:both;
}
#logo {
padding:0px;
margin:0px;
float:none;
position:relative;
left:27px;
top:37px;
z-index:10;
width:228px;
height:63px;
overflow:hidden;
}
#insincontrol {
padding:0px;
margin:0px;
float:none;
position:relative;
left:790px;
top:-31px;
z-index:2;
width:145px;
height:74px;
text-indent:-9999em;
background:url(../images/insurance_incontrol.gif) no-repeat left top;
overflow:hidden;
}
#controlbox {
padding:0px;
padding:6px 0px 5px 75px;
float:right;
position:relative;
right:10px;
top:0px;
z-index:3;
width:220px;
height:135px;
background:url(../images/controlbox_bkg.gif) no-repeat left top;
font:normal 1.0em/1.0em Helvetica, Arial, sans-serif;
color:#fff;
text-align:left;
overflow:hidden;
background-image:url(../images/controlbox_bkg.gif);
}
#mainnavcontainer {
width:238px;
float:left;
background:#fff;
text-align:center;
}
#mainnav {
width:238px;
background:#fff9a7 url(../images/leftnav_bkg.png) repeat-y left top;
margin-top:0px;
margin-bottom:20px;
border:1px solid #ffed00;
text-align:left;
}
#mainnav .padding {
padding:13px 22px 20px 20px;
}
#mainnav a {
color:#000;
}
#mainnav dl {
margin:0px;
padding:0px;
font:normal 1.0em/1.0em Helvetica, Arial, sans-serif;
color:#000;
list-style:none;
}
#mainnav dt {
padding-top:7px;
padding-bottom:6px;
border-bottom:#ccc66c dashed 1px;
display:block;
}
#mainnav .sub {
margin-left:15px;
}
#mainnav .top {
margin-left:0px;
}
.menu {
display:block;
}
#content 
{
height:510px;
width:960px;
background:#fff;
margin-left:0px;
margin-top:0px;
clear:both;
}
#contenthead {
margin:0px 0px 5px 20px;
padding:0px;
width:460px;
height:205px;
position:relative;
float:left;
left:0px;
top:0px;
background:#fff url(../images/banner_elife.jpg) no-repeat left top;
}
#contentbanner {
margin-left: 260px;
padding: 0px;
width: 700px;
height: 100px;
position: relative;
left: 0px;
top: -10px;
background: #fff;
}
#contentheadinner {
padding:50px 10px 10px 10px;
margin:0px;
text-align:right;
font:bold 1.2em/1.3em Helvetica, Arial, sans-serif;
color:#FFF;
}
#contentheadbreak {
width:718px;
height:1px;
float:left;
margin:0px;
padding:0px;
}
#leftcontent {
background:#fff;
width:460px;
margin:0px 0px 20px 260px;
}
#rightcontent {
background:#f3fbff;
width:220px;
padding:0px;
float:right;
clear:right;
border:1px solid #c3e2f9;
}
#onecolcontent {
background:#fff;
margin:0px 0px 20px 260px;
}
#paperbox {
width:218px;
height:205px;
float:left;
margin:0px 0px 0px 20px;
padding:0px;
}
#paperboxbkg {
background:#fff url(../images/paper_bkg.jpg) no-repeat left top;
width:240px;
height:225px;
float:left;
position:relative;
top:-15px;
left:-20px;
margin:0px;
padding:0px;
z-index:9;
}
#paperbox .padding {
padding:100px 10px 0px 37px;
line-height:2.2em;
}
#paperbox a {
color:#000;
font-weight:normal;
}
#cleared {
clear:both;
margin:0px;
padding:0px;
overflow:hidden;
}
#footer {
background:#edf5f9 url(../images/footer_bkg.png) no-repeat left top;
height:140px;
clear:both;
margin-top:0px;
text-align:center;
color:#fff;
font:normal 0.85em/1.0em Helvetica, Arial, sans-serif;
}
#footer a {
color:#ffed00;
}
#footer .padding {
padding:10px;
}
#footer .crumbs {
color:#000;
clear:both;
font:normal 1.0em/1.0em Helvetica, Arial, sans-serif;
}
#footer .crumbs a {
color:#000;
}
#countrycont {
width:165px;
float:right;
text-align:right;
margin:10px 10px 0px 0px;
font:normal 0.73em Helvetica, Arial, sans-serif;
color:#fff;
padding:0px;
}
#pageno {
text-align:center;
margin:20px 0px;
}
#pageno .page {
border:none;
background-color:#fff;
}
#pageno ul {
display:inline;
}
#pageno li {
display:inline;
padding:5px;
margin:0px 5px;
border:1px solid #cce8fb;
font:normal 0.8em/1.0em Helvetica, Arial, sans-serif;
background-color:	#f3fbff;
}
#pageno .active {
border:1px solid #0050a0;
background-color:	#0050a0;
color:#fff;
font-weight:bold;
}
#tablist {
padding:0px;
margin:0px;
clear:right;
height:47px;
}
/* 
*************************
CLASSES
*************************
*/
.homebox {
width:218px;
height:188px;
float:left;
margin: 0px 0px 20px 20px;
padding: 0px;
clear: none;
border: 1px solid #a6ceef;
}
.homebox p {
margin:0px 0px 5px 0px;
padding:0px;
text-align:right;
}
.homebox h2 {
font:bold 1.4em/0.9em Helvetica, Arial, sans-serif;
color:#0050a0;
}
.homebox .title {
height:19px;
background:#a5ceef url(../images/homebox_titlebkg.jpg) repeat-y left top;
padding:5px;
text-align:left;
border-bottom:1px solid #cde6f9;
}
.homebox .loansbox {
height:133px;
background:#fff url(../images/homebox_bkg_loans.jpg) no-repeat left top;
font:bold 1.2em/1.0em Helvetica, Arial, sans-serif;
color:#fff;
padding:25px 10px 0px 10px;
text-align:right;
}
.homebox .pensionsbox {
height:133px;
background:#fff url(../images/homebox_bkg_pensions.jpg) no-repeat left top;
font:bold 1.2em/1.0em Helvetica, Arial, sans-serif;
color:#0050a0;
padding:25px 10px 0px 10px;
text-align:right;
}
.homebox .mortgagesbox {
height:133px;
background:#fff url(../images/homebox_bkg_mortgage.jpg) no-repeat left top;
font:bold 1.2em/1.0em Helvetica, Arial, sans-serif;
color:#fff;
padding:25px 10px 0px 10px;
text-align:right;
}
.homebox .insurancebox {
height:141px;
background:#fff url(../images/homebox_bkg_ins.jpg) no-repeat left top;
font:bold 1.2em/1.0em Helvetica, Arial, sans-serif;
color:#fff;
padding:17px 10px 0px 10px;
text-align:right;
}
.homebox .utilitiesbox {
height:133px;
background:#fff url(../images/homebox_bkg_utility.jpg) no-repeat left top;
font:bold 1.2em/1.0em Helvetica, Arial, sans-serif;
color:#fff;
padding:25px 10px 0px 10px;
text-align:right;
}
.homebox .investbox {
height:133px;
background:#fff url(../images/homebox_bkg_invest.jpg) no-repeat left top;
font:bold 1.2em/1.0em Helvetica, Arial, sans-serif;
color:#fff;
padding:25px 10px 0px 10px;
text-align:right;
}
.hidden {
display:none;
}
.blue {
color:#0050a0;
}
.small {
font:normal 0.8em/1.0em Helvetica, Arial, sans-serif;
}
.padding {
padding:10px;
}
.countryselect {
float:right;
text-align:right;
margin:0px 0px 5px 5px;
border-bottom:none;
}
.countryactive {
float:right;
text-align:right;
margin:0px 0px 5px 5px;
border-bottom:1px #fff dotted;
}
.tsandcs {
color:#75a1cf;
font:normal 0.85em/1.0em Helvetica, Arial, sans-serif;
margin-top:10px;
}
.introtext {
font:bold 1.2em/1.0em Helvetica, Arial, sans-serif;
color:#000;
}
.rhseperator {
margin:7px 0px 10px 0px;
border-bottom:#c3e2f9 dashed 1px;
}
.mainseperator {
margin:7px 0px 10px 0px;
border-bottom:#c3e2f9 dashed 1px;
}
.rhform {
width:100px;
border:1px solid #0050a0;
background:#fff;
font:normal 1.0em/1.0em Helvetica, Arial, sans-serif;
color:#000;
margin-left:5px;
padding:0px;
}
.callyoubackform {
font:normal 0.9em/1.0em Helvetica, Arial, sans-serif;
text-align: right;
clear: both;
padding: 2px 0px 2px 0px;
display: block;
}
.leftform {
/*padding-right:10px;*/
padding:2px 10px 2px 2px;
text-align:right;
}
.rightform {
border-left:1px #c3e2f9 dashed;
/*padding-left:10px;*/
padding:2px 2px 2px 10px;
text-align:left;
}
/* POP UP HELP */
.olcg {
background-color:#0050a0;
text-align:center;
}
.olfg {
background-color:#edf5f9;
text-align:center;
}
.olcap {
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
font-weight:bold;
color:#ffffff;
}
.olclo {
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
font-weight:bold;
color:#33ff33;
}
.oltxt {
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
color:#000000;
}
input.olinput {
background:white url(inputText.gif) repeat-x bottom left;
min-height:16px;
color:#000000;
}
/* END POP UP */
.comptable {
background:#fff;
}
.tabs {
list-style:none;
padding:0px;
margin:0px;
display:block;
}
.tabs a, .tabs a:hover {
text-decoration:none;
}
.taboff {
background:#d6e7f4 url(../images/comptabletab_bkg.gif) no-repeat left top;
border:1px solid #d6e7f4;
width:12%;
height:35px;
padding:5px;
margin-right:2px;
color:#0050a0;
font:bold 0.9em/1.0em Helvetica, Arial, sans-serif;
float:left;
display:inline;
text-align:center;
}
.tabs li.taboff:hover {
background:#fee600 url(../images/comptabletab_bkg_on.gif) no-repeat left top;
}
.tabon {
background:#fee600 url(../images/comptabletab_bkg_on.gif) no-repeat left top;
border:1px solid #fee600;
width:12%;
height:35px;
padding:5px;
margin-right:2px;
color:#000;
font:bold 0.9em/1.0em Helvetica, Arial, sans-serif;
float:left;
display:inline;
text-align:center;
}
.tablecomptable .tr1 {
background-color:	#fff;
}
.tablecomptable .tr2 {
background-color:	#f3fbff;
}
.tablecomptable td {
text-align:center;
padding:5px 10px 5px 10px;
}
.tableHeader {
border-bottom:#cce8fb 1px solid;
border-right:1px solid #cce8fb;
}
.tableHeader th {
border-right:1px #cce8fb solid;
}
.tableHeader td {
padding:5px 10px 5px 10px;
width:10%;
font:bold 1.0em/0.9em Helvetica, Arial, sans-serif;
text-align:center;
vertical-align:middle;
height:50px;
background:#fffabf url(../images/seperator-head.gif) no-repeat right;
}
.tableContent td, .firstTd {
border-right:solid 1px #cce8fb;
border-bottom:solid 1px #cce8fb;
text-align:center;
vertical-align:middle;
height:50px;
}
.firstTd {
border-left:solid 1px #cce8fb;
border-right:solid 1px #cce8fb;
padding:10px;
}
.firstTd div, .firstTd img {
overflow:hidden;
max-width:150px;
}
td.firstTd, td#firstTd {
border-left:1px #cce8fb solid;
border-right:none;
}
.highlightTD {
background-color:	#fffde0;
font-weight:bold;
font-size:1.4em;
}
.tableContent .note {
font-size:0.8em;
font-weight:normal;
height:25px;
}
.detailApr {
font-size:1.4em;
font-weight:bold;
}
.typApr {
font-size:0.6em;
font-weight:normal;
}
.normalTD {
text-align:center;
}
.tableHeader .lastTd {
border-left:none;
background-image:	none;
padding:0px;
}
.tableHeader .lastTd {
border-left:none;
background-image:none;
padding:0px;
}
.floatinnerleft {
width:220px;
margin:0px 10px 10px 0px;
float:left;
}
.floatinnerright {
width:220px;
margin:0px 0px 10px 10px;
float:left;
}
.floatinnerholder {
height:auto;
float:left;
width:460px;
}