/*********************************************************************************************************/
/*										John Hancock Rollover 											 */
/*********************************************************************************************************/
/* tags */

html, body{ font:12px/16px Verdana, Helvetica, Arial, sans-serif; width:100%; height:auto; background:#E8E8DF; color:#646464; }
a:link, a:visited, a:active, a:hover{ outline:none; }
ul{ list-style: none outside; }

h1{ float:left; display:inline; margin:17px 100px 29px 19px; font: 27px/22px Georgia, "Times New Roman", Times, serif; color:#00395A; background:inherit;line-height:30px; }
h2{ font: 20px/22px Georgia, "Times New Roman", Times, serif; color:#00395A; }
h3{ font:14px/16px Verdana, Helvetica, Arial, sans-serif; margin:0; padding:0; }

/*********************************************************************************************************/
/* shared */

*{ margin:0; padding:0; }
.hide{ display:none; }
.show{ display:block; }
.clear{ clear:both; }
.color_0894AD{ color:#0894AD; background:inherit; } /* blue */
.color_D2C364{ color:#D2C364; background:inherit; } /* yellowish */
.font_10px{ font-size:10px; }
.float_wrap{
	width: 100%;
	overflow: hidden;
}


/* title */
.title_back_link:link, .title_back_link:visited, .title_back_link:active, .title_back_link:hover{
display:block; float:right; margin:25px 15px 0 0;
color:#3E97A3; background:inherit; text-decoration:none;

}

/* left column */
.left_col{ float:left; display:inline; margin:0 0 0 15px; width:643px; height:auto; }
.left_col_box{ margin:0 0 10px; padding:23px 15px 10px 15px; width:613px; height:auto; 
color:#646464; background:#F5F6F1; border-top:4px solid #d5b18e; }
.left_col_box_copy{ padding:15px 0 15px 0; }

/* right column */
.right_col{ float:right; display:inline; margin:0 15px 0 0; width:215px; height:auto; }

/* right column nav */
.right_col_nav{ float:right; margin:0 0 10px 0; padding:19px 20px 19px 17px; width:178px; height:auto; color:#fff; background:#587D84; }
.external_resources{ margin:0 0 13px 0; width:142px; height:15px; }
.external_resources{ margin:0 0 13px 0; width:154px; height:15px; }
.right_col_nav li a:link, .right_col_nav li a:visited, .right_col_nav li a:active{
padding:10px 0 0 0; color:#fff; background:inherit; text-decoration:none; display:block; width:178px; height:26px; border-bottom:1px solid #81AAB1; }
.right_col_nav li a:hover{ background:#5D848B; }
.right_col_nav li a.no_border:link, .right_col_nav li a.no_border:visited, .right_col_nav li a.no_border:active, .right_col_nav li a.no_border:hover{
border-bottom:0; }
.right_col_nav .more:link, .right_col_nav .more:visited, .right_col_nav .more:active, .right_col_nav .more:hover{
padding:0; color:#DCD087; background:#587D84; border:0; }

/* right column nav with arrow */
.right_col_nav_arrow_container{ position:relative; z-index:1; }
.right_col_arrow{ position:absolute; top:18px; right:215px; z-index:4; width:10px; height:20px; }
.right_col_nav_arrow{ float:right; margin:0 0 10px 0; padding:19px 20px 19px 17px; width:178px; height:auto; color:#fff; background:#325A6A; }
.external_resources{ margin:0 0 13px 0; width:142px; height:15px; }
.external_resources{ margin:0 0 13px 0; width:154px; height:15px; }
.right_col_nav_arrow li a:link, .right_col_nav_arrow li a:visited, .right_col_nav_arrow li a:active{
padding:10px 0 0 0; color:#fff; background:inherit; text-decoration:none; display:block; width:178px; height:26px; border-bottom:1px solid #517380; }
.right_col_nav_arrow li a:hover{ background:#345E6F; }
.right_col_nav_arrow li a.no_border:link, .right_col_nav_arrow li a.no_border:visited, .right_col_nav_arrow li a.no_border:active, .right_col_nav_arrow li a.no_border:hover{
border-bottom:0; }
.right_col_nav_arrow a:hover{color:#dcd087;}
.right_col_nav_arrow .more:link, .right_col_nav_arrow .more:visited, .right_col_nav_arrow .more:active, .right_col_nav_arrow .more:hover{
padding:0; color:#DCD087; background:#325A6A; border:0; }

/* right column nav with arrow */
.right_col_arrow_container{ position:relative; z-index:1; }
.right_col_arrow{ position:absolute; top:18px; right:215px; z-index:4; width:10px; height:20px; }
.right_col_arrow_lg{ position:absolute; top:32px; right:215px; z-index:4; width:26px; height:52px; }
.right_col_arrow_list{ float:right; margin:0 0 10px 0; padding:19px 20px 19px 17px; width:178px; height:auto; color:#fff; background:#325A6A; }

.right_col_arrow_list li.border {border-bottom:1px solid #5b7b88;padding-bottom:14px;width:174px;margin-bottom:20px;}

.right_col_arrow_list li.title {margin-bottom:10px;}

.external_resources{ margin:0 0 13px 0; width:142px; height:15px; }
.external_resources{ margin:0 0 13px 0; width:154px; height:15px; }

/*right column burgundy
.right_col_info{ float:right; margin:0 0 10px 0; padding:19px 20px 19px 17px; width:178px; height:auto; color:#fff; background:#88411c; }
.right_col_info img {display:block;}
.right_col_info img.ready_when_you_are {margin:0 0 17px 0;}
.right_col_info p {font-family:verdana;font-size:12px;color:#fff;font-weight:normal;margin:0 0 28px 0;}
.right_col_info p.small_print {font-family:verdana;font-size:10px;color:#fff;font-weight:normal;margin:3px 0 20px 0;}
.right_col_info a {text-decoration:none;color:#dcd087;font-size:10px;font-weight:bold;display:block;}
*/
/* right column contact box */
.contact_box{ float:right; margin:0 0 10px 0; width:215px; height:276px; color:#fff; background:#325A6A; }
.contact_box_info{ float:left; width:215px; height:123px; }
.contact_box p{ float:left; display:inline; margin:16px 0 0 16px; width:175px; font-size:12px; }
.contact_box strong{ float:left; margin:23px 0 0 16px; }
.contact_box a:link, .contact_box a:active, .contact_box a:visited, .contact_box a:hover{
margin:7px 0 0 18px; clear:both; float:left; display:inline; color:#DCD087; background:inherit; font-size:.8em; font-weight:bold; width:161px; text-decoration:none; }

.contact_box_sm{ float:right; margin:0 0 10px 0; width:215px; height:212px; color:#fff; background:#325A6A; }
.contact_box_sm p{ float:left; display:inline; margin:16px 0 0 16px; width:175px; font-size:12px; }
/*********************************************************************************************************/
/* wrappers */

.outter_wrapper{ margin:0 auto; background:url(../images/1px_bg.gif) repeat-y; width:924px; height:auto; }
.inner_wrapper{ margin:0 auto; padding:1px 0 65px 0; width:898px; height:auto; }

/* header */
.header{  margin:13px auto 9px auto; width:868px; height:135px; background:#325A6A; color:#fff; }
.logo{ float:left; width:169px; height:85px; border:0; }
.header_referred_by{ width:183px; height:26px; border:0; position:relative; top:30px; left:362px; }

/*********************************************************************************************************/
/* navigation */
.navigation{ clear:both; width:100%; height:50px; background:url(../images/nav_bg.gif) repeat-x; list-style-type:none;
position:relative; z-index:1; }
.navigation li{ float:left; }

/* home */
.nav_home_divider{ background:url(../images/nav_divider.gif) 81px 11px no-repeat; }
.nav_home_off:link, .nav_home_off:visited, .nav_home_off:active{
display:block; float:left; padding:9px 0 0 15px; font-size:12px; color:#fff; background:inherit; 
text-decoration:none; width:67px; height:50px; }
.nav_home_off:hover{ display:block; float:left; padding:9px 0 0 15px; font-size:12px; color:#494949;
background:url(../images/nav_home_on.gif) 2px 6px no-repeat; text-decoration:none; width:67px; height:50px; }
.nav_home_on:link, .nav_home_on:visited, .nav_home_on:active, .nav_home_on:hover{ 
display:block; float:left; padding:9px 0 0 15px; font-size:12px; color:#494949;
background:url(../images/nav_home_on.gif) 2px 6px no-repeat; text-decoration:none; width:67px; height:50px; }

/* information */
.nav_information_divider{ background:url(../images/nav_divider.gif) 169px 11px no-repeat; }
.nav_information_off:link, .nav_information_off:visited, .nav_information_off:active{
display:block; float:left; padding:9px 0 0 15px; font-size:12px; line-height:12px; color:#fff; background:inherit; 
text-decoration:none; width:155px; height:50px }
.nav_information_off:hover{ display:block; float:left; padding:9px 0 0 15px; font-size:12px; line-height:12px; color:#494949;
background:url(../images/nav_information_on.gif) 2px 6px no-repeat; text-decoration:none; width:155px; height:50px }
.nav_information_on:link, .nav_information_on:visited, .nav_information_on:active, .nav_information_on:hover{ 
display:block; float:left; padding:9px 0 0 15px; font-size:12px; line-height:12px; color:#494949;
background:url(../images/nav_information_on.gif) 2px 6px no-repeat; text-decoration:none; width:155px; height:50px }

/* ira */
.nav_ira_divider{ background:url(../images/nav_divider.gif) 151px 11px no-repeat; }
.nav_ira_off:link, .nav_ira_off:visited, .nav_ira_off:active{
display:block; float:left; padding:9px 0 0 15px; font-size:12px; line-height:12px; color:#fff; background:inherit; 
text-decoration:none; width:137px; height:50px }
.nav_ira_off:hover{ display:block; float:left; padding:9px 0 0 15px; font-size:12px; line-height:12px; color:#494949;
background:url(../images/nav_ira_on.gif) 2px 6px no-repeat; text-decoration:none; width:137px; height:50px }
.nav_ira_on:link, .nav_ira_on:visited, .nav_ira_on:active, .nav_ira_on:hover{ 
display:block; float:left; padding:9px 0 0 15px; font-size:12px; line-height:12px; color:#494949;
background:url(../images/nav_ira_on.gif) 2px 6px no-repeat; text-decoration:none; width:137px; height:50px }

/* forms */
.nav_forms_divider{ background:url(../images/nav_divider.gif) 165px 11px no-repeat; }
.nav_forms_off:link, .nav_forms_off:visited, .nav_forms_off:active{
display:block; float:left; padding:9px 0 0 15px; font-size:12px; line-height:12px; color:#fff; background:inherit; 
text-decoration:none; width:151px; height:50px }
.nav_forms_off:hover{ display:block; float:left; padding:9px 0 0 15px; font-size:12px; line-height:12px; color:#494949;
background:url(../images/nav_forms_on.gif) 2px 6px no-repeat; text-decoration:none; width:151px; height:50px }
.nav_forms_on:link, .nav_forms_on:visited, .nav_forms_on:active, .nav_forms_on:hover{ 
display:block; float:left; padding:9px 0 0 15px; font-size:12px; line-height:12px; color:#494949;
background:url(../images/nav_forms_on.gif) 2px 6px no-repeat; text-decoration:none; width:151px; height:50px }

/* rollover */
.nav_rollover_off:link, .nav_rollover_off:visited, .nav_rollover_off:active{
display:block; float:left; padding:9px 0 0 15px; font-size:12px; line-height:12px; color:#fff; background:inherit; 
text-decoration:none; width:121px; height:50px }
.nav_rollover_off:hover{ display:block; float:left; padding:9px 0 0 15px; font-size:12px; line-height:12px; color:#494949;
background:url(../images/nav_rollover_on.gif) 2px 6px no-repeat; text-decoration:none; width:121px; height:50px }
.nav_rollover_on:link, .nav_rollover_on:visited, .nav_rollover_on:active, .nav_rollover_on:hover{ 
display:block; float:left; padding:9px 0 0 15px; font-size:12px; line-height:12px; color:#494949;
background:url(../images/nav_rollover_on.gif) 2px 6px no-repeat; text-decoration:none; width:121px; height:50px }

.header_brochure{ float:left; width:167px; height:121px; position:absolute; z-index:2; bottom:0; right:-30px; }



/* footer */
.footer{ margin:36px auto 0 auto; width:868px; border-top:1px solid #E2E3DE; }
.footer a {color:#646464;text-decoration:underline;}
.footer a:hover {color:#2f2f2f;}
.footer_nav{ margin:10px 0 0 6px; font-size:11px; }
.footer_nav li{ float:left; padding:0 17px 0 0; }
.footer_nav li a:link, .footer_nav li a:visited, .footer_nav li a:active, .footer_nav li a:hover{
color:#646464; background:inherit; text-decoration:none;
}

.footer p {font-size:11px;margin:2px 0 20px 5px;}

/*********************************************************************************************************/
/* page specific */
/*********************************************************************************************************/

/*********************************************************************************************************/
/* home page */

/* welcome area */
.welcome_container{ margin:0 auto 13px auto; width:868px; }
.home_feature{ float:left; width:643px; height:278px; }

/* contact box */
.home_contact{ float:right; width:215px;  color:#fff; background:#88411c;padding:0 0 40px 0; }
.home_contact_info{ float:left; width:215px; height:133px; }
.home_contact p{ float:left; display:inline; margin:16px 0 0 16px; width:171px; font-size:12px }
.home_contact p.small_print {font-family:verdana;font-size:10px;color:#fff;font-weight:normal;margin:3px 0 0 18px;}
.home_contact a:link, .home_contact a:active, .home_contact a:visited, .home_contact a:hover{
margin:18px 0 0 18px; clear:both; float:left; display:inline; color:#DCD087; background:inherit; font-size:.8em; font-weight:bold; width:161px; text-decoration:none; }
.home_contact_divider{ clear:both; float:left; margin: 18px 0 0 18px; width:178px; height:8px; }
.home_contact a:hover{color:#fff;}
/* smaller content boxes */
.home_welcome_box1{ float:left; margin:11px 14px 0 0; width:205px; height:173px; color:#646464; background:#ebe1cc; border-top:4px solid #d5b18e; }
.home_welcome_box2{ float:left; margin:11px 10px 0 0; width:205px; height:173px; color:#646464; background:#ebe1cc; border-top:4px solid #d5b18e; }
.home_welcome_box1 p, .home_welcome_box2 p{ padding: 0 0 0 13px; height:68px; }

.home_welcome_box1 img.title, .home_welcome_box2 img.title {margin:21px 0 0 13px;}

.home_btn_tour{ margin:0 0 0 13px; border:0; }

/* mid section container */
.home_tools_calc_box{ margin:13px auto 0 15px;padding:28px 28px 0 28px; width:812px;  color:#646464; background:#F5F6F1; border-top:1px solid #e2e3de; float:left;display:inline; }
.home_tools_calc_box h2 {color:#9c9a96;}
.home_tools_calc_box .col1 {width:191px;float:left;margin:20px 61px 0 0;}
.home_tools_calc_box .col1 ul li {margin:0 0 14px;}
.home_tools_calc_box a {color:#0894ad;text-decoration:none;}
.home_tools_calc_box a:hover {color: #006C7F;}


.home_tools_calc_box .col2 {width:173px;float:left;margin:20px 80px 0 0;}
.home_tools_calc_box .col2 ul.bulleted_list {margin:0 0 20px 0;}
.home_tools_calc_box .col2 ul.bulleted_list li {background:url(../images/small_bullet.gif) no-repeat 0 8px;padding:0 0 0 10px;}
.home_tools_calc_box .col2 ul.bulleted_list li a {color:#0894ad;font-size:11px;text-decoration:none;}
.home_tools_calc_box .col2 ul.bulleted_list li a:hover {color: #006C7F;}
.home_tools_calc_box .col2 a.highlight {color:#0894AD;text-decoration:none;}
.home_tools_calc_box .col2 a.highlight:hover{color:#006C75;}

.home_tools_calc_box .col3 {width:295px;float:left;margin:0 0 0 0;}
.home_tools_calc_box .col3 .image-col {width:130px;float:left;}
.home_tools_calc_box .col3 .inner-col {float:left;width:150px;margin:13px 0 0 0;}
.home_tools_calc_box .col3 .inner-col a.title {color:#0894ad;text-decoration:none;display:block;margin:0 0 6px 0;}
.home_tools_calc_box .col3 .inner-col a.title:hover {color:#006C75;}
.home_tools_calc_box .col3 p {font-size:11px;}
/* featured tools and calculator */
.home_tools_calc_left{ float:left; width:511px; height:264px; }
.home_tools_calc_left h2{ display:block; padding:22px 0 0 13px;  }
.home_tools_box1{ float:left; margin:13px 0 0 0; width:250px; height:207px; }
.home_screen1{ display:block; margin:23px 0 0 29px; width:147px; height:107px; border:0; }
.home_tools_box1 p{ padding:15px 0 0 29px; }
.home_tools_box2{ float:left; margin:13px 0 0 0; width:261px; height:207px; }
.home_screen2{ display:block; margin:43px 0 0 23px; width:119px; height:87px; border:0; }
.home_tools_box2 p{ padding:15px 0 0 23px; }

/* let us help you */
.home_sub_nav{ float:right; padding:0 29px 0 29px; width:299px; height:264px; background:url(../images/home_subnav_divider.gif) 0 26px no-repeat; }
.home_sub_nav li:hover{ background:#F2F3EE;}
.home_sub_nav li h2{ display:block; padding:22px 0 0 0; }
.home_sub_nav a:link, .home_sub_nav a:visited, .home_sub_nav a:active, .home_sub_nav a:hover{
display:block; padding:8px 0 0 0; height:25px; width:298px; border-bottom:1px solid #D9DAD5;
color:#0894AD; background:inherit; text-decoration:none; }
.home_sub_nav a.no_border:link, .home_sub_nav a.no_border:visited, .home_sub_nav a.no_border:active, .home_sub_nav a.no_border:hover{
border:0; }

/* view all information and resources */
.home_view_all_box{ margin:9px auto 0 auto; width:868px; height:40px; color:#D2C364; background:#F5F6F1; float:left;}
.home_view_all_box p{ padding:11px 0 0 19px; }
.home_view_all:link, .home_view_all:visited, .home_view_all:active, .home_view_all:hover{
float:left; color:#0894AD; background:inherit; text-decoration:none; font-size:11px; }

/*********************************************************************************************************/
/* rollover info page */

/* what are my options */
.info_options{ margin:0 auto; width:615px; height:161px; background:url(../images/info_options.jpg) no-repeat; }
.info_options p{  padding:53px 0 0 20px; width:400px; }
.info_options .info_btn_tour{ margin:18px 0 0 20px; width:140px; height:31px; border:0; }

/* why rollover / why john hancock */
.info_res_box{ float:left; width:306px; height:155px; }
.info_why{ margin:29px 0 0 18px; width:106px; height:20px; }
.info_res_box p{ padding:0 0 0 20px; width:267px; }
.info_res_box .info_btn_tour{ margin:16px 0 0 20px; width:140px; height:31px; border:0; }
.info_why_jh{ margin:29px 0 0 18px; width:158px; height:20px; }

/* fund mapping & selection */
.info_fund_mapping{ float:left; margin:15px 0 0 0; width:301px; height:185px; color:#646464; background:#E6E7E3; }
.info_fund_screen{ width:133px; height:95px; }
.info_fund_mapping a:link, .info_fund_mapping a:active, .info_fund_mapping a:visited, .info_fund_mapping a:hover{
display:block; clear:both; margin:15px 0 0 18px; color:#0894AD; background:inherit; text-decoration:none; }
.info_fund_mapping p{ clear:both; float:left; display:block; margin:5px 0 0 18px; }

/* spend or save */
.info_spend_save{ margin:15px 0 0 0; float:left; width:312px; height:185px; }
.info_spend_screen{ margin:11px 0 0 27px; width:116px; height:84px; }
.info_spend_save a:link, .info_spend_save a:active, .info_spend_save a:visited, .info_spend_save a:hover{
display:block; clear:both; margin:15px 0 0 27px; color:#0894AD; background:inherit; text-decoration:none; }
.info_spend_save p{ clear:both; float:left; display:block; margin:5px 0 0 27px; }

/* articles */
.info_article{ margin:17px 0 0 18px; display:inline; float:left; width:280px; height:68px; 
border-bottom:1px solid #d8d8d8; }
.info_article a:link, .info_article a:active, .info_article a:visited, .info_article a:hover{
display:block; clear:both;  color:#0894AD; background:inherit; text-decoration:none; }
.info_article p{ display:block; float:left; margin:5px 0 0 0; line-height:12px; }


/*********************************************************************************************************/
/* what are my options page */

.options_tour_container{ margin:0 auto; width:614px; height:205px; color:#646464; background:#E6E7E3; }
.options_tour_screen{ float:left; margin:18px 17px 0 12px; width:172px; height:142px; }
.options_tour_help{ float:left; margin:18px 80px 0 0; width:182px; height:20px; }
.options_tour_list{ float:left; margin:18px 0 0 17px; list-style-image:url(../images/blue_checkmark.gif); }
.options_tour_list li{ margin:0 0 15px 0; }
.options_btn_tour{ width:147px; height:39px; border:0; }
.options_run_time{ position:relative; bottom:18px; left:5px; }
.options_weiging{ margin:54px 0 0 0; }

/*********************************************************************************************************/
/* referred by brochure page */

.full_width_box{ position:relative; z-index:1; clear:both; margin:0 auto; padding:23px 0 15px 0; width:868px; height:auto; 
color:#646464; background:#F5F6F1; border-top:4px solid #DCD087; }

.brochure_brochure{ position:absolute; top:-54px; right:42px; width:144px; height:168px; z-index:2; }

.brochure_followup{ margin:0 0 21px 17px; width:623px; height:21px; }

/* follow-up boxes */
.brochure_info_box{ margin:0 auto 13px auto; padding:0 0 0 25px; width:807px; height:auto; color:#646464; background:#E6E7E3; }
.brochure_info_box_left{ float:left; padding:30px 0 30px 0; width:363px; height:auto; }
.brochure_info_box_right{ float:left; padding:30px 0 30px 0; width:444px; height:auto; }

/* left side shared */
.brochure_left_para{ float:left; padding:0 0 0 25px; width:240px; }

/* right side shared */
.brochure_right_link:link, .brochure_right_link:visited, .brochure_right_link:active, .brochure_right_link:hover{ 
float:left; clear:both; color:#0894AD; background:inherit; text-decoration:none; }
.brochure_right_copy{ display:block; float:left; clear:both; width:367px;}
.brochure_right_divider{ float:left; clear:both; margin:12px 0; width:390px; height:1px; border-bottom:1px solid #CACACA; }

/* 1 */
.brochure_already_know{ float:left; margin:0 160px 25px 0; width:195px; height:17px; }
.brochure_1{ float:left; width:22px; height:27px; }
.brochure_now_what{ float:left; margin:0 0 25px 0; width:90px; height:17px; }

/* 2 */
.brochure_2{ float:left; width:22px; height:28px; }

/* 3 */
.brochure_3{ float:left; width:22px; height:29px; }
.brochure_call{ margin:23px 0 19px 0; width:415px; height:74px; }
.brochure_contact_us:link, .brochure_contact_us:visited, .brochure_contact_us:active, .brochure_contact_us:hover{ 
float:left; clear:both; color:#0894AD; background:inherit; text-decoration:none; font-size:11px; font-weight:bold; }

/*********************************************************************************************************/
/* products page */

.products_which{ width:355px; height:22px; }
.products_options {width:515px; height:48px;}
.products_btn_profile_tool{ width:255px; height:40px; border:0; }
.products_filter_container{ margin:0 auto; padding:13px 11px; width:592px; height:auto; color:#333; background:#E6E7E3; }
.products_filter_container label{ font-weight:bold; margin:0 20px 0 5px; position:relative; bottom:1px; }
.products_sel{ padding:3px 0 0 0; width:207px; height:22px; border:1px solid #D2D1CF; font-weight:bold; font-size:11px; 
color:#aaa; background:url(../images/products_sel_bg.gif); }

.products_list{ float:left; display:inline; margin:25px 14px 30px 14px; width:278px; height:auto; }
.products_list li{ padding:10px 0; border-bottom:1px solid #D9DAD5; }
.products_list li:hover{ background:#F2F3EE; }
.products_list li h2{ margin:0 0 2px 0; }
.products_list li a:link, .products_list li a:visited, .products_list li a:active, .products_list li a:hover{
color:#0894AD; background:inherit; text-decoration:none; }

.products_our_prospectus{ width:134px; height:20px; }
.products_green_brochure{ margin:0 0 0 -10px; width:118px; height:145px; /*position:relative; right:10px; z-index:3;*/ }
.products_btn_pdf{ width:146px; height:37px; border:0; }

.products_footnote{color: #716d5f; font-size: 10px; padding:10px 0;}

/*********************************************************************************************************/
/* product details */

.product_det_flash{ margin:17px 0 24px 0; }
.product_det_bottom{ margin:0 0 17px 0; font-size:9px; line-height:11px; }
.product_det_prospectus{ width:144px; height:20px; }
.product_det_brochure{ margin:0 0 0 -10px; width:118px; height:145px; /*position:relative; right:10px; z-index:3;*/ }

/*********************************************************************************************************/
/* articles */

.article_print:link, .article_print:visited, .article_print:active, .article_print:hover{
float:left; margin:22px 0 0 152px; font-size:11px;
color:#3B607E; background:inherit; text-decoration:none;}
.print_icon{ position:relative; top:3px; width:16px; height:16px; border:0; }
.article_featured_articles{ width:134px; height:15px; }
.article_top_pic{ float:left; margin:0 15px 0 0; width:182px; height:197px;  }
.article_para{ padding:0 116px 21px 0; }
.article_para a{ color:#0894AD;text-decoration:none; }
.article_header{ padding:0 0 21px 0; font-size:14px; font-weight:bold; }
.article_list{ margin:0 0 0 20px; padding:0 116px 21px 0; list-style-type:decimal; font-size:10px; }
.article_list li{ padding: 0 0 13px 0; }
.article_table {padding: 0 0 0 0; border: solid 1px #000000; width: 100%; padding: 0px; border-collapse:collapse;}
.article_table td {border-width: 1px; border-style: solid; border-color: #000000; text-align: center; }
.article_para_sm { padding:0 116px 21px 0; color: #767676; font-size: 10px;}

/*********************************************************************************************************/
/* why john hancock/why rollover pages */

.why_jh_feature{ margin:0 auto 11px 0; width:643px;border-top:4px solid #D5B18E; }
.why_jh_vid{ width:643px; height:314px; }
.why_jh_need_know_box{ float:left; margin:0; padding:20px 0 0 13px; width:287px;  color:#646464; background:#E6E7E3; }
.why_jh_need_know{ width:202px; height:20px }
.why_jh_list{ float:left; display:inline; margin:10px 0 0 20px; list-style-image:url(../images/blue_checkmark.gif); width:235px; }
.why_jh_list li{ margin:0 0 10px 0; }
.why_jh_left_copy{ float:left; margin:0; width:287px; height:auto; overflow:hidden; }
.why_jh_left_copy p, .why_jh_left_copy h2{ padding:0 0 10px 18px; }
.why_jh_left_copy p a {color:#3E97A3;text-decoration:none;}
.why_jh_right_copy{ float:left; width:313px; height:auto; overflow:hidden; }
.why_jh_right_copy p, .why_jh_right_copy h2{ padding:0 0 10px 18px; }
.why_jh_right_copy p a {color:#3E97A3;text-decoration:none;}
.why_jh_resource{ margin:20px 0 0 0; height:75px; }
.why_jh_resource_img{ float:left; margin:0 18px 12px 0; width:128px; height:63px;border:1px solid #c6c6c5; }
.why_jh_resource_copy{ float:left; display:block; width:390px; }
.why_jh_resource_copy.margin_top {margin-top:6px;}
.why_jh_next_box{ clear:both; padding:15px 20px; margin:0 0 0 15px; width:828px; height:auto; color:#0894AD; background:#F5F6F1; }
.why_jh_next_box a:link, .why_jh_next_box a:active, .why_jh_next_box a:visited, .why_jh_next_box a:hover{
color:#0894AD; background:#F5F6F1; text-decoration:none; font-size:11px; }

/*********************************************************************************************************/
/* forms download */

.left_col_box_forms{ margin:0 0 10px; padding:0; width:643px; height:auto; 
color:#646464; background:#F5F6F1; border-top:4px solid #d5b18e; }
.forms_pop_downloads{ width:156px; height:18px; }
.forms_showing{ float:left; margin:0 0 7px 0; width:320px; height:17px; }
.forms_pagination{ float:right; margin:0 0 7px 0; width:323px; height:17px; text-align:right; }
.forms_pagination p{ float:right; }
.forms_pagination_list{ float:right; display:block; margin:0 5px; font-weight:bold; }
.forms_pagination_list li{ float:left; }
.forms_pagination_list li.divider{ background:url(../images/forms_pagination_divider.gif) right 3px no-repeat; }
.forms_pagination_list li p{ float:left; padding:0 4px 0 4px; }
.forms_pagination_list li a:link, .forms_pagination_list li a:visited, .forms_pagination_list li a:active, .forms_pagination_list li a:hover{
 padding:0 4px 0 4px; color:#0894AD; background:inherit; text-decoration:none; }
.forms_item{ float:left;  padding:11px 0 20px 14px; width:629px;   }
.forms_item_alt{ float:left;  padding:11px 0 20px 14px; width:629px; color:#646464; background:#fff; }
.forms_item_left{ float:left; width:496px;  }
.forms_item_right{ float:left; width:102px;  }
.forms_item h3 a:link, .forms_item h3 a:visited, .forms_item h3 a:active, .forms_item h3 a:hover,
.forms_item_alt h3 a:link, .forms_item_alt h3 a:visited, .forms_item_alt h3 a:active, .forms_item_alt h3 a:hover{
color:#0894AD; background:inherit; text-decoration:none; font-weight:bold;}
.forms_item p, .forms_item_alt p { width:475px; }
.forms_info{ float:left; margin:18px 7px 26px 0; width:18px; height:18px; border:0; }
.forms_item_right a:link, .forms_item_right a:visited, .forms_item_right a:active, .forms_item_right a:hover{
display:block; float:left; width:75px; margin:12px 0 0 0;color:#0894AD; background:inherit; text-decoration:none; }
.forms_last_item{ border-bottom:1px solid #E2E3DE; }

/* forms sort navigation */
.forms_sort_nav{ clear:both; display:block; margin:0 auto 14px auto; width:867px; height:40px;
background:url(../images/forms_sort_bg.gif) no-repeat;}
.forms_sort_nav li{ float:left; }

/* show all */
.forms_show_all_on:link, .forms_show_all_on:visited, .forms_show_all_on:active, .forms_show_all_on:hover{
display:block; float:left; margin:8px 0 0 9px; padding:3px 0 0 7px; width:70px; height:24px; color:#fff;
background:url(../images/forms_show_all.gif) no-repeat; text-decoration:none; }
.forms_show_all_off:link, .forms_show_all_off:visited, .forms_show_all_off:active{
display:block; float:left; margin:8px 0 0 9px; padding:3px 0 0 7px; width:70px; height:24px; color:#000;
background:inherit; text-decoration:none; }
.forms_show_all_off:hover{
display:block; float:left; margin:8px 0 0 9px; padding:3px 0 0 7px; width:70px; height:24px; color:#fff;
background:url(../images/forms_show_all.gif) no-repeat; text-decoration:none; }

/* forms */
.forms_forms_on:link, .forms_forms_on:visited, .forms_forms_on:active, .forms_forms_on:hover{
display:block; float:left; margin:8px 0 0 9px; padding:3px 0 0 7px; width:55px; height:24px; color:#fff;
background:url(../images/forms_forms.gif) no-repeat; text-decoration:none; }
.forms_forms_off:link, .forms_forms_off:visited, .forms_forms_off:active{
display:block; float:left; margin:8px 0 0 9px; padding:3px 0 0 7px; width:55px; height:24px; color:#000;
background:inherit; text-decoration:none; }
.forms_forms_off:hover{
display:block; float:left; margin:8px 0 0 9px; padding:3px 0 0 7px; width:55px; height:24px; color:#fff;
background:url(../images/forms_forms.gif) no-repeat; text-decoration:none; }

/* applications */
.forms_applications_on:link, .forms_applications_on:visited, .forms_applications_on:active, .forms_applications_on:hover{
display:block; float:left; margin:8px 0 0 9px; padding:3px 0 0 7px; width:93px; height:24px; color:#fff;
background:url(../images/forms_applications.gif) no-repeat; text-decoration:none; }
.forms_applications_off:link, .forms_applications_off:visited, .forms_applications_off:active{
display:block; float:left; margin:8px 0 0 9px; padding:3px 0 0 7px; width:93px; height:24px; color:#000;
background:inherit; text-decoration:none; }
.forms_applications_off:hover{
display:block; float:left; margin:8px 0 0 9px; padding:3px 0 0 7px; width:93px; height:24px; color:#fff;
background:url(../images/forms_applications.gif) no-repeat; text-decoration:none; }

/* brochures */
.forms_brochures_on:link, .forms_brochures_on:visited, .forms_brochures_on:active, .forms_brochures_on:hover{
display:block; float:left; margin:8px 0 0 9px; padding:3px 0 0 7px; width:79px; height:24px; color:#fff;
background:url(../images/forms_brochures.gif) no-repeat; text-decoration:none; }
.forms_brochures_off:link, .forms_brochures_off:visited, .forms_brochures_off:active{
display:block; float:left; margin:8px 0 0 9px; padding:3px 0 0 7px; width:79px; height:24px; color:#000;
background:inherit; text-decoration:none; }
.forms_brochures_off:hover{
display:block; float:left; margin:8px 0 0 9px; padding:3px 0 0 7px; width:79px; height:24px; color:#fff;
background:url(../images/forms_brochures.gif) no-repeat; text-decoration:none; }

/* fund fact sheets */
.forms_fact_sheets_on:link, .forms_fact_sheets_on:visited, .forms_fact_sheets_on:active, .forms_fact_sheets_on:hover{
display:block; float:left; margin:8px 0 0 9px; padding:3px 0 0 7px; width:124px; height:24px; color:#fff;
background:url(../images/forms_fact_sheets.gif) no-repeat; text-decoration:none; }
.forms_fact_sheets_off:link, .forms_fact_sheets_off:visited, .forms_fact_sheets_off:active{
display:block; float:left; margin:8px 0 0 9px; padding:3px 0 0 7px; width:124px; height:24px; color:#000;
background:inherit; text-decoration:none; }
.forms_fact_sheets_off:hover{
display:block; float:left; margin:8px 0 0 9px; padding:3px 0 0 7px; width:124px; height:24px; color:#fff;
background:url(../images/forms_fact_sheets.gif) no-repeat; text-decoration:none; }

/* prospectus books */
.forms_prospectus_on:link, .forms_prospectus_on:visited, .forms_prospectus_on:active, .forms_prospectus_on:hover{
display:block; float:left; margin:8px 0 0 9px; padding:3px 0 0 7px; width:126px; height:24px; color:#fff;
background:url(../images/forms_prospectus.gif) no-repeat; text-decoration:none; }
.forms_prospectus_off:link, .forms_prospectus_off:visited, .forms_prospectus_off:active{
display:block; float:left; margin:8px 0 0 9px; padding:3px 0 0 7px; width:126px; height:24px; color:#000;
background:inherit; text-decoration:none; }
.forms_prospectus_off:hover{
display:block; float:left; margin:8px 0 0 9px; padding:3px 0 0 7px; width:126px; height:24px; color:#fff;
background:url(../images/forms_prospectus.gif) no-repeat; text-decoration:none; }

/*********************************************************************************************************/
/* rollover now */

.roll_info_box{ margin:0 auto 13px auto; padding:0 0 14px 25px; width:807px; height:auto; color:#646464; background:#E6E7E3; }
.roll_info_box_left{ float:left; width:133px; height:auto; }
.roll_info_box_right{ float:left; width:674px; height:auto; }
.roll_info_box_right p{ padding:14px 0 0 0; }

.roll_step_1{ margin:14px 0 0 0; width:65px; height:24px; }
.roll_step_2{ margin:14px 0 0 0; width:68px; height:24px; }
.roll_step_3{ margin:14px 0 0 0; width:68px; height:24px; }
.roll_step_4{ margin:14px 0 0 0; width:69px; height:24px; }
.roll_step_5{ margin:14px 0 0 0; width:68px; height:24px; }
.roll_step_6{ margin:14px 0 0 0; width:68px; height:24px; }
.roll_step_7{ margin:14px 0 0 0; width:68px; height:24px; }

.roll_step_3_list{ margin:10px 0 0 14px; list-style-type:disc; }
.roll_step_3_list li{ margin:0 0 10px 0; }
.roll_step_3_requirements{ margin:0 0 0 36px; }

.roll_slider_wrap {
	margin: 20px 0 0 21px;
}
.roll_slider_wrap .roll_get_started_para {
	width: 348px;
	margin-bottom: 20px;
	font-size: 14px;
}
.roll_slider_container {
	margin-bottom: 20px;
}
.roll_slider_container .slider_bar {
	width: 306px;
	height: 19px;
	margin-left: 15px;
	background: url(../images/rollover_slider_bg.gif) no-repeat;
	position: relative;	
}

.roll_slider_container .slider_bar .slider_knob {
	width: 15px;
	height: 28px;
	background: url(../images/slider_handle_shadow.png) no-repeat !important;
	margin-bottom: 5px;
	background: url(../images/slider_handle_flat.gif) no-repeat;
	position: absolute;
	top: -4px;
}

/*********************************************************************************************************/
/* rollover now 02 02 */

.roll_header{ float:left; display:inline; margin:0 0 0 23px; color:#B2A660; background:inherit; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.roll_based_on_amount{ float:left; margin:0 0 10px 23px; width:434px; height:21px; }
.roll_change:link, .roll_change:visited, .roll_change:active, .roll_change:hover{
 float:left; margin:28px 0 0 8px; color:#0894AD; background:inherit; text-decoration:none; }
.roll_change_same_line:link, .roll_change_same_line:visited, .roll_change_same_line:active, .roll_change_same_line:hover{
float:left;  margin:5px 0 0 8px; color:#0894AD; background:inherit; text-decoration:none; }
.roll_complete{ clear:both; margin:5px 0 20px 23px; }
.roll_0202_box{ margin:0 auto 13px auto; padding:14px 0 7px 28px; width:811px; height:auto; color:#646464; background:#E6E7E3; }

/* number section */
.roll_0202_num{ float:left; padding:19px 0 0 0; width:52px; }
.roll_1{ width:16px; height:27px; }
.roll_2{ width:20px; height:27px; }
.roll_3{ width:20px; height:28px; }

/* center section */
.roll_0202_cen{ float:left; padding:19px 0 0 0; width:325px; }
.roll_0202_box a:link, .roll_0202_box a:visited, .roll_0202_box a:active, .roll_0202_box a:hover{
color:#0894AD; background:inherit; text-decoration:none; }
.roll_0202_top_para{ display:block; width:265px; height:51px; border-bottom:1px solid #CACACA; }
.roll_0202_bottom_para{ padding:14px 0 0 0; }

/* right section */
.roll_0202_right{ float:left; padding:0; width:434px; }
.roll_0202_app{ float:left; margin:0 10px 0 0; width:120px; height:146px; }
.roll_btn_download{ margin:15px 0 0 0; width:140px; height:31px; border:0; }
.roll_more_info{ margin:16px 0 0 0; width:94px; height:24px; border:0; }
.roll_right_para{ display:block; margin:0 0 0 11px; padding:0 0 20px 0; width:379px; height:auto; border-bottom:1px solid #CACACA; }
.roll_right_bottom_para{ padding:20px 0 26px 11px; }

.roll_or{ margin:0 0 0 15px; font-size:20px; font-weight:bold; color:#4598A4; background:inherit; }
.roll_contact_para{ margin:15px 0 15px 15px; }
.roll_phone{ margin:0 0 0 15px; width:391px; height:27px; }

/*********************************************************************************************************/
/* rollover 03 */

.roll_left_box{ float:left; width:460px; height:auto; }
.roll_top_para{ float:left; padding:0 0 27px 0; margin:0 0 0 21px; display:block; width:440px; border-bottom:1px solid #81AAB1; }
.roll_slider{ float:left; margin:21px 0 0 21px; width:439px; height:192px; }

.roll_right_box{ float:right; margin:0 21px 0 0; padding:21px 21px 30px 16px; width:287px; height:auto; background:#E6E7E3; color:#646464; }
.roll_before_begin{ width:142px; height:18px; }

.roll_before_list{ margin:18px 0 0 21px; list-style-image:url(../images/blue_checkmark.gif); }
.roll_before_list li{ margin:0 0 15px 0; }
.roll_before_list a:link, .roll_before_list a:visited, .roll_before_list a:active, .roll_before_list a:hover{
color:#0894AD; background:inherit; text-decoration:none; }

/*********************************************************************************************************/
/* deadfund */

/* rectangle tab nav */
.tabs{ clear:both; border-bottom:#deded8 4px solid;	display:block; margin:0px 15px 10px 15px; }
.tabs a{ display:block; height:22px; float:left; margin-right:4px; background:#f2f2ed; border-top:4px #fff solid;
padding:5px 10px 0px 10px; color:#00395a; text-decoration:none;	}
.tabs a:hover, .tabs a.on{ background:#deded8; border-top:4px #dcd087 solid; }
.right_col_btn_download{ margin:0 0 0 0; width:147px; height:36px; border:0; }
.right_col_nav_arrow{ float:right; margin:0 0 10px 0; padding:19px 20px 19px 17px; width:178px; height:auto; color:#fff; background:#325A6A; }

.right_col_nav_arrow li a:link, .right_col_nav_arrow li a:visited, .right_col_nav_arrow li a:active{
padding:10px 0 10px 0; color:#fff; background:inherit; text-decoration:none; display:block; width:178px; height:auto; border-bottom:1px solid #517380; }
.right_col_nav_arrow li.no-border a{border:none;}
.right_col_nav_arrow li a:hover{ color:#dcd087; }
.right_col_nav_arrow li img.outdent{ border:none; margin-left:-5px; }
img.phone_contact{ margin:15px 0px; }
.right_col_nav_arrow li.ready{ margin-top:15px;	}
a.sml_link{	color:#dcd087; font-size:10px; }

.deadfund_goal_strat{ width:168px; height:22px }
.deadfund_overview_para{ font-size:14px; line-height:19px; }

.deadfund_list{ float:left; display:inline; margin:0 14px 0 0; width:278px; height:auto; }
.deadfund_list li{ padding:10px 0; border-bottom:1px solid #D9DAD5; }
.deadfund_list li:hover{ background:#F2F3EE; }
.deadfund_list li h2{ margin:0 0 2px 0; }
.deadfund_list li a:link, .deadfund_list li a:visited, .deadfund_list li a:active, .deadfund_list li a:hover{
color:#0894AD; background:inherit; text-decoration:none; }


/*********************************************************************************************************/
/* rollover forms */
.rollform_left_col_box{ margin:0 0 10px; padding:3px 0 10px 0; width:643px; height:auto; 
color:#646464; background:#F5F6F1; border-top:4px solid #DCD087; }
.rollform_left{ float:left; width:257px; }
.rollform_right{ float:left; padding:20px 0 0 0; width:386px; }
.rollover_form_screen{ margin:3px 0 0 5px; width:226px; height:287px; }
.rollover_form_download{ margin:3px 0 0 15px; width:140px; height:31px; border:0; }
.rollform_app_link:link, .rollform_app_link:visited, .rollform_app_link:active, .rollform_app_link:hover{ 
padding:20px 0 0 0; color:#0894AD; background:inherit; text-decoration:none; }
.rollform_pdf_icon{ position:relative; top:5px; margin:0 5px 0 0; width:21px; height:20px; border:0; }
.rollform_instructions{ margin:5px 0 0 0; list-style-type:disc; list-style-position:inside; width:310px; }
.rollform_instructions li{ padding:0 0 5px 0; }
.rollform_download{ padding:0 0 21px 0; width:300px; }
.rollform_address{ padding:5px 0 21px 10px; width:300px; }

/*********************************************************************************************************/
/* override styles */
.no_border{ border:0; }
.no_list_image{ padding:0 0 21px 0; list-style-image:none; }


/*********************************************************************************************************/
/* comming soon page */
.comming_soon{
display:block;
margin:5% auto 0 auto;
width:620px; height:342px;
}

.comming_soon_para{ display:block; margin:0 auto; padding:0 0 5px 0; width:576px; height:auto; font-size:10px; line-height:11px; }
ul.bulleted {margin:5px 0 0 0;}
ul.bulleted li{background:url(../images/small_bullet_grey.gif) no-repeat 0 7px;padding:0 0 10px 15px;}
.hide{display:none;}
.options_content_block {padding:28px 0 26px;border-bottom:1px solid #dedfdc;width:574px;margin:0 0 0 15px;position:relative; }
.options_content_block .overlay {width:545px;position:absolute;top:-50px;left:-70px;*left:-40px;}
.options_content_block .overlay .top {width:545px;height:60px; background:url(../images/bg_overlay_bubble_top.png) no-repeat;}
.options_content_block .overlay .content {width:395px;padding:0 75px;background:url(../images/bg_overlay_bubble_content.png) repeat-y;position:relative;}
 
.options_content_block .overlay .btm {width:545px;height:66px; background:url(../images/bg_overlay_bubble_btm.png) no-repeat;}
.options_content_block .overlay a img {border:none;}
.options_content_block .overlay .content p.small_print {font-size:10px;margin:0;}
.options_content_block .overlay .content a.close_trigger {display:block;position:absolute;right:80px;height:16px;width:16px;background:url(../images/btn_close_x.gif) no-repeat;} 
.options_content_block .overlay .content a.close_trigger:hover {background-position:0 -16px;}
.options_content_block .overlay .content img.arrow {display:block;position:absolute;right:42px;top:40px;}
.options_content_block img.title {margin:0 0 10px 0;display:block;}
.options_content_block p {margin:0 0 13px 0;}
.options_content_block p.margin_top {margin-top:7px;}
.options_content_block.first {padding-top:0;}
.options_content_block.last {border:none;}
.options_content_block.background {border:none;background:#e6e7e3;padding:15px 0 20px 23px;margin-bottom:15px;}
.options_content_block.background .content-col {width:385px;float:left;margin:10px 0 0 0;}
.options_content_block img.float {display:block;float:left;margin:0 22px 0 0;}
.options_content_block a {color:#0894AD;text-decoration:none;}

.two_col_content_block {width:597px;background:#e6e7e3;padding:27px 0 25px 17px;margin:0 0 28px 0;}
.two_col_content_block h2 {margin:0 0 22px 0;}
.two_col_content_block .col_1 {width:228px;float:left;margin:0 60px 0 0;}
.two_col_content_block .col_1 img {border:1px solid #d8d9d6;}
.two_col_content_block .col_2 {width:272px;float:left;}

.two_col_content_block .col_2 p {font-size:11px;margin:28px 0 0 0;}

.two_col_content_block .col_2 p a {color:#0894ad;text-decoration:none;}

.why_jh_resource h3 a {color:#0894AD;text-decoration:none;}

/** Needed for the article page */
.options_content_block2 {padding:0px;width:574px;margin:0px;position:relative; }
.options_content_block2 .overlay {width:545px;position:absolute;top:-110px;left:-40px;*left:-40px;}
.options_content_block2 .overlay .top {width:545px;height:60px; background:url(../images/bg_overlay_bubble_top.png) no-repeat;}
.options_content_block2 .overlay .content {width:395px;padding:0 75px;background:url(../images/bg_overlay_bubble_content.png) repeat-y;position:relative;}
.options_content_block2 .overlay .btm {width:545px;height:66px; background:url(../images/bg_overlay_bubble_btm.png) no-repeat;}
.options_content_block2 .overlay a img {border:none;}
.options_content_block2 .overlay .content p.small_print {font-size:10px;margin:0;}
.options_content_block2 .overlay .content a.close_trigger {display:block;position:absolute;right:80px;height:16px;width:16px;background:url(../images/btn_close_x.gif) no-repeat;} 
.options_content_block2 .overlay .content a.close_trigger:hover {background-position:0 -16px;}
.options_content_block2 .overlay .content img.arrow {display:block;position:absolute;right:22px;top:40px;}
.options_content_block2 img.title {margin:0 0 10px 0;display:block;}
.options_content_block2 p {margin:0px;}
.options_content_block2 p.margin_top {margin-top:7px;}
.options_content_block2 img.float {display:block;float:left;margin:0 22px 0 0;}
.options_content_block2 a {color:#0894AD;text-decoration:none;}