@charset "UTF-8";
/* CSS Document */

/*google Search Box*/

#cse-search-box {
padding:10px 5px 5px 5px;background-color:#242424;
}

#cse-search-box#googleInput{
width:100px;
}

/*end google Search Box-------------------------------------------------------------------------------------------------------------------*/


.feedback-panel {
    padding:20px;
    width: 250px;
    background: #bae593;
	color:#333;
    border: white 1px solid;
    position:absolute;
    top:200px;
    left:-292px;
}

.feedback-panel h1{
color:black;
}
 
.feedback-panel a.feedback-tab {
    background:transparent url(/images/feedbacktab.gif) no-repeat scroll 0 0;
    border-width: 1px 1px 1px 0;
    display:block;
    height:99px;
    left:51px;
    bottom:21px;
    position:relative;
    float:right;
    text-indent:-9999px;
    width:30px;
    outline:none;
}
 
textarea {
    width:90%;
    padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
 
#response-message {
    background: #E6F3D9;
    border: 1px solid white;
    padding:20px;
	margin-top:20px;
}



/*html tags*/

html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

body{ margin:0px; padding:0px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#CCCCCC; background-color:#242424; }

table {border:0;}

table td{vertical-align:TOP;vertical-align:top;}

p {margin:7px 0px;padding:0px;}

img{border:none;padding:0px;margin:0px;}tool

sup {text-align:vertical;}

form{padding:0px;margin:0px;}

ul{list-style-type:square;margin:0;padding:0;}

textarea{resize:none;padding:0;}

a {color:white;text-decoration:underline;}
a:hover{color:#CCCCCC;text-decoration:none;}
a:active, a:focus{outline:none;}

h1 { font-weight:bold; border-bottom:1px dotted #666666; color:#e6f3d9; font-size:13px; text-transform:uppercase; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0; }
h2 { font-weight:normal; border-bottom:1px dotted #666666; color:#333; font-size:13px; text-transform:uppercase; margin-top: 3px; margin-right: 0px; margin-bottom: 3px; margin-left: 0; }

.clear{clear:both;height:0;font-size: 1px;line-height: 0px;}

/*end html tags-------------------------------------------------------------------------------------------------------------------*/






/*Top Tabbed Navigation*/

#topNavBar{background-color:#bae593; color:white;margin:0;padding:0;padding-top:15px;overflow:hidden;}

#topNavBar #container {width:980px;}

#topNavBar #container ul{float:right;list-style-type:none;}

#topNavBar #container ul li{display:inline;margin:0;padding:0;}

#topNavBar #container a{background: transparent url(images/topNavBgLeft.gif) no-repeat left top;float:left;margin:0 2px 0 0;padding:0 0px 0 10px;text-decoration:none; cursor:pointer;}

#topNavBar #container a span {float:left;margin:0;display:block;background: transparent url(images/topNavBgRight.gif) no-repeat right top;padding: 7px 10px 7px 0px;}

#topNavBar #container a:hover{text-decoration:none;color:#333333; cursor:pointer;}

#topNavBar #container a#online{background: transparent url(images/topNavBgLeftOnline.gif) no-repeat left top;color:#333333;margin-left:4px;}

#topNavBar #container a#online span {background: transparent url(images/topNavBgRightOnline.gif) no-repeat right top;}

#topNavBar #container a#online:hover{text-decoration:none;color:#666666; cursor:pointer;}

/*end Top Tabbed Navigation-------------------------------------------------------------------------------------------------------------------*/






/*Main Navigation*/

#sidebarMainNav{text-align:right;background-color:#333333;border-right:1px solid #4d4d4d;}

#main_nav_container ul li {list-style-type:none;padding:0px;margin:0px; line-height:0;}
#main_nav_container ul li a {display: block;}
#main_nav_container ul li a#home { background: url(/images/navigation/home_btn.gif) no-repeat right top; height:47px; background-color:#242424; }
#main_nav_container ul li a#deposits { background: url(/images/navigation/deposits_btn.gif) no-repeat right top; height:33px; }
#main_nav_container ul li a#loans { background: url(/images/navigation/loans_btn.gif) no-repeat right top; height:27px; }
#main_nav_container ul li a#convenience { background: url(images/navigation/convenience_btn.gif) no-repeat right top; height:27px; }
#main_nav_container ul li a#youth { background: url(/images/navigation/youth_btn.gif) no-repeat right top; height:27px; }
#main_nav_container ul li a#online { background: url(/images/navigation/online_btn.gif) no-repeat right top; height:27px; }
#main_nav_container ul li a#business { background: url(/images/navigation/biz_serv_btn.gif) no-repeat right top; height:47px; background-color:#5e5d5d;}
#main_nav_container ul li a#investing { background: url(/images/navigation/investing_btn.gif) no-repeat right top; height:32px; }
#main_nav_container ul li a#financialEducation { background: url(/images/navigation/financialEducation_btn.gif) no-repeat right top; height:27px; }

body#home #main_nav_container ul li a#home { background: url(/images/navigation/home_btn.gif) no-repeat right -47px; height:47px; background-color:#242424; }
#main_nav_container ul li a#deposits:hover, body#deposits #main_nav_container ul li a#deposits { background: url(/images/navigation/deposits_btn.gif) no-repeat right -33px; height:33px; }
#main_nav_container ul li a#loans:hover, body#loans #main_nav_container ul li a#loans { background: url(/images/navigation/loans_btn.gif) no-repeat right -27px; height:27px; }
#main_nav_container ul li a#convenience:hover, body#convenience #main_nav_container ul li a#convenience  { background: url(images/navigation/convenience_btn.gif) no-repeat right -27px; height:27px; }
#main_nav_container ul li a#youth:hover, body#youth #main_nav_container ul li a#youth { background: url(/images/navigation/youth_btn.gif) no-repeat right -27px; height:27px; }
#main_nav_container ul li a#online:hover, body#online #main_nav_container ul li a#online { background: url(/images/navigation/online_btn.gif) no-repeat right -27px; height:27px; }
#main_nav_container ul li a#investing:hover { background: url(/images/navigation/investing_btn.gif) no-repeat right -32px; height:-32px; }
#main_nav_container ul li a#financialEducation:hover, body#financialEducation #main_nav_container ul li a#financialEducation { background: url(/images/navigation/financialEducation_btn.gif) no-repeat right -27px; height:27px; }
#main_nav_container ul li a#business:hover, body#business #main_nav_container ul li a#business { background: url(/images/navigation/biz_serv_btn.gif) no-repeat right -47px; height:47px; background-color:#5e5d5d; }

/*end Main Navigation-------------------------------------------------------------------------------------------------------------------*/





/*Tooltip Navigation*/


.tooltip {display:none; background:url(/images/navigation/tooltip_right2.png); height:142px; padding:20px 30px 20px 50px; width:144px; color:#fff; text-align:left;z-index:1000;} 
.tooltip a {color:#e6f3d9;font-size:12px;display:block;border-bottom:1px solid #e6f3d9;text-decoration:none; line-height:19px;}
.tooltip a:hover {color:#fff;border-bottom:1px solid #FEEC8C;text-decoration:none;}

/*end Tooltip Navigation-------------------------------------------------------------------------------------------------------------------*/




/*Side Bar*/

#sideBarContainer{width: 23%;background:#4d4d4d url(/images/sideBarFadeBG.jpg) repeat-x left bottom;}
#logoSpace{background-color:#80c342;height:103px;text-align:right;}
#logoSpace img{margin-top:25px;}
#sideBarContainer #sideBarNews{text-align:left;line-height:16px;width:204px;margin:15px 10px 20px auto;}
#sideBarContainer #sideBarNews .securityMessage{padding:8px 0 4px 0;}
#sideBarContainer #sideBarNews .securityMessage h1{color:white;font-size:12px;margin:0px;padding:0px;font-weight:bold;}

.securityMessage .securityLinks{border-top:1px dotted white;border-bottom:1px dotted white;padding:2px 0;margin:5px 0 5px 0;}
.securityMessage .securityLinks a{color:#BAE593;text-decoration:none;}
.securityMessage .securityLinks a:hover{color:white;text-decoration:none;}
a.viewAlert{padding-left:13px;background:url(/images/mag_icon.gif) 0 center no-repeat;}

.sideBarLinks {list-style-type:none; padding:0 0 15px 0;}
.sideBarLinks.header {padding-bottom:5px;}
.sideBarLinks ul{list-style-type:none;}
.sideBarLinks li {border-bottom:1px solid #666666;line-height:26px;margin:0;padding:0;}

.sideBarLinks li a {color:white;display:block;padding-left:15px;background:url(/images/productNavArrowAnim4d.gif) no-repeat 0 50%;text-decoration:none;}
.sideBarLinks li a:hover {color:#CCCCCC;background-image:url(/images/productNavArrow_hover4d.gif);}
.sideBarLinks.socialMedia li a {padding-left:28px; background-repeat:no-repeat; background-position:0 50%;}
.sideBarLinks.socialMedia li a#twitter{background-image:url(/images/twitterIconSmall.png)}
.sideBarLinks.socialMedia li a#blog{background-image:url(/images/blogIconSmall.png)}


/*end Side Bar-------------------------------------------------------------------------------------------------------------------*/



#content{ width:100%;background-color:#333333;position:relative;background:url(images/fauxColumnSideBarBG.gif) 0 0;}



.imageFloatLeft{float:left;padding:0 20px 0px 10px;}



.alignRightVMiddle{text-align:right;vertical-align:bottom;}





#freeSpace{background-color:#80C342;height:103px;}





.headline1 {border-bottom:1px dotted #666666;margin-bottom:10px;padding-bottom:5px;clear:both;font-size:14px;color:#80c432;}
	


/*Main Content Container_____________________________________________________________________________________*/


#mainContentContainer{ width:77%; color:white; margin:0; padding-bottom:20px; background: url(/images/mainContentFadeBG.jpg) repeat-x left bottom #333;}
#mainContentContainerBlack{ width:77%; color:white; margin:0; padding-bottom:20px; background: url(/images/mainContentFadeBG2.jpg) repeat-x left bottom black;}

#mainContentContainer #homePagePromo{height:384px;background-repeat:repeat-x;z-index: 1;}

/*Home Page banner_____________________________________________________________________________*/



#mainContentContainer div#bannerContainer{
width:753px;
background-image:url(images/hpBannerBG.gif);
background-repeat:repeat-x;
}

#bannerContent{
height:113px;
padding-left:300px;
background-image:url(images/banner/creditUnionPower.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}

#bannerContentText{
padding-top:24px;
width:275px;
color:#333333;
line-height:16px;
float:left;

}

#bannerContainer .moreInfoButton a{
white-space:nowrap;
text-decoration:none;
display:block;
text-align:center;
color:#333333;
font-weight:800;
font-size:12px;
width:130px;
padding:12px 0;
background-color:#BAE593;

}

#bannerContainer .moreInfoButton a:hover{
background-color:#BAE593;
color:black;
background-color:white;
}



.entryButtonContainer{padding:15px 0 10px 0px;}

a.entryButton {background: transparent url('images/entryButtonRight.gif') no-repeat right;display: block;float: left;height: 28px;padding-right: 18px; /* sliding doors padding */text-decoration: none;}

a.entryButton span {background: transparent url('images/entryButtonLeft.gif') no-repeat left;display: block;line-height: 14px;padding: 7px 0 7px 18px;}
	
a.entryButton:hover {background: transparent url('images/entryButtonRightHover.gif') no-repeat right;color:white;}

a.entryButton:hover span { background: transparent url('images/entryButtonLeftHover.gif') no-repeat left;color:white;
	}
	
/*google maps*/

#mapContainer {line-height:14px;}

#mapContainerSearch .locationSubmit{background: #80c342;border:1px solid white;}

#mapContainerSearch .locationSubmit:hover{background: #bae593;border:1px solid white;}
	

/*Subpage General Navigation_____________________________________________________________________________________
This Nav contains Checking, Savings, CDs, Auto Loans, Motorcycle, etc........
*/


#subPageNavContainer{background-color:#bae593;}

ul#subPageNav {list-style-type:none; margin:0; padding:0; background-color:#e6f3d9;}

ul#subPageNav  li {display:inline; margin:0; padding:0;}

ul#subPageNav li a {float:left;display:block;border-right:1px dotted gray;margin:0;padding:0 15px;line-height:47px;white-space:nowrap;text-decoration:none;color:#333;background-color:#e6f3d9;}

ul#subPageNav li a:hover {background-color:white;color:#333;}

ul#subPageNav li.active a {background-color:#bae593;font-size:14px;color:black;}

#subPageIntroBG { clear:both; background-color:#bae593; padding:15px; color: #F6F6F6; color:#333; }
#subPageIntroBG h1{color:black;}

#subPageIntroBG a {color:black;}

#subPageIntroContainer {width:740px;clear:both;}

#subPageMainPhoto {width:490px;float:left;}

#productDescriptContainer { width:225px; height:auto; padding-left:13px; margin-left:498px; background:url(/images/subPagePhotoArrow.png) no-repeat 1px 9px; }

#productDescriptContainer #text {line-height:18px; padding:5px 0 8px 0;}

.singleRateCarrier {border-top:1px dotted gray; border-bottom:1px dotted gray; padding:5px 0;}



/*Subpage Product Navigation Options_____________________________________________________________________________________
This navigation list options for subproducts. Example: Download Application, View Rates, Contact Mazuma.*/

#subPageOptionsNav{ background-color:#4d4d4d; color:#333333; padding-left:15px; clear:both; overflow:auto; _height:1%;}
#subPageOptionsNav ul {list-style-type:none; margin:0; padding:0;}
#subPageOptionsNav ul li {float:left; margin:0; padding:0;}
#subPageOptionsNav ul li a {display:block; line-height:40px; margin:0; padding:0 15px 0 36px; background-repeat:no-repeat; background-position:0 center; text-decoration:none;}
#subPageOptionsNav ul li a#viewRatesNav {background-image:url(/images/navigation/viewRatesIcon.gif);}
#subPageOptionsNav ul li a#downloadAppNav {background-image:url(/images/navigation/downloadAppIconSmall.gif);}
#subPageOptionsNav ul li a#contactMazumaNav {background-image:url(/images/navigation/contactMazumaIconSmall.gif);}
#subPageOptionsNav ul li a#applyOnlineNav {background-image:url(/images/navigation/applyOnlineIconSmall.gif);}
#subPageOptionsNav ul li a#switchKitNav {background-image:url(/images/navigation/switchKitIcon.gif);}

 

/*Subpage Product Navigation Specific _____________________________________________________________________________________
This navigation list subproducts of products. Example: Classic Checking, Signature Checking, Premier Checking*/


#subPageProductNav {list-style-type:none; padding:0 0 15px 0; margin:0;}

#subPageProductNav li {margin:0; padding:0; display:inline; }

#subPageProductNav li a { display:block; padding:5px; text-decoration:none; border:1px solid black; background-color:#e6f3d9; margin-bottom:3px; color:#333; }

#subPageProductNav li a:hover {text-decoration:none;background-color:white;}

#subPageProductNav a.apply{ background-color:#feec8c; margin-top:5px; }
#subPageProductNav a.apply:hover{ background-color:white; }


#subPageProductNav2 {list-style-type:none; padding:0 0 15px 0; margin:0;}

#subPageProductNav2 li { line-height:26px; border-bottom:1px solid #333333; margin:0; padding:0; }

#subPageProductNav2 li a {color:white;display:block;padding-left:15px;background-image:url(/images/productNavArrowAnim.gif);background-repeat:no-repeat;background-position:0px 50%;text-decoration:none;}

#subPageProductNav2 li a:hover {color:#CCCCCC;background-image:url(/images/productNavArrow_hover.gif);text-decoration:none;}



/*Buttons__________________________________________________________________________________*/


.productApplyButton a{text-align:center;display:block;color:#333333;font-weight:800;padding:10px 10px;background-color:#BAE593;margin-bottom:5px;}

.productApplyButton a:hover{background-color:white;color:black;}

#myMazumaTable .myMazumaMoreInfoButton a, .myMazumaMoreInfoButton a { text-decoration:none; display:block; text-align:center; color:#333; font-weight:800; padding:12px 12px; background-color:#bae593; }

#myMazumaTable .myMazumaMoreInfoButton a:hover, .myMazumaMoreInfoButton a:hover{ background-color:white;}




#basicLoanCalc td {
padding:5px;
border-bottom:1px dotted gray;
vertical-align:middle;
}

/*Calculator__________________________________________________________________________________*/


.standAloneCalc{
margin-bottom:10px;
}

.standAloneCalc a{
display:block;
border-bottom:1px dotted gray;
border-top:1px dotted gray;
padding:3px;
margin:10px 0;
color:#333333;
text-decoration:underline;
text-align:right;

}

.standAloneCalc a:hover{
color:black;
text-decoration:none;
}

.tenPix {
font-size:10px;
}

.crossSelltd {
line-height:16px;
background-color:#e6f3d9;
}

.crossSelltd p {
padding:5px;
}

.crossSelltd a{
color:#333333;
text-decoration:underline;
}

.crossSelltd a:hover{
color:black;
text-decoration:none;
}

.optionsTable {
width:100%;
border:0;
padding:0;
color:#333333;
}

.ratesTable, .ratesTablePublic {
width:100%;
border:0;
padding:0;
color:#333333;
margin-bottom:15px;
}

.ratesTable td, .ratesTablePublic td{
padding:6px;
vertical-align:middle;
}

.ratesTablePublic td{
	width:25%;
	
}

.ratesTable th{
padding-top:20px;
}



th{
text-align:left;
padding:5px;
}

.optionsTable td {
padding:3px 3px 3px 5px;
}

tr.lightGreen{
background-color:#bae593;

}

tr.darkGreen{
background-color:white;
}

tr.white{
background-color:white;
}

.mazumaFooter{
	font-size:10px;
	width:100%;
	background-color:#242424;
	border-top:1px solid #333;
}

#footerContainer{ width:750px; padding:30px 0 40px 24.5%; overflow:auto; height:1%; 
}

.mazumaFooter ul {
margin:0;
padding:0;
list-style-type:none;
width:450px;
line-height:14px;
float:left;

}

.mazumaFooter div#ncua { float:left; margin-left:20px; width: 200px; }
.mazumaFooter #ncua img{margin:10px 0;}



.userAlerts {
border:1px dotted gray;
padding:5px;
padding-left:10px;
background-color:white;
color:green;


}

.promotionContainer{padding:25px; clear:both; color:#CCCCCC; line-height: 17px;}
.promotionContainer.black{padding:25px; clear:both; color:#CCCCCC; line-height: 17px; background-color:black;}




#winAnIpodContainer{
height:380px;
}

#winAnIpodContainer #navigation{
width:310px;
float:left;
}

#winAnIpodContainer #imagery{
float:left;
}

/* Entry Container Columns____________________________________________________ */

.twoColumnEntryContainer{
	width:350px;
	float:left;
	padding-right: 20px;
	border-right:1px dotted #4d4d4d;
}

.twoColumnEntryContainer.max{
background-image:url(youth/images/max_entry.gif);
	background-repeat:no-repeat;
	background-position:20px 0px;
}

.twoColumnEntryContainer.moneyCoach{ background-image:url(financialBeing/images/moneyCoachIcon.gif); background-repeat:no-repeat; background-position:20px 20px; height: 150px; }

.twoColumnEntryContainer.dailyQuiz{ background-image:url(financialBeing/images/pencil.jpg); background-repeat:no-repeat; background-position:105px 18px; }

.twoColumnEntryContainer.wellBeing{
background-image:url(financialBeing/images/wellBeingIcon.jpg);
	background-repeat:no-repeat;
	height:150px;
	background-position:25px 20px;
}

.twoColumnEntryContainer.featuredArticle{
background-image:url(financialBeing/images/featuredArticle.jpg);
	background-repeat:no-repeat;
	background-position:25px 20px;
}


.twoColumnEntryContainer.fyi{
background-image:url(youth/images/fyi_entry.gif);
	background-repeat:no-repeat;
	background-position:20px 10px;
	}
	
.twoColumnEntryContainer.winIpod{
height:170px;
background-image:url(youth/images/winIpodSmall.gif);
	background-repeat:no-repeat;
	background-position:10px 10px;
}

.twoColumnEntryContainer.googloplex3{

background-image:url(youth/images/googloplex3.png);
	background-repeat:no-repeat;
	background-position:20px 10px;
}
	
.twoColumnEntryContainer.securityAlerts{ background-image:url(/security/images/securityIconLarge2.png); background-repeat:no-repeat; background-position:20px 10px; }
	
	.twoColumnEntryContainer.fraud101{
background-image:url(security/images/fraud101.png);
	background-repeat:no-repeat;
	background-position:20px 10px;
	}

.twoColumnEntryText{
	clear:both; 
	padding: 0px 0 10px 135px; 
	line-height:18px;
}


/* Google Branch Content____________________________________________________ */

.googleBranchContent {
background-color:white;
color:#333333;
}

.googleBranchContent a{
color:#80c342;
}

.googleBranchContent a:hover{
color:#BAE593;
}

/*KeyWords_____________________________________________________________________________*/

.keyWordBlue{
color:#006bc5;
}

.keyWordBlueLG{
color:#006bc5;
font-size:15px;
}

.keyWordGreen{
color:#80c342;
}

.keyWordGreenLG{
color:#80c342;
font-size:15px;
}

.keyWordLtGreenLG{
font-size:13px;
color:#80c342;
}

.keyWordDarkBrown{ font-size:15px; color:#706B4F; font-weight:bold; }

.keyWordGrayLG{
font-size:15px;
color:#CCCCCC;

}

/*About_____________________________________________________________________________*/

#historyTimeline, #listBlockContainer {
color:#CCCCCC;
line-height:17px;
}

#historyTimeline ul {
list-style-type:square;
padding:0 0 10px 15px;
margin:0;
}

#historyTimeline ul li {
padding:0;
margin:0;
}

#historyTimeline p {
padding:0 0 5px 0;
margin:0 0 0 0;
}

#historyTimeline h1, #listBlockContainer h1 {
font-weight:normal;
border-bottom:1px dotted #666666;
color:#e6f3d9;
font-size:14px;
margin:0px 0 5px 0;
}


#historyTimeline h1{
padding:0px 0 0 14px;
}

