/*
modules.css
Styles for modules being used in ICICI
*/

/* common styles */

.red {color: #b61905;}
.orange {color: #ee7900;}
.blue {color: #253177;}
strong, .label {font-weight: bold;}

.price {font-size: 110%; font-weight: bold;}

.separater {background: transparent url(../images/dot_separater.gif) repeat-y right top;}
.separaterLeft {background: transparent url(../images/dot_separater.gif) repeat-y left top;}

.divider {background: transparent url(../images/hor_separator.gif) no-repeat center bottom; padding-bottom: 12px; margin-bottom: 1px; }

.floatRight {float: right;}
.floatLeft {float: left;}
.floatFix{float:left;}
p.noLeft{padding-left:0 !important;}
p.howToSubText{font-size:1em; padding: 5px 0 0 15px !important; line-height:150% !important; }
.padTop20 {padding-top: 20px; }
.subNote{ font-size:.9em; width:300px; line-height:110% }

p.infoText {font-size: 0.70em; padding: 0 10px 0 20px;}
.infoText a{font-weight:bold;}

.quadcolumn {float: left; width: 828px; margin-right: 12px; padding: 0;}
.quadcolumn p, .quadcolumn h2{padding-left:20px;}
.singleColumn {float: left; width: 156px; padding: 0;}

.width498 {float: left; width: 496px; margin: 0; padding:0; }
.width340 {width: 325px;}
.height260 {height: 16.3em;}

.accessible {visibility:hidden;}
.productsFoot .applyNowBig{margin-top:-10px;}
/* Gradiant box styles */

.boxFull{
background: transparent url(../images/botCapFull.gif) no-repeat center bottom;
margin-bottom: 10px;
width: 996px;
padding-bottom: 12px;
}

.homeIntroGradFull {
background :#fdfdfd url(../images/home_Intro_gradiant.png) repeat-x left bottom;
border-left: 2px solid #ececec;
border-right: 2px solid #ececec;
padding: 5px 0 0 0;
margin: 0;
}
.homeIntroBoxFull{
background: transparent url(../images/homeIntro_botCap.png) no-repeat center bottom;
margin-bottom: 20px;	
width: 996px;
padding-bottom: 12px;
}
.smartLinksBoxFull{
background: transparent url(../images/smart_botCap.png) no-repeat center bottom;
margin-bottom: 20px;
width: 996px;
padding-bottom: 12px;
}
.threeModBoxFull{
background: transparent url(../images/threeMod_botCap.png) no-repeat center bottom;
margin-bottom: 10px;
width: 996px;
padding-bottom: 12px;
}
.rateContainer, .rateSContainer{
	position:relative;
	width: 370px;
}
#rateListModal, #rateListSavingModal{
	border: 2px solid #ececec;
	position:absolute;
	top:5px;
	right:120px;
	width:135px;
	background:#ffffff url(../images/rollover_gradiant.gif) repeat-x;
}
#rateListModal ul, #rateListModal ul li, #rateListSavingModal ul, #rateListSavingModal ul li{ margin:10px 0; padding:0;}
#rateListModal ul li, #rateListSavingModal ul li{ font-size:.7em; padding:0 0 0 10px; font-weight:normal; line-height:100%;}
.homeIntroFoot { padding-top:10px; }
.homeIntroFoot p.puremoney {
	float:left;
	width:280px;
	padding: 0px 0 0px 45px !important;
	margin-left: 20px;
	background: transparent url(../images/Moneyfacts_FRA.jpg) no-repeat left top; 
}
.homeIntroFoot p.miniAwards {
	float:left;
	width:250px;
	padding: 0px 0 0px 45px !important;
	margin-left: 20px;
	background: transparent url(../images/Moneyfacts_FRA.jpg) no-repeat left top; 
}
.homeIntroFoot .homeRtIntroAppNow{ float:right; padding:0; margin-right:20px; }

.introBoxFull{
background: transparent url(../images/intro_botCap.gif) no-repeat center bottom;
margin-bottom: 10px;
width: 996px;
padding-bottom: 12px;
}
.introTopCapFull {
background :transparent url(../images/intro_topCap.gif) no-repeat left top;
width: 996px;
padding-top: 12px;
}
.introGradFull {
background :#fdfdfd url(../images/intro_gradiant.gif) repeat-x left bottom;
border-left: 2px solid #ececec;
border-right: 2px solid #ececec;
padding: 0;
margin: 0;
}

.productBoxFull{
background: transparent url(../images/gradFull.gif) no-repeat center bottom;
margin-bottom: 10px;
width: 996px;
padding-bottom: 6px;
}

.topCapFull {
background :transparent url(../images/homeIntro_topCap.png) no-repeat left top;
width: 996px;
padding-top: 12px;
}

.gradFull40 {
background: #fff url(../images/gradFull40.gif) repeat-x left bottom;
border-left: 1px solid #ececec;
border-right: 1px solid #ececec;
padding: 0;
margin: 0;
}
.threeModGrad, .tabbedGradFull{
background :#fdfdfd url(../images/threeModGrad.png) repeat-x left bottom;
border-left: 2px solid #ececec;
border-right: 2px solid #ececec;
padding: 0;
margin: 0;
}
.tabbedGradFull{
border:0;
}
.smartGradFull {
background :#fdfdfd url(../images/smart_gradiant.png) repeat-x left bottom;
border-left: 2px solid #ececec;
border-right: 2px solid #ececec;
padding: 0;
margin: 0;
}
.box828{
background: transparent url(../images/botCap828.png) no-repeat center bottom;
width: 828px;
padding-bottom: 12px;
}
.topCap828 {
background :transparent url(../images/topCap828.png) no-repeat left top;
width: 828px;
padding-top: 16px;
}
.grad828 {
background :#fdfdfd url(../images/gradient156.gif) repeat-x left bottom;
border-left: 2px solid #ececec;
border-right: 2px solid #ececec;
padding: 0;
margin: 0 1px;
}

.box156{
background: transparent url(../images/botCap156.png) no-repeat center bottom;
margin-bottom: 10px;
width: 156px;
padding-bottom: 12px;
}
.boxCont156{
background: transparent url(../images/botCapCont156.png) no-repeat center bottom;
margin-bottom: 10px;
width: 156px;
padding-bottom: 12px;
}
.topCap156 {
background :transparent url(../images/topCap156.png) no-repeat left top;
width: 156px;
padding-top: 12px;
}
.grad156 {
background: #fdfdfd url(../images/gradient156.png) repeat-x left bottom;
border-left: 2px solid #ececec;
border-right: 2px solid #ececec;
padding: 0;
margin: 0 1px;
}
.gradContact156 {
background: #fdfdfd url(../images/gradientCont156.png) repeat-x left bottom;
border-left: 2px solid #ececec;
border-right: 2px solid #ececec;
padding: 0;
margin: 0 1px;
}

.box492{
background: transparent url(../images/botCap492.gif) no-repeat center bottom;
width: 492px;
padding-bottom: 12px;
margin-bottom: 20px;
}
.topCap492 {
background :transparent url(../images/topCap492.gif) no-repeat left top;
width: 492px;
padding-top: 12px;
}
.grad492 {
background: #fdfdfd url(../images/gradiant492.gif) repeat-x left bottom;
border-left: 2px solid #ececec;
border-right: 2px solid #ececec;
padding: 0;
margin: 0;
}

.box660{
background: transparent url(../images/botCap660_trans.gif) no-repeat center bottom;
width: 660px;
padding-bottom: 11px;
margin-bottom: 20px;
margin-top: 20px;
}
#aboutusGraph.box660{
margin-bottom: 0;
}
.topCap660 {
background :transparent url(../images/topCap660_trans.gif) no-repeat left top;
width: 660px;
padding-top: 11px;
}
.grad660 {
border-left: 2px solid #ececec;
border-right: 2px solid #ececec;
padding: 0;
margin: 0;
line-height:.8em;
}

/* Modules */

#smartLinks ul{ margin: 0; padding: 10px 0 0 10px; width:993px}
#smartLinks ul li {
	list-style-type: none; 
	float: left;
	display: inline;
	padding-left:25px;
	margin: 0 15px 5px 10px; 
	color:#343434;
	font-size:.7em;
	font-weight:bold;
	background: transparent url(../images/icons/icn_tick.gif) no-repeat left top; 
}
*html #smartLinks ul li { padding-bottom:5px;}

