/* $Id$
Sitewide standard aspects of fonts, buttons, layout and positioning

Version history:
0.1 2007-05-29 Initial version
*/
/*@import "nav.css"; /* reset the css*/

/* 
1.5em = 24px;
1.126em = 18px;
1.063em = 17px;
0.877em = 14px
0.813em = 13px
0.75em = 12px 
0.689em = 11px
*/

.content #secondary-nav ul li { margin: 0; }

body {font: 1em arial,helvetica,sans-serif; padding: 0; margin: 0 auto; text-align: center; background: #fff url(/resources/8/8/8863d0804aca6fde83fcb72aea0011be/bg-page-shadow.gif) 48.4% top repeat-y;  color:#000; line-height: 1.15em; }

a:link, a:active, a:visited { color: #013378; text-decoration: underline; }
a:hover { text-decoration: none; }

a.fourteen-bold {font-weight: bold; font-size:1.270em;}

strong { font-weight: bold; }

#container { margin: 0 auto; padding: 0; text-align: left; width: 968px; }

/* setup base elements */
#container .content ul { margin-top: 14px; }
#container .content #secondary-nav ul { margin-top: 0; }

.home { padding: 0; display: inline-block; }
.custom { padding: 20px 0; display: inline-block; }
.landing {  }
.content {  }
.no-nav #right-panel, .no-nav #main-content { margin-top: 6px; }
.tab-nav #right-panel, .tab-nav #main-content { margin-top: 0; }

#hero-panel ul, #main-content ul, #tool-panel ul, .tool-panel ul, .tool-panel-multi ul { 
	margin: 6px 0; 
	list-style-image: none; 
	font-size: 0.75em;
}

#hero-panel ul li, #main-content ul li {
	list-style-type: none; background: url(/resources/f/f/ff5c06004aca74c38439b42aea0011be/bullet.gif) 0 7px no-repeat; padding-left: 12px; margin: 6px 0;
}
#tool-panel ul li, .tool-panel ul li { 
	list-style-type: none; background: url(/resources/b/e/be5a1c804aca6bba83e5b72aea0011be/arrow-tiny-bullet.gif) 0 center no-repeat; padding-left: 12px; margin: 6px 0; 
}

.tool-panel-multi ul li { 
	list-style-type: none; background: url(/resources/b/e/be5a1c804aca6bba83e5b72aea0011be/arrow-tiny-bullet.gif) -10 top no-repeat; padding-left: 12px;  margin: 6px 0; }

