body
{
	background: white;
	font-family : Arial, "Trebuchet MS", Arial, helvetica, sans-serif;
}

#skiplinks
{   
	line-height: 1em;
}

#skiplinks li
{
	display:inline;
}

#skiplinks ul
{
	margin: 0em;
	padding: 0em;	
}

a.skiplink:link, a.skiplink:visited 
{ 
	font-size: 70%;
    color:white;
    text-decoration: none;
} 

a.skiplink:focus, 
a.skiplink:hover, 
a.skiplink:active 
{   	
	color: Black;
	text-decoration: underline;
} 

#logo img
{
	width: 8.3em;
}

/*--  banking nav --*/
#bankingnav ul 
{
	font-size:75%;
	margin: 0;
	padding-left: 0;
}

#bankingnav li
{
	display:inline;
}
	
#bankingnav li a:hover
{
	text-decoration: underline;
}
	
#perbanklink a
{
	color:#ff0000;
	font-weight:bold;
	text-decoration: none;
}

#busbanklink a, #offbanklink a
{
	color:#323232;
	font-weight: normal;
	text-decoration: none;
}

#perbanklink
{
	padding-left: 0em;
	padding-right: 0.2em;

}
	
#busbanklink, #offbanklink
{
	background-image: url(images/bankingnav-seperator.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left: 0.4em;
	padding-right: 0.2em;
}

/*--  accessibility --*/
.accessibility
{
	color:#666666!important;
	font-weight:normal;
	text-decoration:underline;
	font-size: 67%;
}

.accessibility:hover
{
	text-decoration:none;
}

.small_A, .medium_A, .large_A,
.small_A_select, .medium_A_select, .large_A_select,
.small_A_hover, .medium_A_hover, .large_A_hover,
.small_A_select_hover, .medium_A_select_hover, .large_A_select_hover 
{
	display:inline;
}

.small_A input, .medium_A input, .large_A input,
.small_A_select input, .medium_A_select input, .large_A_select input,
.small_A_hover input, .medium_A_hover input, .large_A_hover input,
.small_A_select_hover input, .medium_A_select_hover input, .large_A_select_hover input 
{
	color:#999999!important;
	font-weight:normal;
	text-decoration:none;	
	cursor: hand;		
	margin: 0;
	padding:0;
	background-color: Transparent;
	border: 0;
}

.small_A input, .small_A_select input, .small_A_hover input, .small_A_select_hover input
{	
	height:1.4em;
	font-size: 0.8em;
}

.medium_A input, .medium_A_select input, .medium_A_hover input, .medium_A_select_hover input
{	
	height: 1.3em;
	font-size: 1em;
}

.large_A input, .large_A_select input, .large_A_hover input, .large_A_select_hover input
{			
	height:1.2em;
	font-size: 1.25em;
}

.small_A_select input, .medium_A_select input, .large_A_select input
{
	font-weight: bold;
	color: #666666 !important;
}

.small_A_hover input, .medium_A_hover input, .large_A_hover input
{
	text-decoration: underline;
}

.small_A_select_hover input, .medium_A_select_hover input, .large_A_select_hover input
{
	font-weight: bold;
	color: #666666 !important;
	text-decoration: underline;
}

/*--  search --*/
#search .standard-button, #search .standard-button-hover
{
	float:left;	
	font-size: 90%;
	width: 3.5em;
}


.txtSearch
{
	font-size: 80%;
	border: solid 1px #cccccc;
	float: left;
	margin-right: 0.5em;
	width: 14em;
	color: Gray;	
	
}
.txtSearchCS
{
	/*font-size: 90%;*/
	width: 12.5em;
	color: Gray;
	
	font-size: 80%;
	border: solid 1px #cccccc;
	/*float: right;*/
	margin-right: 0.5em;
	width: 13em;
}
/* Lightstone Safari specific */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.txtSearchCS {width: 14.0em; margin-right: 0em!important;}	/*Lightstone - restore to original size for Safari*/
}

/*--  primarynav --*/
#primarynav ul 
{
	margin: 0em;
	padding: 0em;
}

