/* $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: #000;  color:#FFF; line-height: 1.15em; }

a:link, a:active, a:visited { color: #DC291E; 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 { 
	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/4/6/461f64004aca38b68283b62aea0011be/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/8/4/84fd5a804aca32b5823bb62aea0011be/arrow-tiny-bullet.gif) 0 center no-repeat; padding-left: 12px; margin: 6px 0; 
}

#container .red-banner { font-size: 1.126em; line-height: 1.126em;  }
.personal-page .red-banner { color: #dc291e; }
.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; }

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

.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 #3f3f3f; }

.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/5/c/5ca65c004aca3e7082c5b62aea0011be/landing-page-bus-over1m.jpg) top right no-repeat;}
.business-page .business-under1m {background:#fff url(/resources/d/2/d2f0a0004aca3efc82cbb62aea0011be/landing-page-bus-under1m.jpg) 100% 0% no-repeat;}

#container .bib-login {background:#fff url(/resources/c/f/cfbf52004b290455a4d4a67000e9fa4d/rebrand-landing-page-bib-login-cb.jpg) top right no-repeat; margin-top: 0px;}

#container .bib-logout {background:#fff url(/resources/c/f/cfbf52004b290455a4d4a67000e9fa4d/rebrand-landing-page-bib-login-cb.jpg) top right no-repeat; margin-top: 0px;}

.business-page .business-agri {background:#fff url(/resources/e/8/e830d6004aca3df982c2b62aea0011be/landing-page-bus-agri.jpg) 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/1/3/1386ab804aca3bd582a1b62aea0011be/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/4/2/422b30004aca43e6830eb72aea0011be/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 .bib-login .two-thirds-promo, #container .bib-logout .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 .bib-login .one-third-promo, #container .bib-logout .one-third-promo, #container .business-agri .one-third-promo, #container .landing-private .one-third-promo  { border: none; background: #707070; color: #fff; margin-top: -14px; }
#container .business-over1m .one-third-promo a, #container .bib-login .one-third-promo a, #container .bib-logout .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/a579e4804aca32b6823eb62aea0011be/arrow-tiny-bullet-white.gif) left 7px no-repeat; }
/* end homepage promos */

/* business routing specific styles */
#container .business-routing { width: 962px; background: #000 url(/resources/4/9/4947c0804aca3e7182c8b62aea0011be/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: 185px; padding-top: 20px; }
.business-routing #col-agri:hover { background: #111 url(/resources/f/1/f1bd37004aca333f8241b62aea0011be/bg-business-routing-rollover-agr.jpg) top left no-repeat; }
.business-routing #col-over:hover { background: #111 url(/resources/3/0/300137804aca33ce8247b62aea0011be/bg-business-routing-rollover-u1m.jpg) top left no-repeat; }
.business-routing #col-less:hover { background: #111 url(/resources/e/4/e4ed13004aca33408244b62aea0011be/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/b/d/bd6e51804bcfa2cbb89dba7000e9fa4d/home-background-mygateway-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; }
.rightpanel .one h2 {padding: 0; color: #000; }
.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 { 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/3/9/39e907004aca45448314b72aea0011be/personal-tools-title-bg.png) top left no-repeat; }
.personal-page .tool-panel { 
	background: #D3DAD2 url(/resources/4/2/422b30004aca43e6830eb72aea0011be/personal-right-tools-bg.jpg) top left repeat-x; 
	border-bottom: 1px solid #eee; 
}

