/*************************************
 REDESIGN PHASE 1, MAY 2008
**************************************/
/* General Styles */
a img { 
	border:none; 
}
/* Clearfix-Hack */
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix {display:inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

/* Clearing with overflow */
.floatbox { overflow:hidden; }

/* Masthead */
#masthead-r {
	margin-bottom:5px;
}
#masthead-r #logo {
	float:left;
	margin:18px 0 18px 25px;
	display:inline;
}
#masthead-r #tools {
	float:right;
	list-style-type:none;
	margin:18px 10px 0 0;
	padding:0;
	display:inline;
}
#masthead-r #tools li {
	display:inline;
}
#masthead-r #tools li a {
	background:url(/amp/redesign/global/images/mast-tools-divider.gif) left 2px no-repeat;
	margin:0 5px 0 0; 
	padding:0 0 0 10px;
	color:#004C7D;
	text-decoration:none; 
}
#masthead-r #tools li.first a {
	background-image:none;
}
#masthead-r #tools li a:hover {
	text-decoration:underline;
}
/* Search form */
#masthead-r form, 
#masthead-r label, 
#masthead-r input { 
	margin:0; 
	padding:0; 
	display:inline; 
	width:auto; 
}
#masthead-r #site-search {
	clear:right;
	float:right;
	margin:10px 15px 0 0;
	display:inline;
}
#masthead-r #mondo-box { 
	width:150px; 
	margin-right:5px;
}
#masthead-r #mondo-button { 
	vertical-align:top; 
}
#masthead-r #site-search label {
	position:absolute;
	left:-999px;
}
/* Set size of text in tabbed nav */
#primary-nav, 
#secondary-nav { 
	font-size:.97em; 
}
/* Top Navigation */
#primary-nav {
	margin:0;
	padding:0;
	clear:both;
	width:100%;
	position:relative;
	z-index:10;
}
#primary-nav ul {
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:left; /*set to left, center, or right to align the menu as desired*/
}
#primary-nav li {
	margin:0 7px 0 0;
	padding:0;
	float:left;
	border:1px solid #8EAAC6;
	border-bottom:none;
	background:#E6F6FD url(/amp/redesign/global/images/primary-nav-bg.gif) top left repeat-x;
}
/* Space before first tab */
#primary-nav li#topnav-home {
	margin-left:14px;
	display:inline;
}
#primary-nav li a {
	text-decoration:none;
	padding:5px 10px;
	margin:0;
	color:#004C7D;
	font-weight:bold;
	display:block;
	width:.1em;
	white-space:nowrap;
}

#masthead-r > #primary-nav li a {
	width:auto;
}

#primary-nav li a:hover, 
#primary-nav li a.current {
	background-color:#8EAAC6;
	background-image:none;
	color:#fff;
}
.tabcontainer {
	clear:left;
	height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}
/* Sub-Navigation */
#secondary-nav { 
	clear:both;
	width:100%;
	position:relative;
	z-index:100;
	height:2.43em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
	background:#004C7D;
}
#secondary-nav ul { 
	margin:0; 
	padding:7px 0; 
	list-style-type:none; 
	display:none;
	float:left; 
	width:100%;
	height:1.3em; /* if no index is set, this will prevent jittering on hover.  */
}
#secondary-nav ul li { 
	display:inline; 
}
#secondary-nav li a {
	color:#fff;
	text-decoration:underline;
	font-weight:bold;
	margin:0 5px 0 0; 
	padding:0 0 0 10px; 
	background:url(/amp/redesign/global/images/secondary-nav-divider.gif) left 2px no-repeat;
}
#secondary-nav ul li.first a {
	background-image:none;
}
#secondary-nav a:hover {
	color:#DBEDFF;
}
#secondary-nav ul {
	background:#8EAAC6;
}
/* Hard style this margin to get child links under thier parent tab */
#subnav-home .first {}
#subnav-working .first { margin-left:0; }
#subnav-products .first { margin-left:34px; }
#subnav-retirement .first { margin-left:390px; }
#subnav-research .first { margin-left:480px; }
#subnav-find .first { margin-left:0; }