.listBlockDescript h1{
padding:0px 0 0 0px;
color:green;
}

.listBlock {
clear:both;
padding-bottom:10px;
}

.listBlockBottomBorder { border-bottom: 1px solid #333; margin-bottom:20px; }

.listBlock img {
padding:3px;
border:1px dotted #999999
}

.listBlockDescript {
margin-left:135px;
}

.listBlockDescriptNoFloat {
margin:0;
padding:0;
}

#listBlockContainer .listBlockDescriptNoFloat h1 {
margin:0;
padding:0;
color:#e6f3d9;
}

.listBlockDescriptText{
margin:0px;
padding:5px 0;
}


/*Sliders*/

#contactMazuma {

padding:10px 15px 15px 15px; 
background-color:#bae593; 
color:#333333; 
width:705px;

}

#contactMazuma div#openToggleContact{
height:30px;
line-height:30px;
padding-left:32px;
background-image:url(/images/contactQuestionIcon.gif); 
background-repeat:no-repeat; 
background-position:left top;
}

#contactMazuma a {
color:black;
text-decoration:underline;
}

#contactMazuma a:hover {
text-decoration:none;
}

#contactInfoContainer {
background-color:#bae593;
padding:20px 10px 10px 10px;
margin-top:5px;
line-height:16px;
}

