/* @charset "utf-8"; This line is commented out because VS2008 doesn't recognize it and flags it as an error. */
/*	
	=========================================================
	MadGENIUS Inc. DESIGN
	Crafted by Rob Rubinoff, Web Producer.
	www.madgeniusinc.com | rrubinoff@madgeniusinc.com
	=========================================================
*/



body {
	background-image: url(/images/_bg.png);
	background-repeat: repeat-y;
	background-position: center;}

.lft {float: left; }
.rt {float:right; }

/* = Header Section
--------------------------------------------------------------------------------*/
#header {
	height: 92px;
	width: 960px;
	background-image: url(/images/_bg_header.gif);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	}
	
#header span h1 {display: none;}

/* this encapsulates the logo, h1 site title, and global nav */


#utilityNav {
	float:right;
	margin: 7px 10px 0 0;
	text-align:right;
	width: 100px;
	}
	
#utilityNav p{ color: white;float:right; font-size: 11px;  margin: 0; padding: 0;}
#utilityNav p a {color: #999; text-decoration: none;}
#utilityNav p a:hover {color: #ccc; text-decoration:underline;}


#logo {
	float: left;
	padding: 20px 0 0 25px;
	}
	
#storeLink {
	float: right;
	margin: 60px 22px 0 0;
	clear:right;}	




/* = Global Navigation
--------------------------------------------------------------------------------*/
#gnav{height: 28px; background-color:#fff; background-image:url(/images/_bg_gnav.gif); background-position:left; background-repeat:no-repeat;}

#gnav img {float: left; margin: 0 0 0 25px;}


#gnav p.links{line-height: 28px; float: right; margin: 0; padding: 0; font-size: 14px;}
#gnav p.links a{
		height:28px;
		text-decoration:none; 
		color: #999; 
		text-transform:uppercase; 
		font-weight:bold;
		padding: 6px 20px 6px 20px;
		line-height: 28px;
		}
#gnav p.links a:hover {background-color: #111; color: white;}
#gnav p.links a.current{background-color: #5F5C5C; color: white;}


