/*** Start the top menu CSS *****/
/*** mainnav ***/  
ul#mainnav {
	width: 750px;
	margin: 0;
	position: absolute;
	z-index: 3;
	left: 31%;
	top: 97px;
	float:right;
}
	ul#mainnav li.primary-nav,
	ul#mainnav li.secondary-nav {
		float: left;
		display: inline;
		margin: 0;
		padding-right: 2;
		position: relative;
	}
		ul#mainnav li a.mnav-lnk {
			display: block;
			height: 26px;
			position: relative;
			z-index: 2;
			
		}
		
		
		ul#mainnav li#mnav_Home a.mnav-lnk {width: 88px;background:url('../images/common/home_grey.gif')}
		ul#mainnav li#mnav_AboutUs a.mnav-lnk {width: 114px;background:url('../images/common/aboutUs_grey.gif')}
		ul#mainnav li#mnav_Adviser a.mnav-lnk {width: 128px;background:url('../images/common/forAdvisers_grey.gif')}
		ul#mainnav li#mnav_Client a.mnav-lnk {width: 115px;background:url('../images/common/forClients_grey.gif')}
		ul#mainnav li#mnav_GoIndependent a.mnav-lnk  {width: 136px;background:url('../images/common/goIndependent_grey.gif')}
		ul#mainnav li#mnav_Career a.mnav-lnk  {width: 88px;background:url('../images/common/Career_grey.gif')}
		ul#mainnav li#mnav_Home a.mnav-lnk:hover, ul#mainnav li#mnav_Home:hover a.mnav-lnk {background-position: 0px -40px;background:url('../images/common/home_blue.gif')}
		ul#mainnav li#mnav_AboutUs a.mnav-lnk:hover, ul#mainnav li#mnav_AboutUs:hover a.mnav-lnk {background-position: -155px -40px; background:url('../images/common/aboutUs_blue.gif')}
		ul#mainnav li#mnav_Adviser a.mnav-lnk:hover, ul#mainnav li#mnav_Adviser:hover a.mnav-lnk {background-position: -331px -40px;background:url('../images/common/forAdvisers_blue.gif')}
		ul#mainnav li#mnav_Client a.mnav-lnk:hover, ul#mainnav li#mnav_Client:hover a.mnav-lnk {background-position: -506px -40px;background: url('../images/common/forClients_blue.gif')}
		ul#mainnav li#mnav_GoIndependent a.mnav-lnk:hover,  ul#mainnav li#mnav_GoIndependent:hover a.mnav-lnk  {background-position: -603px -40px;background: url('../images/common/goIndependent_blue.gif')}
		ul#mainnav li#mnav_Career a.mnav-lnk:hover,  ul#mainnav li#mnav_Career:hover a.mnav-lnk  {background-position: -630px -50px;background: url('../images/common/Career_blue.gif')}