#contactInfoContainer #contactInfo td{
padding:3px;
text-align:right;
}

#allAboutSlider {
overflow:auto;
border:1px solid white;
background-color:#e6f3d9;
padding:15px;
margin:5px 0 15px 15px;
color:#333333;

}

.listBlock .information {
padding:10px 0;
color:#CCCCCC;
}

.listBlock .information ul {
list-style-type:none;
padding:0px;
margin:0px;
}

.listBlock .information ul h1 {
margin:0px;
padding:0 0 5px 0;
}

.listBlock .information ul li {
border-bottom:1px dotted #4d4d4d;
padding:4px;
line-height:17px;
}

.width720 {
width:720px;}

.padding30{
padding:30px;}

.padding20{
padding:20px;}

.margin20{
margin:20px;
}

.margin1020{
margin:10px 20px;
}

.lh18{
line-height:18px;
}


.notice {
padding:10px; color:#333; border:1px solid white;
}

.greenBG {
background-color:#e6f3d9;
}

.a333 a{
color:#333;
}

.contentNav {
border:1px dotted #666666;
background-color:#242424;
}


.contentNav ul {list-style-type:none; margin:0; padding:0;
}

.contentNav ul  li {display:inline; margin:0; padding:0;
}

.contentNav ul li a {
float:left;
display:block;
border-right:1px dotted gray;
margin:0;
padding:0 10px;
line-height:30px;
white-space:nowrap;
text-decoration:none;
color:#999999;
background-color:none;
}

