/* RESET CSS */
body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* FONTS CSS */
body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}


#wrap { margin: 0 auto; width: 760px; background: url(/images/bg.jpg) no-repeat; position: relative; }

#main { padding-top: 145px; }

#footer { color: #3177bc; font-size: 0.7em; text-align: center; clear: both; }
#footer a { color: #3177bc; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer p { padding-top: 10px; }
#footer p.risk { font-size: 12px;}

.risk { text-transform: uppercase; text-align: center; font-weight: bold;}

#skip_to_content, #search_l, #header h1 { display: none; }
#search_q { position: absolute; width: 130px; border: 0; top: 43px; right: 68px; }
#search_s { position: absolute; right: 22px; top: 49px; display: block; border: 0; background-color: transparent; width: 45px; cursor: pointer; text-align: left; padding: 3px 5px 10px 5px; color: #fff; }

#header {position: relative;}

#header a {
  color: #2067b2; 
  text-decoration: none;
  font-weight: bold;
  font-size: 85%; 
  position: absolute;
  top: 114px;
}
#header a:hover { color: #fff; }

#header #home {
  position: absolute;
  display: block;
  width: 200px;
  height: 100px;
  top: 0px;
}

#header #home span {display: none;}

#menu_ho { left: 324px; }
#menu_li { left: 387px;}
#menu_ne { left: 510px; }
#menu_pr { left: 578px;}
#menu_ca { left: 560px;}
#menu_co { left: 667px;}

#breadcrumbs {color: #2066b1; font-size: 80%; margin-bottom: 10px;}
#breadcrumbs a {color: #2066b1; font-weight: bold; text-decoration: none; text-transform: uppercase;}
#breadcrumbs a:hover {text-decoration: underline;}

#ico {
  position: relative; width: 445px; height: 374px; margin-left: 25px;
  background: url(/images/ico.png) no-repeat;
}

.left_menu { width: 108px; float: left; }
.left_menu a { display: block; height: 62px; text-decoration: none; background-repeat: no-repeat; }
.left_menu a:hover { background-position: bottom left; }
.left_menu a span { display: none; }

#main h1 {
  color: #2066b1;
  font-size: 30px;
  font-family: "Myriad Roman", Arial;
  margin-bottom: 10px;
}

#main h2, #main h3 { color: #5988bc }
#main h2 { font-size: 140%; margin: 10px 0;}
#main h3 { font-size: 120%; }


#main p {
  font-family: arial;
  color: #2066b1;
}

.content { margin-left: 130px;}

#errors {border: 2px solid red; margin-bottom: 10px; padding: 8px 20px;}
#errors ul {padding-top: 5px;color: #2066b1;}
#errors ul li {list-style: disc inside;}

#submenu a span {display: none;}
#submenu .life-insurance {background: url(/images/menu/insurance/life_insurance.gif) no-repeat;}
#submenu .level-term {background: url(/images/menu/insurance/level_term_assurance.gif) no-repeat;}
#submenu .mortgage-protection {background: url(/images/menu/insurance/mortgage_protection.gif) no-repeat;}
#submenu .decreasing-term-assurance {background: url(/images/menu/insurance/decreasing_term_assurance.gif) no-repeat;}
#submenu .family-income-benefit {background: url(/images/menu/insurance/family_income_benefit.gif) no-repeat;}
#submenu .individual-critical-illness {background: url(/images/menu/insurance/individual_critical_illness.gif) no-repeat;}
#submenu .critical-illness {background: url(/images/menu/insurance/critical_illness.gif) no-repeat;}
#submenu .life-policies {background: url(/images/menu/insurance/life_policies.gif) no-repeat;}
#submenu .group-life-insurance {background: url(/images/menu/insurance/group_life_insurance.gif) no-repeat;}
#submenu .group-income-protection {background: url(/images/menu/insurance/group_income_protection.gif) no-repeat;}
#submenu .group-critical-illness-insurance {background: url(/images/menu/insurance/group_critical_illness_insurance.gif) no-repeat;}
#submenu .group-private-medical-insurance {background: url(/images/menu/insurance/group_private_medical_insurance.gif) no-repeat;}

#consumer_menu a {
  display: block;
  width: 147px;
  height: 87px;
  float: left;
  margin: 0 0 5px 0;
}

#consumer_menu a span {display: none}
#consumer_menu a {background-position: top left; margin: 4px;}
#consumer_menu a:hover {background-position: bottom left;}