/* 
Current/Active state, requires putting a class on the body tag:
Changes background color of link,
Changes background color of sub nav
*/
/* Home */
body.topnav-home li#topnav-home a:link, 
body.topnav-home li#topnav-home a:visited, 
body.topnav-home li#topnav-home a:hover, 
body.topnav-home li#topnav-home a:active, 
body.topnav-home #secondary-nav #subnav-home, 
/* Working with Ameriprise */
body.topnav-working li#topnav-working a:link, 
body.topnav-working li#topnav-working a:visited, 
body.topnav-working li#topnav-working a:hover, 
body.topnav-working li#topnav-working a:active, 
body.topnav-working #secondary-nav #subnav-working, 
/* Products and Services */
body.topnav-products li#topnav-products a:link, 
body.topnav-products li#topnav-products a:visited, 
body.topnav-products li#topnav-products a:hover, 
body.topnav-products li#topnav-products a:active, 
body.topnav-products #secondary-nav #subnav-products, 
/* Retirement and Life Events */
body.topnav-retirement li#topnav-retirement a:link, 
body.topnav-retirement li#topnav-retirement a:visited, 
body.topnav-retirement li#topnav-retirement a:hover, 
body.topnav-retirement li#topnav-retirement a:active, 
body.topnav-retirement #secondary-nav #subnav-retirement, 
/* Research and Tools */
body.topnav-research li#topnav-research a:link, 
body.topnav-research li#topnav-research a:visited, 
body.topnav-research li#topnav-research a:hover, 
body.topnav-research li#topnav-research a:active, 
body.topnav-research #secondary-nav #subnav-research, 
/* Find an Advisor */
body.topnav-find li#topnav-find a:link, 
body.topnav-find li#topnav-find a:visited, 
body.topnav-find li#topnav-find a:hover, 
body.topnav-find li#topnav-find a:active, 
body.topnav-find #secondary-nav #subnav-find 
{ 
	background:#004C7D; color:#fff; 
}
/***** Footer *****/
#footer { 
	clear:both; 
	padding:20px 0; 
	margin:0; 
	text-align:center; 
	background:url(/amp/redesign/global/images/footer-bg.gif) top left repeat-x; 
	border-top:none; 
}
#footer ul { margin:0 0 15px 0; }
#footer ul li { display:inline; margin:0 7px 0 0; padding:0 0 0 11px; background:transparent url(/amp/redesign/global/images/nav-divider-1px333.gif) left center no-repeat; font-weight:bold; }
#footer ul li.first { background:none; }
#footer p { clear:left; }
#footer a, #footer a:link, #footer a:visited { color: #1D568C; text-decoration:none; font-weight:bold; }
#footer a:hover { text-decoration:underline; }
#footer .disclaim { margin:45px 0 0 0; padding:0; color:#898989; }
#footer .disclaim a, #footer .disclaim a:link, #footer .disclaim a:visited {
	font-weight:normal;
}


/***** R1 New Pages *****/
.grid {
	border:1px solid #ccc;
	border-top:none;
	background:url(/amp/redesign/global/images/grid-bg.gif) top center repeat-y;
	width:698px;
	margin:0 0 20px 0;
}
.grid .grid-left, .grid .grid-right {
	float:left;
	width:348px;
}
.grid h4 {
	width:328px;
	background:#ccc url(/amp/global/images/lvl3-img/refresh/homegrid-head-bg.jpg) repeat-x scroll left top;
	border-top:1px solid #ccc;
	padding:2px 5px 2px 15px;
}
.grid .grid-right h4 {
	border-left:1px solid #ccc;
	width:329px;
}
.grid p,
.grid ul,
.grid img {
	margin-left:15px;
	margin-right:15px;
}
/* Offer Boxes in Right Column */
div.offer {
	border:1px solid #ccc;
	background:#FAF7F2;
	padding-bottom:0;
	padding-right:10px;
	margin-bottom:10px;
}
div.offer h4 {
	border-top:none;
	padding-top:0;
	position:relative;
}
div.offer p {
	position:relative;
}

.offer h4 a {
	color:#ff9900;
}

div.offer form {
	margin:0 0 10px 0;
}
div.offer form #zip {
	margin-right:5px;
}
/* Log in form */
#col2 #login {
	margin:0 0 10px 0;
	width:260px;
	height:auto;
}

body.paperless #col2 #login { width:238px; }

#col2 #login #ssoform { width:auto; }

#login label {
	display:block;
}
/* Site Map */
.onecollayout {
	padding-left:10px;
}
.onecollayout #col1, 
.onecollayout #col2, 
.onecollayout #col3 { 
	float:left; 
	width:300px; 
	margin-left:10px;
	display:inline;
}
.onecollayout #col1 {
	margin-left:0;
}
.sitemap h2 {
	margin-bottom:15px;
}
.sitemap h3 {
	font-size:1.3em;
	border-top:1px solid #ccc;
	padding-top:5px;
	margin-top:10px;
	color:#ff9900;
}

.sitemap h3 a {
	color:#ff9900;
}

.sitemap h3.first {
	border-top:0;
	padding-top:0
}
.sitemap h4 {
	margin-left:5px;
	color:#FF9900;
}
.sitemap h4 a {
	color:#FF9900;
}
.sitemap h5 {
	margin-left:10px;
	margin-bottom:5px;
	color:#FF9900;
}
.sitemap h5 a {
	color:#FF9900;
}

.sitemap ul {
	margin-left:10px;
}

.sitemap p#breadcrumb {
	padding-top:10px;
}






/* Home Page */
#homepage #banner-home {
	margin:0 0 6px 0;
	float:left;
}

#homepage .homelayout #col2 .home-box { 
	background:#D3E2FF url(/amp/redesign/global/images/home-box-bg.jpg) top left repeat-x; 
	border:1px solid #ccc; 
	padding:0; 
	margin:0 0 10px 0; 
	clear:left;
}