.contentNav ul li a:hover {
background-color:black;
color:white;
}

.contentNav ul li.active a {
background-color:black;
font-size:14px;
color:white;
}

.disclosure {
font-size:11px;
}

#servicesContainer{
padding:20px 15px 0 15px;
}

.productPromoBannerContainer{background-color:#e6f3d9; padding:10px;}
.productPromoBanner{ padding:15px; width:705px; color:#333333; line-height:18px; background-color:white; }
.productPromoBanner a{color:#333333;}


/* root element for tabs  */
ul.css-tabs {  
	margin:0;
	padding:0;
	height:35px;
	border-bottom:1px solid #666;
	background-color:#333;	 	
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	font-size:13px;
	display:block;
	padding:8px 15px;	
	text-decoration:none;
	height:18px;
	background-color:#e6f3d9;
	color:#777;
	margin-right:2px;
	position:relative;
	top:1px;	
}

ul.css-tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}
	
/* selected tab */
ul.css-tabs a.current, ul.css-tabs.hp_tabs a.current {
	background-color:#bae593;
	border-bottom:2px solid #bae593;	
	color:#000;	
	cursor:default;
}


ul.css-tabs.hp_tabs{
background-color: transparent;
border-bottom:1px solid #bae593;
margin:10px 0 0 0;
}

ul.css-tabs.hp_tabs a{
background-color:white;
}



	
/* tab pane */

div.css-panes{
	display:none;
	min-height:250px;
	padding:10px;
	background-color:#bae593;
	line-height:17px;
	
	}
	
div.css-panes.hp_panes{
	min-height:0;
	}

div.css-panes div {
background-color:#e6f3d9;
padding:15px;	
}



div.css-panes div a{color:black;}

.toolsHeader{position:relative; margin-bottom:12px; padding:5px 5px 5px 35px; border-bottom:1px solid #666; background-color:#333; color:white;}
.toolsHeader img{position:absolute; top:0px; left:3px; z-index:3000;}


#pager {padding:15px; border-top:1px solid white; border-bottom:1px solid white; padding-left:187px; margin-bottom:15px; background:url(/images/hp_all_about_BG.png) no-repeat 25px center #e6f3d9; overflow:auto;}

#pager #thumbnail a {display:block; text-decoration:none; float:left; margin-right:6px; border:1px solid #333; padding:5px; margin:0; margin-right:6px; color:#333; background-color:#bae593;}
#pager #thumbnail a:hover {background-color:white; border:1px solid white;}

#comparisonTable td { padding:3px; border-bottom:1px solid #666666; line-height:18px; }
.socialInformation { background: no-repeat 10px 50%; background-color:#E6F3D9; color:#333333; padding:6px 15px 10px 40px; border-bottom:1px solid white; line-height:17px; }
.socialInformation.twitter { background-image:url(/images/twitterIconSmall.png); }
.socialInformation.notice { background-image:url(/images/noticeIconSmall.png); }
.socialInformation.blog { background-image:url(/images/blogIconSmall.png); }
#tweet ul { list-style-type:none; margin:0; padding:0; text-align:left; }
#tweet .twitterTime { display:block;}
.socialInformation a { color:#333;}

tr.odd{
background-color:#BFE1A0;
border:none;
}

tr.tr_header, th.thHeader {
background-color:#feec8c;}

#hp_rates_box h2 a{text-decoration:none;}

#hp_rates_box a{
	color:#333;
}