@charset "utf-8";
/* CSS Document */

body { font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#C6C6C6; padding:0; margin:0; }

#mainContainer { background-color:#FFFFFF; background:url(http://assets.aarp.org/www.aarp.org_/articles/sk/images/optimost/body-repeat.jpg) repeat-y; width:776px; margin:auto; margin-top:10px; margin-bottom:0; padding:0 0 20px 0; }
#mainContainer .clear { float:none; clear:both; height:0; margin:0; }
#mainContainer .cta { background:url(http://assets.aarp.org/www.aarp.org_/articles/sk/images/optimost/cta.gif) no-repeat; width:120px; height:50px; display:block; cursor:pointer; }
#mainContainer .cta span { display:none; }

#header { background:url(http://assets.aarp.org/www.aarp.org_/articles/sk/images/optimost/body-top.jpg) no-repeat; width:776px; }
#header #siteLinks { padding:2px; }
#header #siteLinks ul {
	background-color:#6B6B6B;
	list-style:none;
	margin:0;
	padding: 2px 10px 2px 2px;
	text-align: right ;
	font-size:11px;
}
#header #siteLinks ul li { display:inline; color:#FFFFFF; }
#header #siteLinks ul li a { color:#FFFFFF; padding:0 5px 0 5px;  }
#header #siteLinks .hr { background-color:#FFFFFF; border-top:2px dotted #000000; }
#header #masthead { margin:2px; padding:0 0 20px 0; border-bottom:4px solid #6B6B6B; }
#header #masthead ul { list-style:none; margin:0; padding:0 10px 0 0; text-align:right; font-size:11px; }
#header #masthead ul li { display:inline; }
#header #masthead ul li a { padding:0 5px 0 5px; color:#000000; }
#header #masthead #logo { background:url(http://assets.aarp.org/www.aarp.org_/articles/sk/images/optimost/logo-large.gif) no-repeat; width:193px; height:48px; text-indent:-10000px; margin:0 0 0 20px; padding:0; }

#content { padding:0 0 20px 5px; width:600px; float:left; }
#content #headline { color:#F97700; font-size:32px; font-weight:normal; margin:0; padding:0 0 0 10px; }
#content #subheadLeft { background:url(http://assets.aarp.org/www.aarp.org_/articles/sk/images/optimost/subhead-top.gif) no-repeat; height:182px; width:270px; background-color:#FFDCB2; padding:30px 0 20px 10px; float:left; }
#content #subheadLeft h2 { margin:0; padding:0; font-size:20px; font-weight:normal; }
#content #subheadLeft p { margin:5px 0 5px 0; width:260px; }
#content #subheadLeft .cta { margin:10px 0 0 80px; padding:0; }
#content #hero { background:url(http://assets.aarp.org/www.aarp.org_/articles/sk/images/optimost/hero.jpg) no-repeat 2px 20px; width:275px; height:232px; text-indent:-10000px; float:left; margin:0 0 3px 0; }

#content #currentMembers { width:545px; border-bottom:1px solid #FFD7A4; margin:0 0 0 10px; padding:0; }
#content #currentMembers h2 { float:left; font-size:14px; margin:0; padding:20px 0 0 0; font-weight:bold; color:#F47400; }
#content #currentMembers #renew { float:right; background-color:#FFF8E5; height:30px; width:243px; padding:10px 0 0 30px; }
#content #currentMembers #renew strong { display:block; font-size:12px; font-weight:bold; padding:5px 10px 0 0; float:left; }
#content #currentMembers #renew #renewNow { background:url(http://assets.aarp.org/www.aarp.org_/articles/sk/images/optimost/renew-now.gif) no-repeat; width:121px; height:22px; margin:0; padding:0; display:block; float:left; cursor:pointer; }
#content #currentMembers #renew #renewNow span { display:none; }
#content #currentMembers #updateAccount { display:block; float:right; background:url(http://assets.aarp.org/www.aarp.org_/articles/sk/images/optimost/update-account.gif) no-repeat 0 0; width:121px; height:22px; margin:30px 0 0 0; padding:0 20px 0 0; cursor:pointer; }
#content #currentMembers #updateAccount span { display:none; }
#content #currentMembers h3 { margin:10px 0 0 0; padding:0; font-size:12px; }
#content #currentMembers p { padding:0; margin:2px 0 20px 0; width:380px; }

#content h2 { padding:40px 0 0 40px; margin:0; font-size:20px; font-weight:normal; }
#content #include { list-style:none; padding:0 0 0 50px; margin:0; }
#content #include li { background:url(http://assets.aarp.org/www.aarp.org_/articles/sk/images/optimost/check.gif) no-repeat; padding-left:30px; }
#content #include li h3 { margin:20px 0 0 0; }
#content #include li p { margin:0; width:460px; }
#content h3 { font-size:14px; font-weight:bold; margin:20px 0 0 80px; }
#content p { margin:0 0 20px 80px; }
#content .cta { margin:20px 0 20px 80px; }
#content .indent { padding-left:80px; }

#right { float:left; padding:50px 0 0 0; }
#right .box { width:160px; background-color:#F7F7F7; border:1px solid #D5D5D5; margin:0 0 5px 0; }
#right .box h4 { font-size:14px; font-weight:bold; margin:10px; padding:0 0 10px 0; border-bottom:1px dotted #000000; }
#right .box .red { color:#FE0000; }
#right .box ul { list-style:none; margin:0; padding:0 0 10px 15px; }
#right .box ul li { margin:0 0 7px 0; }
#right .box #makeUpdatesButton { display:block; background:url(http://assets.aarp.org/www.aarp.org_/articles/sk/images/optimost/make-updates.gif) no-repeat; width:121px; height:22px; cursor:pointer; }
#right .box #makeUpdatesButton span { display:none; }
#right .box #renewButton { display:block; background:url(http://assets.aarp.org/www.aarp.org_/articles/sk/images/optimost/renew.gif) no-repeat; width:121px; height:22px; cursor:pointer; }
#right .box #renewButton span { display:none; }


#about { background-color:#F7F7F7; margin:0 30px 0 40px; padding:0 20px 20px 20px; }
#about h2 { font-weight:normal; font-size:20px; padding:20px 0 0 0; margin:0; }
#about .left { float:left; }
#about .cta { margin:0 0 0 520px; }
#about .right { float:right; }
#about .col { width:200px; float:left; padding:0 20px 0 0; }
#about .col h3 { font-size:16px; font-weight:normal; padding:0 0 5px 0; margin:20px 0 10px 0; border-bottom:1px dotted #000000; }
#about .col ul { list-style:none; margin:0; padding:0; }

#manage { background-color:#F7F7F7; margin:20px 30px 0 40px; padding:0 0 0 20px; border:1px solid #D5D5D5; }
#manage .col { width:200px; padding:0 20px 0 0; margin:20px 0 20px 0; float:left; }
#manage .col h2 { font-size:14px; font-weight:bold; padding:0 0 5px 0; border-bottom:1px dotted #000000; margin:0; }
#manage .col a { display:block; margin:10px 0 0 0; }

#footer { padding:0 20px 10px 30px; margin:30px 10px 20px 10px; border-bottom:1px solid #000000; }
#footer .left { float:left; }
#footer #smallLogo { background:url(http://assets.aarp.org/www.aarp.org_/articles/sk/images/optimost/logo-small.gif) no-repeat; width:117px; height:25px; float:right; margin:20px 0 0 0; padding:0; text-indent:-10000px; }