#homepage .homelayout #col2 h2, 
#homepage .homelayout #col2 h3, 
#homepage .homelayout #col2 p, 
#homepage .homelayout #col2 h4, 
#homepage .homelayout #col2 ul { 
	padding-left:10px; 
	padding-right:10px; 
}

#homepage .homelayout #col2 h2 {
	margin-top:5px;
}

#homepage .homelayout #col2 h4 {
	border-top:1px solid #ccc;
	padding-top:10px;
}

#homepage .homelayout #col2 h4.first {
	border-top:none;
	padding-top:0;
}


/* Login Box */
#login { margin:0; padding:0; height:194px; }
#login form { margin-left:15px; }
#login h3 { background:#004C7D; margin-bottom:5px; }
#login input#userid-field, #login input#password-field { 
	width:172px; 
	border:1px solid #A4B97F; 
	padding:2px;
}
#login #userid { margin-bottom:3px; }
#login #password { margin-bottom:11px; }
#login select { margin:0 3px 5px 0; width:160px; }
#login input#login-btn { width:auto; }
#login ul { clear:both; margin-left:15px; margin-bottom:0; }
#login ul li { 
	padding-left:9px; 
	background:url(/amp/global/images/lvl3-img/refresh/bullet-refresh.gif) left center no-repeat; 
	margin-bottom:5px; 
}


/* Locator Box */
.homelayout #locator, 
.sublayout #locator { 
	background:#E6F5FE url(/amp/redesign/global/images/locator-home-bg.jpg) top left repeat-x; 
	padding:10px 10px 0 10px;  
}

/* Homepage locator box has to be a specific height */
.homelayout #locator { 
	height:182px; 
}

.homelayout #locator h3 { 
	background:transparent url(/amp/redesign/global/images/locator-home-usa-bg.gif) top right no-repeat; 
	font-size:1.2em; 
	padding:0 50px 0 0; 
	height:50px; 
	margin-bottom:10px;
}

.homelayout #locator form { 
	background-image:none; 
	margin-bottom:5px;
	margin-left:0;
	padding-bottom:0;
	width:auto;
	height:auto;
	margin:0 0 10px 15px;
	padding:0;
}

.homelayout #locator form label {
	vertical-align:top;
	float:left;
	margin-right:5px;
	padding-top:2px;
}

.homelayout #locator form #zipcode { 
	padding:2px; 
	width:5em;
	vertical-align:top;
	float:left;
	margin-right:5px;
}

.homelayout #locator form #loc-btn { 
	margin:0; 
	padding:0;
	float:left;
}

.homelayout #locator #loc-or {
	margin:0 0 10px 0
}

.homelayout #locator ul {
	margin-bottom:0;
	padding-bottom:0;
}

/* Tier 2 Page Locator Box */
.sublayout #locator { 
	padding:10px 10px 0 10px; 
	margin:0 0 10px 0; 
}

.sublayout #locator form { 
	width:auto; 
	height:auto; 
	background-image:none; 
	padding:0; 
	margin:10px 0 10px 25px;
}

.sublayout #locator form label {
	float:left;
	margin-right:5px;
	padding-top:2px;
}

.sublayout #locator form #zipcode {
	float:left;
	margin-right:5px;
}

.sublayout #locator input {
	vertical-align:top;
}

.sublayout #locator input#zipcode {
	padding:2px;
}

.sublayout #locator p { 
	text-align:left; 
}

/* Replace text with image */
.sublayout #locator p span.locator-no { 
	display:block; 
	font-size:1.2em; 
	font-weight:bold; color:#1D568C; 
}

.sublayout #locator p.replace-loc-or { 
	text-indent:-999px;
	width:230px;
	height:100%;
	background: transparent url(/amp/redesign/global/images/replace-loc-or.gif) top left no-repeat scroll;
	display:block;
	margin:0 0 5px 0;
}

.homelayout #locator p span.locator-no { 
	display:block; 
	font-size:1.2em; 
	font-weight:bold; color:#1D568C; 
}

.sublayout #locator p {
	margin-bottom:10px;
}

#homepage .homelayout #footer .disclaim {
	margin:0;
	padding:0;
}

/* Global R1 Changes */

h2 {
	color:#ff9900;
	font-weight:normal;
}

.sublayout #col1 h3 {
	font-size:1.3em;
	color:#333;
}

.sublayout p#breadcrumb {
	margin:0 0 10px 0;
	padding:0;
}

#col1 h6 {
	font-weight:bold;
	margin-bottom:15px;
}

.anchor-grid {
}

.anchor-grid .box {
	float:left;
	width:160px;
	margin-right:10px;
}

.current-widget {
	float:right;
	width:240px;
	padding:10px;
	border:1px solid #ccc;
	background:#eee;
	margin-left:10px;
}

.current-widget .left {
	float:left;
	width:110px;
}

.current-widget .right {
	float:right;
	width:110px;
}