#homepage h2 {
  background: url('/images/header_homepage.png') no-repeat top center;
  height: 23px;
  margin: 8px 0;
}

#homepage h2 span {
  display: none;
}

#homepage .intro { float: right; width: 250px;}

#homepage .intro form {
  text-align: right;
  padding-right: 12px;
}

#homepage .intro .formRow {padding: 10px 2px 0 0;}
#homepage .intro .submitRow { margin: 5px 0 20px 0;}
#homepage .intro p {
  margin-bottom: 12px;
  font-family: arial;
  font-size: 11px;
  line-height: 150%;
}

.fieldWithErrors input, .fieldWithErrors textarea {border: 2px solid red}

form .formRow { padding: 1px 0;}
form .formRow label {display: block; float: left; width: 120px;}
form .formRow input { width: 300px;}
form .formRow textarea { width: 300px; height: 150px;}

ul.search_results li {padding-bottom: 12px; width: 500px;}
ul.search_results li a {color:#0000CC;}
ul.search_results li span a {color: green; font-size: 11px; text-decoration: none;}
ul.search_results li span a:hover {text-decoration: underline;}
ul.search_results li p {margin: 2px 0;}

.flash {
  border: 1px solid red;
  height: 100px;
  width: 100%;
  margin-bottom: 10px;
  display: block;
}









.content #quote {
  position: relative;
  height: 664px;
  margin-left: -10px;
  padding: 30px 0 0 20px;
}

.content.light_blue #quote {background: url(/images/background_quote_light_blue.jpg) no-repeat;}
.content.medium_blue #quote {background: url(/images/background_quote_medium_blue.jpg) no-repeat;}
.content.dark_blue #quote {background: url(/images/background_quote_dark_blue.jpg) no-repeat;}
.content.green #quote {background: url(/images/background_quote_green.jpg) no-repeat;}
.content.grey #quote {background: url(/images/background_quote_grey.jpg) no-repeat;}
.content.pink #quote {background: url(/images/background_quote_pink.jpg) no-repeat;}
.content.salmon #quote {background: url(/images/background_quote_salmon.jpg) no-repeat;}
.content.turquoise #quote {background: url(/images/background_quote_turquoise.jpg) no-repeat;}
.content.yellow #quote {background: url(/images/background_quote_yellow.jpg) no-repeat;}
.content.purple #quote {background: url(/images/background_quote_purple.jpg) no-repeat;}
.content.red #quote {background: url(/images/background_quote_red.jpg) no-repeat;}
.content.orange #quote {background: url(/images/background_quote_orange.jpg) no-repeat;}

.content #quote .information {
  position: absolute;
  width: 223px;
  height: 300px;
  top: 20px;
  left: 390px;
}

.content #quote .information h1 {
  color: #fff;
  font-size: 20px;
  padding-left: 10px;
}

.content #quote .information .short {
  height: 256px;
  overflow: hidden;
}

.content #quote .information p {
  color: #fff;
  font-size: 10px;
  margin-top: 10px;
  padding-left: 10px;
}

.content #quote .information a {
  color: #fff;
  text-align: right;
  text-decoration: none;
  display: block;
  padding-right: 5px;
}

.content #quote .information img {
  margin-top: 30px;
}

.content #quote .information a:hover {
  text-decoration: underline;
}

.content #quote h2 {
  color: #276eb7;
  font-size: 15px;
  font-weight: bold;
}

.content #quote .interior {
  width: 352px;
  height: 510px;
  padding-right: 13px;
  text-align: justify;
}

.content #quote form .formRow label {
  color: #276eb7;
  width: 125px;
  font-size: 11px;
  padding-top: 2px;
}

.content #quote form .formRow input {
  width: 200px;
}

.content #quote form p {
  color: #276eb7;
  font-size: 11px;
  margin: 30px 0 10px 0;
}

.content #quote form table {margin-bottom: 20px;}

.content #quote form table td {
  width: 33%;
  padding: 3px 0;
}

.content #quote form table label{
  color: #276eb7;
  font-size: 11px;
}

.content #quote form .termsRow {
  padding: 5px 0;
}

.content #quote form .termsRow label {
  color: #276eb7;
  font-size: 11px;
}

#quote .footer {
  position: absolute;
  top: 562px;
  left: 23px;
  width: 360px;
  font-size: 11px;
}