.private-page .title-holder { background: url(/resources/8/0/807667004aca46e6832fb72aea0011be/private-tools-title-bg.png) top left no-repeat; }
.private-page .tool-panel { 
	background: #D3DAD2 url(/resources/4/2/422b30004aca43e6830eb72aea0011be/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 #555; }
.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: #000; 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/d/d/dddbcb004aca46888326b72aea0011be/private-landing-page-bg.jpg) left top no-repeat; border: 1px solid #696969; color: #000; }
.private-page .content { background: #fff; }

#container .landing-private { }
#container .car-couple { background: transparent url(/resources/0/1/0114d3804aca401482dab62aea0011be/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 }
#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: #fff; text-decoration:none; margin: 0 3px; }
#bread-crumb a:hover { text-decoration: underline; color: #fff; margin: 0 3px; }
/* end breadcrumb */

/* header */
#header { background: #000; border-top: 1px solid #333; 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: #ddd; text-decoration: underline; }
#header a:visited, #text-size a:visited { color: #aaa; 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/e/8/e8d23c804aca3c4082adb62aea0011be/divider.gif) 100% 65% no-repeat; }
#text-size #view-all { display: none; }
/* end header */

/* login / search panel */
#search-login { 
	float: right; 
	background: #000 url(/resources/b/0/b045cd804aca412e82e6b62aea0011be/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: #000 url(/resources/b/0/b045cd804aca412e82e6b62aea0011be/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: 5px; }
#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/0/e/0e789f004aca40a282e3b62aea0011be/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/c/c/ccfaa7804aca488a833fb72aea0011be/register-panel.gif) -120px top no-repeat;
}

.panel-nav ul#block_login_content {  background: url(/resources/0/e/0e789f004aca40a282e3b62aea0011be/login-panel.gif) no-repeat left -24px; top: 30px; margin-left: 12px; }
.panel-nav ul#block_register_content {  background: url(/resources/c/c/ccfaa7804aca488a833fb72aea0011be/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/a/5/a579e4804aca32b6823eb62aea0011be/arrow-tiny-bullet-white.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 { width: 525px; margin: 0 14px; padding-bottom: 20px; }
.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: #dc291e; }
.business-page .sub-content .main-page h2 { color: #555; }
/* end main content */

/* secondary nav */
#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/c/1/c12de4804aca49618348b72aea0011be/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/6/7/671067804aca4b8b835db72aea0011be/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/8/9/89e75e004aca4c158363b72aea0011be/subnav-arrow-mgrey.gif) 10px center no-repeat; }

.business-page #secondary-nav-holder { background: url(/resources/c/6/c68a2f804aca495f8345b72aea0011be/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/8/9/89e75e004aca4c158363b72aea0011be/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/6/7/671067804aca4b8b835db72aea0011be/subnav-arrow-black.gif) 10px center no-repeat; }

.private-page #secondary-nav-holder { background: url(/resources/5/4/54abf7804aca49ec834bb72aea0011be/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/8/9/89e75e004aca4c158363b72aea0011be/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/6/7/671067804aca4b8b835db72aea0011be/subnav-arrow-black.gif) 10px center no-repeat; }
/* end secondary nav */

/* promo panels */
.hero-promo-new { width:551px; padding:14px 0px; background-color:#ed3125; background-image:url(/resources/d/5/d56641804c999d24958c9762d3873a9c/new-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/2/3/23e32e004c999f2795909762d3873a9c/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 #flashbanner { border: none; }
.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; }

.home .hero-promo { border: none; background: none; width: 720px; padding: 0; height: 492px; float: left; z-index: 1; }
.private-page .home .hero-promo { border: none; background: none; width: 720px; 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; }
.home #business-hero { height: auto; }
#container .no-border { border: none; }

.personal-page .home .small-promo-panels { margin-top: -210px; float: left; position: relative; }
.personal-page .custom .small-promo-panels { margin-top: -210px; float: left; position: relative; }
.business-page .home .small-promo-panels { margin-top: -240px; 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/d/8/d87320804aca424382f8b62aea0011be/personal-insurance.jpg) bottom right no-repeat; }
.current-promo { height: 195px; background: #fff; }
.finance-promo { background: #fff url(/resources/6/7/670f37004aca3efe82ceb62aea0011be/landing-page-finance.jpg) bottom right no-repeat;  }
.day-to-day-promo { background: #fff url(/resources/5/c/5c6c13804aca39cd828fb62aea0011be/business-day-to-day.jpg) bottom right no-repeat; }
.loans-promo { background: #fff url(/resources/6/9/69420e804aca42cd82fcb62aea0011be/personal-loans.jpg) bottom right no-repeat; }
.mortgages-promo { background: #fff url(/resources/9/d/9d69ff004aca42ce82ffb62aea0011be/personal-mortgages.jpg) bottom right no-repeat; }
.product-promo { background: #fff; }
.current-account-promo { background: #fff url(/resources/4/3/43af2e004aca39cc828cb62aea0011be/business-current-acct.jpg) bottom right no-repeat; }
.insurance-promo-two { background: #fff url(/resources/e/a/ea21b1804aca401282d7b62aea0011be/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; position: relative; }
#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: 239px; 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/8/4/84fd5a804aca32b5823bb62aea0011be/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: #000 url(/resources/3/8/38117f004aca3ccc82b0b62aea0011be/footer-bg.jpg) top left repeat-x; 
	text-align: center; 
	padding: 12px 0; 
	width: 966px; 
	margin: 6px 0; 
	margin-right: 3px; 
	float: right; 
	color: #909090;
	font-size: 0.689em;
}
#footer ul { list-style-type: none; margin:0; padding: 0; text-align:center; margin-bottom: 12px; }
#footer ul li { display: inline; background: url(/resources/f/1/f17054804aca3ccc82b3b62aea0011be/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: #CCCCCC; text-decoration: none; }
#footer ul li a:visited { color: #999; text-decoration: none; }
#footer ul li a:hover { color: #fff; 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: #dc291e; padding: 5px 0 12px 12px; margin-left: -6px; }
.form .form-left label, .form .form-left .label { padding-left: 12px; display: block; float: left; }
#radio label { padding: 0; margin: 0; display: inline;}
.form .form-left label span, .form .form-left .label span, .legend { color: #DC291E; }
#container p.legend { margin-left: 14px; }
.form input, .form select { width: 182px; } 
.form input[type="radio"] { width: 30px; }
.form input.radio { width: 30px;}

.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: #dc291e; }
.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: #dc291e; 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/4/6/461f64004aca38b68283b62aea0011be/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/8/4/84fd5a804aca32b5823bb62aea0011be/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/6/a/6a354c004aca41b882ecb62aea0011be/pdf-bullet.gif) 0 1px no-repeat; padding-left: 18px; }
.private-page ul.pdf-list li { list-style-image: none; background: url(/resources/7/1/71108e804aca41b982efb62aea0011be/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: #e4e4e4; color: #000; text-decoration: none; border-right: 1px solid #fff;border: 1px solid #D2D2D2; }
.personal-page ul.tertiary-nav li.active-tab a, .private-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; margin-right: 1px; }
.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; }
#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/f/2/f297d4804aca4a758351b72aea0011be/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/6/d/6db079804aca3d5982b9b62aea0011be/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; }

/* NEW SUPPORTING IMAGES */
img.floated-header-image { float: right; }

/* NEW RIGHT PANELS */
div.green-panel a { color: #5b9f22; }

/*logged out page*/
#main-content div.loggedout-page div.copyholder  h1 { font-size:2em; }
div.loggedout-page h2 { color:#000000; font-size:1em; font-weight:bold;  margin-top:-10px; margin-left:15px;}
div.loggedout-page div.imgholder { float:left;margin:10px; }
div.loggedout-page div.copyholder { float:left;margin-top:10px; }

div#loggedout-lhs { width:222px; float:left; margin-left:5px; }
div#loggedout-lhs h3 { color:#000000; font-weight: bold; font-size: 1.25em; }
div#loggedout-center { width:471px; float:left; padding:0px; margin-left:18px; color:#000000; border:1px solid #ccc; }
div#loggedout-right { width:222px; float:left; }
.block232 { width:222px; }

div#loggedout-lhs ul li { color:#000000; }
#container div#loggedout-center ul { margin-top:-10px; margin-left:10px; }

.promo-block.no-right-padding { padding-right:0px; margin-top:0px; margin-bottom:2px; }
.greenpin1 { float:right;padding-top:10px; }
.calendarimage { float:right;margin-top:-30px; margin-bottom:-20px;}

div#loggedout-rhs { width:222px; float:left;}
#main-content div#loggedout-rhs li { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
div#loggedout-rhs h3 { font-size:1.2em; letter-spacing:-0.03em; margin:0 10px 4px 0; font-weight: bold; }
div#loggedout-rhs p { font-size:0.8em; margin:10px;}
div#loggedout-rhs  div.tool-panel p { margin:4px 4px 0 4px; }
div#loggedout-rhs  div.tool-panel ul { margin: 6px 0; }
div#loggedout-rhs .promo-block { height: auto; }

div#loggedout-rhs #right-panel { width:232px; float:left; margin-left:5px;}

div.moreusefulinks { clear:both; padding-top:20px; padding-left:10px; margin-bottom:20px;}
#main-content div.moreusefulinks  ul { margin: 4px 0; }
#main-content div.moreusefulinks  li { margin: 0; }
div.moreusefulinks h3 { color:#cc3333; font-size:1.4em; margin-bottom:5px; }
div.columns { border-top:1px solid #eeeeee; }

.col1, .col2, .col3, .col4 { width:232px; height:180px; margin-right:5px; border-bottom:1px solid #eeeeee; float:left; padding-top:10px;}
.col1 p, .col2 p, .col3 p, .col4  p { color:#000000; font-size:0.8em; }

.col4 { text-align:center; }
.col4 img { margin-top:30px; margin-bottom:29px; }

div#loggedout-lhs span.button-link-wrapper { position:relative; top:0;}

div#loggedout-center span.button-link-wrapper { position:relative; float:right; margin-right:10px; margin-top:-5px; font-size: 0.75em;}

div#right-panel a.button-link.rhs { color:#FFFFFF; font-size:12px; width:auto; }
div#right-panel span.button-link-wrapper.rhs {
margin-bottom:5px;
margin-top:-10px;
margin-left:-10px;
}


.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}

/* ThinkBank Styling */
.thinkbank-body {padding:0px; height:680px; margin-top:0px; color: #fff; background: #DB291D url('http://www.cbonline.co.uk/resources/f/a/fa13c00041e3899fa997fb3e1c00d5ae/CB%2BThinkBank.jpg') no-repeat right bottom;}

/* BUTTON LINKS */
a.button-link { display: block; background: url(/resources/6/0/60addb004ddc8b24bbe0bfa0eb52ef5f/btn.jpg) no-repeat right 0; background-color: #FFFFFF; color: #FFFFFF; height: 20px; width:auto; font-weight: bold; text-decoration: none;padding: 5px 30px 3px 8px; }
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; }