#productDetails .gradFull40 {
	background :none;
}

#productsTeaser ul { margin: 0; padding: 0; width:994px;}
#productsTeaser ul li {
	list-style-type: none; 
	float: left;
	display: inline;
	margin-left: 10px; 
	width: 322px; 
	background: transparent url(../images/contentSeperator.gif) no-repeat right top; 
}
#productsTeaser ul li.last { width: 310px; background: none;}


.regSavingsPlanOptions ul { margin: 0; padding: 0; width:655px;}

.regSavingsPlanOptions ul li {
	list-style-type: none; 
	float: left;
	display: inline;
	margin-left: 10px;
	padding-top: 8px;
	padding-bottom: 10px;
	width: 200px; 
	background: transparent url(../images/contentSeperator.gif) no-repeat right top; 
	height: 60px;
	_height: 80px;
}
.regSavingsPlanOptions ul li.last { background: none; width: 220px}

.regSavingsPlanOptions ul li p {padding-left: 20px; margin-left: 10px;}
.regSavingsPlanOptions ul li p.one {background: transparent url(../images/icons/icn_one.png) no-repeat left 3px;}
.regSavingsPlanOptions ul li p.two {background: transparent url(../images/icons/icn_two.png) no-repeat left 3px;}
.regSavingsPlanOptions ul li p.three {background: transparent url(../images/icons/icn_three.png) no-repeat left 3px;}
.buttonContainer {float:right; margin-right: 166px; display: block;}

