/* CSS Document */

/* main nav */
#nav { padding-top: 6px; margin-bottom: 0; }

/* sub nav */
.sub-nav { display: inline; }

/* tabs in main nav */
#business, #personal, #private { 
	display: block; 
	width: 240px; 
	height: 39px; 
	float: left;
	margin-bottom: 4px;
}
#private { margin-bottom: 0; }

#business span strong, #personal span strong, #private span strong { margin: 0; padding: 0; display: block; margin-left: 0; padding-left: 12px; }

/* business tab */
#business span { background: #303030 url(/resources/4/c/4ccf9b804aca4c168366b72aea0011be/tab-business.jpg) top left no-repeat;  display: block; padding: 4px 0 8px; }
#business span a { display: block; padding: 6px 0 3px 0; color: #fff; text-decoration: none; }

#private span { background: #696969 url(/resources/f/b/fb1c33804aca4d318375b72aea0011be/tab-private.jpg) top left no-repeat;  display: block; padding: 4px 0 8px; }
#private span a { display: block; color: #fff; padding: 6px 0 3px 0; text-decoration: none; }


/* private tab */


/* personal tab */
#personal span { background: #dc291e url(/resources/d/2/d2476e804aca4d308372b72aea0011be/tab-personal.jpg) top left no-repeat;  display: block; padding: 4px 0 8px; }
#personal span a { display: block; padding: 6px 0 3px 0; color: #fff; text-decoration: none; }

.business-page #nav ul li ul.sub-nav li { background: url(/resources/8/2/8297a2004aca39408286b62aea0011be/bus-divider.gif) left center no-repeat; }
.private-page #nav ul li ul.sub-nav li { background: url(/resources/a/f/af4de9804aca45cf831db72aea0011be/private-divider.gif) left center no-repeat; }
.personal-page #nav ul li ul.sub-nav li { background: url(/resources/c/2/c25784004aca43598302b72aea0011be/personal-nav-divider.gif) left center no-repeat; }
#nav ul li ul.sub-nav li.first { background: none; }

#nav ul li ul li span a { padding: 0; margin: 0; text-align: center; }

#nav ul li ul { padding-top: 0; }
#nav ul li ul li.active { background: url(/resources/2/7/2770fb804aca322c8235b62aea0011be/active-bg-right.gif) top right no-repeat; }

#nav ul li ul { margin-top: 1px; z-index: 1; }
#nav ul li ul li { float: left; display: block; padding: 0 6px; margin: 0; background: none; margin-top: 8px; }
#nav ul li ul li a:link, #nav ul li ul li a:visited { color: #fff; text-decoration: none; }
#nav ul li ul li a:active { color: #fff; }
#nav ul li ul li span { background: none; font-size: 0.75em; line-height: 0.75em; }

#container #nav ul li ul li.active { 
	background: url(/resources/2/7/2770fb804aca322c8235b62aea0011be/active-bg-right.gif) top right no-repeat; 
	display: block; 
	position: relative; 
	margin: 8px 0 0 0; 
	padding: 0 12px 13px 0; 
}
#container #nav ul li ul li.active span { margin: 0; padding: 10px 0 4px 12px; background: url(/resources/f/9/f944da804aca319d8232b62aea0011be/active-bg.gif) top left no-repeat; }
#nav ul li ul li.active a:link, #nav ul li ul li.active a:visited { color: #fff; }

#nav ul li ul li a:hover { color: #000; }
.business-page #nav ul li ul li a:hover { color: #ccc; }

#nav ul li ul li { padding: 6px 12px; }

#container #nav ul li.two-lines { margin-bottom: 0; padding-top: 0; }
#container #nav ul li.two-lines ul li { margin-top: 2px; padding-top: 2px; background-position: left 12px; }
#container #nav ul li.two-lines ul li span { line-height: 1.25em; padding-bottom: 8px; }
#container #nav ul li.two-lines ul li.active { padding-top: 0; background-position: right top; padding-bottom: 6px; }
#container #nav ul li.two-lines ul li.active span { padding-top: 6px; padding-bottom: 0; }


/* personal-nav */
.personal-page #nav ul.sub-nav { 
	display: block; 
	width: 965px;  
	background: #dc291e url(/resources/2/0/20c0f7004aca4afe8357b72aea0011be/sub-menu-bg-personal.jpg) top left no-repeat; 
	clear: both;
	height: 44px;
}
.personal-page #nav .active-tab { border-bottom: 1px solid #dc291e; }
/* end personal nav */

/* business nav */
.business-page #nav ul.sub-nav { 
	display: block; 
	width: 965px; 
	background: #000000 url(/resources/c/9/c9c40f004aca4a768354b72aea0011be/sub-menu-bg-business.jpg) top left no-repeat; 
	clear: both;
	margin-left: -480px;
	margin-top: 1px;
	height: 44px;
}
.business-page #nav .active-tab { border-bottom: 1px solid #303030; }

/* private nav */
.private-page #nav ul.sub-nav { 
	display: block; 
	width: 965px; 
	background: #696969 url(/resources/5/e/5e724f804aca4aff835ab72aea0011be/sub-menu-bg-private.jpg) top left no-repeat; 
	clear: both;
	margin-top: 1px;
	margin-left: -240px;
	height: 44px;
}
.private-page #nav .active-tab { border-bottom: 1px solid #696969; }

#container #nav .u1, #container #nav .agri, #container #nav .o1 { width: 486px; }
#container #nav .u1 span { background: #303030 url(/resources/f/f/ff4751804aca4d2f836fb72aea0011be/tab-business-under1m.jpg) top left no-repeat; padding-bottom: 9px; margin-bottom: -1px; }
#container #nav .o1 span { background: #303030 url(/resources/c/1/c1e7b3004aca4ca0836cb72aea0011be/tab-business-over1m.jpg) top left no-repeat; padding-bottom: 9px; margin-bottom: -1px; }
/* #container #nav .o1 { border-bottom: none; } */
#container #nav .agri span { background: #303030 url(/resources/f/b/fb6bee804aca4c9f8369b72aea0011be/tab-business-agri.jpg) top left no-repeat; padding-bottom: 9px; margin-bottom: -1px; }
#container #nav .u1 ul li span, #container #nav .u1-2 ul li span, #container #nav .o1 ul li span, #container #nav .agri ul li span { background: none; }

#nav .banner { font-size: 1.25em; line-height: 1.25em; color: #fff; margin-top: 6px; padding-top: 0; }

/* for tile-ad on rhs of ib-logout --- main css was locked out */
.iblogout-right { background: #F7F2EE url('/resources/5/3/53aeb1004248b25e8cc3be95d3dd534b/cb-fifty-percent-off-mortgage-sticker.png') no-repeat right top; }