body 			{margin:0; padding:0; font:13px Helvetica, Gotham, "Helvetica Neue", Arial, sans-serif; }
#interactive	{position:relative; display:block; width:700px; height:630px; border:1px solid #6eb342; bbackground:url(ss3.jpg) 0 0 no-repeat;
				  -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;  user-select: none; overflow:hidden}
acc-3d			{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0); transform:translate3d(0,0,0);}				  
.header			{position:relative; top:0; left:0; width:100%; height:44px; z-index:20; background:#6eb342;}/**/
.header .logo	{display:block; float:left; width:124px; height:36px; background:url(logo.png) center center no-repeat; margin:7px 0 0 20px;}
.header .menu	{display:block; float:right; margin:0; }
.header .menu a	{border-left:1px solid #5c9637; display:block; float:right; min-width:50px; padding:14px 7px 14px; text-decoration:none; color:#fff}
.main			{position:relative; display:block; margin:0; padding: 0;}
.page			{margin:0px}

.off			{display:none !important}

.info			{position:absolute; top:82px; width:100%; height:233px; margin:11px 0 0 0; border-top:1px solid #ccc;}
.info h3		{position:absolute; top:-10px; left:225px; padding:0; font-size:18px; color: #333; display:none}

p				{margin:0 20px 0 20px; padding:0; color:#333; line-height:1.5em; letter-spacing:-0.005em}
p.intro			{margin-top:137px}
h2				{font-size:34px; font-weight:normal; line-height:1.2em; margin:0 0 0 18px; padding:8px 0 0 0; color:#000;}
h4 				{color:#666; font-size:16px; line-height:1.1em; font-weight:bold; letter-spacing:0em; margin:0 0 0 18px; padding:0;  }

.landing			{position:relative; margin:0 0 24px 10px;}
.landing .title 	{position:absolute; margin:22px 0 0 0; width:194px; padding:34px 10px 18px 0; border-right:1px solid #ccc;}
.title h4, .choose .btn h4
				{font-size:18px; color:#333; font-weight:bold; letter-spacing:0em; margin:0 0 3px 0; padding: 0;}
.title .page2	{position:absolute; display:none; width:90px; right:0}
.title .page2 h4{font-size:14px;margin:12px 0 20px 0;}

.landing .label0, .landing .label1
				{position:absolute; font-size:14px; font-weight:normal; color:#333; top:0; left:55px; white-space:nowrap; padding:10px 0 0 27px; color:#333; text-align:left; 
				 background:url(bg_label_line.png) 6px 17px no-repeat;}
.landing .label1	{top:66px; right:-9px; text-align:right; padding:30px 12px 0 0; background:url(bg_label_line2.png) top right no-repeat;}

.landing .graph		{position:absolute; top:10px; left:204px; width:425px; height:85px; }
.landing .graph .bg	{position:absolute; top:54px; left:0; width:425px; height:30px; background: #bdbdbd; z-index:1}
.landing .graph .bar{position:absolute; top:0; left:0; width:1px; height:100%; background: #bdbdbd url(bg_bar_data.png) top left repeat; z-index:2}
.landing .current.graph
				{top:108px; width:354px; height:40px; display:none;}
.landing .current.graph .bg
				{top:0; width:348px; height:40px;}
.landing .marker	{position:absolute; top:-2px; left:0; width:70px; height:53px; background:#fff url(bg_marker.png) bottom center no-repeat; background-size:100%;/*d3cb4f*/
				 color:#fff; text-align:center; font-size:24px; font-weight:bold; padding-top:3px;}
.landing .current .marker
				{top:auto; right:auto; left:0; bottom:-63px; height:48px; background:#000 url(bg_marker2.png) top center no-repeat; background-size:100%;font-size:30px; padding:12px 0 2px 0;}			
.landing .marker span 
				{font-size:10px; display:block; line-height:0.9em;}

.key			{position:absolute; bottom:0; right:0; width:450px; height:30px; padding:0; margin:0;}
.key .marker	{display:block; float:left; width:20px; height:16px; margin:5px 0 0 0; background:#000 url(bg_marker_tiny.png) center 1px no-repeat; background-size:cover}
.key .lbl		{display:inline; float:left; margin:7px 27px 0 5px; font-size:12px; color:#333;}
.key .lbl.last	{margin-right:0}
.m0				{background-color:#b70000 !important;}
.m1				{background-color:#d3cb4f !important;}
.m2				{background-color:#4fb200 !important;}
.m3				{background-color:#387800 !important;}

.generation		{position:absolute; top:0; left:0; display:none; width:204px; height:273px; border-right:1px solid #ccc; z-index:2}
.generation ul	{margin:0; padding:0; z-index:1;border-bottom:1px solid #ccc}
.generation ul.images
				{ margin-bottom:25px; }
.generation	li	{list-style-type:none; margin:0; padding:0;}
.generation ul.images li {height:141px;}
.generation ul.images li.boomer	{background:url(gfx_bust_boomer.png) bottom center no-repeat;}
.generation ul.images li.genx	{background:url(gfx_bust_genx.png) bottom center no-repeat;}
.generation ul.images li.geny	{background:url(gfx_bust_geny.png) bottom center no-repeat;}

.gen-select		{z-index:5}
.gen-select, .income-select	
				{position:relative; display:block;  margin:12px 11px 0 18px; cursor:pointer; border:1px solid #ccc;}
.gen-select .current, .income-select .current
				{display:block; padding:5px; background:url(gfx_arrow.png) 100% 50% no-repeat;}
.gen-select .current strong
				{font-size:18px}
.gen-select .options, .income-select .options  {position:absolute; top:32px; left:-1px; width:173px; background:#fff; border:1px solid #ccc; border-top:none}
.income-select .options {top:27px;}
.gen-select .options li, .income-select .options li
				{padding:5px; border:none; cursor:pointer}
.gen-select .options li.selected, .gen-select .options li:hover, .income-select .options li.selected, .income-select .options li:hover
				{background:#bdbdbd; color:#fff}
.income-select .current {font-size:14px;}				

.choose			{position:absolute; top:327px; width:100%; height:190px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#ebebeb url(bg_choose.png) repeat}
.choose .levers
				{display:none}
.choose .levers .options
				{width:328px; padding:0; display:block; float:left; margin:7px 0 16px 19px;}
.choose .levers li
				{list-style-type:none; margin:0; padding:6px 10px 6px 30px; font-size:14px; color:#333; background:url(bg_radio.png) 0 3px no-repeat; cursor:pointer}				
.choose .levers li.selected		
				{background:url(bg_radio_on.png) 0 3px no-repeat; font-weight:bold; font-size:13px; padding:6px 10px 8px 30px;}		
.choose	h3		{font-size:21px; margin:6px 0 0 8px; letter-spacing:-0.03em; color:#333}
.choose .levers h3
				{font-weight:normal; font-size:21px; letter-spacing:-0.01em; margin:6px 0 5px 20px; color:#333}
.choose .levers h3 sup
				{cursor:pointer; font-size:14px}				
.choose	p		{font-size:14px; color:#333; margin:0 0 0 8px}
.choose .levers p
				{margin-left:20px;}
.choose .btn	{position:relative; display:block; float:left; width:210px; height:125px; margin:1px 5px 0 8px; border:1px solid #aaa; background:#fff; cursor:pointer;
					box-shadow: 1px 2px 13px #666;
					-moz-box-shadow: 1px 2px 13px #666;
					-webkit-box-shadow: 0px 1px 2px #666;
				}
.choose .btn h3	{margin:8px 0 0 10px; color:#333}
.choose .btn img{float:right; margin:5px 10px 0 0 }
.choose .btn p	{font-size:13px; margin:0 0 0 10px; color:#333}
.choose .btn .graph
				{position:absolute; top: 51px; left:10px; display:block; width:190px; height:62px; margin:0;}
.choose .btn .graph .bg
				{position:absolute; top:43px; display:block; width:190px; height:22px; background: #bdbdbd;}
.choose .btn  .graph .bar		
				{position:absolute; top:0; left:0; width:1px; height:22px; background: #fff url(bg_bar_data.png) top left repeat-x; z-index:2}
.choose .btn  .marker	
				{position:absolute; top:0px;left:0; width:47px; height:40px; z-index:3; background:#fff url(bg_marker_sm.png) bottom center no-repeat; background-size:100%;/*d3cb4f*/
				 color:#fff; text-align:center; font-size:18px; font-weight:bold; }
.choose .btn .marker span 
				{font-size:10px; display:block; line-height:0.9em}

.footer			{position:absolute; top:519px;width:700px; height:67px; z-index:10; cursor:pointer; background: #fff}
.footer .stripe	{position:absolute; left:0; top:18px; width:482px; height:31px; background:#3f9819 url(bg_stripe.png) top left repeat-x;text-align:right; } 
.footer .stripe span
				{display:block; color:#fff; font-size:18px; padding:5px 27px 0 0;}
.footer .arrow	{position:absolute; width:175px; height:45px; top:-7px; right:-175px; background:url(logo_fidelity_arrow.png) top left no-repeat; text-align:left;
				 text-align:right;}
.footer .arrow span
				{font-size:24px; color:#002db2;padding:7px 0 0 0;}
.footer .learn-more
				{position:absolute; top:0;}				
.footer .learn-more h3
				{font-size:27px; margin-left:18px; margin-bottom:42px; color:#000;}
.footer .learn-more .cta
				{position:relative; font-size:16px; background:url(btn_arrow.png) top left no-repeat; margin:22px 0 0 18px; padding-left:58px; width:200px;
				 line-height:1.3em; min-height:50px}
.footer .learn-more .cta a
				{color:#6eb342; font-weight:bold; text-decoration:none}
.footer .learn-more .all-gen
				{position:absolute; top:52px; left:356px; width:344px; height:485px; background:url(gfx_learn_all.jpg) top left no-repeat;}
.disclosure 	{position:absolute; top:586px; width:100%; height:586px; font-size:12px; background:#fff; z-index:11; overflow:auto;
				font-family:Arial, sans-serif}
.disclosure h3	{font-size:18px; margin-left:18px;}
.disclosure p, .disclosure li	{margin-bottom:10px;}

@media not screen and (min-device-width: 568px) and (max-width: 1024px) {
.header .menu a:hover
				{background:#5c9637}
.choose .levers li:hover		
				{background:url(bg_radio_on.png) 0 3px no-repeat; font-weight:bold; font-size:13px;}		
.choose .levers li.selected
				{padding:6px 10px 6px 30px;}
.footer .learn-more .cta a:hover
				{color:#5c9637;}
}