#productsTeaser ul li h3 {padding: 2px 10px 8px 10px; line-height:100%;}
#productsTeaser ul li h3.double {padding: 0 10px 2px 10px; line-height:100%;}
#productsTeaser ul li p {padding: 0 10px 10px 10px;}
#productsTeaser ul li p.blank {padding: 0 10px 25px 10px;}
#productsTeaser ul li p.mail {background: transparent url(../images/icons/mail.gif) no-repeat left top; padding-left: 60px; margin-left: 10px;}
#productsTeaser ul li p.calc {background: transparent url(../images/icons/calc.gif) no-repeat left top; padding-left: 40px; margin-left: 10px;}
#productsTeaser ul li p.compareFin {background: transparent url(../images/compareFin.png) no-repeat left top; padding-left: 75px; margin-left: 10px;}
#productsTeaser ul li p.compareFinancial{background: transparent url(../images/compareFin.png) no-repeat left top; padding-left: 65px; margin-left: 8px;}
#productsTeaser ul li p.awards {
	background: transparent url(../images/your_money_award.png) no-repeat 5px top;
	padding-left: 60px;
	margin-left: 0px;
}

#productsTeaser ul li a { float: right; margin-right: 20px; font-size: 0.81em; font-weight:bold; }
#productsTeaser ul li.last a {margin-right: 8px;}

#homeProdIntro, #productsInfo, .accountsInfo {position: relative; margin-top: 5px;}

.accountsInfo h1 {display: none;}
.accountsInfo .infoText {font-size: 0.8em !important;}
.regSavingsPlan .infoText {padding-top: 20px;}
.accountsInfo .separater {background-position: left bottom; background-repeat: repeat-x; margin: 0 10px 10px 10px; padding-bottom: 19px;}


#homeProdIntro h1, #productsInfo h1, .accountsInfo h2 {padding: 0 10px 5px 18px; line-height:110%;}
.accountsInfo h2 {padding: 4px 10px 0px 19px;}
#productsInfo h2, .accountsInfo h3 {padding: 4px 10px 8px 20px; font-size: 1em;}
.information h2 {padding-top: 10px !important;}
.accountsInfo h3 {padding: 0 10px 0px 20px;}
#homeProdIntro p, #productsInfo p, .accountsInfo p {padding: 10px 10px 0px 20px;}
.accountsInfo p {padding: 4px 10px 0px 19px;}
#homeProdIntro p.seeRate{padding-top:0; padding-left: 5px;}
#homeProdIntro p.more{padding:15px 0 0 15px; }
#productsInfo p.more {padding-top: 0;}
h2.prodIntro {font-size:1.88em;}
#fixedRateInfo {margin-right: 10px;}

.orangeBulltedList { margin: 0; padding-left: 20px; list-style-type: none; }
.accountsInfo .orangeBulltedList { padding-left: 20px; padding-top: 16px;}
.orangeBulltedList li {
font-size: 0.8em;
padding-left: 15px;
padding-right: 10px;
background: url(../images/orange_bullet.gif) no-repeat 0 8px;
line-height: 1.5em;
margin-top: 7px;
}

.number li {
font-size: 0.8em;
padding-left: 15px;
padding-right: 10px;
line-height: 1.5em;
margin-top: 7px;
}


.orangeBulltedList.subSection li {
	font-size: 1em;
}
#homeProdIntro .orangeBulltedList li { margin-top: 0;}
.orangeBulltedList li.infoText {
background: none;
font-size: 0.70em;
line-height: 1em;
margin-top: 14px;
}
.information .orangeBulltedList {margin-top: -10px; }
.information .orangeBulltedList li { margin-top: 16px; }
.information .orangeBulltedList li.infoText {margin-top: 17px;}

.yourmoney {
	padding: 0 0 30px 0;
	margin: 36px 10px 0 20px;
	list-style-type: none;
	background: url(../images/your_money_award.png) no-repeat 0 0;
}
.yourmoney li { padding-left: 56px; font-size: 0.81em; line-height: 1.2em; padding-bottom: 8px;}