#homelink, #curalink, #ploanlink, #mortlink, #savelink, #investlink, #creditlink, #insurlink
{
	margin: 0em;
	padding: 0em;
	display:inline;
	float: left;
	text-align: center;
	background-image: url(images/navprimary-seperator.gif);
	background-repeat:no-repeat;
	background-position:center left;	
	background-color:#ededed;
}

#investlink a, #investlink a:hover, #investlink a:active
{
	min-width:6.3em!important;
}

#insurlink a, #insurlink a:hover, #insurlink a:active
{
	min-width:5.5em!important;
}

#savelink a, #savelink a:hover, #savelink a:active
{
	min-width:4.2em!important;
}

#mortlink a, #mortlink a:hover, #mortlink a:active
{
	min-width:5.4em!important;
}

#ploanlink a, #ploanlink a:hover, #ploanlink a:active
{
	min-width:5.3em!important;
}

#primarynav li a
{
	float:left;
	font-size: 75%;
	padding-left: 0.7em;
	padding-right: 0.7em;
	padding-top: 0.2em;
	padding-bottom: 0.1em;
	text-decoration: none;
	/*width: 4.0em;*/
}

#primarynav li a:hover
{
	background-color:#ff0000;
	color: White;
}

#primarynav li a:active
{
	background-color:#ff0000;
	color: White;
}

#primarynav li:hover
{
	background-color:#ff0000;	
	color: White;
}

#homelink a
{
	width: 3.2em;
	line-height: 2.4em;
}

#curalink a, #ploanlink a
{
	width: 4.3em; 
	line-height: 1.2em;
}

#curalink, #ploanlink, #creditlink
{
	margin-bottom: 0.1em;
}

#mortlink a
{
	width: 5.2em; /* was 4.8em - wider for Safari */ 
	line-height: 2.4em;
}

#insurlink a
{
	width: 4.8em; /* was 4.8 em */
	line-height: 2.4em;
	


}

#investlink a
{
	width: 7.1em; /*10.1 for change - was 5.5em - wider for Safari*/
	line-height: 1.2em;
}

#savelink a
{
	width: 3.9em; /* was 4em */
	line-height: 2.4em;

}

#creditlink a
{
	width: 4em; /* was 4em */
	/*width: 3.4em; */
	line-height: 1.2em;
}

/*
  Used to underline the access keys in the links.
*/
/*
.underline
{
	text-decoration : underline;
}*/

#homelink
{
	background-image: none;
}

.unselectedmenuitem
{
	color: Black;
}

.selectedmenuitem,.selectedmenuitem:active,.selectedmenuitem:visited,.selectedmenuitem:hover
{
	color: White!important;
	background-color:#ff0000;
	font-weight: bold;
}

.customerservicelink
{
	float:right;
	background: #EDEDED url(images/customerservice-topright.gif) no-repeat top right;
	width:5.0em; /*was 8.5em*/
	text-align:center;
	/*vertical-align : text-top;*/
	line-height: 1.0em;/* 15.01.08 - was 1.1em*/
	padding: 0.1em 0.1em 0.1em 0.1em
}



.customerservicelink-hover
{
	float:right;
	background: #ff0000 url(images/customerservice-topright-on.gif) no-repeat top right;
	width:5.0em; /*was 8.5em*/
	text-align:center;
	line-height: 1.0em;/* 15.01.08 - was 1.0em*/
	/*padding: 0.3em 0.1em 0.1em 0.1em;*/ 
	padding: 0.1em 0.1em 0.1em 0.1em

	
}

.customerservicelink-hover a, .customerservicelink-hover a:hover, .customerservicelink-hover a:link,  .customerservicelink-hover a:visited
{
	color: white;
	text-decoration : none;
	font-size: 75%;
	line-height: 1.0em; /* 15.01.08 - was 0.7em*/
    padding: 0.1em 0.1em 0.1em 0.1em

}

.customerservicelink a, .customerservicelink a:hover, .customerservicelink a:link,  .customerservicelink a:visited
{
	color: black;
	text-decoration : none;
	font-size: 75%;
	line-height: 1.0em; /* 15.01.08 - was 0.7em*/
	padding: 0.1em 0.1em 0.1em 0.1em


}


