@charset "utf-8";

body{font-size:0;background-color:#64a0c8;}
#popup{background-color:#fff;}
a{cursor:pointer;}

p,ul{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
color:#000;
font-weight:normal;
}

/* Fix the sup vertical line spacing*/
sup{vertical-align:0.6ex;}

div,body,h2,h3,h4,h5,h6,a,form,img{margin:0;padding:0;border:0;}

input.text-input{border:1px solid #69c;}

input.error{color:#000;border:1px solid red;}

.submit{cursor:pointer;}

h2 a:link,h6 a:link,h2 a:visited,h6 a:visited{text-decoration:none;color:#000;}
h4 a:link,h4 a:visited{text-decoration:none;color:#036;}
h3 a:link,h3 a:visited{text-decoration:none;color:#000;}
h5 a:link,h5 a:visited{text-decoration:none;color:#666;}
h3 a:hover,h3 a:active{text-decoration:none;color:#999;cursor:pointer;}

h2 a:hover,h2 a:active,h4 a:active,h4 a:hover,h5 a:hover,h5 a:active,h6 a:hover,h6 a:active{
text-decoration:none;color:#69c;cursor:pointer;}

.menuL h2:visited,.boxT h2:visited,.menuL h2:link,.boxT h2:link,.menuL h3:link,.menuL h3:visited{}

.menuL h3:hover,.menuL h3:active,.menuL.currentPage{background-image:url(../en/images/_squareSelect.jpg);}
.menuL h2:hover,.boxT h2:hover,.menuL h2:active,.boxT h2:active,.menuL.currentTop h2{background-image:url(../en/images/_whiteDoteOpen.jpg);}

#superContainer{width:985px;margin:auto;}

.errorBox{
font-size:14px;
font-weight:bold;
background-color:#eb8d76;
border:thin solid #900;
margin:12px;
padding:20px;
}

#subContainer{
border-spacing:0;
border-collapse:collapse;
padding:0;
margin:0;
background-color:#fff;
}

#mainContent{
/*Just for javascript purposes (this is the main content table*/
}

.nopad{padding:0;margin:0;}
#footer{float:left;clear:both;width:985px;}
.col{float:left;min-height:1px;}

#colr{
float:right;
min-height:1px;
margin:2px 5px 0 0;
font:10px bold Verdana,Arial,Helvetica,sans-serif;
color:#666;
}

h6 #dolr{margin:2px 5px 0 0;}

.c7{width:7px;}
.c11{width:11px;}
.c6{width:6px;}
.c225{width:225px;}
.c735{width:735px;}

.y20{
position:relative;
background-image:url(../en/images/_yellow.jpg);
height:20px;
clear:both;
max-width:709px;
}

.d1{
position:relative;
background-image:url(../en/images/_hDot.jpg);
height:1px;
clear:both;
max-width:710px;
}

.hDottedLine{
position:absolute;
top:73px;
left:0;
background:url(../en/images/_hDot.jpg) repeat-x;
width:709px;
height:1px;
}

.d20{
position:absolute;
background-image:url(../en/images/_vDot.jpg);
height:20px;
clear:both;
width:1px;
top:0;
left:709px;
}

.g10{
position:relative;
background-image:url(../en/images/_green.jpg);
height:10px;
clear:both;
padding:0;
margin:0;
}

h6{font:10px Verdana,Arial,Helvetica,sans-serif}

.list{
margin:2px 0 0 23px;
float:left;
font:10px Verdana,Arial,Helvetica,sans-serif;
color:#666;
}

.indice{font:12px Verdana,Arial,Helvetica,sans-serif;}

#logo{
position:relative;
width:225px;
height:60px;
padding:10px 0 0 0;
cursor:pointer;
}

#login{float:left;padding:20px 0 10px 0;}

#send{margin:0px 0 0 5px!important;}

#firstL,#firstT,#firstB{background:none;}

.menuL{
background:repeat-x top url(../en/images/_hDot.jpg);
margin-bottom:13px;
}

.menuL h2{
background:no-repeat url(../en/images/_whiteDote.jpg);
background-position:0 17px;
font:12px Verdana,Arial,Helvetica,sans-serif;
padding:13px 0 0 14px;
margin:0 0 0 8px;
}

.menuL h3{
background:no-repeat url(../en/images/_square.jpg);
background-position:0 12px;
font:12px Verdana,Arial,Helvetica,sans-serif;
padding:8px 0 0 14px;
margin:0 22px 0 22px;
}

.menuL h4{
font:bold 10px Verdana,Arial,Helvetica,sans-serif;
padding:12px 22px 0 22px;
}

.menuL p{
position:relative;
font:10px Verdana,Arial,Helvetica,sans-serif;
padding:0 22px 0 22px;
color:#666;
}

.menuL #select{
background-image:url(../en/images/_squareSelect.jpg);
}

.submenu{padding-top:4px;}
.header{position:relative;margin:18px 0 18px 0;}

.menuH{
float:right;
height:100%;
padding:12px 0 7px 0;
background:repeat-y left url(../en/images/_vDot.jpg);
width:735px;
}

.header h6{
float:left;
font:10px Verdana,Arial,Helvetica,sans-serif;
background:no-repeat url(../en/images/_sep2.jpg);
padding:0 14px 8px 14px;
}

#hYellow{width:711px;}

.box{
float:left;
margin:12px 0 0 0;
margin-top:12px;
border:1px solid #ccc;
min-width:238px;
min-height:124px;
}

.box img{float:left;}

.boxT{
padding-top:12px;
float:left;
min-width:220px;
min-height:124px;
margin:0 10px 0px 10px;
padding-bottom:12px;
}

.boxT p{
font:10px Verdana,Arial,Helvetica,sans-serif;
width:220px;
margin:2px 0 15px 0;
color:#666;
}

.boxT h2{
width:200px;
margin:6px 0 0 0;
padding:0 0 0 17px;
background:0px 3px no-repeat url(../en/images/_whiteDote.jpg);
font:10px Verdana,Arial,Helvetica,sans-serif;
}

#flashcontent{
float:left;
margin:0 0 12px 0;
min-width:238px;
min-height:124px;
padding-bottom:1px;
font:12px Verdana,Arial,Helvetica,sans-serif;
}

#footer{position:relative;margin-top:12px;}
.menuF{float:left;width:100%;}

.menuF h5{
float:left;
font:10px Verdana,Arial,Helvetica,sans-serif;
padding:2px 12px 3px 12px;
background:no-repeat url(../en/images/_sep1.jpg);
background-position:left 55%;
}

.menuF .posL{float:left;padding:23px 0 8px 20px;}

.menuF .f20{
float:left;
background-image:url(../en/images/_yellow.jpg);
height:20px;
width:480px;
}

.menuF .f10{
float:left;
background-image:url(../en/images/_green.jpg);
height:10px;
width:505px;
}

#logoManulifeBank{
float:right;
width:160px;
height:48px;
padding-right:20px;
cursor:pointer;
}

.menuF .bluerush{
float:right;
padding:10px 0 10px 0;
width:144px;
height:14px;
margin:0 20px 5px 0;
}

.MainTitles{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:13px;
color:#00693c;
font-weight:bold;
margin:0;
padding:20px 0 10px 0;
}

.SubTitles{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
color:#af8a23;
font-weight:bold;
}

.RegularText{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
color:#000;
font-weight:normal;
}

.LegalText{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:9px;
color:#000;
font-weight:normal;
}

.WhiteTableTitles{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
color:#fff;
font-weight:bold;
}

.EvenTableRow{background-color:#f5f5e6;}

.TableNotice{
margin:0;
padding:0;
font-size:9px;
font-family:Verdana,Arial,Helvetica,sans-serif;
}

a.LINKbodytextlinks,a.LINKbodytextlinks:link{
text-decoration:underline;
color:#00693c;
cursor:pointer;
}

a.LINKbodytextlinks:active{
text-decoration:underline;
color:#00693c;
}

a.LINKbodytextlinks:visited{
text-decoration:underline;
color:#00693c;
}

a.LINKbodytextlinks:hover{
cursor:pointer;
text-decoration:underline;
color:#00693c;
}

#rates{
padding:5px 0 5px 0;
background-repeat:repeat-x;
background-position:center;
}

.pageSlider{cursor:pointer;}

/* Special implementation of slider functions and style for testimonials page/engine */
.slideTrigger{
cursor:pointer;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-weight:bold;
font-size:10px;
color:#000;
}

.collapsible{
/*Just to be able to assign javascript functions to multiple events.
like an id,but that can be applied to many elements
*/
}

/* -------------- end testimonials ---------------------- */

.missingText{color:red;font-weight:bold;}
.subtitle{color:#00693c;font-weight:bold;}

#accountFees{width:100%;}

#accountFees th{
text-align:left;
font-weight:bold;
color:#fff;
}

.testimonialsName{
color:#00693c;
font-weight:bold;
line-height:5px;
font-size:14px;
}

.testimonialsSubtitle{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
color:#af8a23;
font-weight:bold;
font-style:italic;
}

.required{
color:red;
font-size:85%;
font-weight:normal;
position:relative;
bottom:0.5em;
}

.error{color:red;}

.translation{
color:#333;
font-size:12px;
font-weight:normal;
position:relative;
bottom:0.5em;
background-color:#e48e85;
padding:10px;
margin:20px;
border:thin #600 solid;
}

#pied{
margin:70px 0 20px 0;
border-top:1px solid #ccc;
padding:0 0 10px 0;
}

.txt{font-size:9px;line-height:11px;}

#pied .norm,#tbl{font-size:11px;}

#tbl{padding:20px 0 20px 60px;}
#tbl p{margin:6px 0;padding:0 6px;}

#tbl .table{
border-top:1px solid #999;
border-left:1px solid #999;
}

#tbl .td{
border-right:1px solid #999;
border-bottom:1px solid #999;
}

.jsize{float:left;width:640px;}

a.banner,a.navbanner{float:left;}
a.banner{margin:10px 0;}
a.navbanner{padding-left:1px;padding-right:5px;}
a.navbanner.first{padding:0;border:0;}
a.navbanner.last{margin-right:0;}

a.navbanner.navborder{border:1px solid #999;border-bottom:0;padding:0;margin-right:6px;}
a.navbanner.noborder{border:0;}