.bestBuy {
	padding: 0 0 30px 0;
	margin: 36px 10px 0 20px;
	list-style-type: none;
	background: url(../images/Moneyfacts_FRA.jpg) no-repeat 0 0;
}
.information .bestBuy { margin-top: 25px; }

.bestBuy li { padding-left: 56px; font-size: 0.81em; line-height: 1.2em; padding-bottom: 8px;}

.applyButton {margin-right: 12px;}

.btns {padding: 0; width: 490px; margin-top: 30px; margin-bottom: 9px;}
.termsLink {padding-left: 15px; font-weight:bold; float: left;}
.homeIntroBoxFull .termsLink { font-size:1em}

.launchCalc {width: 300px; float: left; margin: 84px 0 16px 10px;}
.launchCalc a {
background: url(../images/icons/icn_calc.gif) no-repeat 0px 0px;

padding: 6px 10px 9px 25px; 
text-decoration: none;

font-weight:bold;
}
.launchCalc a:hover {text-decoration: underline;}


#productDetails, #productDetail {margin: 20px 0;}
#productDetail { font-size:.8em;}
#productTab{margin:0; padding:0;}
#productTab li {
	list-style-type: none; 
	float: left;
	display: inline;
}
#productTab li a{
	padding:3px 30px;
	color:#333;
	background: url("../images/tabs_sprite.png") no-repeat;
}
#productTab li a.first{border-right:2px solid #cccccc; background-position:0 0}
#productTab li a.first.selected{background-position:0 -50px;}

#productTab li a.middle{border-right:2px solid #cccccc; background-position:-20px 0}
#productTab li a.middle.selected{background-position:-20px -50px;}

#productTab li a.last{background-position:-425px 0}
#productTab li a.last.selected{background-position:-420px -50px;}