#quote .footer p, #quote .footer a {color: #fff;}


.content h1 {
  color: #2066b1;
  font-size: 30px;
  font-family: "Myriad Roman", Arial;
  margin-bottom: 10px;
}
.content h2, .content h3 { color: #5988bc }
.content h2 { font-size: 140%; margin: 10px 0;}
.content h3 { font-size: 120%; }


.content p {
  font-family: arial;
  color: #2066b1;
  font-size: 13px;
}


.content h1 {margin-bottom: 0; font-family: arial;}
.content p {margin-bottom: 10px;}
.content ul {margin: 5px 0;}
.content ul li, .content ol li {
  color: #2066b1;
  font-weight: bold;
  font-size: 12px;
  padding: 2px 0;
}

.content ul li {
  list-style: disc inside;
}

.content ol li {
  list-style: decimal inside;
}

.content img {padding: 10px;}

#submenu { 
  margin: 20px 0 10px 0;
}

#submenu ul li {
  list-style: none inside;
  padding: 0;
  float: left;
}

#submenu a {
  display: block;
  width: 120px;
  height: 59px;
  margin: 0 4px 5px 0;
  padding: 0;
}

#submenu a img {
  padding: 0;
}

.content strong {
  font-weight: bold;
}

.moreInfo {
  margin-top: 20px;
  height: 215px;
  width: 630px;
  position: relative;
  background: url(/images/quote_banner.gif) no-repeat;
} 

.moreInfo h2, .moreInfo p {
  display: none;
}

.moreInfo select {
  position: absolute;
  top: 100px;
  left: 465px;
  width: 140px;
}

.moreInfo input {
  position: absolute;
  top: 130px;
  left: 465px;
}


.content #prod {
  position: relative;
  height: 664px;
  margin-left: -10px;
  padding: 130px 0 0 20px;
}

.content.light_blue #prod {background: url(/images/background_prod_light_blue.jpg) no-repeat;}
.content.medium_blue #prod {background: url(/images/background_prod_medium_blue.jpg) no-repeat;}
.content.dark_blue #prod {background: url(/images/background_prod_dark_blue.jpg) no-repeat;}
.content.green #prod {background: url(/images/background_prod_green.jpg) no-repeat;}
.content.grey #prod {background: url(/images/background_prod_grey.jpg) no-repeat;}
.content.pink #prod {background: url(/images/background_prod_pink.jpg) no-repeat;}
.content.salmon #prod {background: url(/images/background_prod_salmon.jpg) no-repeat;}
.content.turquoise #prod {background: url(/images/background_prod_turquoise.jpg) no-repeat;}
.content.yellow #prod {background: url(/images/background_prod_yellow.jpg) no-repeat;}
.content.purple #prod {background: url(/images/background_prod_purple.jpg) no-repeat;}
.content.red #prod {background: url(/images/background_prod_red.jpg) no-repeat;}
.content.orange #prod {background: url(/images/background_prod_orange.jpg) no-repeat;}

.content #prod .information {
  position: absolute;
  width: 223px;
  height: 300px;
  top: 20px;
  left: 390px;
}

.content #prod .information h1 {
  color: #fff;
  font-size: 20px;
  padding-left: 10px;
}

.content #prod .information .short {
  height: 256px;
  overflow: hidden;
}

.content #prod .information p {
  color: #fff;
  font-size: 10px;
  margin-top: 10px;
  padding-left: 10px;
}

.content #prod .information a {
  text-indent: -3000px;
  position: absolute; 
  top: 250px; left: 90px; width: 140px;
}

.content #prod .information img {
  margin-top: 30px;
}

.content #prod .information a:hover {
  text-decoration: underline;
}

.content #prod h2 {
  color: #276eb7;
  font-size: 15px;
  font-weight: bold;
}

.content #prod .interior {
  width: 347px;
  height: 410px;
  padding-right: 18px;
  text-align: justify;
}
.content #prod form .formRow label {
  color: #276eb7;
  width: 125px;
  font-size: 11px;
  padding-top: 2px;
}

.content #prod form .formRow input {
  width: 200px;
}

.content #prod form p {
  color: #276eb7;
  font-size: 11px;
  margin: 30px 0 10px 0;
}

.content #prod form table {margin-bottom: 20px;}

.content #prod form table td {
  width: 33%;
  padding: 3px 0;
}