.breadcrumb-label
{
	/*font-size: 75%;*/
	font-size: 67%;
}

.breadcrumb-sitemappath
{
	/*font-size: 75%;*/
	font-size: 67%;
}

.breadcrumb-sitemappath a
{
	color: Black;
	text-decoration: underline;
}
	
/*--  subnav --*/
#subnav ul 
{
	margin: 0em;
	padding: 0em;
}

#subnav li
{
	margin: 0em;
	display:inline;
}

#subnav li a
{
	font-size: 67%;
	padding: 0em;
	text-decoration: underline;
	color: #333333;
	line-height: 1.7em;
}

#subnav li a:hover
{
	text-decoration: none;
}

.subNavLink
{
	/* 9342 ~ background-image: url(images/subnav-seperator.gif); ~ 9342 */
	background-repeat:no-repeat;
	background-position:center left;
	padding: 0 0 0 0.3em;
}

/*-- BulletExpander control*/

.BulletExpander
{
    font-size: 80%;
}
.BulletExpander-minmaxer input, .BulletExpander-minmaxer-hover input
{
	white-space: nowrap;
	color: #000000; 
	text-decoration: none;
	border: 0em;
	padding: 0em 0.1em 0em 0.1em; 
	margin: 0em;
	background-color:white;
	cursor: hand;
	font-size: 80%;
	font-family: Courier;
}

/*--  toolpanelMainContent control--*/
.toolpanelitemMainContent
{
	background: url(images/promopanel-toprightLightOrange.gif) no-repeat right top #96999C;	
    width: 44em;
}
.toolpanelitemMainContentSubHeading
{
	background: #FFFFFF;
	/*width: 100%;*/
	/*background: #e0dfe3;*/
	border-left-width: 0.0626em;
	border-left-style: solid;
	border-left-color: #96999C;
	border-right-width: 0.0626em;
	border-right-style: solid;
	border-right-color: #96999C;
	border-bottom-width: 0.0626em;
	border-bottom-style: solid;
	border-bottom-color: #96999C;
}
/* Lightstone Safari specific */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.toolpanelitemMainContentSubHeading {border: solid 0.1em #96999C;}
}

.SubH
{	
   border: none;
   background: #FFFFFF;
}

.toolpanelitemMainContentExpanded
{
    background: #FFFFFF;
    border-right-width: 0.0626em;
    border-bottom-width: 0.0626em;
    border-left-width: 0.0626em;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #96999C;
    border-right-color: #96999C;
    border-bottom-color: #96999C;
    border-left-color: #96999C;
}
/* Lightstone Safari specific */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.toolpanelitemMainContentExpanded {border: solid 0.1em #96999C;}
}

.toolpanelitemMainContent-heading
{
    /*font-weight: bold;*/ 
    line-height: 1.4;
}
.toolpanelitemMainContent-headingExpanded /*the class to remove orange border upon expansion*/
{
    background: #FFFFFF;
    border: none;
     
}



.toolpanelitemMainContent-Expanded
{
   /*background: #e0dfe3;*/
    background: #FFFFFF;
   /*border-bottom-color: #FFFFFF;*/
    border-top-color: #FFFFFF; 
}
/* Lightstone Safari specific */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.toolpanelitemMainContent-Expanded {margin-top: -1px;}
}

.toolpanelitemMainContent-heading span
{
    float:left;
}

.toolpanelitemMainContent-content
{
	/*float:right;
	width: 12em;
	padding: 0.6em;	*/
}

.toolpanelitemMainContent-minmaxer, .toolpanelitemMainContent-minmaxer-hover
{
	/*float:right;*/
	/*border: solid 1px #003399;*/
	/*margin: 0.3em 0.2em 0.6em 0.6em; */
}