#productTab li a.selected{
	font-weight:bold;
}
.tabFootLink{
	padding:5px 0 0 30px;
	font-weight:bold;
}
.msgBodyContainer{line-height:.5em;}
.msgBodyContainer div{line-height:140%;}
#contentHolder{
	clear:both;
	overflow:hidden;	
}
.contentHolderTable tr td{
	vertical-align:top;
}
.contentHolderTable tr td.leftSection{
	border-left:2px solid #ececec;	
	border-right:1px solid #cccccc;
}
.contentHolderTable tr td.rightSection{
	border-right:2px solid #ececec;	
}
.contentHolderTable tr td.leftRtSection{
	border-left:2px solid #ececec;	
	border-right:2px solid #ececec;	
}
.tab1Table {float: left; width: 640px; _width: 631px; border-top: 1px solid #cccccc; }
*html #page .tab1Table {
	float:none;
	display:inline;
}
.tab1Table th {border-bottom: 1px solid #cccccc; color: #253177; font-weight: bold;}
.tab1Table th, .tab1Table td {border-right: 1px solid #cccccc; text-align: center; _font-size: 0.8em; padding: 1px 2px 0 2px; _padding: 5px 2px 4px 2px;}
.tab1Table th.last, .tab1Table td.last {border-right: none; }

.faqTable {float: left; width: 100%; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; padding: 0; margin: 10px 0; font-size: 0.80em;}
.faqTable tr th, .faqTable tr td {border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; padding: 2px 5px; text-align: left;}
.faqTable th {font-weight: bold;}

.summaryTbl {float: left; width: 992px; border-top: 1px solid #cccccc;}
.summaryTbl th, .summaryTbl td {border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 2px 10px; _font-size: 0.8em; }
.summaryTbl tr.last td, .summaryTbl th.last, .summaryTbl td.last {border-bottom: none;}
.summaryTbl th.last, .summaryTbl td.last {border-right: none; }

.button {text-align: right !important; padding: 10px 20px 0 0 !important; padding-bottom:10px; width: 100%; border-top: 1px solid #cccccc;}
.leftSection td.button{
	padding-bottom:0 !important;
}
.summaryTbl td.label{ white-space : nowrap; }
.summaryTbl td.last {vertical-align: bottom; padding-left: 20px;}
.summaryTbl td.last .applyNowBig {margin-right: 13px;}

dl.rateslist { font-size:0.8em; margin: 0px 0 10px 20px; width: 300px; }
dl.rateslist dt {
clear:left;
display:block;
float:left;
margin-top:2px;
line-height:1.2em;
padding:0 12px 0 0;
width: 135px;
}
dl.rateslist dd {
display:block;
float:left;
margin-top:2px;
line-height:1.2em;
padding:0 12px 0 0;
width:auto;
clear: auto;
}
#savingsInfo dl.rateslist dd {clear: both;}

.alphaLinks li{
	float:left; display:inline; border-right:1px solid #333; margin:0 3px; padding-right:10px;
}
.alphaLinks li.last{
	border-right:0;
}
	
/*[SAVINGS CALCULATOR]*/
#savingsCalculator{
width:828px;	
display:none;
font-size:0.8em;
text-align:left;
padding:0;
border-bottom:2px solid #d2d2d2;		
}
#savingsCalculator .button{ font-size:1.2em; }
#savingsCalculator .titleBar{
height:26px;
border-left:1px solid #d2d2d2;
border-right:1px solid #d2d2d2;
background:transparent url(../images/calcTopCap.gif) repeat-x top left;
padding:4px 0 0 5px;
}
#savingsCalculator .titleBar{ padding-left:8px; }
.closeIcon{
background:transparent url(../images/closeCalc.png) no-repeat left;
padding-top:5px;
float:right;
width:20px;
height:18px;
cursor:pointer;
margin-right:10px;
}
#savingsCalculator h2{
float:left;
padding:0 10px 0 3px;
margin:0;
color:#1e3173;
font-size:1.1em;
}
#savingsCalculator .main{
background:#fff;
border-left:1px solid #d2d2d2;
border-right:1px solid #d2d2d2;
padding:10px 10px 0 10px;
}
#savingsCalculator .main .button{ margin:20px 0 0 0; }
.savingCalcFooter{ margin-top:10px; padding-bottom:10px; clear:both; }
.savingCalcFooter .resetCalc{ margin-right:4px;}
.savingCalcFooter .resetCalc, .footButton{ float:left}
.savingCalcFooter .footLinks{ float:right}
.savingCalcFooter li a{ color:#ff7e13; font-weight:bold; }
.savingCalcFooter ul li{ float:left; margin:2px 10px 0px 4px; }
.savingCalcFooter ul li.first{ margin:2px 0 0 0; }
.savingCalcFooter ul li.last{ margin:0; }
.savingCalcFooter ul li.head{ font-weight:bold; }
.savingsCalcTabbedWrapper{ width:315px; float:left; }
.savingsCalcResultWrapper{
width:484px;
/*height:325px;*/
/*height:330px;*/
float:left;
margin-left:3px;
border:2px solid #d2d2d2;
}
.savingsCalcTabbedWrapper span.value, .savingsCalcTabbedWrapper span.head{
font-size:0.74em;
color:#484848;
background-image:none;
}
.savingsCalcTabbedWrapper span.value span, .savingsCalcTabbedWrapper span.head span{
display:block;
background-image:none;
padding:0;
margin:0;
/*height:auto;*/
line-height:10px;
}
.savingCalcContainer .intro{ height:200px; }
.savingsCalForm label{ font-size:1.6em; margin:0 10px 0 0; }

.savingCalcContainer .intro{
text-align:center;
vertical-align:middle;
font-size:1.6em;
color:#eb6a26;
font-weight:bold;
}

/*Tabular section for savings calculator - Use this and delete the other ones*/

#hisaveSavingsTab{
width:450px;
/*height:340px;*/
margin:15px;	
}
#hisaveFixedRateTab{
margin:15px;
width:450px;
/*height:340px;*/
display:none;	
}
.savInputs{ float:left; margin-left:50px; width:165px; }
.savLabel, .monthSelector, .rateSelector, .rateSelected{ margin:10px 0 0 0; }
.savLabel label{ font-size:.80em; float:left; }
.monthSelector select{ float:left; width:195px; }
.rateSelector input, .rateSelector span{
float:left;
margin-right:3px;
font-size:1em;
}
.monthSelector a, .rateSelector a{
float:right;
margin-right:30px;
}
.calculate img, .compare img{
vertical-align:bottom;
}
.calculate1 img, .compare img{
vertical-align:bottom;
}
.savingCalcContainer table{
float:right;
width:415px;
font-size:.9em;
}
.savingCalcContainer table th, .savingCalcContainer table td{
text-align:right;
padding:2px;
}
.savingCalcContainer table th, .savingCalcContainer table tr.row2{
background:#f5f5f5;
}
.savingCalcContainer table tr.row1{ background:#ffffff; }
.savingCalcContainer table td div{ width:110px; overflow:hidden; }
.savingCalcContainer table th{ height:25px; padding:5px; }
.savingCalcContainer .charting .data{
width:100%;
height:6.5em;
padding-bottom:25px;
}
.dataTable .grandTotalValue1{
background-color:#ff7e13;
color:#FFFFFF;
font-weight:bold;
}
.dataTable .grandTotalValue2{ color:#253177; font-weight:bold; }
.graphTooltip{
position:absolute;
display:none;
border:1px solid #AAAAAA;
padding:2px;
background-color:#CCCCCC;
filter:alpha(opacity:80);
KHTMLOpacity:.8;
MozOpacity:.8;
opacity:.8;
z-index:1005;
}
.compairInterest{ margin:10px 0 0 0; float:left; }
.tabInterestRate{ width:45px; color:#000000; float:left; }
.hiSaveSavings{ width:85px; float:left; color:#000000; }
.savingsTabInformation{
border:2px solid #D2D2D2;
border-top:0;
padding:10px;
/*height:247px;*/
/*height:252px;*/
}
.buttonCentered{ margin-left:85px; }

/*Tabular section for savings calculator - Use this and delete the other ones*/
.graphHeaderLeft{ width:33%; text-align:left; margin-right:20px; }
.graphHeader td{ width:33%; margin-right:20px; text-align:right; }
.graphHeaderRight{ width:33%; text-align:right; padding-right:6px; }
.priceDisplay{
margin-top:3px;
width:340px;
height:35px;
border-top:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9;
}
.graph{ width:450px; height:165px; margin-top:20px; display:none; }
.calculatorContainer{ text-align:left; width:315px; }
.calculatorContainer input{ width:90px; padding:1px 0; }
.calculatorContainer h3{ display:inline; }
.resetButton{
width:150px;
text-align:center;
margin:30px 0 0 60px;
padding-bottom:32px;
}

/*[ACCOUNT OVERVIEW TOOL TIP BUBBLE]
*styles related to Account Overview Tool Tip Bubble 
*/
a.tooltipIcon{
position:relative;
z-index:24;
text-decoration:none;
background:url(../images/calcToolTip.gif) no-repeat;
font-size:1em;
line-height:15px;
padding:0 10px 5px 10px;
text-align:left;
text-decoration: none;
}
.rateSelected .leftCont{float:left; width:200px;}

a.tooltipIcon span{ 
display:none;
text-align:left;
}
a.tooltipIcon:hover{
z-index:25;
color:#aaaaff;
text-decoration: none;
}
a.tooltipIcon:hover span.tooltip2{
display:block;
position:absolute;
top:-150px; left:20px;
padding:25px 0 0 0;
width:165px;
color:#000;
filter:alpha(opacity:100);
KHTMLOpacity:1;
MozOpacity:1;
opacity:1;
}
a.tooltipIcon:hover span.tooltip{
display:block;
position:absolute;
top:-25px; left:20px;
padding:15px 0 0 0;
width:263px;
color:#000;
filter:alpha(opacity:100);
KHTMLOpacity:1;
MozOpacity:1;
opacity:1;
}

a.tooltipIcon:hover span.top{
display:block;
padding:8px 8px 0;
text-indent:-999px;
line-height:0;
}
a.tooltipIcon:hover span.middle{  /*different middle bg for stretch */
display:block;
padding:5px 15px 5px 15px; 
border:2px solid #ededed;
background:#ffffff;
}
a.tooltipIcon:hover span.bottom{
display:block;
padding:4px 0 0;
color:#548912;
text-indent:-999px;
line-height:0;	
}

#savingsCalculator hr{
width:295px;
border-top:1px solid #cccccc;
}

#tabbedNav li a{
color:#333333;
height:60px;
display:block;
}
#tabbedNav li a span{
font-size:1em;
line-height:120%;
padding-top:13px;
}

#tabbedNav li{
background: url(../images/tabs.gif) no-repeat -40px -86px;
display:inline;
float:left;
height: 60px;
vertical-align:middle;
text-align:center;
font-weight:normal;
}
#tabbedNav .fixedTab{
border-left:2px solid #D2D2D2;
border-right:1px solid #D2D2D2;
margin-right:0;		
width:155px;
}
#tabbedNav .saveTab{
border-right:2px solid #D2D2D2;
width:155px;
}
#tabbedNav  li.ui-tabs-selected{
background: url(../images/tabs.gif) no-repeat 0 0;
float:left;
font-weight:bold;
height: 60px;		
}

