/*
-----------------------------------------------
Term Life Insure - Base Styles
Version:  Dec. 7, 2006
----------------------------------------------- */
/* Change Log:
Created Dec. 7, 2006
Dec. 8 2006: added * html to apply the bullet bug fix only to
     IE to fix Opera navigation bug
Dec. 8, 2006. Set to Position Relative Cotaining block, then 
set to position absolute elemente inside that containing block so 
that it doesn't move when more stuff is added.
Dec 19, 2006: edited style for homepage image (#home-term-life-insure-couple) to move to the right side
			  center form paragraphs
			  increased min-height for left box
Dec 20, 2006: changed link hover colors
							replaced red triangles with orange ones
Jan 3, 2007: changed font color
January 15, 2007: added styles for pop-up pages (cz)
----------------------------------------------- */
/* Default Styles
----------------------------------------------- */
body { 
padding: 0; 
margin: 0; 
font: 13px Arial, sans-serif; 
line-height: 1.5em;
background: #cfe4aa;
color: #676767; 
}
table { border-collapse: collapse; }
p { 
margin-top: 10px; 
}
ul { 
margin: 10px; 
padding: 0; 
}
li {

}

/* Added 4 October 2004  - stop WinIE6 from calculating width of
italicized text twice, thereby wrecking layout
Jan 3, 2007: Changed h1, h2 sizes and font color.
----------------------------------------------- */
* html em {
font-style: normal;
font-weight: bold;
}
/* Links 
----------------------------------------------- */
a { color: #36b; outline: none; }
a:hover { color: #f90; }
/* Titles 
----------------------------------------------- */
h1 { font: bold 1.9em Arial, Sans-Serif; letter-spacing: -1px; padding: 0; margin: 0; color: #676767; }
h1 a, h2 a, h3 a { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover { color: #FF6600; background: inherit; }
h2 { color: #676767; margin: 0; padding: 0; font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; }
h2 { font-size: 1.3em; margin-bottom: 5px; margin-top: 10px; color: #676767; background: inherit; }
h3 { margin: 0; padding: 0; font: bold 1.4em Arial, Sans-Serif; letter-spacing: -1px;}
h3 { font-size: 1.2em; margin-bottom: 5px; margin-top: 10px; color: #777; background: inherit; }
h4 { font-size: 1.1em; margin: 0; color: #777; background: inherit; }


/* Navigation 
----------------------------------------------- */
#nav{
z-index: 9;
}
.nav_button, .nav_button:visited {
height:36px;
position:relative !important;
}
#nav1-term-life-insurance, #term-life-insurance_button, #term-life-insurance_button:visited {
width:91px;
}
#nav2-faqs, #faqs_button, #faqs_button:visited {
width:91px;
}
#nav3-insurance-carriers, #insurance-carriers_button, #insurance-carriers_button:visited {
width:91px;
}
#nav4-articles, #articles_button, #articles_button:visited {
width:91px;
}
#nav5-request-a-quote, #request-a-quote_button, #request-a-quote_button:visited {
width:91px;
}

/*-- SPAN 
----------------------------------------------- */

#nav li h1 a, #nav li h1 span {
text-indent:-10000px;
}

.nav_button span, .nav_button:visited span {
display:block;
height:36px;
width:100%;
position:absolute;
left:0;
top:0;
z-index:1;
background-repeat:no-repeat;
}

/*-- Top Nav button images  
----------------------------------------------- */
#term-life-insurance_button span, #term-life-insurance_button:visited span {
background-image:url(images/nav1-term-life-insurance.gif);
}
#faqs_button span, #faqs_button:visited span {
background-image:url(images/nav2-faqs.gif);
}
#insurance-carriers_button span, #insurance-carriers_button:visited span {
background-image:url(images/nav3-insurance-carriers.gif);
}
#articles_button span, #articles_button:visited span {
background-image:url(images/nav4-articles.gif);
}
#request-a-quote_button span, #request-a-quote_button:visited span {
background-image:url(images/nav5-request-a-quote.gif);
}

/*-- BACKGROUND POSITIONING  
----------------------------------------------- */
.nav_button span, .nav_button:visited span {
background-position:0 0;
}
.nav_button:hover span, .nav_button:focus span, .nav_button:visited:hover span, .nav_button.oiarsoR span, .nav_button.oiarsoR:visited span, .nav_button:active span {
background-position:0 -36px;
}
.nav_buttonOn span, .nav_buttonOn:visited span {
display:block;
height:36px;
width:100%;
position:absolute;
left:0;
top:0;
z-index:1;
background-repeat:no-repeat;
}
.nav_buttonOn span, .nav_buttonOn:visited span {
background-position:0 -36px;
}
.nav_buttonOn, .nav_buttonOn:visited {
height:36px;
position:relative !important;
}
.nav_buttonOn:hover span, .nav_buttonOn:focus span, .nav_buttonOn:visited:hover span, .nav_buttonOn.oiarsoR span, .nav_buttonOn.oiarsoR:visited span, .nav_buttonOn:active span {
background-position:0 -36px;
}

/* Layout Home
----------------------------------------------- */
#home .top_info_right {

display: none;
}
.home-left {
float: left;
width: 184px;
margin: 0 0 10px 0;
}
.home-right {
float: right;
width: 596px;
margin-top: 12px;
padding: 0;
}
.home_right_box { 
padding: 0 14px;
min-height: 353px;
}
.home-life-insurance-quote-box {
position: relative;
background:#cfe4aa url("images/home-quote-box.jpg") no-repeat top;
height: 395px;
}
#home-get-a-life-term-quote {
position: absolute;
bottom: 20px;
left: 22px;
}