.content #prod form table label{
  color: #276eb7;
  font-size: 11px;
}

.content #prod form .termsRow {
  padding: 5px 0;
}

.content #prod form .termsRow label {
  color: #276eb7;
  font-size: 11px;
}

#prod .footer {
  position: absolute;
  top: 562px;
  left: 110px;
  width: 340px;
  font-size: 11px;
}

#prod .footer p, #prod .footer a {color: #fff;}

#ptfs_iframe {
  width: 390px;
  border: none;
  height: 550px;
  overflow: hidden;
  position: absolute;
  top: 1px;
  left: 1px;
  padding: 0;
}

#contact {
  background: url(/images/background_contact.jpg) no-repeat;
  width: 486px;
  padding: 0 20px 10px 130px;
  margin-left: 120px;
}

#contact p {font-size: 11px; margin-bottom: 10px;}

#contact h2 {
  margin: 0;
  height: 235px;
}

#contact h2 span {display: none;}

#contact .address {
  float: right;
  width: 150px;
  padding-left: 25px;
  font-size: 13px;
  color: #2268b3;
}

#contact .address address {
  margin-bottom: 12px;
}

#contact .address p {font-size: 13px;}

#contact h3 {
  color: #b8892d;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}

#contact form {
  width: 300px;
}

#contact form label {
  color: #2268b3;
  font-size: 11px;
  float: left;
  display: block;
  width: 120px;
  padding-right: 10px;
  text-align: right;
}

#contact form .formRow input {
  width: 160px;
}

#contact form .formRow textarea {
  width: 160px;
  height: 90px;
}

#careers {
  background: url(/images/background_careers.gif) no-repeat;
  margin-left: 150px;
}

#careers h1 {
  height: 200px;
}

#careers h1 span {
  display: none;
}

#careers .news h2 {
  display: none;
}

#careers .news ul li {
  text-align: right;
  font-size: 10px;
  padding-bottom: 10px;
}

#careers .news li p {
  color: #676f64;
  line-height: 140%;
}

#careers .news li p a {
  color: #676f64;
}

#careers .news ul li span.date {
  color: #024181;
  font-weight: bold;
}

#careers .news ul li span.title {
  font-size: 10px;
}

#careers .news {
  border-right: 1px solid #dfccc9;
  width: 221px;
  padding: 0 18px;
  float: left;
}

#careers .right {
  margin-left: 260px;
  /*margin-top: -70px;*/
  padding: 0 18px;
  border-right: 1px solid #e5e5e5;
  background: url(/images/background_careers_right.jpg) no-repeat bottom right;
}

#careers .right p {
  color: #9e9e9e;
  font-size: 10px;
}

#careers .right a {
  color: #435259;
  font-size: 10px;
}

#careers .right h2 {
  font-size: 26px;
  color: #000;
  font-family: "Times new Roman", times, serif;
  font-weight: bold;
}

#careers .right img {
  border: 1px solid #a3a3a3;
  float: left;
  margin-right: 10px;
}

#careers .right h4 {
  color: #024181;
  font-weight: bold;
  font-size: 12px;
}

#careers .right h3 {
  font-size: 11px;
  color: #660e00;
  font-weight: bold;
  margin-top: 7px;
}

#careers .bottom {
  background: url(/images/careers_bottom.gif) no-repeat;
  margin-top: 10px;
  height: 163px;
}

#news {
  margin-left: 120px;
}

#news h1 {
  height: 173px;
  margin-bottom: 20px;
  background: #fff url(/images/h1_news.gif) no-repeat;
}

#news h1 span {
  display: none;
}

#news h2 {
  color: #d7441f;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 17px;
  padding: 0 0 0 28px;
  background: #fff url(/images/bullet_news_heading.gif) no-repeat 0px 0px;
  border-bottom: 3px solid #c2cfd8;
}

#news ul.news {
  padding-bottom: 10px;
}

#news .rss {
  width: 250px;
  float: left;
}

#news ul li {
  padding-bottom: 5px;
  color: #5b645b;
}

#news ul li p {
  color: #5b645b;
}

#news ul li h4 a {
  text-decoration: none;
  color: #4176b3;
  font-weight: bold;
}

#news ul li h4 a:hover {
  text-decoration: underline;
}

#news .links {
  margin-left: 270px;
}

#news .links img {
  float: left;
}

#news .links .interior {
  margin-left: 120px;
  padding-top: 3px;
}