.ui-tabs-hide {
display: none !important;
}

.twoColumn h1 {padding:0 0 10px 20px;}
.twoColumn h1 a, .twoColumn h1 a:hover {text-decoration: none;}

.banner {clear: both; width: 828px; margin-bottom: 15px;}

#linksSection h2, .topBlobLinks h2, #aboutusLinks h2, #faqLinks h2, #sitemapLinks h2 {font-size: 1.25em; padding: 6px 10px 10px 20px; }
.topBlobLinks p{  padding: 6px 10px 10px 20px; }
#aboutusLinks h2, #aboutusLinks ul, .topBlobLinks ul, .topBlobLinks h2, .topBlobLinks p{width: 600px;}
#aboutusLinks img, #regSavingsPlan img, .topBlobLinks img {float: right; margin-right: 50px; }
#linksSection ul, #aboutusLinks ul, #faqLinks ul, #sitemapLinks ul, .topBlobLinks ul {margin-left: 20px; padding-bottom: 10px; background:transparent}
#linksSection ul li, #aboutusLinks ul li, #faqLinks ul li, #sitemapLinks ul li, .topBlobLinks ul li {font-size: 90%; line-height: 1.2em;}
#regSavingsPlan p {padding: 6px 10px 0 20px;}
#aboutusGraph h3 {padding: 6px 10px 10px 20px;}
#aboutusGraph p {padding: 0px 10px 10px 20px;}
#aboutusGraph img {float: right; margin: 10px 20px 10px 0;}
#map img { margin: 10px 0 10px 90px;}
.contentBlock {width: 660px; border-bottom: 1px solid #253177; padding-bottom: 5px; margin-top: 0; clear: both;}
.contentBlockunline {
	width: 660px;
	padding-bottom: 5px;
	margin-top: 0;
	clear: both;
}
.contentBlock.noBottom{ border-bottom:0;}
.contentBlock h2 {padding: 15px 10px 0 20px; font-size:1.2em;}
.contentBlock p {padding: 18px 10px 0 20px;}
.contentBlock h2 a, .contentBlock h2 a:hover {text-decoration: none;}

.contentBlock .contact h3{padding: 15px 10px 0 20px; font-size:0.9em; margin:0; line-height:100%}
.rightSection h3 {font-size: 0.8em;}
.rightSection h3, .rightSection p {padding-left: 10px; padding-right: 5px;}
.rightSection h3 {line-height: 0.9em; padding-bottom: 5px;}
.number {padding-top: 10px; line-height: auto;}
.email {padding-top: 12px; line-height: auto;}
.link {padding-top: 5px; line-height: auto;}
.email a, .link a {font-weight:bold;}
.fixedContactSection {min-height: 500px;}

.faq h2,  .sitemap h2 {padding-top: 18px;}
.faq h3, .faq p, .sitemap ul, .sitemap h3, .sitemap p, .sitemap ul  {margin-top: 10px;}

#fixme{
position: fixed;
position: expression("absolute");
margin-top: 10px;
}

.faqBackLink {margin-top: 10px; _margin-top: 8px; margin-left: 20px; font-size: 0.80em;}
.backToTopLink {padding-top: 18px;}
.backToTopLink a {
	background: url(../images/icons/icn_orange_up_arrow.gif) no-repeat 1px 1px;
	color: #333333 !important; 
	padding: 0px 10px 0px 22px; 
	text-decoration: none;
	font-size: 0.85em;
}
.pageLink {padding: 5px 0 0 40px; line-height: 0.85em; }
.pageLink a {
	background: url(../images/icons/icn_orange_right_arrow.gif) no-repeat right 3px;
	color: #333333 !important; 
	padding: 0px 22px 0px 0px; 
	text-decoration: none;
}
.backToTopLink a:hover, .pageLink a:hover {text-decoration: underline;}

/* Buttons */

.btn {margin-top: 7px;}

.applyNowBig span, .applyNow span, .login span, .submitApplication span, .calculate span, .compare span, .reset span, .resetCalc span, .startApplication span {visibility: hidden;}
.applyNowBig {
width: 108px;
height: 34px;
background-image:url(../images/buttons/btn_apply_now_big.png);
background-position: left top;
}
.accountsInfo .applyNowBig {margin-right: 11px;}

.applyNowBig:hover {
background-position: -140px top;
text-decoration: none;
}
.posFixTop{
	position:absolute;
	top:0;
}
.applyNowBig span {visibility: hidden;}


.rolloverContainer {width: 996px; margin: 10px 0 20px 0;}
.rolloverInfo {float: left;}
.rolloverInfo h3 {font-size: 1.1em; padding-bottom:5px;}
.rolloverInfo p.infoText {font-size: 0.70em; color: #666666; padding-left: 0;}
.rolloverInfo .rolloverContent{ border:2px solid #D2D2D2; margin-top:10px; padding: 5px; background:#fff; width:450px; }
.rolloverInfo .rolloverContent p{ padding:0 0 5px 60px; font-size:.7em; }
.rolloverInfo .rolloverContent p.roll1{background:url(../images/icons/icn_roll4.png) no-repeat;}
.rolloverInfo .rolloverContent p.roll2{background:url(../images/icons/icn_roll1.png) no-repeat;}
.rolloverInfo .rolloverContent p.roll3{background:url(../images/icons/icn_roll2.png) no-repeat;}
.rolloverInfo .rolloverContent p.roll4{background:url(../images/icons/icn_roll3.png) no-repeat;}
.rolloverContent .head { font-weight:bold;}
.rollovers {float: left; margin: 15px 0 10px 0; padding: 0; width: 520px;}
.rollovers li {list-style-type: none; float: left; width: 90px; margin-right: 20px; padding: 0;}
.rollovers li.last {margin-right: 0;}
.rollovers li a {background-image:url(../images/home_rolloversIE.png); background-repeat: no-repeat; width: 97px; float: left; height: 97px;}
.rollovers li a:hover {text-decoration: none;}
.rollovers li a span {visibility: hidden;}
.rollovers li a.first {background-position: 0 0;}
.rollovers li a.first:hover {background-position: 0 -102px;}
.rollovers li a.second {background-position: -97px 0;}
.rollovers li a.second:hover {background-position: -97px -104px;}
.rollovers li a.third {background-position: -193px 0;}
.rollovers li a.third:hover {background-position: -195px -104px;}
.rollovers li a.last {background-position: -295px 0;}
.rollovers li a.last:hover {background-position: -296px -104px;}

.applyNow {
width: 94px;
height: 24px;
background-image:url(../images/buttons/btn_apply_now.png);
background-position: left top;
display: block;
}
.applyNow:hover {
background-position: -138px top;
text-decoration: none;
}

.login {
width: 64px;
height: 24px;
background-image:url(../images/buttons/btn_login.png);
background-position: left top;
display: block;
}
.login:hover {
background-position: -73px top;
text-decoration: none;
}

.submitApplication {
width: 125px;
height: 24px;
background-image:url(../images/buttons/btn_submit_application.png);
background-position: left top;
display: block;
}
.submitApplication:hover {
background-position: -137px top;
text-decoration: none;
}

.startApplication {
width: 115px;
height: 24px;
background-image:url(../images/buttons/btn_start_application.png);
background-position: left top;
display: block;
}
.startApplication:hover {
background-position: -130px top;
text-decoration: none;
}
.levelOne{
	padding-left:20px;
}
.faq .levelOne{
	padding-top:10px;
	padding-left:40px;
}
.levelOne ul, .levelTwo ul,  .levelThree ul{
	padding:0; margin:0;
}
.levelOne li, .levelTwo li,  .levelThree li{
	margin:3px 0 !important;
}
.levelOne li span.subHead, .levelTwo li  span.subHead,  .levelThree li span.subHead{
	font-size:.8em;
}
.levelOne li a, .levelTwo li a,  .levelThree li a{
	padding:5px 20px 0 0;
	font-size:.8em;
}
.levelTwo li{
	padding-left:20px; 
}
.levelTwo .strong{
	font-size:.9em;
	padding:2px 0;
}
.levelThree li{
	padding-left:40px; 
}

.calculate {
width: 75px;
height: 24px;
background-image:url(../images/buttons/btn_calculate.png);
background-position: left top;
display: block;
}
.calculate:hover {
/*background-position: -90px top;*/
text-decoration: none;
}
.calculate1 {
width: 75px;
height: 24px;
background-image:url(../images/buttons/btn_calculate.png);
background-position: left top;
display: block;
}
.calculate1:hover {
/*background-position: -90px top;*/
text-decoration: none;
}

.compare {
width: 72px;
height: 24px;
background-image:url(../images/buttons/btn_compare.png);
background-position: left top;
display: block;
float:right;
margin-right: 30px;
}
.compare:hover {
/*background-position: -90px top;*/
text-decoration: none;
}

.reset, .resetCalc {
width: 54px;
height: 24px;
background-image:url(../images/buttons/btn_reset.png);
background-position: left top;
display: block;
}
.reset:hover, .resetCalc:hover {
background-position: -90px top;
text-decoration: none;
}
.footButton .resetCalc {float: left; margin-right: 7px;}

.padFix {margin-top: 116px !important;}
.savePadFix {margin-top: 93px !important;}

/**************Homepage Changes on 21 Sept 2009************************/

.topCapFull1 {
background:url(../images/home_security_topCap.gif) no-repeat left top;
width: 996px;
padding-top: 12px;
}

.smartGradFull1{
background:url(../images/smart_gradiant1.gif) repeat-x left bottom;
border-left: 2px solid #dadada;
border-right: 2px solid #dadada;
padding: 10px 0;
margin: 0;
}

.smartLinksBoxFull1{
background: url(../images/smart_botCap.gif) no-repeat center bottom;
margin-bottom: 20px;
width: 996px;
padding-bottom: 14px;
}
.links {
	color: #EE7900;
	text-decoration: none;
}