@charset "utf-8";

/*
CU ONE CSS
Title: Default CSS
Author: Pasquale Scerbo (pscerbo@extractable.com)
Date: April 2008
Website:  www.cuone.com
*/


/*----------------- CSS NORMALIZER -----------------*/
/*
- cancels default styles applied to page elements
- adjusts default elements between browsers to same baseline
*/

div, dl, dt, dd, ul, ol, li, pre, hr, form, fieldset, input, th, td {margin:0; padding:0;}
address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}
table {border-collapse:collapse; border-spacing:0; font-size:inherit; font-size:100%;}
select, input, textarea {font:99% verdana,geneva,sans-serif;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size:100%; font-weight:normal;}
fieldset, img {border:0;}
img {vertical-align:middle;}
select, .inputStyle {border:1px solid #7F9DB9; background:#FFF; padding:.1em; margin:.1em 0 .1em .2em;}
legend {display:none;}
.skipNavigation {position:absolute; left:0px; top:-500px; overflow:hidden;}
select {background:#FFF;}
.floatLeft	{ float: left; }
.floatRight { float: right; }
.png	{ _behavior: url(/common/css/iepngfix.htc); }
.cleaner	{ clear: both; }
.clear5	{ clear: both; }
.contribute { display: block; }
a	{ outline: none; }
label { cursor: pointer; }




/*----------------- DEFAULTS -----------------*/
body	{ margin: 0; padding: 0; background: #FFF; font-family: "Times New Roman", Times, serif; font-size: 14px; color: #666; line-height: 18px; }
h1	{ font-size: 25px; margin: 0; padding: 0; color: #b5121b; margin-bottom: 15px; line-height: 25px; }
h2	{ font-weight: bold; color: #3d3d3d; font-size: 16px; margin: 0 0 15px 0; padding: 0; }
h3 { color: #000; font-size: 14px; font-weight: bold; margin: 0 0 5px 0;  }
h4 { color: #000; font-size: 12px; font-weight: bold; margin-bottom: 4px; letter-spacing: 1px; }


#mainWrap	{ width: 934px; margin: auto; padding-top: 20px; border-width: 0px 1px; }
ul			{ margin-left: 5px; line-height: 20px; display: block; list-style: none; margin-top: 5px; }
li			{ padding-left: 10px; background: url("img/bullet-square.gif") no-repeat 0 7px; }
ul ul		{ margin-bottom: 2px; margin-left: 17px; margin-top: 0; }
ul li li	{ padding-left: 10px; background: url("img/bullet-dash.gif") no-repeat 0 8px; margin-left: -15px; }
hr			{ border: 0; height: 1px; background: url("img/hr01.gif") repeat-x; margin: 10px 0; }
hr.gold		{ border: 0; height: 1px; background: url("img/dotsGold.gif") repeat-x; margin: 8px 0; _margin: 0px 0; }

#speedbump		{ position: absolute; top: 0; left: 0; width: 402px; height: 178px; background: url("img/boxBGTxt.gif") repeat-x left bottom; z-index: 20; visibility: hidden; }
#speedbump .btn		{ position: absolute; top: 140px; width: 63px; height: 18px; cursor: pointer; }
#speedbump .btn_ok	{ left: 234px; background: url("img/btn_continue.gif") no-repeat; }
#speedbump .btn_cancel 	{ left: 302px; background: url("img/btn_cancel.gif") no-repeat; }
#speedbump .icon	{ position: absolute; top: 29px; left: 30px; width: 80px; height: 97px; background: url("img/cuone_logo.gif") no-repeat; }
#speedbump .copy	{ position: absolute; top: 28px; left: 136px; width: 55%; z-index: 1; font-size: 12px; line-height: 1.2em; }

/*----------------- LINKS -----------------*/
a		{ color: #777750; text-decoration: underline; }
a:hover	{ text-decoration: underline; }

a.arrow  		{ background: url(img/arrow_beige.gif) no-repeat 0 5px; padding-left: 10px; color: #ab2415; text-decoration: none; }
a.arrow:hover	{ text-decoration: underline; }

a.arrowRed  		{ font-size: 12px; background: url("img/arrow_red.gif") no-repeat 0 5px; padding-left: 10px; color: #777750; text-decoration: none; }
a.arrowRed:hover	{ text-decoration: underline; }

a.arrowWhite  		{ font-size: 14px; background: url("img/arrow-white.gif") no-repeat right 6px; padding-right: 10px; color: #FFF; text-decoration: none;  margin-top: 15px; clear: both; font-weight: bold; letter-spacing: 1px; font-family: "Times New Roman", Times, serif; }
a.arrowWhite:hover	{ text-decoration: underline; }

a.arrowBlack  		{ font-size: 14px; background: url("img/arrow_black.gif") no-repeat right 6px; padding-right: 10px; color: #777750; text-decoration: none;  margin-top: 15px; clear: both; font-weight: bold; letter-spacing: 1px; font-family: "Times New Roman", Times, serif; }
a.arrowBlack:hover	{ text-decoration: underline; }

a.feed			{ background: url("img/feed.png") no-repeat left center; padding-left: 22px; }

.btn { margin-top: 10px; height: 20px; }

/*----------------- LISTS -----------------*/
ul.inpage	{ float: left; width: 305px; }

ul.arrowRed  			{ margin: 0; padding: 0; list-style: none; margin-top: 8px; }
ul.arrowRed li			{ background: none; }
ul.arrowRed li a		{ color: #777750; text-decoration: none; background: url("img/arrow_red.gif") no-repeat 0px 8px; padding-left: 10px; display: block; margin-left: 3px; line-height: 20px; _width: 155px; }
ul.arrowRed	li a:hover	{ text-decoration: underline; }

ul.arrowBeige  				{ margin: 0; padding: 0; list-style: none; font-size: 13px; }
ul.arrowBeige li a			{ color: #FFF; text-decoration: none;  display: block; margin-left: 3px; _width: 140px; line-height: 18px; background: url("img/arrow_beige.gif") no-repeat 0px 7px; padding: 0; margin: 0; padding-left: 10px; }
ul.arrowBeige li a:hover	{ text-decoration: underline; }

/*----------------- HEADER -----------------*/
#header	{ height: 94px; border-bottom: 1px solid #b5121b; position: relative; }
#logo	{ width: 80px; height: 79px; position: absolute; top: 0; left: 17px;  }

/*--- top links & search ---*/
#topLinks	{ position: absolute; top: 10px; right: 2px; color: #dcdcdc; font-size: 12px; text-align: right; width: 790px; }
#topLinks .quickLinks	{ margin-top: 3px; text-align: right; float: right; }
#topLinks .quickLinks a	{ margin: 0 5px; text-decoration: none; }
#topLinks .quickLinks a:hover	{ margin: 0 5px; text-decoration: underline; }
#searchWrap	{ float: right; width: 202px; margin-left: 5px; }
#searchWrap input	{ border: 1px solid #a3a3a3; width: 163px; float: left; height: 16px; padding: 2px 2px 0 2px; color: #999; font-size: 10px; }
#searchWrap input.bttnSearch	{ float: left; margin-left: 3px; border: 0; margin-top: -2px; width: auto; height: 20px; }

/*----------------- MAIN NAVIGATION -----------------*/
#menu		{ position: absolute; top: 49px; left: 125px; height: 45px; }
#menu ul    { margin:0; padding:0; list-style-type:none; }
#menu li    { float:left; height: 24px; text-indent: -1000px; background: none; }
#menu a     { display:block; text-decoration:none; overflow:hidden; }

#menu a#bank        { background: url("img/btn_bank.gif") 0 0 no-repeat; width: 75px; height: 45px; }
#menu a#borrow      { background: url("img/btn_borrow.gif") 0 0 no-repeat; width: 91px; height: 45px; }
#menu a#invest      { background: url("img/btn_invest.gif") 0 0 no-repeat; width: 148px; height: 45px; }
#menu a#business  	{ background: url("img/btn_business.gif") 0 0 no-repeat; width: 100px; height: 45px; }
#menu a#learn      	{ background: url("img/btn_learn.gif") 0 0 no-repeat; width: 79px; height: 45px; }
#menu a#about       { background: url("img/btn_about.gif") 0 0 no-repeat; width: 102px; height: 45px; }

#menu a#bank.on        	{ background: url("img/btn_bank.gif") 0px -45px no-repeat; width: 75px; height: 45px;}
#menu a#borrow.on      	{ background: url("img/btn_borrow.gif") 0px -45px no-repeat; width: 91px; height: 45px;}
#menu a#invest.on      	{ background: url("img/btn_invest.gif") 0px -45px no-repeat; width: 148px; height: 45px;}
#menu a#business.on  	{ background: url("img/btn_business.gif") 0px -45px no-repeat; width: 100px; height: 45px;}
#menu a#learn.on      	{ background: url("img/btn_learn.gif") 0px -45px no-repeat; width: 79px; height: 45px;}
#menu a#about.on       	{ background: url("img/btn_about.gif") 0px -45px no-repeat; width: 102px; height: 45px;}

#menu a#bank:hover       	{ background: url("img/btn_bank.gif") 0px -45px no-repeat; width: 75px; height: 45px;}
#menu a#borrow:hover     	{ background: url("img/btn_borrow.gif") 0px -45px no-repeat; width: 91px; height: 45px;}
#menu a#invest:hover     	{ background: url("img/btn_invest.gif") 0px -45px no-repeat; width: 148px; height: 45px;}
#menu a#business:hover 		{ background: url("img/btn_business.gif") 0px -45px no-repeat; width: 100px; height: 45px;}
#menu a#learn:hover     	{ background: url("img/btn_learn.gif") 0px -45px no-repeat; width: 79px; height: 45px;}
#menu a#about:hover      	{ background: url("img/btn_about.gif") 0px -45px no-repeat; width: 102px; height: 45px;}

/*----------------- HOME PAGE LAYOUT -----------------*/
#heroWrap	{ height: 255px; display: block; background: url("img/hero_bg.jpg") no-repeat 490px 0px; position: relative; }
#hero		{ border-top: 0px solid #fff; width: 745px; height: 255px; background: url("img/hero_bg.jpg") no-repeat right top #93291c; position: relative; }

	/*rotating images on home page*/
.heroContentWrap	{ height: 254px; width: 745px; position: relative; }
.heroImage			{ position: absolute; top: 0; left: 0; margin-top: 0px;  }

.heroThumbWrap	{ position: absolute; top: 50px; left: 611px; z-index: 10; }
a.heroThumb 		{ border: 1px solid transparent; float: left; margin-right: 2px; }
a.heroThumbSelected,
a.heroThumb:hover	{ border: 1px solid #fff; }

.heroTitle	{ color: #FFF; font-size: 40px; width: 595px; line-height: 80px;  padding-top: 7px; position: absolute; top: 10px; left: 0; text-align: right; letter-spacing: 2px; text-shadow: 0 0 0 #000; }
.heroTitle span	{ color: #b5121b; }
.heroText	{ position: absolute; top: 94px; left: 515px; width: 215px; color: #cccc99; font-size: 15px; line-height: 20px; word-spacing: normal; letter-spacing: 0; text-shadow: 0 0 0 #cccc99; font-family: Georgia, "Times New Roman", Times, serif; } 

/*--- account login ---*/
#accountWrap	{ background: url("img/account_bg.jpg") no-repeat; width: 166px; height: 229px; float: right; padding: 16px 10px 10px 10px; color: #FFF; }
#accountWrap h2	{ color: #fff; font-size: 18px; float: left; }
#accountWrap .lock	{ margin-top: 3px; _margin-top:0; margin-left: 8px; _margin-left: 5px; }
#accountWrap label	{ font-weight: bold; font-size: 12px; color: #fff; }
#accountWrap input.acct	{ width: 140px; border: 0; margin-top: 5px; padding: 2px 2px 0 2px; color: #000; font-size: 10px; height: 16px; }
#accountWrap select.acct	{ width: 167px; border: 0; margin-top: 5px; color: #000; padding-top: 2px; font-size: 10px; height: 19px; margin-left: -1px; margin-bottom: 5px; }
#accountWrap input.go	{ margin-top: 5px; float: right; }

/*--- Home Content Section ---*/
#home_content	{ background: url("img/home_bottom_bg.jpg") no-repeat; width: 934px; margin: 0; padding: 0; float: left; margin-bottom: 26px; }
	/*products & services*/
br.small {line-height: 5px;}
#home_content .columnOne	{ float: left; width: 160px; margin: 26px 14px 0 14px; _margin-left: 8px; }
#home_content .columnOne h5	{ background: url("img/arrow_beige.gif") no-repeat 0 5px; padding-left: 10px; color: #b5121b; margin-bottom: 3px; cursor: pointer; }
.stretch	{ margin-bottom: 10px; }
ul.dotGold				{ margin: 0; padding: 0; list-style-type: none; }
ul.dotGold li			{ background: none; }
ul.dotGold li a			{ display: block; text-decoration: none; _width: 130px; color: #93645f; background: url("img/dotGold.gif") no-repeat 0 8px; padding-left: 10px; margin-left: 10px; font-size: 13px; padding-bottom: 2px; }
ul.dotGold li a:hover	{ text-decoration: underline; }
	/*news*/
#home_content .columnTwo	{ float: left; width: 160px; margin: 26px 14px 0 14px; _margin-left: 8px; }
#home_content .columnTwo h5	{ background: url("img/arrow_beige.gif") no-repeat 0 5px; padding-left: 10px; color: #b5121b; margin-bottom: 3px; cursor: pointer; }
.stretch				{ margin-bottom: 10px; }
.stretch2				{ margin-bottom: 10px; }
.stretchR				{ margin-bottom: 10px; }
ul.dotGold				{ margin: 0; padding: 0; list-style-type: none; }
ul.dotGold li			{ background: none; }
ul.dotGold li a			{ display: block; text-decoration: none; _width: 130px; color: #93645f; background: url("img/dotGold.gif") no-repeat 0 8px; padding-left: 10px; margin-left: 10px; font-size: 13px; padding-bottom: 2px; }
ul.dotGold li a:hover	{ text-decoration: underline; }
	/*rates*/
#home_content .columnThree		{ float: left; width: 351px; margin: 26px 8px 0 14px; }
#home_content .columnThree h2	{ margin: 0 0 -5px 0; }
	/*open account*/
#home_content .columnFour				{ float: left; width: 160px; margin: 26px 10px 0 14px; }
#home_content .columnFour h2			{ margin-bottom: 8px; }
#home_content .columnFour .component	{ border-top: 1px solid #dcdede; padding: 9px 0 10px 0; margin-top: 15px; position: relative; }
#home_content .columnFour .boxed		{ border: 1px solid #dcdede; width: 59px; height: 59px; padding: 1px; }
#home_content .columnFour .txt			{ float: right; width: 90px; margin-bottom: -10px; margin-top: -0px; }

#home_content .viewacct select 	{ width: 128px; float: left; font-size: 10px; height: 18px; padding-top: 2px; margin-left: 0px; }
#home_content .viewacct .go		{ margin-top: 3px; margin-left: 2px; }

.randomContentPool { display: none; }
 
.defTab	{ font-size: 12px; color: #666;}


/*--- SEG PAGES Content Section ---*/
#seg_content	/*{ background: url("img/home_bottom_bg.jpg") no-repeat; width: 934px; margin: 0; padding: 0; float: left; margin-bottom: 26px; }
	/*Column One*/
.small {line-height: 8px;}
#seg_content .columnOne	{ float: left; width: 160px; margin: 26px 14px 0 14px; _margin-left: 8px; }
#seg_content .columnOne h5	{ background: url("img/arrow_beige.gif") no-repeat 0 5px; padding-left: 10px; color: #b5121b; margin-bottom: 3px; cursor: pointer; }
.stretch	{ margin-bottom: 10px; }
ul.dotGold				{ margin: 0; padding: 0; list-style-type: none; }
ul.dotGold li			{ background: none; }
ul.dotGold li a			{ display: block; text-decoration: none; _width: 130px; color: #93645f; background: url("img/dotGold.gif") no-repeat 0 8px; padding-left: 10px; margin-left: 10px; font-size: 13px; padding-bottom: 2px; }
ul.dotGold li a:hover	{ text-decoration: underline; }
	/*Column Two*/
#seg_content .columnTwo	{ float: left; width: 160px; margin: 26px 14px 0 14px; _margin-left: 8px; }
#seg_content .columnTwo h5	{ background: url("img/arrow_beige.gif") no-repeat 0 5px; padding-left: 10px; color: #b5121b; margin-bottom: 3px; cursor: pointer; }
.stretch				{ margin-bottom: 10px; }
.stretch2				{ margin-bottom: 10px; }
.stretchR				{ margin-bottom: 10px; }
ul.dotGold				{ margin: 0; padding: 0; list-style-type: none; }
ul.dotGold li			{ background: none; }
ul.dotGold li a			{ display: block; text-decoration: none; _width: 130px; color: #93645f; background: url("img/dotGold.gif") no-repeat 0 8px; padding-left: 10px; margin-left: 10px; font-size: 13px; padding-bottom: 2px; }
ul.dotGold li a:hover	{ text-decoration: underline; }

/*::::: Top Scrolling Message (Home Page) ::::::*/


	/*Column Three*/
#seg_content .columnThree		{ float: left; width: 160px; margin: 26px 8px 0 14px; }
#seg_content .columnThree h5	{ background: url("img/arrow_beige.gif") no-repeat 0 5px; padding-left: 10px; color: #b5121b; margin-bottom: 3px; cursor: pointer; }
.stretch				{ margin-bottom: 10px; }
.stretch2				{ margin-bottom: 10px; }
.stretchR				{ margin-bottom: 10px; }
ul.dotGold				{ margin: 0; padding: 0; list-style-type: none; }
ul.dotGold li			{ background: none; }
ul.dotGold li a			{ display: block; text-decoration: none; _width: 130px; color: #93645f; background: url("img/dotGold.gif") no-repeat 0 8px; padding-left: 10px; margin-left: 10px; font-size: 13px; padding-bottom: 2px; }
ul.dotGold li a:hover	{ text-decoration: underline; }
	/*Column ThreeWide*/
#seg_content .columnThreew		{ float: left; width: 250px; margin: 26px 8px 0 14px; }
#seg_content .columnThreew h5	{ background: url("img/arrow_beige.gif") no-repeat 0 5px; padding-left: 10px; color: #b5121b; margin-bottom: 3px; cursor: pointer; }
.stretch				{ margin-bottom: 10px; }
.stretch2				{ margin-bottom: 10px; }
.stretchR				{ margin-bottom: 10px; }
ul.dotGold				{ margin: 0; padding: 0; list-style-type: none; }
ul.dotGold li			{ background: none; }
ul.dotGold li a			{ display: block; text-decoration: none; _width: 130px; color: #93645f; background: url("img/dotGold.gif") no-repeat 0 8px; padding-left: 10px; margin-left: 10px; font-size: 13px; padding-bottom: 2px; }
ul.dotGold li a:hover	{ text-decoration: underline; }
	/*Column Four*/
#seg_content .columnFour			{ float: left; width: 160px; margin: 26px 10px 0 14px; }
#seg_content .columnFour h2			{ margin-bottom: 8px; }
#seg_content .columnFour .component	{ border-top: 1px solid #dcdede; padding: 9px 0 10px 0; margin-top: 15px; position: relative; }
#seg_content .columnFour .boxed		{ border: 1px solid #dcdede; width: 59px; height: 59px; padding: 1px; }
#seg_content .columnFour .txt			{ float: right; width: 90px; margin-bottom: -10px; margin-top: -0px; }

#seg_content .viewacct select 	{ width: 128px; float: left; font-size: 10px; height: 18px; padding-top: 2px; margin-left: 0px; }
#seg_content .viewacct .go		{ margin-top: 3px; margin-left: 2px; }

.randomContentPool { display: none; }
 
.defTab	{ font-size: 12px; color: #666;}

/*--- SEG account login ---*/
#SEGaccountWrap	{ background: url("img/account_bg.jpg") no-repeat; width: 160px; height: 156px; float: right; padding: 5px 5px 5px 10px; color: #FFF; }
#SEGaccountWrap h2	{ color: #fff; font-size: 17px; float: left; }
#SEGaccountWrap .lock	{ margin-top: 3px; _margin-top:0; margin-left: 5px; _margin-right: 5px; }
#SEGaccountWrap label	{ font-weight: bold; font-size: 12px; color: #fff; }
#SEGaccountWrap input.acct	{ width: 125px; border: 0; margin-top: 5px; padding: 2px 2px 0 2px; color: #000; font-size: 10px; height: 16px; }
#SEGaccountWrap select.acct	{ width: 167px; border: 0; margin-top: 5px; color: #000; padding-top: 2px; font-size: 10px; height: 19px; margin-left: -1px; margin-bottom: 5px; }
#SEGaccountWrap input.go	{ margin-top: 5px; float: right; }

#rightNavWrap { float: left; width: 175px; margin-left: 1px; background: url("img/rightNavBgImg.jpg") repeat-y; }

/*----------------- HUB/SUB-HUB PAGE LAYOUT -----------------*/
#contentWrap				{ background: url("img/content_fade_top.jpg") no-repeat top left; width: 934px; _width: 936px; float: left; magin: 0; padding: 0; border-top: 1px solid #fff; }
#contentWrap #bottom		{ background: url("img/content_fade_bottom.jpg") no-repeat bottom left; float: left; }
#contentWrap #rightNav		{ background: url("img/rightNavBgImg.jpg") right top repeat-y; float: left; }
#contentWrap #bottom2Col	{ background: url("img/content_fade_bottom2col.jpg") no-repeat bottom left; float: left; }

table.hub				{ width: 100%; margin-top: 22px; border: 1px solid #dfdfdf; }
table.hub tr.header td	{ height: 34px; padding: 0 0 0 10px; background: url("img/hub-tableBG.gif") repeat-x; vertical-align: middle; }
table.hub tr.header a	{ text-decoration: none; background: url("img/arrow_red.gif") no-repeat 0 6px; padding-left: 10px; font-weight: bold; }
table.hub td			{ background: #eeede8; padding: 5px 20px 10px 10px; vertical-align: top; }

/*sub-hub boxes*/

.oneColumn		{ border: 1px solid #dfdede; width: 480px; margin-right: 6px; float: left; padding-bottom: 13px; margin-top: 15px; }
.twoColumn		{ border: 1px solid #dfdede; width: 350px; margin-right: 6px; float: left; padding-bottom: 13px; margin-top: 15px; }
.threeColumn	{ border: 1px solid #dfdede; width: 230px; margin-right: 6px; float: left; padding-bottom: 13px; margin-top: 15px; }
.fourColumn		{ border: 1px solid #dfdede; width: 170px; margin-right: 6px; float: left; padding-bottom: 13px; margin-top: 15px; }
.oneColumn .header, .twoColumn .header, .threeColumn .header, .fourColumn .header	{ background: url("img/boxBGheader.gif") repeat-x; border-bottom: 1px solid #dfdede; display: block; height: 21px; color: #666; padding: 7px 10px 0 12px; font-weight: bold;  }
.twoColumn .header a, .threeColumn .header a, .fourColumn .header a	{ padding-left: 10px; background: url(img/arrow_red.gif) no-repeat 0 6px; text-decoration: none; color: #777750; }
.twoColumn .header a:hover, .threeColumn .header a:hover, .fourColumn .header a:hover	{ text-decoration: underline; }
.twoColumn .mainTxt, .threeColumn .mainTxt, .fourColumn .mainTxt	{ background: url("img/boxBGTxt.gif") repeat-x bottom left #fff; padding: 11px 12px 0 12px; border-bottom: 1px solid #dfdede; }

.peopleWrap				{ margin: 4px 0; _margin: 0; padding:0; float:left; font-size: 14px; float:left; }
.peopleImg				{ float:left; margin: 0 8px 0 0; padding:0; border: 1px solid #e3e3e2; padding: 1px; }
.peopleDesc				{ float:left; padding-top: 5px;}

/*----------------- LEFT COLUMN LAYOUT -----------------*/
#leftNavWrap	{ float: left; _behavior: url(/common/css/iepngfix.htc); background: url("img/leftNav_fade.png") no-repeat; width: 176px; margin-left: 9px; _margin-left: 4px; }
#leftNavWrap.test	{ float: left; _behavior: url(/common/css/iepngfix.htc); background: url("img/leftNav_fade.png") no-repeat 0 70px; width: 176px; margin-left: 9px; _margin-left: 4px; }
#leftNavMain	{ width: 158px; padding: 12px 9px; }

#leftNavMain .title a	{ font-weight: bold; color: #b5121b; font-size: 18px; text-decoration: none; }
/*Level One*/
#leftNavMain ul			{ margin: 0; padding: 0; list-style: none; margin-top: 10px; _border-top: 1px solid #cbcccc; }
#leftNavMain li			{ border-top: 1px solid #cbcccc; padding: 7px 0 4px 0; font-size: 14px; line-height: 15px; _line-height: 13px; background: none; }
#leftNavMain li a		{ color: #a14e4a; display: block; text-decoration: none; }
#leftNavMain li a:hover	{ color: #000; display: block; text-decoration: none; }
#leftNavMain li a.on	{ color: #000; display: block; text-decoration: none; }
/*Level Two*/
#leftNavMain ul ul			{ margin: 0; padding: 0; list-syle: none; margin-top: 5px; border-top: 0px solid #cbcccc; }
#leftNavMain li li			{ border-top: 0px solid #cbcccc; padding: 0px 0 0 0; font-size: 13px; width: 155px; background: none; margin-left: 3px; }
#leftNavMain li li a		{ color: #a14e4a; text-decoration: none; display: block; background: url(img/arrow_doubleBeige.gif) no-repeat 0 4px; padding-left: 10px; }
#leftNavMain li li a:hover	{ color: #000; text-decoration: none; background: url(img/arrow_black.gif) no-repeat 0px 4px; }
#leftNavMain li li a.on		{ color: #000; font-weight: bold; text-decoration: none; background: url(img/arrow_black.gif) no-repeat 0px 4px; }
/*Level Three*/
#leftNavMain ul ul ul			{ margin: 0; padding: 0; list-syle: none; margin-top: 5px; border-top: 0px solid #cbcccc; }
#leftNavMain li li li			{ border-top: 0px solid #cbcccc; padding: 0px 0 0 0; font-size: 12px; width: 145px; margin-left: 10px; line-height: 18px; }
#leftNavMain li li li a			{ color: #a14e4a; text-decoration: none; display: block; background: url(img/dotGold.gif) no-repeat 0 7px; padding-left: 10px; }
#leftNavMain li li li a:hover	{ color: #000; text-decoration: none; background: url(img/dotGold.gif) no-repeat 0px 5px; }
#leftNavMain li li li a.on		{ color: #000; font-weight: normal; text-decoration: none; background: url(img/dotGold.gif) no-repeat 0px 7px; }

#leftNavMain .ltInner					{ border: 1px solid #dcdede; border-width: 1px 0; margin-top: 15px; font-size: 13px; }
#leftNavMain .ltInner .innerWrap		{ border-bottom: 1px solid #dcdede; margin-bottom: 1px; }
#leftNavMain .ltInner .component		{ border-top: 1px solid #dcdede; padding: 9px 0 10px 0; margin-top: 1px; position: relative; }
#leftNavMain .ltInner .component h3		{ margin-bottom: 8px; }
#leftNavMain .ltInner .boxed			{ border: 1px solid #dcdede; width: 59px; height: 59px; padding: 1px; float: left; }
#leftNavMain .ltInner .boxedPromo		{ border: 1px solid #dcdede; width: 59px; height: 59px; padding: 1px; float: left; margin: 3px 8px -2px 0; }
#leftNavMain .ltInner .txt				{ float: right; width: 90px; margin-bottom: -10px; margin-top: -0px; }
#leftNavMain .ltInner .txtPromo			{ float: left; width: 150px; }
#leftNavMain .ltInner .txt .arrowRed	{ line-height: 30px; margin-top: 10px; }

.quote	{ font-size: 13px; margin-top: 5px; }
.quote .name	{ font-style: italic; padding-top: 10px; }

/*----------------- RIGHT COLUMN LAYOUT -----------------*/
#rightNavWrap { float: left; width: 175px; margin-left: 1px; background: url("img/rightNavBgImg.jpg") repeat-y; }

#rightNavWrap ul.arrowRed  				{ margin: 0; padding: 0; list-style: none; margin-top: 8px; }
#rightNavWrap ul.arrowRed li a			{ color: #777750; text-decoration: none; background: url(img/arrow_red.gif) no-repeat 0px 7px; padding-left: 10px; display: block; margin-left: 3px; _width: 130px; line-height: 18px; }
#rightNavWrap ul.arrowRed	li a:hover	{ text-decoration: underline; }


#rightNavWrap .rtInner	{ width: 159px; padding: 13px 7px 13px 9px; font-size: 13px; border-top: 1px solid #d9dad8; margin-top: 1px; } 
#rightNavWrap .rtInner h3 { color: #000; font-size: 14px; font-weight: bold; margin: 0 0 5px 0;  }
#rightNavWrap .rtInner h4 { color: #000; font-size: 13px; font-weight: bold; margin-bottom: 4px; }

#rightNavWrap .rtInner .component		{ border-top: 1px solid #dcdede; padding: 9px 0 0 0; margin-top: 10px; clear: both; position: relative; }
#rightNavWrap .rtInner .componentNB		{ border-top: 0px solid #dcdede; padding: 0; margin-top: 0; clear: both; position: relative; }
#rightNavWrap .rtInner .boxed			{ border: 1px solid #dcdede; width: 59px; height: 59px; margin-top: 15px; padding: 1px; }
#rightNavWrap .rtInner .boxedPromo		{ border: 1px solid #dcdede; width: 59px; height: 59px; padding: 1px; float: left; margin: 3px 8px -2px 0; }
#rightNavWrap .rtInner .txtPromo		{ float: left; width: 150px; }
#rightNavWrap .rtInner .txt				{ float: right; width: 90px; margin-top: 8px;  _margin-bottom: 0; }
#rightNavWrap .rtInner .txt .arrowRed	{ line-height: 30px; margin-top: 10px; }
#rightNavWrap ul.arrowRed li	{ margin-left: -14px; }

/*componet with image*/
#rightNavWrap .rtInner h3.complex		{ background: url("img/curveTopGray.gif") no-repeat; color: #FFF; font-size: 14px; width: 156px; font-weight: bold; height: 22px; margin-bottom: -3px; padding: 4px 0 0 5px; }
#rightNavWrap .rtInner .complexTxt		{ margin: 8px 0;  }

	/*view account box*/
.grayBox	{ background: url(img/rightGrayBox.gif) no-repeat; width: 155px; padding: 13px 9px 12px 11px; height: 45px; _margin-bottom: -3px; }
.grayBox h2	{ color: #fff; margin-bottom: 5px; font-size: 16px; text-shadow: 0 0 0 #fff; }
.lock	{ margin-top: -5px; _margin-top:0; margin-left: 5px; }
.viewacct select 	{ width: 128px; float: left; font-size: 10px; height: 20px; padding-top: 2px; margin-left: -1px; }
.viewacct .go		{ margin-top: 3px; margin-left: 2px; }

/*----------------- CENTER COLUMN LAYOUT (for 3 Column Template) -----------------*/
#center3ColWrap	{ float:left; width: 573px; padding-bottom: 100px; _margin-bottom: -20px; }
.middle3Col		{ background: url(img/red_fade.jpg) no-repeat top left; padding: 14px 10px 0 19px; }
.middle3Col.content	{ background: none; padding: 14px 20px 0 19px; }
.middle3Col.content2	{ background: none; padding: 14px 40px 0 19px; }
.middle3Col h1	{ margin: 20px 0 10px 0;  }
.middle3Col h2	{ margin: 15px 0 5px 0; }
.middle3Col h2 a { text-decoration: none; }

.middle3Col .breadcrumb a	{ color: #59504f; text-decoration: none; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 5px 0 0; }
.middle3Col .breadcrumb a:hover	{ text-decoration: underline; }
.middle3Col .breadcrumb a.on	{ font-weight: bold; }

.buttons	{ margin: 28px 0 0 3px; }

/*icon links*/
.print a	{ text-decoration: none; font-weight: bold; float: left; padding-left: 20px; background: url(img/icon_print.gif) no-repeat 0px 5px; padding-right: 15px; margin-right: 10px; }
.email a	{ text-decoration: none; font-weight: bold; float: left; padding-left: 20px; background: url(img/icon_email.gif) no-repeat 0px 6px; }
.email2 a	{ text-decoration: none; padding-left: 15px; background: url(img/icon_email2.gif) no-repeat 0px 4px; font-size: 12px; }
.email2 a:hover	{ text-decoration: underline; }
.chat a		{ text-decoration: none; font-weight: normal; padding-left: 15px; background: url(img/icon_chat.gif) no-repeat 0px 4px; font-size: 12px; }
.chat a:hover	{ text-decoration: underline; }

	/*sub-hub page layout (3 column page)*/
#banner			{ width: 572px; position: relative; }
#banner .txt	{ color: #cccc99; position: absolute; top: 28px; left: 31px; width: 358px; font-weight: bold; font-size: 17px; line-height: 20px; _behavior: url(/common/css/iepngfix.htc); background: url("img/quote01.png") no-repeat top left; padding-left: 20px; }
#banner .signature	{ text-align: right; color: #fff; font-style: italic; font-size: 13px; letter-spacing: 1px; margin-top: 10px; padding-right: 40px; font-weight: 800; }

/*----------------- CENTER COLUMN LAYOUT (for 2 Column Template) -----------------*/
/*hub page layout*/
#colWrap						{ float:left; width: 758px; padding-bottom: 100px; _padding-bottom: 30px; _margin-bottom: -1px; background: url("img/hub_top_fadeBG.jpg") no-repeat 0 155px; } /*without left column*/
#colWrap .heroWrap				{ float: left; width: 757px; margin-bottom: 12px; }
#colWrap .heroWrap .txt			{ float: left; width: 228px; height: 127px; background: url("img/hubHeroBG.gif") no-repeat; padding: 15px 19px 13px 25px; }
#colWrap .heroWrap .txt2		{ float: left; width: 228px; height: 127px; background: url("img/blank.gif") no-repeat; padding: 15px 19px 13px 25px; }
#colWrap .heroWrap .txtTitle	{ font-weight: 400; color: #fff; font-size: 24px; line-height: 28px; padding-top: 0px; text-shadow: 0 0 0 #000; }
#colWrap .heroWrap .subTxt		{ color: #cccc99; font-size: 13px; line-height: 17px; margin-top: 6px; font-family: Verdana, Arial, Helvetica, sans-serif; text-shadow: 0 0 0 #000; }
#colWrap .heroWrap .banner		{ float: left; }
#colWrap .centerContent			{ padding: 0 15px; }

.subhubBox				{ border: 1px solid #dfdede; width: 257px; margin-right: 6px; float: left; padding-bottom: 13px; margin-top: 15px; }
.subhubBox .header		{ background: url("img/boxBGheader.gif") repeat-x bottom #fffffe; border-bottom: 1px solid #dfdede; display: block; /*height: 21px;*/ color: #666; padding: 7px 10px 7px 12px; font-weight: bold; }
.mainTxt		{ background: url("img/boxBGTxt.gif") repeat-x bottom left #fff; padding: 5px 12px 11px 12px; border-bottom: 1px solid #dfdede; }
.mainTxt ul.arrowRed  			{ margin: 0; padding: 0; list-style: none; margin-top: 0px; }
.mainTxt ul.arrowRed li a			{ color: #777750; text-decoration: none; background: url("img/arrow_red.gif") no-repeat 0px 7px; padding-left: 10px; display: block; margin-left: 3px; _width: 160px; }
.mainTxt ul.arrowRed	li a:hover	{ text-decoration: underline; }

.fourColumn .mainTxt ul.arrowRed li a { _width: 120px; }

#colWrap .breadcrumb a			{ color: #59504f; text-decoration: none; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 5px 0 5px; }
#colWrap .breadcrumb a:hover	{ text-decoration: underline; }
#colWrap .breadcrumb a.on		{ font-weight: bold; }

/*content page 2 column layout*/
#center2ColWrap	{ float:left; width: 749px; _width: 750px; padding-bottom: 100px; _margin-bottom: -14px; } /*with a left column*/

/*----------------- TABLE LAYOUT(S) -----------------*/
table				{ border-bottom: 1px solid #dadacc; }
table ul			{ margin-top: 0; }
table th			{ border: 1px solid #dadacc; background: #dadacc; height: 27px; text-align: left; padding: 7px 13px; font-weight: bold; color: #555; white-space: nowrap; }
table th .note		{ font-weight: normal; font-size: 10px; }
th.right			{ text-align: right; }
table tr.spacer		{ border: 1px solid #fff; height: 2px; border-width: 0 1px; }
table tr.spacer td	{ border-bottom: 1px solid #dadacc; }
table tr.blank		{ border: 1px solid #dadacc; border-width: 1px 1px 0 1px; height: 30px; }
table tr.blank2 td		{ border: 1px solid #dadacc; border-width: 1px 1px 0 1px; height: 30px; padding-left: 10px; padding-right: 10px; }
table tr.blank3 td		{ border: 1px solid #dadacc; border-width: 1px 1px 0 1px; padding: 7px 13px; background: #FFF; }
table tr.blank4 td		{ border: 1px solid #dadacc; border-width: 1px 1px 1px 1px; padding: 1px 13px; background: #FFF; }
table tr.odd td		{ border: 1px solid #dadacc; border-width: 0 1px; padding: 7px 13px; background: #efefef; vertical-align: top; }
table tr.oddCenter td		{ border: 1px solid #dadacc; border-width: 0 1px; padding: 7px 13px; background: #efefef; vertical-align: top; text-align: center; }
table tr.even td	{ border: 1px solid #dadacc; border-width: 0 1px; padding: 7px 13px; vertical-align: top; }
table tr.evenCenter td	{ border: 1px solid #dadacc; border-width: 0 1px; padding: 7px 13px; vertical-align: top; text-align: center; }
table tr.footer		{ border: 1px solid #dadacc; border-width: 0 1px; height: 2px; }
table tr.finePrint td	{ min-height: 42px; _height: 42px; background: url("img/finePrintBG.gif") repeat-x bottom left; padding: 15px 10px; width: 100%; border: 1px solid #dadacc; border-width: 1px 1px 0 1px; font-size: 12px; color: #999; }
table td.lgText	{ font-size: 19px; letter-spacing: -1px; }

/*rates table on the home page*/
table tr.rates td	{ border-bottom: 1px solid #FFF; background: #dadacc; padding: 5px 8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
table td.right 	{ text-align: right; }

/*----------------- TABS -----------------*/
ul.tabnav 				{ width: 100%; margin:0; padding:0; list-style:none; float:left; position: relative; margin-top: 20px; }
ul.tabnav li			{ display: block; float: left; position: relative; margin: 0; padding:0; background-position: top left; background-repeat: no-repeat; }
ul.tabnav li span		{ display: block; text-align: center; padding: 5px 5px; background-repeat: no-repeat; background-position: top right; }

ul.tabnavBrown						{ line-height: 20px; font-weight: bold; }
ul.tabnavBrown li					{ margin-right: 2px; font-size: 14px;  }
ul.tabnavBrown li.home				{ margin-right: 2px; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; line-height: 10px; }
ul.tabnavBrown li span				{ float: left; height: 12px; color: black; padding: 5px 8px 5px 2px; }
ul.tabnavBrown li.home span			{ float: left; height: 12px; color: black; padding: 8px 10px 5px 10px; }
ul.tabnavBrown li.content			{ font-weight: normal; font-size: 1.0em; }
ul.tabnavBrown li.TSTabBrown,
ul.tabnavBrown li.TSTabSelBrown			{ cursor: pointer; }
ul.tabnavBrown li.TSTabBrown			{ background-image: url("img/tab_left.gif"); background-color: #9c9c9c; }
ul.tabnavBrown li.TSTabBrown span		{ background-image: url("img/tab_right.gif"); color: white; padding: 8px 8px; }
ul.tabnavBrown li.TSTabSelBrown			{ background-image: url("img/tab_left_sel.gif"); background-color: #dadacc; }
ul.tabnavBrown li.TSTabSelBrown span	{ background-image: url("img/tab_right_sel.gif"); color: #666; padding: 8px 8px; }

ul.showHide 			{ margin:0; padding:0; list-style:none; }
ul.showHide li			{ float: right; position: relative; margin: 0; padding:0; background-position: top left; font-size: 12px; color: #fff; }
ul.showHide li span		{ padding: 5px 5px; }

ul.notabnavBrown li.TSTab,
ul.notabnavBrown li.TSTabSel		{ cursor: pointer; background: none; }
ul.notabnavBrown li					{ background: none; }
ul.notabnavBrown li.TSTab			{ color: #b5121b; background: none; }
ul.notabnavBrown li.TSTab span		{ color: #b5121b;background: none; }
ul.notabnavBrown li.TSTabSel		{ color: #666;background: none; }
ul.notabnavBrown li.TSTabSel span	{ color: #666;background: none; }

.TSTabContentsNormal	                { display: none;  width: 100%; background: none; }
.TSTabContentsSelected                  { display: block;  width: 100%; background: none; }

.TSTabContentsNormalDC	                { display: none;  background: none; }
.TSTabContentsSelectedDC                  { display: block;  background: none; }

/*----------------- MISC -----------------*/
.disclaimer	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; margin-top: 20px; clear: both; border-top: 1px solid #cacacb; clear: both; padding-top: 5px; line-height: 15px; }
.pressContact	{ font-size: 13px; }
.rssWrap	{ font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 5px; font-size: 10px; }
.rssWrap a	{ font-size: 10px; background-position: 0 3px; }

.addValueWrap	{ float: right; border-left: 1px solid #dedede; width: 210px; margin-left: 15px; margin-bottom: 20px; }
.addValueTitle	{ height: 21px; background: #babaa2; margin-left: 3px; border-bottom: 1px solid #dedede; color: #fff; padding: 7px 10px 0 12px; font-size: 14px; }
.addValueBox	{ background: #eaeae2; padding: 1px 6px 6px 6px; margin-left: 3px; font-size: 13px; border-bottom: 1px solid #dedede; }

.note	{ font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
select	{ width: 163px; }

.red	{ color: #990000; }

.inpage	{ float: left; margin: 4px 11px 0 11px; }

/*RATES PAGE ACCORDIAN*/
.columnOne h5	{ background: url("img/arrow_beige.gif") no-repeat 0 5px; padding-left: 10px; color: #b5121b; margin-bottom: 3px; cursor: pointer; }

/*ANDERA STYLES*/
#andera2ColWrap { float:left; width: 749px; _width: 740px; padding-bottom: 100px; _margin-bottom: -14px; border: 0; }
.middle3Colandera	{ background: none; margin: 0; padding: 14px 10px 0 19px; }
#bannerAndera		{ width: 740px; position: relative; }
.subhubBoxAndera		{ border: 1px solid #dfdede; width: 350px; margin-right: 6px; float: left; padding-bottom: 13px; margin-top: 15px; }
.subhubBoxAndera .headerAndera		{ background: url("img/boxBGheader.gif") repeat-x bottom #fffffe; border-bottom: 1px solid #dfdede; display: block; /*height: 21px;*/ color: #666; padding: 7px 10px 7px 12px; font-weight: bold; }
.mainTxtandera		{ background: url("img/boxBGTxt.gif") repeat-x bottom left #fff; padding: 5px 12px 11px 12px; border-bottom: 1px solid #dfdede; }

/*----------------- CUSTOM BOXES -----------------*/
/*COMMUNITY INVOLVEMENT BOX STYLES*/
.subhubBoxci		{ border: 1px solid #dfdede; width: 510px; margin-right: 2px; float: center; padding-bottom: 13px; margin-top: 15px; }
.subhubBoxci .headerci		{ background: url("img/boxBGheader.gif") repeat-x bottom #fffffe; border-bottom: 1px solid #dfdede; display: block; /*height: 21px;*/ color: #666; padding: 7px 10px 7px 12px; font-weight: bold; }

/*INVEST REPS BOX STYLES*/
.subhubBoxiv		{ border: 1px solid #dfdede; width: 155px; margin-center: 2px; float: center; padding-bottom: 1px; margin-top: 1px; }
.subhubBoxiv .headeriv		{ background: url("img/boxBGheader.gif") repeat-x bottom #fffffe; border-bottom: 1px solid #dfdede; display: block; /*height: 21px;*/ color: #666; padding: 7px 10px 7px 12px; font-weight: bold; }

/*SPLASH BOX STYLES*/
.subhubBoxspl		{ border: 1px solid #dfdede; width: 445px; margin-center: 2px; float: center; padding-bottom: 12px; margin-top: 1px; }
.subhubBoxspl .headerspl		{ background: url("img/boxBGheader.gif") repeat-x bottom #fffffe; border-bottom: 1px solid #dfdede; display: block; /*height: 21px;*/ color: #666; padding: 7px 10px 7px 12px; font-weight: bold; }

/*BUSINESS BOX STYLES*/
.subhubBoxbus		{ border: 1px solid #dfdede; width: 170px; margin-center: 2px; float: center; padding-bottom: 1px; margin-top: 1px; }
.subhubBoxbus .headerbus		{ background: url("img/boxBGheader.gif") repeat-x bottom #fffffe; border-bottom: 1px solid #dfdede; display: block; /*height: 21px;*/ color: #666; padding: 7px 10px 7px 12px; font-weight: bold; }

/*CHOICE BOX STYLES*/
.subhubBoxch		{ border: 1px solid #dfdede; width: 250px; margin-center: 2px; float: center; padding-bottom: 1px; margin-top: 1px; }
.subhubBoxch .headerch		{ background: url("img/boxBGheader.gif") repeat-x bottom #fffffe; border-bottom: 1px solid #dfdede; display: block; /*height: 21px;*/ color: #666; padding: 7px 10px 7px 12px; font-weight: bold; }


.popup	{ float: left; width: 160px; margin: 26px 14px 0 14px; _margin-left: 8px; }
.popup h5	{ background: url("img/arrow_beige.gif") no-repeat 0 5px; padding-left: 10px; color: #b5121b; margin-bottom: 3px; cursor: pointer; }
.stretch				{ margin-bottom: 10px; }
.stretch3				{ margin-bottom: 0px; }
ul.dotGold				{ margin: 0; padding: 0; list-style-type: none; }
ul.dotGold li			{ background: none; }
ul.dotGold li a			{ display: block; text-decoration: none; _width: 130px; color: #93645f; background: url("img/dotGold.gif") no-repeat 0 8px; padding-left: 10px; margin-left: 10px; font-size: 13px; padding-bottom: 2px; }
ul.dotGold li a:hover	{ text-decoration: underline; }

/*----------------- ToolTip -----------------*/
#dhtmltooltip{
position: absolute;
border: 1px solid gray;
width: 150px;
padding: 10px;
background:url(img/pop-up-fade.jpg) no-repeat;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=115);
}




/*----------------- SITEMAP -----------------*/
.sitemap			{ float: left; width: 220px; margin-right: 5px; min-height: 700px; }
.sitemap a			{ font-weight: bold; color: #000; line-height: 40px; }
.sitemap ul			{ list-style: none; }
.sitemap li			{ list-style: none; }
.sitemap li a 		{ font-weight: bold; color: #777750; line-height: 22px; text-decoration: none; }
.sitemap li ul 		{ margin-bottom: 10px; list-style-type: none; }
.sitemap li li a 	{ font-weight: normal; text-decoration: none; }
.sitemap li li li a	{ font-weight: normal; }

/*----------------- FOOTER -----------------*/
#footer			{  clear: both; border-top: 2px solid #afafaf; height: 37px; padding-top: 10px; font-size: 13px; color: #999; margin-bottom: 20px; }
#footer .copy	{ margin-right: 10px; float: left; }
#footer a		{ margin: 0 5px; text-decoration: none; }
#footer a:hover	{ text-decoration: underline; }

/*::::: Top Scrolling Message (Home Page) ::::::*/
 #alert p{
  visibility:hidden;
 }
 #alert, #scr1 p.default {
   width:770px;
   height:20px;
   overflow:hidden;
   visibility:visible;
 }
 #alert p {
  visibility:visible;
  width:770px;
  height:20px;
  border-bottom:none;
 }
 #alert {
   margin:0px auto;
   font-size: 1.1em;
 }
 #alert table tr td div {
  visibility:visible;
 }
 #alert table tr td {
   padding:1px;
   text-align:center;
   vertical-align:middle;
 }



/*::::: SAFARI ONLY CSS ::::::*/
/*\*/
body*#colWrap .heroWrap .txtTitle	{ font-weight: 400; color: #fff; font-size: 23px; line-height: 24px; padding-top: 0px; } 
/*end*/