#home-term-life-insure-couple {
float: right;
padding: 5px 10px;
}

#home-life-insurance-quote fieldset { 
border: none; 
}
#home-life-insurance-quote label {
font-weight: bold;
}
.home-life-insurance-quote-box #zip-code {
position: absolute;
top: 300px;
left: 26px;
}
/* Layout
----------------------------------------------- */
#logo {
position: relative;
top: 19px;
left: 6px;
width: 192px;
margin-right: 2px;
}
.content { 
margin: 0 auto;
width: 780px;
padding: 0px; 
}
.header { 
background:transparent url("images/bg_page_topright.gif") no-repeat top;
height: 99px;
margin: 0;
padding: 0;
}
.top_info {
float: right;
width: 580px;
height: 80px;
margin-top: 19px;
}
.top_info_left {
display: inline;
width: 457px;
padding-top: 44px;
float: left;
}
.top_info_right {
display: inline;
float: right;
width: 94px;
padding: 3px 29px 0 0;
margin-right: 0;
margin-top: 0;
}
/* Left side
----------------------------------------------- */
.left {
float: left;
width: 596px;
margin-top: 12px;
padding: 0;
}
.left_box { 
padding: 0 14px;
}
#form .left_box p { 
padding: 0 14px;
text-align: center;
}
.left_side {
float: left;
width: 180px;
padding: 0 0 0 10px;
margin: 10px 0;
}
/* Left Content
----------------------------------------------- */
#page {
background:#fff url("images/bg_pg_content.gif") no-repeat top;
margin:0 auto;
padding-top:20px;
width: 596px;
text-align:left;
}
#page-a {
background:url("images/bg_page_right.gif") repeat-y right top;
width:596px;
}
#page-b {
background:url("images/bg_page_bot.gif") no-repeat bottom;
padding-bottom: 22px;
width:596px;
}
#pagesmall {
background:#fff url("images/bg_pg_content_small.gif") no-repeat top;
margin:0 auto;
padding-top:20px;
width: 179px;
text-align:left;
}
#page-a-small {
background:url("images/bg_page_right.gif") repeat-y right top;
width:179px;
}
#page-b-small {
background:url("images/bg_page_bot_small.gif") no-repeat bottom;
padding-bottom: 22px;
width:179px;
}
.box2 {
padding:0 10px 5px 10px;
}
.left h3 {
clear: both;
background: #A9C0CE url(corner.gif) no-repeat top right;
color: #FFF;
padding: 7px 0 7px 5px;
font: bold 1em Tahoma, Arial, Sans-Serif;
margin: 0 0 0px 0;
}
.left_side a, .right_side a { 
color: #36b; 
background: #fff; 
}
#disclaimer {
padding-top: 20px;
font-size: 0.8em;
text-align:left
}
#ratings-disclaimer {
padding-top: 10px;
padding-bottom: 10px;
font-style: italic;
font-size: 11px;
color: #666666
}

/* Right side
----------------------------------------------- */
.right {
float: right;
width: 184px;
margin: 0 0 10px 0;
}
.right_side {
float: right;
width: 220px;
background: #FFF url(dotted.gif) repeat-y;
color: #414141;
padding: 0 0 0 40px;
margin: 10px 0;
}
.right h3 {
background: #6C757A  url(corner.gif) no-repeat top right;
color: #FFF;
padding: 7px 0 7px 5px;
font: bold 1em Tahoma, Arial, Sans-Serif;
margin: 0 0 3px 0;
}
.right_articles {
background: #f5f5f5;
color: #414141;
padding: 8px;	
margin: 0 0 3px 0;
}
/* Right side - Quote box
----------------------------------------------- */
.life-insurance-quote-box {
position: relative;
background:#cfe4aa url("images/quote-box.gif") no-repeat top;
height: 251px;
}
#get-a-life-term-quote {
position: absolute;
bottom: 20px;
left: 22px;
}
#term-life-insure-couple {
float: left;
padding-right: 10px;
}
#life-insurance-quote fieldset { border: none;}
#life-insurance-quote label {
font-weight: bold;
}
#zip-code {
position: absolute;
top: 157px;
left: 26px;
}

/* Footer
----------------------------------------------- */
.footer { 
background: transparent url("images/bg_page_footer.gif") no-repeat top;
clear: both;
font-size: 0.8em;
height: 52px;
margin: 10px 0;
padding-top: 15px;
text-align: center;
color: #313023;
}
.footer a { color: #003300; letter-spacing:.1em; text-transform:uppercase; text-decoration: none; }
.footer a:hover { color: #36b; text-decoration: underline; }

/* Copyright
----------------------------------------------- */
#copyright {
padding-right: 20px;
margin-top: -10px;
text-align: right;
color: #313023;
font-size: 0.8em;
}

/* pop-up style
----------------------------------------------- */
td.footer {
	font-size: 1em;
	background:#fff;
	height:25px;
	color: #676767;
	padding-bottom:15px; 
}

td.close_link {
	text-align:right; 
	background: #fff;
	padding: 15px;
	height:25px;
	font-size: 11px;
	vertical-align:bottom;
}

td.white {
	background: #fff;
}

td.pop_content {
	padding:15px;
	background:#fff;
}

td.spacer {
	height:10px;
}

td.logo {
	text-align:left;
	padding-bottom:0px;
}

body#pop_up{
	margin:15px;
}

/* Hacks
----------------------------------------------- */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */