/* Whitespace CSS Document */
body
{
margin				: 0px;
padding				: 0px;
font-family			: Verdana;
font-size 			: 100%;
background-color 	: #FFFFFF;
color				: #3E3E3E;
}

form
{
margin-top		: 0px;
margin-bottom	: 0px;
}

a
{
font-weight		: bold;
color			: #333333;
}

span.red
{
color			: #FF0000;
}

#homecalculator
{
z-index				: 10;
position			: absolute;
top					: 245px;
left				: 30px;
width				: 270px;
height				: 220px;
/*background-color	: #FF0000;*/
}

#calculator
{
z-index				: 10;
position			: absolute;
top					: 165px;
left				: 33px;
width				: 270px;
height				: 220px;
/*background-color	: #FF0000;*/
}

#hold
{
margin				: 0px 0px 0px 0px;
padding				: 0px;
/*Absolute below is for IE5 bug */
position			: relative;
width				: 796px;
left				: 50%;
margin-left			: -398px;
background-color	: #FFFFFF;
background-image	: url(img_common/bg_hold.gif);

}

#center
{
position			: relative;
/*background-color	: #FF0000;*/
width				: 760px;
margin-left			: 18px;
margin-right		: 18px;
}

#header
{
width				: 700px;
position			: relative;
height				: 78px;
background-color	: #0C2E82;
padding				: 15px 40px 4px 20px;
font-size 			: 65%;
color				: #FFFFFF;
}

#login
{
position			: relative;
display				: inline;
float				: left;
margin-top			: 8px;
margin-left			: 8px;
}

#logo
{
position			: relative;
float				: right;
}

#logo p
{
margin:0px;
font-weight:bold;
padding-top:2px;
font-size:125%;
}


input.log, input.pass
{
width				: 100px;
font-family			: Verdana;
font-size 			: 100%;
margin				: 3px 5px 3px 0px;
border				: 1px solid #0C2E82;
}

input.login
{
width				: 30px;
font-family			: Verdana;
font-size 			: 100%;
margin				: 3px 5px 3px 0px;
background-color	: #0C2E82;
color				: #FFFFFF;
border				: 0px solid #0C2E82;
vertical-align		: middle;
font-weight			: bold;

}

input.applyLink
{
width				: 50px;
font-family			: Verdana;
font-size 			: 100%;
margin				: 3px 5px 3px 0px;
background-color	: #FF0000;
color				: #FFFFFF;
border				: 0px solid #0C2E82;
vertical-align		: middle;
font-weight			: bold;
}

#homelogin
{
height		: 20px;
margin		: 0px;
width		: 50px;
}

/*Top Nav*/
#topnav
{
width				: 712px;
position			: relative;
padding				: 10px 20px 10px 28px;
font-size 			: 75%;
color				: #FFFFFF;
background-image	: url(img_common/bg_nav.gif);
background-repeat	: repeat-x;
}

#nav
{
list-style-type		: none;
margin				: 0;
padding				: 0;
}

ul#nav li a:link, ul#nav li a:visited
{
font-weight		: normal;
color			: #FFFFFF;
text-decoration	: none;
}

ul#nav li a:hover
{
color			: #FFFFFF;
text-decoration	: underline;
}

ul#nav li
{
display				: inline;
margin-right		: 8px;
}

/*Sub Nav*/
#subnav
{
width				: 712px;
position			: relative;
padding				: 6px 20px 6px 28px;
font-size 			: 75%;
background-color	: #EEEEEE;
border-bottom		: 1px solid  #0C2E82;
}

#subnavs
{
list-style-type		: none;
margin				: 0;
padding				: 0;
}

ul#subnavs li a:link, ul#subnavs li a:visited
{
font-weight 	: normal;
color			: #0C2E82;
text-decoration	: none;
}

ul#subnavs li a:hover
{
color			: #0C2E82;
text-decoration	: underline;
}

ul#subnavs li
{
display				: inline;
margin-right		: 15px;
}

#hometop
{
position			: relative;
width				: 760px;
/*background-color	: #FF0000;*/
height				: 165px;
background-image	: url(img_common/home_top2.gif);
background-repeat	: no-repeat;
}

h1.home
{
display				: none;
font-size:12px;
}

#h1-homebottom{
font-size:12px;
text-align: center;
margin: 8px 0 0 0;
padding:0;
}

h2.home
{
display				: none;
}

#homemiddle
{
position			: relative;
width				: 760px;
background-color	: #FFFFFF;
padding-bottom		: 10px;
background-image	: url(img_common/home_middle.gif);
background-repeat	: repeat-y;
}

#homemiddle h3
{
margin				: 0px 0px 0px 0px;
padding				: 0px;
width				: 372px;
font-size 			: 75%;
font-weight			: normal;
line-height			: 15px;
color				: #FFFFFF;
margin-left			: 323px;
}

#homemiddle h3 a
{
font-weight			: normal;
color				: #FFFFFF;
}

#homebottom
{
position			: relative;
width				: 760px;
background-color	: #FFFFFF;
height				: 18px;
background-image	: url(img_common/home_bottom.gif);
background-repeat	: no-repeat;
}

#links
{
position			: relative;
width				: 760px;
margin-top			: 0;
/*background-color	: #FF0000;*/
}

#lifecover
{
position			: relative;
float				: left;
width				: 160px;
margin-top			: 20px;
border-right		: 1px dashed #333333;
padding-left		: 28px;
}

#criticalillness
{
position			: relative;
float				: left;
width				: 166px;
margin-top			: 20px;
padding-left		: 20px;
border-right		: 1px dashed #333333;
}

#healthinsurance
{
position			: relative;
float				: left;
width				: 164px;
margin-top			: 20px;
padding-left		: 20px;
border-right		: 1px dashed #333333;
}

#asu
{
position			: relative;
float				: left;
width				: 150px;
margin-top			: 20px;
padding-left		: 20px;
}

#lifecover h1, #criticalillness h1, #healthinsurance h1, #asu h1
{
margin				: 0px;
color				: #FF0000;
font-size 			: 80%;
font-weight			: bold;
}

#lifecover h2, #criticalillness h2, #healthinsurance h2, #asu h2
{
width				: 150px;
margin				: 0px;
color				: #333333;
font-size 			: 70%;
font-weight			: normal;
margin-top			: 10px;
}

#contentleft
{
position			: relative;
float				: left;
width				: 225px;
padding-top			: 30px;
padding-left		: 25px;
font-size 			: 75%;
}

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

img.tellafriend
{
border				: 1px solid #FFFFFF;
}

#contentright
{
position			: relative;
float				: left;
width				: 460px;
background-color	: #FFFFFF;
padding-bottom		: 10px;
padding-top			: 20px;
padding-right		: 25px;
padding-left		: 25px;
}

#contentright ol
{
margin				: 0px 0px 0px 20px;
padding				: 0px;
}

#contentright li
{
margin				: 0px 0px 10px 0px;
padding				: 0px;
font-size			: 75%;
}

p.breadcrumbs
{
margin				: 20px 0px 20px 0px;
}


#contentright h1
{
font-size			: 120%;
font-weight			: normal;
color 				: #0C2E82;
margin				: 20px 0px 20px 0px;
}

#contentright h2
{
font-size			: 75%;
color 				: #333333;
margin				: 0px 0px 20px 0px;
}

#contentright p.bread
{
font-size			: 65%;
color 				: #0C2E82;
margin				: 0px 0px 20px 0px;
}

#contentright p
{
font-size			: 75%;
margin				: 0px 0px 20px 0px;
line-height			: 15px;
}

#contentright p.search1
{
font-size			: 75%;
color 				: #333333;
margin				: 4px 0px 2px 0px;
}

#contentright p.search2
{
font-size			: 70%;
color 				: #333333;
margin				: 0px 0px 20px 0px;
}

#lefttop
{
background-image	: url(img_common/bg_left.gif);
background-repeat	: repeat-y;
}

#lefttop2
{
margin-top			: 20px;
padding				: 20px 20px 0px 20px;
background-image	: url(img_common/bg_left.gif);
background-repeat	: repeat-y;
}

#lefttop2 p
{
margin				: 0px;
}

#leftbottom
{
background-image	: url(img_common/bg_leftbottom.gif);
background-repeat	: no-repeat;
height				: 20px;
}

#leftbottom2
{
background-image	: url(img_common/bg_leftbottom.gif);
background-repeat	: no-repeat;
height				: 20px;
}

#lefttop ul
{
margin				: 0px 0px 0px 28px;
padding				: 0px;
padding-top			: 180px;/*this creates space for the clac abover*/
}

ul#left li a:link, ul#left li a:visited
{

color				: #333333;
text-decoration		: none;
}

ul#left li a:hover
{
color				: #333333;
text-decoration		: underline;
}


#banks
{
position			: relative;
clear				: both;
width				: 705px;
height				: 60px;
background-image	: url(img_common/bg_footer.gif);
background-repeat	: no-repeat;
margin				: 20px 0px 10px 0px;
padding-left		: 60px;
padding-top			: 10px;
}

#copyright
{
float 				: left;
padding-left		: 28px;
font-size			: 60%;
}

#whitespace
{
float 				: right;
padding-right		: 28px;
font-size			: 60%;
}

#copyright p, #whitespace p
{
margin				: 0px;
}

#holdfooter
{
height				: 50px;
}

#left a
{
font-weight : normal;
}

a.cover:link			{font-weight : bold; color : #0C2E82; text-decoration : none;}
a.cover:visited			{font-weight : bold; color : #0C2E82; text-decoration : none;}
a.cover:hover			{font-weight : bold; color : #0C2E82; text-decoration : underline;}

a.cover2:link			{font-weight : bold; color : #333333; text-decoration : none;}
a.cover2:visited		{font-weight : bold; color : #333333; text-decoration : none;}
a.cover2:hover			{font-weight : bold; color : #333333; text-decoration : underline;}

a.footer:link			{font-weight : normal; color : #333333; text-decoration : none;}
a.footer:visited		{font-weight : normal; color : #333333; text-decoration : none;}
a.footer:hover			{font-weight : normal; color : #333333; text-decoration : underline;}

#header a:link			{font-weight	: normal; color : #FFFFFF; text-decoration : none;}
#header a:visited		{font-weight	: normal; color : #FFFFFF; text-decoration : none;}
#header a:hover			{font-weight	: normal; color : #FFFFFF; text-decoration : underline;}

/* Contact Form CSS */


#genericcontactform
{
width		: 200px;
float		: left;
/*border		: 1px solid #666666;*/
}

#genericcontactform p
{
margin-top		: 0px;
margin-bottom	: 0px;
}


#genericcontactform .input
{
border			: 1px solid #83BAD8;
font-family		: Arial;
height			: 15px;
width			: 160px;
margin-top		: 0px;
margin-bottom	: 5px;
}


#genericcontactform textarea
{
border			: 1px solid #83BAD8;
font-family		: Arial;
height			: 55px;
font-size		: 100%;
width			: 160px;
margin-top		: 0px;
margin-bottom	: 10px;
}


/* genericcontactform_span is for the occupation fields */
#genericcontactform_span
{
width		: 420px;
float		: left;
/*border		: 1px solid #666666;*/
}

#genericcontactform_span p
{
margin-top		: 0px;
margin-bottom	: 0px;
}


#genericcontactform_span .input
{
border			: 1px solid #83BAD8;
font-family		: Arial;
height			: 15px;
width			: 160px;
margin-top		: 0px;
margin-bottom	: 5px;
}

#genericcontactform_span .input_long
{
border			: 1px solid #83BAD8;
font-family		: Arial;
height			: 15px;
width			: 404px;
margin-top		: 0px;
margin-bottom	: 5px;
}

#genericcontactform_span textarea
{
border			: 1px solid #83BAD8;
font-family		: Arial;
height			: 55px;
width			: 190px;
margin-top		: 0px;
margin-bottom	: 10px;
}




input.checkbox
{
border				: 0px solid #666666;
}

#formtop
{
background-image	: url(img_common/bg_form_top.gif);
background-repeat	: repeat-y;
width				: 452px;
height				: 19px;
}

#form
{
background-image	: url(img_common/bg_form.gif);
background-repeat	: repeat-y;
width				: 432px;
float				: left;
padding-left		: 20px;
}

#formbottom
{
background-image	: url(img_common/bg_form_bottom.gif);
background-repeat	: repeat-y;
width				: 452px;
height				: 19px;
clear				: both;
}

input.button
{
margin				: 15px 0px 0px 0px;
}

/*Search Bars*/

#resultbar
{
background-image	: url(img_common/resultbar.gif);
background-repeat	: no-repeat;
margin-bottom		: 0px;
height				: 5px;
}

#resultend
{
float				: right;
}

.error
{
font-family	: Verdana;
font-size 	: 100%;
color		: #f00;
}

#step
{
margin-bottom		: 10px;
}

div.col2
{

float				: left;
width				: 205px;
margin-right		: 10px;
}

img.step
{
margin-right		: 10px;
}

div.note
{
font-size			: 70%;
margin-top			: -20px;
margin-bottom		: 10px;
margin-left			: 92px;
color				: #FF0000;
}

#accountformtop
{
background-image	: url(img_common/bg_form.gif);
background-repeat	: repeat-y;
width				: 452px;
height				: 50px;
}


div.gloss
{
font-size			: 75%;
width				: 9px;
background-color	: #83BAD8;
float				: left;
padding				: 3px;
margin				: 1px;

text-align			: center;
}

div.gloss a
{
color				: #FFFFFF;
text-decoration		: none;
}

span.wide
{
display				: block;
width				: 150px;
height				: 40px;
}

#fsa
{
font-size			: 60%;
color				: #666666;
margin				: 20px 0px 0px 0px;
padding-left		: 45px;
/*Absolute below is for IE5 bug */
position			: relative;
width				: 700px;
left				: 50%;
margin-left			: -398px;
background-color	: #FFFFFF;
}

div.btt
{
float				: right;
font-size			: 65%;
display				: block;
}

/* QUOTE RESULT TABLE */

table.quote
{
width					: 450px;
margin-bottom			: 20px;
/*border				: 1px solid #FF0000;*/
}

td.quoteheader
{
background-color	: #0C2E82;
font-size			: 75%;
font-weight			: bold;
padding				: 5px;
color				: #FFFFFF;
}

td.monthlyheader
{
width				: 110px;
}

td.companyheader
{
width				: 160px;
}

td.refheader
{
width				: 100px;
}

td.moreinfoheader
{
width				: 80px;
}

td.monthlyheader, td.companyheader, td.refheader, td.moreinfoheader
{
background-color	: #83BAD8;
font-size			: 70%;
padding				: 5px;
font-weight			: bold;
}

td.monthly, td.company, td.ref, td.moreinfo
{
background-color	: #FFFFFF;
font-size			: 70%;
padding				: 5px;
}

td.monthly_blue, td.company_blue, td.ref_blue, td.moreinfo_blue
{
background-color	: #D7E9F2;
font-size			: 70%;
padding				: 5px;
}

td.monthly, td.monthly_blue
{
color				: #FF0000;
}

table.expanded
{
border				: 1px solid #83BAD8;
background-color	: #D7E9F2;
}


td.moreinfoexpand_left
{
font-size			: 70%;
text-align			: right;
vertical-align		: top;
width				: 150px;
}

td.moreinfoexpand_right
{
font-size			: 70%;
text-align			: left;
vertical-align		: top;
width				: 300px;
}

span.per
{
font-size			: 90%;
color				: #999999;
}

td.moreinfo_blue a, td.moreinfo a
{
font-weight			: normal;
}

td.next
{
background-color	: #FFFFFF;
font-size			: 70%;
padding				: 5px;
font-weight			: bold;
}

/* Help PopUp CSS */
body.helpPopup
{
background-color	: #0C2E82;
font-size			: 70%;
padding				: 5px;
color				: #FFFFFF;
}

body.helpPopup a:link, body.helpPopup a:visited, body.helpPopup a:hover
{
color				: #FFFFFF;
font-weight			: bold;
text-decoration		: underline;
}

.smallItalics
{
color				: #000000;
font				: italic 11px Arial;
}

input.submit
{
width				: 50px;
font-family			: Verdana;
font-size 			: 100%;
margin				: 0px 5px 3px 0px;
background-color	: #ffffff;
color				: #000000;
border				: 0px solid #0C2E82;
vertical-align		: middle;
font-weight			: bold;
}