/* JF addition */

		ul#mainnav li#mnav_Home a.mnav-lnk:hover, ul#mainnav li#mnav_Home:hover a.mnav-lnk, ul#mainnav li#mnav_AboutUs a.mnav-lnk:hover,  ul#mainnav li#mnav_AboutUs:hover a.mnav-lnk, ul#mainnav li#mnav_Career a.mnav-lnk:hover, ul#mainnav li#mnav_Career:hover a.mnav-lnk {border-bottom: 1px solid #626262;}
		
		ul#mainnav li#mnav_Client a.mnav-lnk:hover, ul#mainnav li#mnav_Client:hover a.mnav-lnk,ul#mainnav li#mnav_GoIndependent a.mnav-lnk:hover,  ul#mainnav li#mnav_GoIndependent:hover a.mnav-lnk  {border-bottom: 1px solid #626262;}
		
		ul#mainnav li div.flyout {
			display: none;
			border-bottom: 1px solid #D0D1D5;
			border-right:1px solid #D0D1D5;
			background: #ffffff;
			position: absolute;
			top: 26px;
			left: 0px;
		}
			/*Control size and color of the submenu title YS*/	
			ul#mainnav li div.flyout a{
				color: #000000;
				margin-left: 0px;
				padding: 0;
				font-size: 11px;
				text-align: right;
				line-height: 11px;
			}
		
		
		
		
		ul#mainnav li.secondary-nav div.flyout 
		{
			width: 166px;
		/* JF edit 
			height: 110px;
		*/
			min-height: 110px;
			padding: 12px 15px;
		}
		/*adjust size box of the submenu YS*/	
		ul#mainnav li#mnav_Home div.flyout {left: 0px;}
		ul#mainnav li#mnav_AboutUs div.flyout {left: -155px;}
		ul#mainnav li#mnav_Adviser div.flyout {left: -400px;width: 880px;height: 200px;}
		ul#mainnav li#mnav_Client div.flyout {left: -120px; width: 352px;height: 200px;}
		ul#mainnav li#mnav_GoIndependent div.flyout  {left: -200px; width: 422px;height: 200px;}
		ul#mainnav li#Career div.flyout {left: 0px;}
		
		/* ul#mainnav li:hover div.flyout {display: block;} */

			/*display the border inside the submenu YS*/
			ul#mainnav li#mnav_Adviser div.flyout div.column {
				float: left;
				display: inline;
				width: 175px;
				height: 200px;
				padding: 0 0px;
				border-left: 1px solid #D0D1D5;
			}
			
			ul#mainnav li#mnav_Client div.flyout div.column{
				float: left;
				display: inline;
				width: 175px;
				height: 200px;
				padding: 0 0px;
				border-left: 1px solid #D0D1D5;
			}
			
			ul#mainnav li#mnav_GoIndependent div.flyout div.column{
				float: left;
				display: inline;
				width: 210px;
				height: 200px;
				padding: 0 0px;
				border-left: 1px solid #D0D1D5;
			}
			/*END display the border inside the submenu YS*/
			
			ul#mainnav li.primary-nav div.flyout div.lrg-col {
				width: 161px;
				padding: 0 15px 0 208px;
				border: 0px;
			}
				ul#mainnav li.primary-nav div.flyout div.column img.thumb {
					float: left;
					display: inline;
					width: 167px;
					height: 127px;
					margin: 0 0 0 -188px;
					border: 1px solid #5b5b5b;
				}
				ul#mainnav li.primary-nav div.flyout div.column p {
					color: #bebfbe;
					font-size: 16px;
					line-height: 18px;
					margin-bottom: 18px;
				}
				ul#mainnav li.primary-nav div.flyout div.column div.cta {
					text-align: left; 
					margin: 10px 0px;
				}
				ul#mainnav li.primary-nav div.flyout div.column h5 {
					color: #ffffff;
					text-transform: uppercase;
					margin-bottom: 0.8em;
				}
				ul#mainnav li.primary-nav div.flyout div.column ul.linklist {
					font-size: 14px;
					line-height: 16px;
					margin: 0;
				}
					ul#mainnav li.primary-nav div.flyout div.column ul.linklist li {
						margin-bottom: 6px;
					}

			ul#mainnav li.secondary-nav div.flyout ul.linklist {
				font-size: 14px;
				line-height: 16px;
				margin: 0;
			}
				ul#mainnav li.secondary-nav div.flyout ul.linklist li {
					margin-bottom: 6px;
				}

/*** /mainnav ***/

/*** mainnav_alt ***/

ul#mainnav_alt {
	list-style: none;
	width: 575px;
	margin: 0;
	position: absolute;
	z-index: 3;
	left: 195px;
	top: 87px;
}
	ul#mainnav_alt li.primary-nav {
		float: left;
		display: inline;
		margin: 0;
		padding: 0;
		position: relative;
	}
		ul#mainnav_alt li.primary-nav a.mnav-lnk {
			display: block;
			height: 39px;
			position: relative;
			z-index: 2;
		}
		
		ul#mainnav_alt li#mnav_Adviser a.mnav-lnk {width: 128px;}
		ul#mainnav_alt li#mnav_Adviser a.mnav-lnk:hover, ul#mainnav_alt li#mnav_Adviser:hover a.mnav-lnk {background-position: -331px -40px;}

		ul#mainnav_alt li.primary-nav div.flyout {
			display: none;
			width: 770px;
			height: 138px;
			padding: 15px 0;
			border: 1px solid #626262;
			position: absolute;
			z-index: 1;
			top: 26px;
			left: 0px;
		}
			ul#mainnav_alt li.primary-nav div.flyout a {
				color: #f58917;
			}
		
		ul#mainnav_alt li#mnav_Adviser div.flyout {left: -331px;}

			ul#mainnav_alt li.primary-nav div.flyout div.column {
				float: left;
				display: inline;
				width: 162px;
				height: 138px;
				padding: 0 15px;
				border-left: 1px solid #5d5d5d;
			}
			ul#mainnav_alt li.primary-nav div.flyout div.lrg-col {
				width: 161px;
				padding: 0 15px 0 208px;
				border: 0px;
			}
				ul#mainnav_alt li.primary-nav div.flyout div.column img.thumb {
					float: left;
					display: inline;
					width: 167px;
					height: 127px;
					margin: 0 0 0 -188px;
					border: 1px solid #5b5b5b;
				}
				ul#mainnav_alt li.primary-nav div.flyout div.column p {
					color: #bebfbe;
					font-size: 16px;
					line-height: 18px;
					margin-bottom: 18px;
				}
				ul#mainnav_alt li.primary-nav div.flyout div.column div.cta {
					font-size: 14px;
					margin: 0;
				}
				ul#mainnav_alt li.primary-nav div.flyout div.column h5 {
					color: #ffffff;
					text-transform: uppercase;
					margin-bottom: 0.8em;
				}
				ul#mainnav_alt li.primary-nav div.flyout div.column ul.linklist {
					font-size: 14px;
					line-height: 16px;
					margin: 0;
				}
					ul#mainnav_alt li.primary-nav div.flyout div.column ul.linklist li {
						margin-bottom: 6px;
					}