.toolpanelitemMainContent-minmaxer input, .toolpanelitemMainContent-minmaxer-hover input
{
	white-space: nowrap;
	color: #003399; 
	text-decoration: none;
	border: 0em;
	padding: 0em 0.1em 0em 0.1em; 
	margin: 0em;
	background-color:white;
	cursor: hand;
	font-size: 80%;
	font-family: Courier;
}
/*----------------------------------------------------------*/

/*--  toolpanel --*/
.toolpanelitem-heading
{
	background: url(images/toolpanel-topright.gif) no-repeat right top #ff0000;
}

.toolpanelitem-heading span
{
	float:left;
	color:White;
	font-size: 92%;
	font-weight:normal;		
	margin: 0.2em 0em 0em 0.6em; /*top right bottom left*/
	line-height: 1.8em;
}

.toolpanelitem-minmaxer, .toolpanelitem-minmaxer-hover
{
	float:right;
	border: solid 0px #003399;
	margin: 0.3em 0.2em 0.6em 0.6em; /*top right bottom left*/
}

.toolpanelitem-minmaxer input, .toolpanelitem-minmaxer-hover input
{
	white-space: nowrap;
	color: #003399; 
	text-decoration: none;
	border: 0em;
	padding: 0em 0.1em 0em 0.1em; /*top right bottom left*/
	margin: 0em;
	background-color:#ffffff;
	cursor: hand;
	font-size: 80%;
	font-family: Courier;
}

.toolpanelitem-content
{
	background-color: #ededed;	
	color: black;
}


/* The styling within a tool panel which will require a p tag */

.toolpanelitem-content-inner
{
	color: Black;
	margin: 0em;
	padding: 0em;
	font-size: 75%;
	line-height: 1.6em;
	

}

.toolpanelitem-content p
{
	color: Black;
	margin: 0em;
	padding: 0em;
}

.toolpanelitem-content-inner ul
{
	list-style-image: url(/assets/images/template/bullet.gif);
}

#toolpanel-branchlocator-input
{
	white-space: nowrap;
	color: #000000; 
	text-decoration: none;
	border: solid 0.1em #000000;
	padding: 0em 0.1em 0em 0.1em; /*top right bottom left*/
	margin: 0em;
	background-color:white;
	cursor: hand;
	font-size: 100%;
	font: Arial;
	width: 10em;
	
}

.toolpanelitem-content ul
{	
	padding: 0.4em 0.3em 0.3em 1em; /*top right bottom left */
	margin: 0em;
}

.toolpanelitem-content a
{	
	color: #000000;
}

.toolpanelitem-content li a
{	
	color: Black;
	position: relative; /* 02/06/08 RHN bullet text not vertically aligning in ie*/
	top: -0.05em;
}

.toolpanelitem-content .telephone-number
{	
	color: #ff0000;
	font-size: 100%;
	font:"Arial Bold";
	font-weight: bold;
}

.toolpanelitem-content .call-reference
{	
	color: #ff0000;
	font-size: 100%;
	font-weight: bold;
}

/*--  expanding and collapsing tool panel --*/

.toolpanelitem-subheading
{
	padding: .5em .5em .5em .5em;	/* trbl */
	background-color: white;
}

.toolpanelitem-heading-text
{
	margin: 0.3em 0.2em 0.3em 0.2em;
	float: left;
}

.toolpanelitem-toggle
{
	cursor: hand;
	cursor: pointer;
	background-color: white;
	margin: 0.3em 0.2em 0.3em 0.0em;
	padding: 0em .5em 0em .5em;
	float: left;
}

.toolpanelitem-toggled-content
{
	background: #FFFFFF;
	/*width: 100%;*/
	/*background: #e0dfe3;*/
	border-left-width: 0.0626em;
	border-left-style: solid;
	border-left-color: #96999C;
	border-right-width: 0.0626em;
	border-right-style: solid;
	border-right-color: #96999C;
	border-bottom-width: 0.0626em;
	border-bottom-style: solid;
	border-bottom-color: #96999C;
	padding: .5em .5em .5em .5em;
}
/* Lightstone Safari specific */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.toolpanelitem-toggled-content {border: solid 0.1em #96999C;}
}
/*--  footer --*/

#footer
{
	border-top: 1px solid #cccccc;
}