#container .red-banner { font-size: 1.126em; line-height: 1.126em;  }
.personal-page .red-banner { color: #013378; }
.business-page .red-banner { color: #555; }

h2.red-banner { margin-top: 20px; clear: both; }

.one-third-promo .promo-body, .two-thirds-promo .promo-body, .three-thirds-promo .promo-body, .one-half-promo .promo-body { padding: 13px; }
#container .promo-body h2 { margin: 0; }
.two-thirds-promo ul li { background-position: 0 3px; }
.three-thirds-promo { 
	float: left; 
	width: 706px; 
	margin: 6px 0 6px 6px;
	color: #000;
}
.one-half-promo { 
	float: left; 
	width: 351px; 
	margin: 6px 0 6px 6px;
	color: #000;
}
.two-thirds-promo { 
	float: left; 
	width: 468px; 
	margin: 6px 0 6px 6px; 
	color: #000; 
}
.one-third-promo { 
	float: left; 
	width: 230px; 
	margin: 6px 0 6px 6px;
	color: #000;
}
.sub-content .one-third-promo { width: 178px; margin-left: 0; margin-right: 6px; }
.sub-content .one-half-promo { width: 271px; margin-left: 0; margin-right: 6px; }
.sub-content .two-thirds-promo { width: 364px; margin-left: 0; margin-right: 6px; }
.sub-content .three-thirds-promo { width: 551px; margin-left: 0; margin-right: 6px; }

#main-content ol { list-style-type: decimal; font-size: 0.75em; margin:
15px 0 15px 30px;  }
#main-content ol li { margin: 4px 0; }
#main-content ol ol { font-size: 1em; margin-top: 6px; margin-bottom: 6px; }

.private-page .home, .private-page .landing, .private-page .content { background: #fff; }

/* business specific styles */
.business-page .home, .business-page .landing, .business-page .content { background: #fff; }
.business-page .home { border: 1px solid #ccc; }

.business-page .product-promo { border: 1px solid #A8CBE1; }

.business-page .promo-panel { width: 100%; }

.business-page .promo-panel .promo-content { padding: 14px 6px; }
.business-page .promo-panel .promo-content ul { margin: 12px; width: 300px; }
.business-page #main-content .promo-panel p { color:#000; margin:10px; margin-right:10px; font-size:0.813em;}
.business-page .promo-panel li { color:#000; margin:10px; margin-right:10px; font-size:0.813em;}

.private-page .one-third-promo { border: 1px solid #ccc; }
.personal-page .home .one-half-promo {	border: 1px solid #cccccc;	background-color: #fff; }
.personal-page .home .three-thirds-promo {	border: 1px solid #cccccc; background-color: #fff; }
.personal-page .home .one-third-promo {	border: 1px solid #cccccc;	background-color: #fff; }
.personal-page .home .two-thirds-promo { border: 1px solid #cccccc;	background-color: #fff; }
.personal-page .custom .one-half-promo { border: 1px solid #cccccc;	background-color: #fff; }
.personal-page .custom .three-thirds-promo { border: 1px solid #cccccc; background-color: #fff; }
.personal-page .custom .one-third-promo { border: 1px solid #cccccc; background-color: #fff; }
.personal-page .custom .two-thirds-promo { border: 1px solid #cccccc; background-color: #fff; }
.personal-page .sub-content .one-third-promo { border: 1px solid #cccccc; background-color: #fff; }
.personal-page .sub-content .one-half-promo { border: 1px solid #cccccc; background-color: #fff; }
.personal-page .sub-content .two-thirds-promo { border: 1px solid #cccccc; background-color: #fff; }
.personal-page .sub-content .three-thirds-promo { border: 1px solid #cccccc; background-color: #fff; }

.business-page .one-third-promo { border: 1px solid #cfcfcf; background-color: #fff;  }
.business-page .two-thirds-promo { border: 1px solid #cfcfcf; background-color: #fff;  }
.business-page .three-thirds-promo { border: 1px solid #cfcfcf; background-color: #fff;  }
.business-page .one-half-promo { border: 1px solid #cfcfcf; background-color: #fff;  }
.business-page .sub-content .one-third-promo { border: 1px solid #cfcfcf; background-color: #fff;  }
.business-page .sub-content .one-half-promo { border: 1px solid #cfcfcf; background-color: #fff;  }
.business-page .sub-content .two-thirds-promo { border: 1px solid #cfcfcf; background-color: #fff;  }
.business-page .sub-content .three-thirds-promo { border: 1px solid #cfcfcf; background-color: #fff;  }

#container .business-over1m {background:#fff url(/resources/a/d/ad7c0b804aca791b848eb42aea0011be/075731-Small-Business-Hero-over-1m.png) top right no-repeat;}
.business-page .business-under1m {background:#fff url(/resources/4/e/4e04a68045bfb2a5b4b4b5ea12ffa96e/075731-new-Small-Business-Hero-GIF.gif) 100% 0% no-repeat;}

#container .bib-login { margin-top: 0px;}

#container .bib-login .hero-promo text-w330 { margin-top: 0px; }

#container .bib-logout {background:#fff url(/resources/a/c/ac0b06804b2cb7a1a67fa67000e9fa4d/bib-logout-title-text.jpg) top right no-repeat; margin-top: 0px;}

.business-page .business-agri {background:#fff url(/resources/d/6/d6e867804aca791a848bb42aea0011be/075731-Small-Business-Hero-AD-AGRI.png) 100% 0% no-repeat;}
.business-page .content .promo-body { height: auto; padding-bottom: 14px; }

.business-page .content .promo-body h2 { margin: 8px 0 0 0; }
.business-page .content .promo-body p { margin: 14px 0 0 0; }
.business-page .content .promo-body ul { font-size: 0.75em; }

.business-page .title-holder { background: url(/resources/4/7/47f608004aca76ec8455b42aea0011be/business-tools-title-bg.png) top left no-repeat; margin-left: -13px; padding: 3px 0 3px 24px; }

.business-page .tool-panel { 
	background: #D3DAD2 url(/resources/1/0/10dbfc804aca7ff284ddb42aea0011be/personal-right-tools-bg.jpg) top left repeat-x; 
	width: 239px; 
	margin-left: 3px; 
	border-bottom: 1px solid #eee; 
	padding: 3px 0; 
}

.business-page .tool-panel-multi { 
	background: #D3DAD2 url(/resources/1/0/10dbfc804aca7ff284ddb42aea0011be/personal-right-tools-bg.jpg) top left repeat-x; 
	width: 239px; 
	margin-left: 3px; 
	border-bottom: 1px solid #eee; 
	padding: 3px 0; 
}

.business-page .tool-panel h3 { color: #000; font-size: 0.877em; margin: 6px 0 0 12px; display: block; }
.business-page .tool-panel ul.pdf-list { margin: 6px 0 6px 12px; font-size: 0.75em; }
.business-page #right-panel .last, .business-page .right-panel-lower .last { border-bottom: none; padding-bottom: 4px; }
.business-page .tool-panel label { color: #000; font-size: 0.877em; margin: 6px 0 0 12px; display: block; }
.business-page .tool-panel select { width: 168px; margin: 6px 0 6px 12px; }
.business-page .tool-panel p { margin: 6px 0 6px 12px; font-size: 0.75em; }
/* end business specific styles */

/* homepage promos */
#container .business-over1m .two-thirds-promo, #container .business-agri .two-thirds-promo, #container .landing-private .two-thirds-promo { border: none; background: none; }
#container .landing-private .two-thirds-promo { color: #cccccc; }
#container .landing-private a { color: #fff; }
#container .business-over1m .one-third-promo, #container .business-agri .one-third-promo, #container .landing-private .one-third-promo  { border: none; background: #3B3B3B; color: #fff; margin-top: -14px; }
#container .business-over1m .one-third-promo a, #container .business-agri .one-third-promo a, #container .landing-private .one-third-promo { color: #fff; }
#container .business-over1m .one-third-promo ul.small-arrows li, #container .business-agri .one-third-promo ul.small-arrows li, #container .landing-private .one-third-promo ul.small-arrows li, #container .landing-private .two-thirds-promo ul.small-arrows li { background: transparent url(/resources/a/5/a59e36804aca6bbb83e8b72aea0011be/arrow-tiny-bullet-white.gif) left 7px no-repeat; }
/* end homepage promos */

/* business routing specific styles */
#container .business-routing { width: 964px; background: #000 url(/resources/2/6/26d138004aca79c88491b42aea0011be/landing-page-bus-routing.jpg) top left no-repeat; }
#container .business-routing .home { width: 962px; padding-top: 30px; background: none; }
#container .business-routing .home h1 { color: #fff; text-align: center; margin-bottom: 10px; }

.business-routing .three-col { float: left; color: #fff; width: 320px; padding-bottom: 160px; padding-top: 20px; }
.business-routing #col-agri:hover { background: #111 url(/resources/2/8/282207004aca6c4b83ebb72aea0011be/bg-business-routing-rollover-agr.jpg) top left no-repeat; }
.business-routing #col-over:hover { background: #111 url(/resources/4/b/4b4db6004aca6c4d83f1b72aea0011be/bg-business-routing-rollover-u1m.jpg) top left no-repeat; }
.business-routing #col-less:hover { background: #111 url(/resources/4/1/417783004aca6c4c83eeb72aea0011be/bg-business-routing-rollover-o1m.jpg) top left no-repeat; }
.business-routing .three-col .panel-content { margin: 0 20px 0 24px; }
#container .business-routing .three-col p { font-size: 0.75em; line-height: 1.4em; margin: 0 0 14px 0; color: #cccccc }
#container .business-routing .three-col h2 { margin-bottom: 14px; line-height: 1.6em; margin-bottom: 20px; }
#container .three-col h2 a { color: #fff; text-decoration: underline; font-weight: bold; }
/* end business routing */

/* personal specific styles */

/* different background styles for the main content sections */
.personal-page .home { background: #fff; }
.personal-page .landing { background: #fff; }
.personal-page .content { background: #fff; }
.personal-page .custom { background: #fff url(/resources/6/9/6998dc804bcfd2fdb8dbba7000e9fa4d/home-background-mygateway-yb-new.jpg) top left no-repeat; }

/* tool panel styles */
.title-holder { margin-left: -13px; padding: 3px 0 3px 24px; }
.tool-panel { 
	width: 239px; 
	margin-left: 3px; 
	padding: 3px 0; 
}
.title-holder h2 { padding: 4px 6px 3px 0; margin-bottom: 9px; color: #fff; }
.tool-panel h3 { font-size: 0.877em; margin: 6px 0 0 12px; display: block; }
.tool-panel ul.pdf-list { margin: 6px 0 6px 12px; font-size: 0.75em; }
.tool-panel label, .tool-panel h3.latest-news { font-size: 0.877em; font-weight: bold; margin: 6px 0 0 12px; display: block; }
.tool-panel select { width: 168px; margin: 6px 0 6px 12px; }
.tool-panel p { margin: 6px 0 6px 12px; font-size: 0.75em; }
.tool-panel ul { 
	margin-left: 12px; 
}

#right-panel .last, .right-panel-lower .last { border-bottom: none; padding-bottom: 4px; }

.personal-page .title-holder { background: url(/resources/e/d/ed16c6004aca808684e3b42aea0011be/personal-tools-title-bg.png) top left no-repeat; }
.personal-page .tool-panel { 
	background: #D3DAD2 url(/resources/1/0/10dbfc804aca7ff284ddb42aea0011be/personal-right-tools-bg.jpg) top left repeat-x; 
	border-bottom: 1px solid #eee; 
}

.private-page .title-holder { background: url(/resources/f/8/f89516004aca83408502b52aea0011be/rebrand-private-tools-title-bg-yb.png) top left no-repeat; }
.private-page .tool-panel { 
	background: #D3DAD2 url(/resources/1/0/10dbfc804aca7ff284ddb42aea0011be/personal-right-tools-bg.jpg) top left repeat-x; 
	border-bottom: 1px solid #eee; 
}

.private-page .tool-panel a:link, .private-page .tool-panel a:active, .private-page .tool-panel a:visited { color: #333333; text-decoration: underline; }
.private-page .tool-panel a:hover { color: #333333; text-decoration: none; }

.private-page #right-panel .last, .private-page .right-panel-lower .last { border-bottom: 1px solid #fff; }
.private-page #promo-right { width: 239px; background: #fff; margin-right: 2px; float: right; margin-top: 6px; display: inline; color: #000; }
.private-page #promo-right a { color: #fff; }
.private-page #promo-right { background: #fff; color: #fff; }
.private-page #promo-right h2 { margin: 6px 12px 0 12px; font-size: 1.126em; padding: 4px 0 2px 0; }
.private-page #promo-right p { margin: 12px; font-size: 0.75em; }
/* end personal specific styles */

/* private specific styles */
.private-page .home { background: #595959 url(/resources/5/2/524dff804aca82b184f9b42aea0011be/private-landing-page-bg.jpg) left top no-repeat; border: 1px solid #ccc; color: #000; }
.private-page .content { background: #fff; }

#container .landing-private { }
#container .car-couple { background: transparent url(/resources/2/5/25487f804aca7c1584a5b42aea0011be/landing-pages-carcouple.jpg) bottom right no-repeat; padding-bottom: 160px; }
/* end private specific styles */

/* top bradcrumbs */
#bread-crumb { float: left; padding: 5px 0 2px 0; font-size: 0.689em; color: #666666; }
#bread-crumb span { font-weight: bold; margin-right: 10px; }
#bread-crumb span.arrow { color: #777; margin: 0 3px; }
#bread-crumb a:link, #bread-crumb a:active, #bread-crumb a:visited { color: #000; text-decoration:none; margin: 0 3px; }
#bread-crumb a:hover { text-decoration: underline; color: #000; margin: 0 3px; }
/* end breadcrumb */

/* header */
#header { background: #fff; border-top: 1px solid #ededed; padding-top: 6px; font-size: 0.689em; margin-right: 2px; }

#header a:link, #header a:active, #text-size a:link, #text-size a:active { color: #000; text-decoration: underline; }
#header a:visited, #text-size a:visited { color: #000; text-decoration:underline; }
#header a:hover, #text-size a:hover { text-decoration: none; }

#header .panel-nav a:link, .panel-nav a:active { color: #000; text-decoration: underline; }
#header .panel-nav a:visited { color: #000; text-decoration: underline; }
#header .panel-nav a:hover { text-decoration: none; }

#container #header .panel-nav p.last a { color:#aaa; }

.empty-header { padding-bottom: 0px; }

#logo { float: left; padding:20px 13px 20px 0;}

#text-size { float: right; font-size: 0.689em }
#text-size li { float: left; padding: 5px 3px 0px 3px; }
#text-size li img { margin-top: 0px; }
#text-size li.text-label { padding-left: 6px; }
#text-size #view-only { padding-right: 12px; background: #000 url(/resources/a/9/a963b8804aca77788474b42aea0011be/divider.gif) 100% 65% no-repeat; }
#text-size #view-all { display: none; }
/* end header */

/* login / search panel */
#search-login { 
	float: right; 
	background: #fff url(/resources/3/7/37382a004aca7cca84b6b42aea0011be/login-search-bg.jpg) bottom left no-repeat; 
	width: 486px; 
	margin-right: 0; 
	display: inline;
	padding-bottom: 6px;
}
#search-box, #login-box { float: left; width: 240px; color: #fff; background: #fff url(/resources/3/7/37382a004aca7cca84b6b42aea0011be/login-search-bg.jpg) top left no-repeat; padding: 6px 0 0 0; margin-bottom: -1px; }
#login-box { background-position: 2px top; padding-bottom: 18px; }
#search-box label { display: block; margin-bottom: 6px; padding-bottom: 0; }

#login-box { margin-left: 4px; }
#login-box form *, #search-box form input { margin-left: 12px; float: left; margin-right: 2px; }

.panel-nav {position:relative; color:#000000;}
#container .panel-nav p.last { margin: 0 0 6px 12px; clear: both; padding-top: 3px; }
.panel-nav div { float: left; }
.panel-nav div div, .panel-nav div ul {display:none; margin:0; padding:0; position:absolute; top: 6px; left: 0; z-index:9999; }
.panel-nav div ul { width: 220px; border-bottom: solid 1px #aaada9; padding: 10px 0; }
.panel-nav div div span { display: none; }
.panel-nav div ul li {margin:0; padding:0px 10px; display:block; color: #333333}

.panel-nav div#block_login_title {  
	width: 100px;
	height: 24px;
	z-index: 999;
	background: url(/resources/6/7/6732fd804aca7cc984b3b42aea0011be/login-panel.gif) no-repeat top left;
	margin-left: 12px;
}

.panel-nav div div#block_register_title {
	width: 100px; 
	margin-left: 132px; 
	height: 28px;
	z-index:999; 
	background: url(/resources/6/9/693254804aca845f8511b52aea0011be/register-panel.gif) -120px top no-repeat;
}

.panel-nav ul#block_login_content {  background: url(/resources/6/7/6732fd804aca7cc984b3b42aea0011be/login-panel.gif) no-repeat left -24px; top: 30px; margin-left: 12px; }
.panel-nav ul#block_register_content {  background: url(/resources/6/9/693254804aca845f8511b52aea0011be/register-panel.gif) no-repeat left -24px; top: 30px; margin-left: 12px; }

.panel-nav #bar_login { padding-left: 12px; padding-top: 6px; padding-right: 10px; }
.panel-nav #bar_register { padding-left: 10px; padding-top: 6px; }

.panel-nav div:hover ul, .panel-nav div:hover div {display:block;}

#search-box #searchfield { width: 148px; padding: 2px 0; color: #fff; }
#container #search-box form { margin: 0; padding: 0; clear: both; }
#search-box form input.image-button { margin-left: 6px; float: left; margin-top: 1px; color: #fff }
#container #search-box ul { clear: both; margin: 0 0 6px 12px; padding-top: 3px; font-size: 1em; }
#container #search-box li { float: left; padding-right: 14px; padding-top: 0; margin-top: 0; }
#container #search-box li.last { padding-right: 0; }
#login-box form { margin-top: 12px; }
#search-login ul.small-arrows li { background: url(/resources/b/e/be5a1c804aca6bba83e5b72aea0011be/arrow-tiny-bullet.gif) left center no-repeat; padding-left: 12px }
/* end login / search panel */

/* nav SEE main-nav.css */

/* main content */
#main-content { width: 720px; margin-top: 46px; float: left;}
#main-content h1 { font-size: 1.5em; color: #000; font-weight: bold; padding: 8px 0 8px 0; margin-top: -8px; margin-left: 14px; margin-bottom: 6px; font-weight: normal; width: 500px; }

.sub-content { float: left; padding: 14px 6px 20px 6px; padding-right: 0; color: #000; width: 558px; min-height: 458px;}
.sub-content h1 { margin: 0 20px; }
.sub-content h2 { font-size: 0.877em; margin: 20px 14px 0 14px; }
.sub-content h3 { font-weight: bold; margin-top: 12px; font-size: 0.877em; }
.business-page .sub-content {width:559px;}

.sub-content .main-page { width: 525px; margin: 0 14px; }
/*.private-page .sub-content .main-page { margin-left: 3px; padding: 0 14px 14px 14px; }*/
.private-page .sub-content .main-page { margin-left: 3px; padding: 0px 0px 14px 14px;}
.sub-content .main-page ul { margin: 14px 0; font-size: 0.75em; }
#container .sub-content .main-page ul li ul { font-size: 1em; margin-left: 0; margin-top: 0; margin-bottom: 0; }
.sub-content .main-page p { margin: 14px 0 0 0; font-size: 0.75em; line-height: 1.5em; }
.sub-content .main-page h2 { margin: 14px 0 0 0; font-size: 1.126em; line-height: 1.126em; font-weight: normal; }

.personal-page .sub-content .main-page h2 { color: #013378; }
.business-page .sub-content .main-page h2 { color: #555; }
/* end main content */

/* secondary nav */
#secondary-nav-holder { border: 1px solid #ccc; }
#secondary-nav { width: 153px; float: left; font-size: 0.9175em; }
#container #secondary-nav ul { font-size: 0.749em; list-style-type: none; margin: 0; padding: 0; }
#container #secondary-nav ul li ul { list-style-type: none; font-size: 1em; }
#container #secondary-nav ul li { margin: 0; padding: 0; background-image: none; }
#container #secondary-nav ul li a { padding: 8px 14px; display: block; text-decoration: none; }
#container #secondary-nav ul li a:hover { text-decoration: underline; }
#container #secondary-nav ul li ul li a { padding: 8px 14px 8px 22px; background-position: 10px center; }
#container #secondary-nav ul li ul li ul li a { padding: 8px 14px 8px 30px; background-position: 18px center; }
#container #secondary-nav ul li ul li ul li ul li a { padding: 8px 14px 8px 38px;  background-position: 26px center; }
#container #secondary-nav ul.second-sub-nav li a { border-bottom: none; }

.personal-page #secondary-nav-holder { background: url(/resources/2/4/240a41804aca8589851fb52aea0011be/secondary-nav-bg-personal.gif) top left repeat-y; }
.personal-page #secondary-nav ul li a { background-color: #d5d5d5; border-bottom: 1px solid #f5f5f5; color: #000; }
.personal-page #secondary-nav ul li.active a { background-color: #282828; color: #fff; }
.personal-page #secondary-nav ul li ul li a { background: #f5f5f5 url(/resources/a/9/a9fec7804aca87048535b52aea0011be/subnav-arrow-black.gif) 10px center no-repeat; border-bottom: 1px solid #fff; }
.personal-page #secondary-nav ul li ul li.active a { color: #525252; background: #f5f5f5 url(/resources/4/b/4b3a4d804aca8706853bb52aea0011be/subnav-arrow-mgrey.gif) 10px center no-repeat; }

.business-page #secondary-nav-holder { background: url(/resources/2/c/2cee0b004aca84d68517b52aea0011be/secondary-nav-bg-business.gif) top left repeat-y; }
.business-page #secondary-nav ul li a { background-color: #e5e5e5; border-bottom: 1px solid #fbfbfb; color: #666666; }
.business-page #secondary-nav ul li.active a { background-color: #666666; color: #fff; }
.business-page #secondary-nav ul li ul li a { color: #717171; background: #ccc url(/resources/4/b/4b3a4d804aca8706853bb52aea0011be/subnav-arrow-mgrey.gif) 10px center no-repeat; border-bottom: 1px solid #fbfbfb; }
.business-page #secondary-nav ul li ul li.active a { color: #000000; background: #ccc url(/resources/a/9/a9fec7804aca87048535b52aea0011be/subnav-arrow-black.gif) 10px center no-repeat; }

.private-page #secondary-nav-holder { background: url(/resources/8/d/8d3e84804aca858a8522b52aea0011be/secondary-nav-bg-private.gif) top left repeat-y; }
.private-page #secondary-nav ul li a { background-color: #e5e5e5; border-bottom: 1px solid #fbfbfb; color: #666666; }
.private-page #secondary-nav ul li.active a { background-color: #666666; color: #fff; }
.private-page #secondary-nav ul li ul li a { color: #717171; background: #ccc url(/resources/4/b/4b3a4d804aca8706853bb52aea0011be/subnav-arrow-mgrey.gif) 10px center no-repeat; border-bottom: 1px solid #fbfbfb; }
.private-page #secondary-nav ul li ul li.active a { color: #000000; background: #ccc url(/resources/a/9/a9fec7804aca87048535b52aea0011be/subnav-arrow-black.gif) 10px center no-repeat; }
/* end secondary nav */

/* promo panels */
.hero-promo-new { width:551px; padding:14px 0px; background-color:#003478; background-image:url(/resources/3/8/3864e8004caba9e296089762d3873a9c/YB-hero-panel.jpg) ; background-position:left bottom; background-repeat:no-repeat;padding-bottom:50px;}
.hero-promo-new .red-banner-new { color:#fff; font-size:1.5em; margin-top:5px;}
.hero-promo-new h3 { color:#fff; margin-left:15px; }
#main-content .hero-promo-new .promo-content { padding: 0 14px; width:240px; float:left;}
#main-content .hero-promo-new .promo-content-rhs { padding: 0 14px; width:240px; float:left;}
#main-content .hero-promo-new .promo-content-rhs ul li { color:#fff; }
#main-content .hero-promo-new .promo-content p { color:#fff; margin-left:14px; }
#main-content .hero-promo-new .promo-content-rhs p { font-size:0.75em; color:#fff; }
#main-content .hero-promo-new .promo-content p a, #main-content .hero-promo-new .promo-content-rhs p a { color:#fff;  }
#main-content .hero-promo-new .promo-content-rhs ul li a { color:#fff; }

#main-content .hero-promo-new .promo-content-rhs ul li { color:#fff; }
#main-content .hero-promo-new ul li { background:transparent url(/resources/1/9/19b420804caba9e5960b9762d3873a9c/bullet-white.gif) no-repeat scroll 0 7px; }

.smallfooter { font-size:0.65em; }

.hero-promo { width: 551px; padding: 14px 0; }
.hero-promo .promo-content { padding: 0 14px; }
.home .hero-promo .promo-content { padding: 0; }
.hero-promo h2 { margin: 0 0 14px 0; color: #000; }

.hero-promo table { margin-left: -13px; margin-right: -13px; width: 550px; }

.text-w300 p, .text-w300 ul { width: 300px; }
.text-w330 p, .text-w330 ul { width: 330px; }
.text-w400 p, .text-w400 ul { width: 400px; }

.business-page .hero-promo { border: 1px solid #cfcfcf; color: #000; }
.business-page .home .hero-promo { border: none; }
.personal-page .hero-promo { border: 1px solid #d2d2d2; }
.personal-page #flashbanner { border: none; }
.private-page .hero-promo { border: none; margin-left: 0;  border: 1px solid #ccc; }

.home .hero-promo { border: 1px solid #cccccc; background: none; width: 718px; padding: 0; height: 498px; float: left;}
.private-page .home .hero-promo { border: none; background: none; width: 718px; padding: 0; height: 392px; float: left; }
.custom .hero-promo { border: none; background: none; width: 708px; margin-left: 6px; padding: 0 0 14px 0; height: 492px; }
.custom .hero-promo p { color:#ffffff; }
.home #business-hero { height: auto; }
#container .no-border { border: none; }

.personal-page .home .small-promo-panels { margin-top: -216px; float: left; position: relative;}
.personal-page .custom .small-promo-panels { margin-top: -216px; float: left; position: relative; }
.business-page .home .small-promo-panels { margin-top: -216px; float: left; }
.private-page .home .small-promo-panels { margin-top: -140px; float: left; }

.promo-content p, .promo-content ul { font-size: 0.75em; margin-top: 14px; }

.insurance-promo { background: #fff url(/resources/4/f/4fce4e804aca7e4884c8b42aea0011be/personal-insurance.jpg) bottom right no-repeat; }
.current-promo { height: 195px; background: #fff; }
.finance-promo { background: #fff url(/resources/d/1/d13c7e804aca7ae08498b42aea0011be/landing-page-finance.jpg) bottom right no-repeat;  }
.day-to-day-promo { background: #fff url(/resources/d/6/d6cf1d004aca75528445b42aea0011be/business-day-to-day.jpg) bottom right no-repeat; }
.loans-promo { background: #fff url(/resources/4/f/4f7b95004aca7ed484cbb42aea0011be/personal-loans.jpg) bottom right no-repeat; }
.mortgages-promo { background: #fff url(/resources/3/d/3d4e26804aca7ed584ceb42aea0011be/personal-mortgages.jpg) bottom right no-repeat; }
.product-promo { background: #fff; }
.current-account-promo { background: #fff url(/resources/b/0/b05cb2004aca75518442b42aea0011be/business-current-acct.jpg) bottom right no-repeat; }
.insurance-promo-two { background: #fff url(/resources/2/2/2200c4004aca7c1484a2b42aea0011be/landing-page-personal-insurance.jpg) bottom right no-repeat; }
/* end promos */

/* small promo panels */
.one-third-promo ul li, .two-thirds-promo ul li, .three-thirds-promo ul li { margin-bottom: 6px; }

.one-third-promo h2, .two-thirds-promo h2, .three-thirds-promo h2, .one-half-promo h2 { font-size: 0.875em; font-weight: bold; }
.one-third-promo p, .two-thirds-promo p, .three-thirds-promo p, .one-half-promo p { font-size: 0.75em; margin: 8px 0 0 0; }
.one-third-promo img, .two-thirds-promo img, .three-thirds-promo img, .one-half-promo img { margin: 0; }
.one-third-promo .promo-body img, .two-thirds-promo .promo-body img, .three-thirds-promo .promo-body img, .one-half-promo .promo-body img { margin: 8px 0; }

#container .light-grey { color: #666; margin-top: 0; margin-bottom: 8px; }
/* end small promo panels */

/* right-hand-panel */
#right-panel { float: right; width: 245px; margin-top: 46px; color: #000; }
#right-panel .help { margin-left: 0; }
#container .top-panel { margin-right: 0; margin-top: 40px; }

.right-panel-lower { float: right; width: 245px; color: #000; margin-top: 6px; clear: right; }
.right-panel-lower .title-holder { margin-bottom: 1px; }

input.rhs-textfield {margin: 6px 0 6px 12px; }

#promo-right { width: 237px; border: 1px solid #ccc; background: #fff; margin-right: 3px; float: right; margin-top: 6px; display: inline; color: #000; clear: right; }

#promo-right h2 { margin: 6px 12px 0 12px; font-size: 1.126em; padding: 4px 0 2px 0; }
#promo-right p { margin: 12px; font-size: 0.75em; }

#latest-news { background: #d3dad2;width:239px; margin-left:3px; height:95px;}
#latest-news h3 {font-size:0.9em;margin :3px 12px}
#latest-news ul {margin-top:8px;}
#latest-news li {background: url(/resources/b/e/be5a1c804aca6bba83e5b72aea0011be/arrow-tiny-bullet.gif) 0px 4px no-repeat; padding-left: 12px; font-size:0.75em; margin: 2px 8px 2px 12px }

/* end right-hand-panel */

/* footer */
#footer { 
	clear: both; 
	background: #fff; 
	text-align: center; 
	padding: 12px 0; 
	width: 966px; 
	margin: 6px 0; 
	margin-right: 3px; 
	float: right; 
	color: #666666;
	font-size: 0.689em;
	border-top: 1px solid #ccc;
}
#footer ul { list-style-type: none; margin:0; padding: 0; text-align:center; margin-bottom: 12px; }
#footer ul li { display: inline; background: url(/resources/5/f/5f73e4804aca7803847ab42aea0011be/footer-divider.jpg) top right repeat-y; padding: 0 8px 0 6px; }
#footer ul li.last { background: none; }
#footer ul li a:link, #footer ul li a:active { color: #888; text-decoration: none; }
#footer ul li a:visited { color: #999; text-decoration: none; }
#footer ul li a:hover { color: #666; text-decoration: none; }
/* end footer */

/* forms */
.promo-form { padding: 0 0 0 0; width: 551px; }
.promo-form form { margin: 14px 0 0 0; }
.promo-form legend { font-size: 1.126em; margin-bottom: 0; padding-bottom: 0; padding-left: 14px; margin-left: -8px; font-weight: normal; }
.promo-form .promo-form-left { display: block; float: left; width: 59%; padding: 6px 0 1px;  margin-left: 14px; position: relative; display: inline; font-size: 0.75em; }
.promo-form .promo-form-right { display: block; float: left; width: 29%; padding: 6px 0; text-align: right; font-size: 0.75em; }
.promo-form .clear { border-bottom: 1px solid #E5E5E5; }
.promo-form .medium-box { width: 100px; }
.promo-form .small-box { width: 30px; }
#container .promo-form p { margin: 14px 14px 0 14px; font-size: 0.75em; }

.form { font-size: 0.75em; margin: 12px 0; width: 553px; }
.form .form-left, .form .form-right { display: block; float: left; width: 47%; padding: 6px 0 6px 0; }
.form .form-full { display: block; width: 96%; margin-left: 2%; padding: 6px 0 6px 0; }
.form .form-left { margin-right: 4%; }
.form legend { font-size: 1.5em; font-weight: normal; color: #013378; padding: 5px 0 12px 12px; margin-left: -6px; }
.form .form-left label, .form .form-left .label { padding-left: 12px; display: block; float: left; }
.form .form-left label span, .form .form-left .label span, .legend { color: #013378; }
#container p.legend { margin-left: 14px; }
.form input, .form select { width: 182px; }
.form input.check { width: auto; }
.form input.two-chars { width: 20px; }
.form input.four-chars { width: 40px; }
.form a.help, .form a.help-two-lines, .help, a.help { color: #fff; text-decoration: none; background-color: #000; margin-left: 3px; font-weight: bold; padding: 0 2px; }
.form a.help-two-lines { display: block; float: left; margin-top: 14px; }
#container .form-action-button { float: right; clear: none; display: inline; width: auto; margin: 14px; } 

.personal-page legend { color: #013378; }
.business-page legend { color: #555555; }
.private-page legend { color: #000000; }

textarea#enquiry { width: 479px; top: 20px; float: left; margin: 6px 13px 13px 13px; clear: left; } 
/* end forms */

/* table styles */
.policy-covered { color: #666666; width: 553px; margin-top: 14px; font-size: 0.689em; line-height: 1.5em; }
.policy-covered th, .policy-covered span { color: #000; vertical-align: top; }
.policy-covered td, .policy-covered th { padding: 3px 0 3px 14px; border-bottom: 1px solid #E5E5E5; width: 20%; vertical-align: top; }
.policy-covered td.included { text-align:center; padding: 3px 0; }

.repayments-table { border-top: 1px solid #e5e5e5; width: 100%; margin: 14px 0; font-size: 0.689em; }
.repayments-table th, .repayments-table td { padding: 6px 13px; border-bottom: 1px solid #e5e5e5; }
.repayments-table td { font-weight: bold; padding: 0 13px; }
.repayments-table td.large-bold { font-size: 1.5em; font-weight: bold; }

.interest-table { margin: 18px 0; font-size: 0.689em; }
.interest-table th, .interest-table span { color: #013378; vertical-align: top; }
.interest-table th, .interest-table td { padding: 3px 13px; border-bottom: 1px solid #e5e5e5;  line-height: 1.2em; }
/* end table styles */

/* list styles */
#hero-panel ul, #main-content ul { margin-left: 0; padding-left: 0; margin-bottom: 12px; }
#main-content ul li { list-style-type: none; background: url(/resources/f/f/ff5c06004aca74c38439b42aea0011be/bullet.gif) 0 7px no-repeat; padding-left: 16px; }
#container ul li.no-arrow, #main-content ul li.no-arrow { list-style-image: none; background: none; padding-left: 0; }

.sub-content ul.med-arrows { margin-left: 0; padding-left: 0; }
.sub-content ul.med-arrows li { list-style-type: none; background: url(/resources/b/e/be5a1c804aca6bba83e5b72aea0011be/arrow-tiny-bullet.gif) 0 4px no-repeat; padding-left: 12px; margin-bottom: 24px; }
.sub-content ul.med-arrows strong { font-size: 120%; }

.personal-page ul.pdf-list li, .business-page ul.pdf-list li { list-style-image: none; background: url(/resources/e/0/e01970004aca7d3084bcb42aea0011be/pdf-bullet.gif) 0 1px no-repeat; padding-left: 18px; }
.private-page ul.pdf-list li { list-style-image: none; background: url(/resources/9/6/967d55004aca7d3184bfb42aea0011be/pdf-bullet-black.gif) 0 1px no-repeat; padding-left: 18px; }

#container .sub-content ul.link-list { margin: 0; padding: 0; margin-bottom: 12px; font-size: 0.689em; line-height: 1.5em; }
#container .sub-content ul.link-list li { margin-left: 0; padding-left: 0; clear: both; background: none; }
#container .sub-content ul.link-list span { float: right; clear: right; }
#container .sub-content ul.link-list span.list-left { float: left; clear: left; }

#container .sub-content ul.contents-list { margin: 0; padding: 0; margin-bottom: 20px; font-size: 0.689em; }
#container .sub-content ul.contents-list li { line-height: 1em; }
/* end list styles */

/* tertiary nav */
#container ul.tertiary-nav { margin: 0; padding: 0; clear: both; display: block; margin-right: -14px; float: left; width: 553px; border-bottom: 1px solid #D2D2D2; }
#container ul.tertiary-nav li { float: left; background: none; margin: 0; padding: 0; padding-bottom: 2px; padding-right: 2px; border-bottom: none; margin-bottom: -3px; }
.personal-page ul.tertiary-nav li a, .business-page ul.tertiary-nav li a, .private-page ul.tertiary-nav li a { padding: 5px 7px 8px 8px; display: block; background-color: #eaefe9; color: #000; text-decoration: none; border-right: 1px solid #fff; border: 1px solid #D2D2D2; }
.personal-page ul.tertiary-nav li.active-tab a { background-color: #fff; border: 1px solid #D2D2D2; border-bottom: 1px solid #fff; padding: 4px 7px 9px 7px; }
.tertiary .hero-promo {clear: both; border-top: none; }
.visible { display: block; }
.invisible { display: none; }
/* end tertiary nav */

/* results page */
#container ul.page-list { padding: 4px; background: none; width: 100%; background: #D5D5D5; }
#container ul.page-list li { padding: 0; display: inline; background: none; }
#container ul.page-list li a { text-decoration: none; }
#container ul.page-list li a.active { background: #fff; }
#container ul.page-list li a { margin: 0 3px; padding: 2px; border: 1px solid #aaa; }
#container ul.page-list li a:hover { background: #000; }


/* misc styles */
#container .phone { font-size: 1.169em; font-weight: bold; }

p.announce { font-size: 130%; font-weight: bold; color: #666666; }

#login-label, #search-label { margin-left: 12px; line-height: 1.4em; color: #000;}
#search-label { margin-bottom: 12px; }
#login-label { padding: 0; margin-bottom: 0; }

#container .no-top { margin-top: 0; }

.clear { width: 100%; clear: both; height: 1px; display: block; }

.button-right { float: right; margin: 6px 0 6px 6px; }
.button-left { float: left; margin: 6px 6px 6px 0; }

#skip, .hidden { display: none; }

#step1 { display:block; width: 304px; height: 34px; background: #fff url(/resources/d/5/d55ea6804aca858c8528b52aea0011be/step-1.gif) top left no-repeat; margin: 24px 0 36px 14px; }
#step1 span { display: none; }

.right { float: right; }

#container .highlight { background-color: #f8f9f8; }

#container .small-text p { font-size: 0.625em; }

#container .main-page .hero-promo, #container .sub-content .main-page table { margin-left: -14px; }
#container .sub-content .main-page table { display:block; }
p.to-top { width: 100%; text-align: right; }
#container #faqs { margin-bottom: 30px; }
.small-heading { font-size: 0.625em; line-height:0.625em;}

#container span.apr { font-size: 150%; }

#hero-right-box { float: right; margin-top: -12px; margin-right: -12px; width: 242px; background: url(/resources/2/9/292f77004aca788e8481b42aea0011be/hero-right-box-bg.png) top left repeat; }
#hero-right-box-content { padding: 8px 14px; color: #000; }
#hero-right-box .large-text { font-size: 0.9em; line-height: 1.3em; margin-top: -25px; }
#hero-right-box strong {color: #bc1328; }
#container #hero-right-box-content h2 { font-size: 1.498em; line-height: 1.2em; color: #000; }

.sub-content h2 {font-size: 0.877em;}
.sub-content h2.red-banner {font-size: 0.877em;}

#home-grows { width: 350px; }

.savings-table {font-size: 0.689em; width: 480px; border: 1px solid #000; margin-left: 20px; text-align: center; margin-left: auto; margin-right: auto; border: 1px solid #CCCCCC;}
.savings-table th {background-color: #7EB456; color: #ffffff; border: 1px solid #CCCCCC; padding: 10px; text-align: center; font-weight: bold;}
.savings-table td.first {background-color: #F0F0F0; color: #000000; border: 1px solid #CCCCCC; padding: 10px; text-align: center; font-weight: bold; width: 200px;}
.savings-table td {background-color: #ffffff; color: #000000; border: 1px solid #CCCCCC; padding: 10px; text-align: center; font-weight: bold;}
.savings-table-outside {padding-left: 10px; width: 480px; text-align: center; border: 0px solid #000;}
.savings-table-button {text-align: center}

/* call back text size */
.call-back-size {font-weight: bold; font-size: 1.5em; }

/* formatting for ThinkBank paragraphs */
.surveycontainer p { margin-bottom: 5px; }

/* ThinkBank Styling */
.thinkbank-body {padding:0px; height:710px; margin-top:0px; color: #fff; background: #013378 url(/resources/1/f/1f21618041ec8cdb9a3d9e9fe854dae2/my-view-no-text-YB.jpg) no-repeat right bottom;}

/* BUTTON LINKS */
a.button-link { display: block; background: url(/resources/3/8/38d69d804df18446a94bbf16723a556e/btn.jpg) no-repeat right 0; background-color: #FFFFFF; color: #FFFFFF; height: 20px; font-weight: bold; text-decoration: none;padding: 5px 30px 3px 8px; width: auto; }
a:hover.button-link { background-position: right -30px; }
a:visited.button-link {color: #ffffff; text-decoration: none;}
span.button-link-wrapper{ border: 1px solid black; display: block; padding: 2px 2px 2px 2px;  margin-top: 5px; bottom: 10px; float:left;}
div#right-panel a.button-link { color: #ffffff; font-size: 12px;}
div#right-panel span.button-link-wrapper{ margin-left: 0px; }
span.button-link-wrapper.inline-button { position: relative; bottom: 0px; float: left; }


/* ib homepage */
.ib-image { border: #000 1px solid; padding: 2px; float: right; margin-left: 10px; position: relative; top: 18px; }


/* always thinking survey page */
ul.a-l-list { list-style-type:circle }
ul.a-l-list li { padding-left: 30px; height: 20px; line-height: 20px; background: url(/resources/f/5/f54978004384b46183b8a77c5232fab4/pdf-icon.gif) no-repeat top left; }

/* cross sale tile ads surrounding div */
.cross-sale-tile { float: right; width: 242px; margin-top: 6px; }

/* BEAT YOUR RENEWAL PROMOTION - temporary */
.byr-header, .hero-promo .byr-header { line-height: 1.126em; color: #013378; margin-bottom: 7px; margin-top: 14px; font-size: 26px; }
.byr-sub { margin-top: 0px; color: #333; font-size: 16px; }

.cpp-header { line-height: 1.126em; color: #013378; margin-bottom: 7px; margin-top: 14px; font-size: 20px;}



.tabtable-personal-loan-uopi { color: #666666; width: 520px; margin-top: 14px; font-size: 0.9em; line-height: 1.5em; text-align: center;}
.tabtable-personal-loan-uopi th, .policy-covered span { color: #000; vertical-align: top; }
.tabtable-personal-loan-uopi td, .policy-covered th { padding: 3px 0 3px 14px; border-bottom: 1px solid #E5E5E5; width: 20%; vertical-align: top; }
.tabtable-personal-loan-uopi td.included { text-align:center; padding: 3px 0; }

/* FOR BUS UNDER 1M HERO BUTTON */
#free-banking-offer {
margin-left:283px;
position:relative;
top:140px;
}

/* my signature page */
.mysignature { padding: 20px 0; display: inline-block; }
.personal-page .mysignature { background: #fff url(/resources/c/7/c77c3d0045e220a89ee0fe9d4c44b22f/my-signature.png) top left no-repeat; padding-bottom: 0px; color: #fff; }
.mysignature .hero-promo { border: none; background: none; width: 708px; margin-left: 6px; padding: 0 0 14px 0; height: 492px; }
.personal-page .mysignature .small-promo-panels { margin-top: -190px; float: left; position: relative; }

/* PL UOPI LIGHTBOX CSS */
                #light {
                   padding:10px;
                   width:700px;
                   height:430px;
                   color:#333;
                   background:#fff;
                   z-index: 9981;
    position:fixed !important;
    position: absolute; /*ie6 and above*/

                 }
                #lightinner {
                   width:680px;
                   height:410px;
                   padding:10px;
                   border:1px solid #ccc;
                   background: #fff;
                }
                #fade {
                   left:0;
                   top:0;
                   padding:0;
                   width:100%;
                   height:100%;
                   color:#333;
                   background:#000;
                   z-index: 9980;
    position:fixed !important;
    position: absolute; /*ie6 and above*/
                }
.closebutton {
margin: 0;
padding: 0;
position: absolute;
bottom: 15px;
right: 20px;
cursor:help;
}
uopiform {
font-size:0.75em;
line-height:1.5em;
}

.mysignature .small-promo-panels .one-third-promo {
border: 1px solid #ccc;
}



#product-alert h3 {
display: block;
height: 33px;
line-height: 33px;
font-size: 18px;
color: #35640f;
background: transparent url(/resources/1/0/10623d00464158dd8e2ede6354abf23b/g-bg.png) repeat-x left top;
padding-left: 10px;
margin-bottom: 0px;
}
#product-alert h3 span {
color: #fff;
}
#product-alert p {
margin-top: 1px;
border: solid 1px #ccc;
padding: 10px;
}
#product-alert {
margin-bottom: 20px;
}

span.button-link-wrapper-credit-cards{ border: 1px solid black; display: block; padding: 2px 2px 2px 2px;  margin-top: 5px; bottom: 10px; float:left; width: 180px}