/*** /mainnav_alt ***/

/*** End the top menu CSS *****/

.topBar{
	height: 3px;
	background:url('../images/common/blue_bar.gif');
	background-repeat: repeat-x;
	border-style: none;
	display:block;
}

.topMenuBarFont{
	font-family:Verdana,Arial,Helvetica;
	color:#000000;
	font-size: 10px;
	font-weight:bold;
	line-height: 25px;
}

.subTitle{
background:url('../images/common/dropdown_Menu.gif') repeat-x;
display:block;
border-style:none;
margin: 2px 2px 2px 2px;
}

.subMenuBarFont{
font-family:Verdana,Arial,Helvetica;
	color:#ffffff;
	line-height: 20px;
	font-size: 10px;
	font-weight:bold;
	text-align: left;
	padding-left:5px;
}

.commonFont{
font-family:Verdana,Arial,Helvetica;
font-size: 10px;
}

.commonFontTop{
font-family:Verdana,Arial,Helvetica;
font-size: 10px;
font-weight:bold;
color:#6C7577;
}

ul#mainnav li#mnav_Adviser div.flyout div.column div.cta a:hover{
color:#000000;
font-family:Verdana,Arial,Helvetica;
font-size: 10px;
font-weight:bold;
}

ul#mainnav li#mnav_Adviser div.flyout div.column div.cta a{
font-family:Verdana,Arial,Helvetica;
font-size: 10px;
font-weight:bold;
color:#6C7577;	
}

ul#mainnav li#mnav_Client div.flyout div.column div.cta a:hover{
color:#000000;
font-family:Verdana,Arial,Helvetica;
font-size: 10px;
font-weight:bold;
}

ul#mainnav li#mnav_Client div.flyout div.column div.cta a{
font-family:Verdana,Arial,Helvetica;
font-size: 10px;
font-weight:bold;
color:#6C7577;	
}

ul#mainnav li#mnav_GoIndependent div.flyout div.column div.cta a:hover{
color:#000000;
font-family:Verdana,Arial,Helvetica;
font-size: 10px;
font-weight:bold;
}

ul#mainnav li#mnav_GoIndependent div.flyout div.column div.cta a{
font-family:Verdana,Arial,Helvetica;
font-size: 10px;
font-weight:bold;
color:#6C7577;	
}

.bottomGrey{
background:url('../images/common/grad_grey.gif');
display:block;
background-repeat: repeat-x;
border-style: none;
}


/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
#slideshow {
width: 767px;
height: 345px;
overflow:hidden;
}

#slideshow ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 6%;
}

#slideshow ul:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;}            

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {
overflow: hidden;
height: 345px;
width: 767px;
display: block;
}

#slideshow .slides ul {
width: 767px;
display: block;
}

#slideshow .slides li {
width: 767px;
padding: 0px;
display: block;
float: left;
}

#slideshow .slides h2 {
margin-top: 0;}

/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav {
position: relative;
background:url('../images/common/flash_bar.gif');
top: -20px;
right:0px;
z-index:2;
}

#slideshow .slides-nav li {
float:right;
align:center;
}

#slideshow .slides-nav li a {
display: block;
padding: 6px;
outline: none;
background:url('../images/common/square_deselect.gif') no-repeat;
margin-top: 4px ;
margin-right: 6px;
border-style:none;
width: 1%;
position:relative;
z-index:1;
}

#slideshow .slides-nav li.on,
#slideshow .slides-nav li.on a {
margin-top: 4px ;
margin-right: 3px;
outline: none;
border-style:none;
position:relative;
z-index:2;
}

#slideshow .slides-nav li.on a{
position:relative;
top:-4px;
background:url('../images/common/square_selected.gif') no-repeat;
z-index:0;
}

.tableStyle{
border-style:none;
}