.snav{background-color: #B6B5B5; }
.snav ul {margin: 0; padding: 5px 0; list-style-type:none;}
.snav ul li {margin: 0 10px; padding: 10px 0; border-bottom: 1px solid #ccc; font-size: 13px;}
.snav ul li.snavLast{ border-bottom: none;}
.snav ul li a{text-decoration: none; color: black;}
.snav ul li a:hover{color: white; text-decoration: none;}


/* = LEFT SHIM --> this give appearance that left side is indented 4px
----------------------------------------------------------------------------------*/
.shim {background-image:url(/images/_shim_4px_left.gif);
	background-repeat:repeat-y;
	background-position:left;
	background-color: transparent;}

/* = BREADCRUMB NAV -->
----------------------------------------------------------------------------------*/
.breadcrumbNav span {color: #999; font-weight: normal;}
.breadcrumbNav {background-color:#5F5C5C; color: #ccc; font-size: 11px; line-height:26px; padding: 0 9px; font-weight: bold; clear:both;}
.breadcrumbNav a{color: #999; text-decoration: underline;}
.breadcrumbNav a:hover{color: #ccc; text-decoration: none; }



/* = HERO GRAPHIC - homepage 
---------------------------------------------------------------------------------*/
.heroContainer {width: 960px; 	height: 327px;}
.hero1 {background-image: url(/images/hero_1.jpg); background-repeat: no-repeat;}
.hero2 {background-image: url(/images/hero_2.jpg); background-repeat: no-repeat;}
.hero3 {background-image: url(/images/hero_3.jpg); background-repeat: no-repeat;}
.hero4 {background-image: url(/images/hero_4.jpg); background-repeat: no-repeat;}
.hero5 {background-image: url(/images/hero_5.jpg); background-repeat: no-repeat;}
.hero6 {background-image: url(/images/hero_6.jpg); background-repeat: no-repeat;}

.heroContainer h1 {font-weight: normal; color: #fff; text-align: right; padding: 105px 10px 0 0; line-height: 1.2; }


/* = Content
--------------------------------------------------------------------------------*/
.container_16 {background-color: #fff; display: block; clear: both; overflow:hidden;}
/* home page columns */
.grid_12 {padding-top: 15px;}
.grid_4 {padding-top: 15px;}


/* used on homepage for leadin graphic/text above life stage tabs */
.leadinHome {margin-bottom: 15px;}

span.leadinText { font-size: 10px; line-height:1; vertical-align:text-top; }


/* homepage content 75/25 split */
.threeQuarterBox { float: left; width: 508px;border: 1px solid #D3D3D3; height: 188px; padding:0; }
.threeQuarterBox h3 {background-color:#333333; color: #ccc; line-height:24px; font-size: 12px; font-weight: normal; padding: 0 0 0 5px; margin:0;}
.threeQuarterBox img.promo {padding: 7px 5px 7px 10px; float: right; }
.threeQuarterBox img.promoLogo {padding: 7px 5px 7px 15px; float: left;}
.threeQuarterBox p{float: left; padding: 0 5px 0 15px;   font-size: 11px; line-height:1.2; clear:left; width: 200px;}

.oneQuarterBox {float: left; width: 168px; border:1px solid #D3D3D3; height: 188px; margin-left: 20px; }
.oneQuarterBox h3 {background-color:#333333; color: #ccc; line-height:24px; font-size: 12px; font-weight: normal; padding: 0 0 0 5px; margin:0;}

/* annuity rate */
.oneQuarterBox p.annuityLabel {margin: 5px; font-size: 12px; font-style:italic; font-weight:bold; color: #999;}
.oneQuarterBox p.annuityRate {text-align: center; margin: 0 auto; font-size: 36px; line-height: 1; padding: 0;}
p.annuityRateFinePrint {font-size: 9px; color: #666; margin: 0 5px 5px 5px;}


/* policies - sales channel alert text */
.channelAlert{border: 1px dashed #eaeaea;  color: #666;  padding: 10px; margin: 10px;}

/* =IMAGES 
--------------------------------------------------------------------------------*/
.fltLeft {float:left; margin: 10px 5px 10px 0;}
.fltRight {float: right; margin: 10px 0px 10px 5px;}


/* =Headings
--------------------------------------------------------------------------------*/
h3 {color: #801525}
/* homepage sidebar */
.sidebar-220 h3 {background-color:#333333; color: #ccc; line-height:24px; font-size: 12px; font-weight: normal; padding: 0 0 0 5px;}
.sidebar-220 p{font-size: 12px; line-height:1.3;}

/* =Paragraphs
--------------------------------------------------------------------------------*/
p.print {
	text-align:right;
	font-size: 11px;
	line-height: 16px;}
p.print img{vertical-align: bottom;}




/* = Column Splitters - useful for breaking up content columns
--------------------------------------------------------------------------------*/

.colSplit {float:left; margin: 10px;}

.colHalf {  width: 325px;}

.colThird {width:212px; }

.colFourth {width: 154px;}



/* = FOOTER 
--------------------------------------------------------------------------------*/

#footer {padding: 10px 10px 20px 10px; clear:both;  background-color:#eaeaea;  text-align:center;}

#footer p {line-height: 1.2; font-size: 11px; color:#666; margin:5px auto; }

#formNumber {background-color:#eaeaea; font-size: 11px; }


/* = LISTS 
---------------------------------------------------------------------------------*/
ul.reports li {font-size: 11px; line-height:normal;}


/* =Spacing
--------------------------------------------------------------------------------*/

hr{border-color:#ddd; border-style:solid; border-width:1px 0 0 0; clear:both; height:0px; margin: 20px 0;}

/* =Forms
--------------------------------------------------------------------------------*/
form{clear: both; }
.requiredStatement {font-size: 11px; font-weight: bold; color: black; float: left; margin: 3px 0 10px 0;}
.privacyStatement {font-size: 11px; text-align:right; margin: 3px 0 10px 0; float: right;}
td {padding: 3px; font-size: 12px;}

td.errorTxt {font-color: #990028; font-size: 11px; font-weight: bold;}	
td.label {

	line-height:16px;
	}
	

.btn {
	border: 1px solid #000;
	border-bottom: 2px solid black;
	border-right: 2px solid black;
	background-color: #990028;
	color:white;
	font-size: 12px;
	font-weight:bold;
	padding: 5px 7px;}
	
.single {
font-family:monospace;
	font-size:12px;
	color: black;
	background-color:#f7f7f7;
	border: 1px solid #999;
	padding: 5px;
	}
	
.zip {width: 100px;}

.wide {width: 400px;}

.textArea {font-family:monospace;
font-size:11px;
	color: black;
	background-color:#f7f7f7;
	border: 1px solid #999;
	padding: 5px;width: 400px; height: 175px; overflow:auto;}