#footer ul
{
	margin: 0em;
	padding: 0em;
	float: left;
}

#footer ul li a:hover 
{
	text-decoration: underline;
}

#preferenceslink, #sitemaplink, #serviceslink, #privacylink, #legallink, #affiliateslink, #termslink, #careerslink, #shareholderlink
{
	display:inline;
	color:#999999;
	font-size:75%;
	background-image: url(images/navfooter-seperator.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding: 0 0.2em 0 0.5em;
}

#sitemaplink
{
	background-image: url(images/dot.gif);
	padding: 0 0.2em 0 0;
}

#footer ul li a
{
	display:inline;
	color:#666666;
	text-decoration:none;
}

#contactuslink
{
	display:inline;
	color:#666666;
	font-size:75%;
	padding: 0 0.2em 0 0.5em;
}

#aboutuslink
{
	display:inline;
	color:#666666;
	font-size:75%;
	background-image: url(images/navfooter-seperator.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding: 0 0 0 0.5em;
}

.unselectedfooteritem
{
}

.selectedfooteritem
{
	font-weight: bold;
}



/*

Added the following as a temporary holding place for customer services tab

*/

/*== Temporary Area ==*/

#custservice ul 
{
	margin: 0em;
	padding: 0em;
	float:right;

}

#custlink
{
	margin: 0em;
	padding: 0em;
	display:inline;
	float: left;
	text-align: center;
	background-color:#ededed;
}

#custservice li a,#custservice li a:visited
{
	float:left;
	font-size: 75%;
	padding-left: 0.7em;
	padding-right: 0.7em;
	padding-top: 0.2em;
	padding-bottom: 0.1em;
	text-decoration: none;
	width: 4em;
	line-height : 1.2em;
	background: #EDEDED url(images/customerservice-topright.gif) no-repeat top right;
	color:Black;
}




#custservice li a:hover
{
	background-color:#003399;
	color: White;
	background: #003399 url(images/customerservice-topright-on.gif) no-repeat top right;
}
/*
#custservice li a:active
{
	background-color:#96999C;
	color: White;
}*/

#custservice li:hover
{
	background-color:#003399;	
	color: White;
}


#custlink a
{
	width: 4em;
	line-height: 1.2em;
}


/* ToDO how to select the customer services line */

.unselectedmenuitem
{
	color: Black;
}

.selectedmenuitem
{
	color: White;
	background-color:#ff0000;
	font-weight: bold;
}


/*== End of Temporary Area ==*/



.requiredfield
{
	color: #000000!important;
}


/*@@JW*/

a:focus, a:active
{	
	background-color: lightyellow;
}

.toolpanel-action a:focus, .toolpanel-action a:active,
.toolpanel-action-hover a:focus, .toolpanel-action-hover a:active,
.toolpanel-link a:focus, .toolpanel-link a:active,
.toolpanel-link-hover a:focus, .toolpanel-link-hover a:active,
.promopanel-action-button a:focus, .promopanel-action-button a:active,
.promopanel-action-button-hover a:focus, .promopanel-action-button-hover a:active,
.action-button-hover a:focus, .action-button a:focus,
.action-button-hover a:active, .action-button a:active,
.standard-button-hover a:focus, .standard-button a:focus,
.standard-button-hover a:active, .standard-button a:active,
#primarynav a:focus, #primarynav a:active,
.customerservicelink a:focus, .customerservicelink a:active,
.customerservicelink-hover a:focus, .customerservicelink-hover a:active
{
	background-color: transparent;
}

/*@@JW*/


/*Lightstone [SN] : need this to override the style of customer review panel when displayed in promopanel*/
/*this style does not work when panel is displayed in RHN*/
#ratings {
    padding-top: 1em;
    /*position: absolute;*/
}

/* Lightstone Safari specific */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    #ratings {width: 16.5em;}
}

/* Fire fox filters */
body:last-child #ratings
{
    padding-right: 1em;
}
        
/* IE7 and Firefox 3 specific filter */
html>/**/body #ratings, *:first-child+html #ratings
{
    width: 95%
}