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

/*-------------------
READ ME BEFORE EDITING:

-All styles have a inherited heiarchy set up. Please do not modify globals elements since this will effect all elements which inherit these styles.

-If you introduce new IDs or classes, please create a "category" within commented out code such as those seen in this stylesheet.

- Do not use tables, instead use divs, lists, etc.

-Styles specific to complex pplugins or widgets such as lightbox, slider, jcarousel, etc. should be contained in their own css file and imported into ema.css. PLEASE make sure these don't overwrite globals styles.
-------------------*/

html, body{
	height: 100%;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background: #FFF;
	line-height: 20px;
}

/*-------------------
Global
-------------------*/

#container {
	min-height: 100%;
	margin-bottom: -220px;
	position: relative;
	margin-bottom: -220px;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

.mainContent{
	width: 990px;
	margin: 0 auto;
	background-color: #FFF;
	padding-top: 1px;
	z-index: 1;
	background-image: url(../images/bgReflection.jpg);
	background-repeat: no-repeat;
}

#productHub.mainContent{
	background-position:  0 122px;	
}

.mainFlash{
	width: 990px;
	margin: 0 auto;
	padding: 5px 0 10px 0;
}

img{
	border: none;
}

a, a:link{
	color: #59a4d6;
	outline: none;
	text-decoration: none;
}

a:hover{
	color: #59a4d6;
	outline: none;
	text-decoration: underline;
}

a:active{
	color: #59a4d6;
	outline: none;
	text-decoration: none;
}

.clear{
	clear: both;
	height: 0 px;
	width: 0 px;
	padding: 0 px;
	margin: 0 px;
}

img{
	outline: none;	
}

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

sup{
	font-size: 7px;	
}

.divider{
	height: 35px;
	padding: 5px;
	background-image: url(../images/bgSlider.jpg);
	background-repeat: repeat-x;
}

.bottomContent{
	padding: 0 0 15px 0;
}

object{
	outline: none;	
}

h1{
	font-weight: bold;
}

h3{
	font-size: 20px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 10px 0;
}

h4{
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 10px 0;
}

.boxContent h4{
	padding: 7px 0 5px 20px;
}

h5{
	font-size: 13px;
	margin: 0 0 10px 5px;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #999;
}

h6{
	font-size: 15px;
	font-style: oblique;
	margin: 0 0 15px 0;
	font-weight: normal;
}

h7{
	font-size: 13px;
}

h8{
	font-size: 13px;
	font-weight: bold;
	display: block;
	padding: 0;
	margin: 0;
}

.reportsTitle{
	font-size: 15px;
	font-style: oblique;
	margin: 15px 0 15px 20px;
	display: block;
	padding: 10px 0 0 0;
	border-top: 1px solid #EEE;
}

#pro360 .subContent .reportsTitle{
	margin: 0;
	padding: 0;
	border: none;
}

.columnContainer{
	padding: 0px 20px 20px 20px;;
}

.column{
	float: left;
	width: 450px;
	padding: 0 15px 0 15px;
}

#advantage .column{
	width: 430px;
	padding: 10px 15px 0 15px;
}

.disclaimer{
	font-size: 9px;
	font-style: oblique;
	line-height: normal;
	color: #999;
}

ul{
	padding: 0;
	margin: 0;
}

ul li{
	list-style: none;	
}

.inlineLb{
	display: none;	
}

iframe{
	border: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.flashVid{
	display: block;	
}

.iphoneVid{
	display: none;
}

#article .mainContent{
	width: 950px;
	padding: 20px;	
	background-image: none;
}

#article .mainContent ul{
	padding: 0;
	margin: 0 0 15px 40px;
}

#article .mainContent ul li{
	margin: 0 0 5px 0;
	list-style: disc;
}

.videoOnly{
	margin: 0 auto;
	width: 480px;
	padding: 100px 20px 100px 20px;
}

#videoOnly {
	min-height: 100%;
	position: relative;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

.hide{
	display: none;
}

/*-------------------
Main Area
-------------------*/

#topContent{
	padding-bottom: 50px;
}

.roundedBottom{
	margin: 0 auto;
	height: 10px;
	width: 990px;
	padding-bottom: 20px;
}

.corner{
	float: left;
	height: 10px;
	width: 10px;
}

.middle{
	float: left;
	height: 10px;
	width: 970px;
	background-color: #FFF;
}

.loginBox{
	background-color: #EEE;
	line-height: 18px;
	text-align:  center;
}

#logo{
	float: left;
	height: 100px;
	width: 450px;
}

p#login{
	padding: 15px 0 10px 0;
	text-align: center;	
}

#login em{
	font-size: 10px;
}
#login a{
	padding: 6px 10px 7px 10px;
	margin: 10px;
	background-image: url(../images/btnLogin.jpg);
	background-position: 0 0;
	height: 25px;
	color: #FFF;
	text-decoration: none;
}

#login a:hover{
	background-position: 0 -30px;
	text-decoration: none;
}

#login a:active{
	background-positioN: 0 -60px;
	text-decoration: none;
}

/*-------------------
Header
-------------------*/

#hdr{
	height: 137px;
	background-image: url(../images/bgHdr.jpg);
	background-repeat: repeat-x;
}

#hdrContent{
	width: 990px;
	height: 137px;
	margin: 0 auto;
	background-image: url(../images/bgHdr.jpg);
	background-repeat: repeat-x;
	position: relative;
	z-index: 100;
}

#hdrTop{
	height: 100px;
	padding-bottom: 2px;
}

#map{
	width: 490px;
	height: 300px;
}
#mapTerr{
	width: 490px;
	height: 300px;
}
#mapTerrInfo{
	float:left;
	width: 250px;
	height: 100px;
	padding-left:5px;
	font-size:13px;
}
.mapTerrHolder{
	padding: 10px;
	width: 490px;
	background-color: #FFF;
	border-bottom: 1px solid #EEE;
	margin-bottom: 10px;
}
.mapHolder{
	padding: 10px;
	width: 490px;
	background-color: #FFF;
	border: 1px solid #EEE;
	margin-bottom: 10px;
}

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

.mainMenu{
	height: 33px;
	line-height: normal;
	z-index: 500;
}

#homeMenu{
	display: none;
}

.home #homeMenu{
	display: block;	
}

#aboutMenu{
	display: none;
}

.about #aboutMenu{
	display: block;	
}


#newsMenu{
	display: none;
}

.news #newsMenu{
	display: block;
}

.mainMenu ul{
	margin: 0;
	padding: 0;
}

.mainMenu ul li{
	float: left;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

.mainMenu ul li a{
	display: block;
	text-decoration: none;
	background-position: 0 0;
	color: #333;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 2px 2px 2px #FFF;
}

.mainMenu ul li:hover{
	height: 100%;
	overflow: visible;	
	text-decoration: none;
}

.mainMenu ul li a span{
	float: left;
	height: 33px;
	color: #666;
}

.mainMenu ul li span.menuLeft{
	background-image: url(../images/btnMenuLeft.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 5px;
	padding: 0;
	margin: 0;
}

.mainMenu ul li span.menuMiddle{
	background-image: url(../images/btnMenuMiddle.gif);
	background-repeat: repeat-x;
	background-position: 0 0px;
	padding-top: 10px;
	padding-left: 14px;
	padding-right: 14px;
	height: 23px;
	margin: 0;
	cursor: pointer;
}

.mainMenu ul li span.menuRight{
	background-image: url(../images/btnMenuRight.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 5px;
	padding: 0;
	margin: 0;
}

.mainMenu ul li:hover a span{
	background-position: 0 -33px;
	color: #000;
	text-decoration: none;
}

.mainMenu ul li:active a span{
	background-position: 0 -66px;
	color: #000;
	text-decoration: none;
}

#home .mainMenu ul li#navHome span,
#products .mainMenu ul li#navProducts span,
#advantage .mainMenu ul li#navAdvantage span,
#stories .mainMenu ul li#navStories span,
#story .mainMenu ul li#navStory span,
#users .mainMenu ul li#navUsers span,
#team .mainMenu ul li#navTeam span,
#careers .mainMenu ul li#navCareers span,
#news .mainMenu ul li#navNews span,
#events .mainMenu ul li#navEvents span,
#lunchLearn .mainMenu ul li#navLl span,
#media .mainMenu ul li#navMedia span,
#newsletters .mainMenu ul li#navNewsletters span,
#pr .mainMenu ul li#navPr span,
#podcasts .mainMenu ul li#navPodcasts span,
#awards .mainMenu ul li#navAwards span,
#newsSignUp .mainMenu ul li#navNewsletters span,
#partners .mainMenu ul li#navPartners span{
	background-position: 0 -66px;
	color: #000;
}

.mainMenu ul li ul{
	display: none;
	position: absolute;
	top: 33px;
	left: 0;
	background-color: #FFF;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	padding: 5px;
	font-size: 10px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-box-shadow: 1px 1px 2px #CDCDCD;
	-webkit-box-shadow: 1px 1px 2px #CDCDCD;
}

.mainMenu ul li:hover ul{
	display: block;
}
.mainMenu ul li ul li{
	display: block;
	clear: both;
	width: inherit;
	padding: 0 px;
	margin: 0 px;
	height: auto;
	padding: 7px 0px 7px 0px;
	border-bottom: 1px solid #EEE;
}

.mainMenu ul li ul li:hover{
	height: auto;
	display: block;
	text-decoration: none;
}

.mainMenu ul li ul li a{
	display: block;
	font-size: 10px;
	padding: 0 10px 0 10px;
	margin: 0;
	color: #333;
	font-weight: normal;
	text-decoration: none;
}

.mainMenu ul li ul li a:hover{
	color: #59a4d6;
	text-decoration: none;
}

.mainMenu ul li.like{
	float: right;
	padding: 6px 0 0 0;
	z-index: 200;
}


/*---- Drop Down Widths ---*/

.mainMenu ul li#navProducts ul li{
	width: 110px;
}

.mainMenu ul li#navAdvantage ul li{
	width: 152px;
}

.mainMenu ul li#navUsers ul li{
	width: 90px;
}

/*-------------------
Top Navigation
-------------------*/

#topMenu{
	float: left;
	width: 430px;
	font-size: 10px;
	text-align: right;
	margin-top: 0;
	padding-top: 7px;
	text-shadow: 2px 2px 2px #FFF;
}

#topMenu ul{
	padding: 0;
	margin: 0;
}

#topMenu ul li{
	list-style: none;
	display: inline;
	padding-right: 6px;
	padding-left: 6px;
	border-right: 1px solid #999;
}

#topMenu ul li a{
	color: #666;
	text-decoration: none;
}

#topMenu ul li a:hover, #topMenu ul li a:active{
	color: #000;
}

.freeTrial{
	float: left;
	width: 102px;
	padding-top: 5px;
	padding-left: 6px;
}

.freeTrial a{
	display: block;
	width: 102px;
	height: 25px;
	background-image: url(../images/btnEvaluation.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.freeTrial a:hover{
	background-position: 0 -25px;
}

.freeTrial a:active{
	background-position: 0 -50px;
}

/*-------------------
Footer
-------------------*/

#footer{
	height: 220px;
	position: relative;
	background-image: url(../images/bgFooter.jpg);
	background-repeat: repeat-x;
	color: #666;
}

#footerContent{
	height: 180px;
	width: 990px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin:  0 auto;
	background-image: url(../images/bgFooter.jpg);
	background-repeat: repeat-x;
}

.clearfooter {
	height: 220px;
	clear: both;
}

.footerColumn{
	float: left;
	width: 215px;
	height: 140px;
	padding: 0 0 10px 15px;
	margin: 20px 0 20px 0;
	border-right: 1px #999 dotted;
}

.footerColumnRight{
	float: left;
	width: 500px;
	padding-left: 20px;
	margin-top: 20px;
}

.footerTop{
	padding-bottom: 9px;
	border-bottom: 1px #999 dotted;
}

.footerBottom{
	font-size: 9px;
	line-height: 15px;
}

#footer h1{
	font-size: 12px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 5px;
}

.footerColumn ul{
	margin: 0;
	padding: 0;
}

.footerColumn ul li{
	list-style: none;
	padding-bottom: 10px;
	height: 30px;
	overflow: visible;
}

.footerColumn ul li img{
	padding-right: 10px;
	padding-bottom: 5px;
	vertical-align: middle;
}

#footer a{
	color: #666;
}

#footer a:hover{
	color: #59a4d6;
	text-decoration: none;
}

.footerBottom ul{
	margin: 0;
	padding: 10px 0 0 0;
}

.footerBottom ul li{
	display: inline;
	margin: 10px 0 10px 0;
	padding: 0 4px 3px 4px;
	border-right: 1px solid #CCC;
}

.footerBottom ul li.first{
	padding: 0 4px 3px 0px;
	border-right: 1px solid #CCC;
}

.footerBottom ul li.last{
	padding: 0 4px 3px 4px;
	border-right: none;
}

.copyright{
	text-align: right;
	font-size: 9px;
	padding: 10px 0 0 0;
}

#afSignup{
	float: left;
	width: 200px;
}

#afSignup img{
	display: block;	
}

#afSignup span{
	display: block;
	font-style: italic;
	font-size: 13px;
}

#bestPlaces{
	float: right;
	width: 189px;
	padding: 5px 0 0 0;
}

/*-------------------
Home Page
-------------------*/

#slideshow{
	height: 400px;
	overflow: hidden;
}

/*-------------------
Sub Content
-------------------*/
	
.subContent{
	padding: 10px 20px 10px 20px;
}

#home .subContent{
	padding: 20px 20px 10px 20px;
	border-bottom: 1px solid #EEE;
	margin-bottom: 8px;
}

#pro360 .subContent ul{
	margin: 15px 0 15px 0;	
}


#pro360 .subContent li{
	border: none;
}

#stories .subContent{
	padding: 20px 0 0 0;
}

#stories .subContent ul li{
	border: none;
}

.subContent h1{
	font-size: 13px;
	font-weight: normal;
	padding: 0 0 10px 0;
	margin: 0;
}

.subContent ul{
	margin: 0 0 10px 0;
}

.subContent ul li.first{
	float: left;
	list-style: none;
	width: 205px;
	padding: 0px 21px 0px 0px;
	height: auto;
}

.subContent ul li{
	float: left;
	list-style: none;
	width: 205px;
	padding: 0px 21px 0px 21px;
	margin: 0px;
	height: auto;
	border-right: 1px solid #EEE;
}

.subContent ul li.last{
	border-right: none;
	padding: 0 0 0 21px;
}

.subContent ul li.mid{
	border-left: 1px solid #EEE;
}

.subContent img{
	padding: 12px 12px 25px 12px;
	background-image: url(../images/bgThumbs.gif);
	margin: 0;
	border: 0;
}

.subContent span a{
	display: block;
	width: 180px;
	text-align: right;
	margin: -4px 0 0 0;
	padding: 0 18px 0 0;
	background-image: url(../images/btnPlus.gif);
	background-position: right;
	background-repeat: no-repeat;
}

.subContent ul li span a:hover{
	text-decoration: underline;	
}

#products .subContent span a{
	display: block;
	text-align: right;
	margin: -4px 0 0 0;
	padding: 0 18px 0 0;
	background-image: url(../images/btnPlus.gif);
	background-position: right;
	background-repeat: no-repeat;
}

.subContent h1{
	margin: 0;
	padding: 0 0 10px 0;
	line-height: normal;
}

/*-------------------
Hubs (.hdrCopy WIDTH + .hubHero WIDTH = MUST EQUAL = 990px)
padding: top right bottom left;
-------------------*/

.hub{
	position: relative;
	background-repeat: no-repeat;
	colorF: #666;
}

.hubCopy{
	float: left;
}

.hubHdr{
	float: left; 
	text-align: right;
	font-size: 18px;
	line-height: 28px;
	overflow: hidden;
}

.hubList{
	float: left;
	font-size: 12px;
	line-height: 21px;
	border-left: 1px #CCC solid;
	padding-left: 15px;
	width: 150px;
	color: #777;
}

.hub ul{
	float: left;
	margin: 0;
	padding: 0;
}

.hub ul li{
	list-style: none;
	margin: 0;
	padding: 0;
}

.subHdr{
	padding: 10px 0 0 30px;
	color: #666;
}

.hubHero{
	float: left;
	margin: 0;
	padding-top: 15px;
}

/*----PRODUCT HUB----*/

#productHub .hub{
	background-position: 0 120px;
}

#productHub .hubHdr{
	width: 380px;
	margin: 0;
	padding: 0;
}

#productHub .hubCopy{
	width: 400px;
	padding: 80px 10px 0px 70px;
}


#productHub .hubHero{
	width: 450px;
	padding: 10px 20px 0px 5px;
}

#productHub .subHdr{
	font-size: 14px;
	line-height: 22px;
	text-align: right;
	padding: 0;
}
#productHub .bottomContent{
	margin-top: 0;
	padding-top: 0;
}

#productHub .columnContainer{
	padding-top: 0;
	padding-bottom: 0;
}

#productHub .subContent{
	margin-top: -20px;	
}

#productHub .subContent span{ 
	display: block;
	text-align: left;
	margin-top: -10px;
}

#alert{
	position: absolute;
	top: 20px;
	right: 300px;
	z-index: 100;
}


#marketing #alert{
	position: absolute;
	top: 20px;
	right: 260px;
}


/*----Advisor Stories----*/

#stories .hub{
	background: none;
}	

#advantage .hub{
	background: none;
}	

#adv .bottomContent{
	margin-top: -30px;
}

#advantage .subContent{
	padding: 0 20px 0 20px;
}

#advantage .subContent ul li{
	margin: 0;
	padding-top: 0px;
	padding-bottom: 0px;
}

/*-------------------
Product Pages
-------------------*/

.overviewCopy{
	float: left;
	width: 530px;
	padding-right: 20px;
}

.cta{
	position: absolute;
	clear: both;
	height: 45px;
	width: 400px;
	top: 0;
	right: 0;
	z-index: 500;
	font-size: 13px;
	font-weight: bold;
}

.cta ul{
	margin: 0;
	padding: 7px 10px 0 0;
}

.cta ul li{
	list-style: none;
	float: right;
	margin: 0;
	padding: 0 5px 0 5px;
}

.cta ul li.number{
	padding: 5px 5px 0 0;
}

/*---FOR IPHONE--*/

.cta ul li.number a, .cta ul li.number a:visited, .cta ul li.number a:hover, .cta ul li.number a:active{
	display: inline;
	padding: 0;
	text-align: center;
	color: #59a4d6;
	background-image: none;
}

.cta ul li a{
	display: block;
	font-size: 11px;
	text-align: center;
	width: 115px;
	height: 23px;
	padding: 3px 0 0 0;
	color: #333;
	background-image: url(../images/btnCta.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.cta ul li a:hover{
	color: #FFF;
	background-position: 0 -28px;
	text-decoration: none;
}	

.features{
	float: left;
	width: 295px;
	padding: 10px;
}

.featuresItem{
	position: relative;
	height: 60px;
	padding: 5px;	
}

.featuresItem img{
	float: left;
}

.featuresItem span{
	position: absolute;
	top: 5px;
	left: 70px;
	line-height: 18px;
}

.features a{
	text-align: left;
	margin: -4px 2px 0 0;
	padding: 0 18px 0 0;
	background-image: url(../images/btnPlus.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#outlook .features a{
	text-align: left;
	margin: 0;;
	padding: 0;
	background-image: none;
}

/*----360 Pro----*/

#pro360.mainContent{
	background-position:  0 120px;	
}


#pro360 .hubHdr{
	width: 340px;	
	padding-right: 10px;
}

#pro360 .subHdr{
	font-size: 18px;
	line-height: 26px;
	padding: 5px 0 10px 0;
}

#pro360 .hubCopy{
	width: 530px;
	padding: 70px 10px 0px 70px;
}

#pro360 h3{
	color: #987a24;
	padding-bottom: 15px;
}

#pro360 .subContent h1{
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 10px 0;
	margin: 0;
}

.desc{
	float: left;
	padding: 0 0 0 20px;	
}
#pro360.mainContent .hubCopy a{
	float: right;
	text-align: right;
	font-size: 14px;
}
#pro360 .overviewCopy .pdf a{
	text-align: left;
	margin: -4px 2px 0 0;
	padding: 0 18px 0 0;
	background-image: url(../images/btnPlus.gif);
	background-position: right;
	background-repeat: no-repeat;
}

/*----360----*/

#e360.mainContent{
	background-position:  0 120px;	
}


#e360 .hubHdr{
	width: 340px;	
	padding-right: 10px;
	font-size: 14px;
	line-height: 22px;
}

#e360 .subHdr{
	font-size: 19px;
	line-height: 26px;
	padding: 10px 0 10px 0px;
}

#e360 .hubCopy{
	width: 530px;
	padding: 70px 20px 0px 70px;
}

#e360 h3{
	color: #1679cc;
	padding-bottom: 15px;
}

.four .features{
	float: left;
	width: 215px;
	padding: 10px;
}

.four .featuresItem span{
	position: absolute;
	top: 5px;
	left: 90px;
	line-height: 18px;
	width: 145px;
}

.three{
	padding: 0 0 0 20px;
}

.three .features{
	float: left;
	width: 215px;
	padding: 10px;
}

.three .featuresItem span{
	position: absolute;
	top: 5px;
	left: 80px;
	line-height: 18px;
	width: 145px;
}

.three .featuresItem{
	height:100px;
}

.three .featuresItem span{
	position: absolute;
	top: 5px;
	left: 90px;
	line-height: 18px;
	width: 145px;
}

#pro360 .four .featuresItem,
#e360 .four .featuresItem{
	height: 80px;
}

#e360 .four .featuresItem span{
	position: absolute;
	top: 5px;
	left: 80px;
	line-height: 18px;
	width: 145px;
}
#e360.mainContent .hubCopy a{
	float: right;
	text-align: right;
	font-size: 14px;
}

#e360 .overviewCopy .pdf a{
	text-align: left;
	margin: -4px 2px 0 0;
	padding: 0 18px 0 0;
	background-image: url(../images/btnPlus.gif);
	background-position: right;
	background-repeat: no-repeat;
}
/*----Advisor Marketing----*/


#marketing.mainContent{
	background-position:  0 120px;	
}

#marketing .hubHdr{
	width: 350px;	
	padding-right: 15px;
}

#marketing .hubCopy{
	width: 610px;
	padding: 80px 10px 0px 50px;
}

#marketing.mainContent .hubCopy a{
	text-align: right;
	font-size: 14px;
	line-height:  18px;
}

#marketing .subHdr{
	font-size: 16px;
	padding: 0px 0 0 70px;
}

#marketing h3{
	color: #987a24;
	padding-bottom: 15px;
}

#marketing .hubList{
	width: 220px;
	padding-left: 15px;
	font-size: 14px;
}

#marketing .hubList ul li{
	padding: 3px 0 4px 0;
}

#videos .cLeft{
	float: left;
	width: 201px;
	padding: 0 15px 10px 0;
	margin: 0;
}

#videos .cRight{
	float: left;
	width: 201px;
	padding: 0 0 10px 0;
	margin: 0;
}

#marketing .columnLeft{
	border: none;	
}

#videos span a{
	display: block;
	width: 180px;
	text-align: right;
	margin: -4px 0 0 0;
	padding: 0 15px 0 0;
	background-image: url(../images/btnPlus.gif);
	background-position: right;
	background-repeat: no-repeat;
}

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

.type{
	display: inline-block;
	width: 220px;
}

.cost{
	display: inline-block;
	width: 55px;
}

#verticals p{
	float: left;
	padding: 0 0 0 15px;
}

#verticals ul{
	float: left;
	padding: 0;
	margin: 15px 0 0 0;
}

#verticals ul li{
	list-style: none;
	float: left;
	width: 400px;
	height: 25px;
	text-align: left;
	line-height: normal;
	padding: 0 0 0 18px;
	margin: 0;
}

#verticals ul li img{
	border: 1px solid #CECECE;	
}

#videos img{
	padding: 12px 12px 25px 12px;
	background-image: url(../images/bgThumbs.gif);
	margin: 0;
	border: 0;
}

#marketing .columnLeft{
	float: left;
	width: 430px;
	padding: 0 35px 0 20px;
}

#marketing .columnRight{
	float: left;
	border-left: 1px solid #CECECE;
	width: 405px;
	padding: 0 0 0 30px;
	margin-right:20px;
}

#printMaterials{
	padding-top: 20px;
	border-top: 1px solid #CECECE;
}
#marketing .showcaseOverview{
	width: 880px;
	height: 182px;
	padding: 0 50px 0 50px;
}
#marketing .columnoverviewLeft{
	float: left;
	width: 230px;
	padding: 0 20px 5px 40px;
}

#marketing .columnoverviewRight{
	float: left;
	width: 500px;
	padding: 0 20px 0 20px;
}
#marketing .showcase{
	float: left;
	width: 950px;
	padding: 0 0 0 0;
	margin-bottom:10px;
}
#marketing .showcase2{
	float: left;
	border-bottom: 1px solid #CECECE;
	padding: 20px 0 20px 0;
}

#marketing .verticalAddtext{
	float: left;
	width: 390px;
	padding: 0 20px 20px 0;
	margin-top: 15px;
}

#marketing .bottomShowcase{
	float: left;
	border-top: 1px solid #CECECE;
	width: 900px;
	padding: 0 0 0 0;
	margin:8px 0px 0 20px;
}

#marketing .bottomCaseFill{
	float: left;		
	width: 560px;
	padding: 30px 0 0 3px;
}
#marketing .columnCaseRight{
	float: left;
	width: 311px;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
}

#marketing .columnshowLeft{
	float: left;
	width: 475px;
	padding: 0 20px 0 20px;
}
#marketing .columnleftINshowLeft{
	float: left;
	width: 180px;
	margin: 0 0 0 5px;
	padding: 0 5px 0 0;
}
#marketing .columnrightINshowLeft{
	float: left;
	width: 250px;
	margin: 0 0 0 5px;
	padding: 0 5px 0 0;
}

#marketing .cTopinclude{
	float: left;
	width: 420px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#marketing .cTopincludepic{
	float: left;
	width: 157px;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
}
#marketing .cTextinclude{
	float: left;
	width: 320px;
	margin: 15px 0 0 0;
	padding: 0 0 0 10px;
}
#marketing .cTextincludeOne{
	float: left;
	width: 320px;
	margin: 15px 0 0 0;
	padding: 0 15px 0 30px;
}
#marketing .columnshowRight{
	float: left;
	width: 400px;
	margin: 0 0 0 5px;
	padding: 0 0 0 20px;
}
#marketing .columnincludeLeft{
	float: left;
	width: 300px;
}

#marketing .columnincludeRight{
	float: left;
	width: 595px;
	margin-left: 5px;
	padding: 25px 0 0 0;
}

#marketing .showcaseHIW{
	float: left;
	width: 880px;
	padding: 0 35px 0 30px;
}

#marketing .columnHIWLeft{
	float: left;
	width: 400px;
	padding: 0 30px 0 50px;
}

#marketing .columnHIWRight{
	float: left;
	width: 400px;
	padding: 0 50px 30px 20px;
}
#marketing .featuresListleft {
	float:left;
	width:400px;
	padding-left:100px;
}
#marketing .featuresListRight {
	float:left;
	width:400px;
	padding-left:18px;
}
#marketing .featuresBox {
	padding: 10px;
	float:left;
	width:380px;
}

#marketing .stayImage{
	float:left;
	width:50px;
}
#marketing .stay{
	padding: 4px 0 0 10px;
	float:left;
	width:300px;
}

#vertColLeft {
	width:150px;
	float:left;
	height:auto;
	
	}
#vertColRight  {
	width:150px;
	float: left;
	height:auto;
	
	}

/*-------------------
Advisor Stories
-------------------*/

#story .mainContent,
#team .mainContent,
#careers .mainContent,
#adv.mainContent,
#stories .mainContent{
	background-image: none;
}

#storiesCopy{
	float: left;
	width: 450px;
	padding: 20px;
}

#stories .subContent{
	float: left;
	width: 500px;
}

#brokersList{
	display: none;	
}

/*-------------------
Training
-------------------*/

#eTraining .bottomContent{
	padding-top: 20px;
	background-image: url(../images/bgSliderContent.jpg);
	background-repeat: no-repeat;
}

#eTraining.mainContent .hubHdr{
	width: 970px;
	padding: 20px 0px 5px 20px;
}

#trainingHdr{
	float: left;	
	width: 650px;
}

#uLink{
	float: left;
	width: 320px;
	font-size: 14px;
	text-align: right;
}

#eTraining .hubHero{
	height: 259px;
	padding: 0;	
}

#eTraining .hubPhoto{
	padding: 20px;
	margin: 10px 0 0 0;
	background-color: #FFF;
	border: 1px solid #CECECE;
}

.columnLeft{
	float: left;
	width: 320px;
	padding: 0 20px 0 20px;
	border-right: 1px solid #CECECE;
}


#eTraining .columnLeft{
	border-right: none;
}

.columnRight{
	float: left;
	width: 570px;
	padding: 0 20px 0 20px;
}

strike{
	font-weight: bold;
	color: #FF0000;
}
#eTraining .columnLeft .plus{
	float:left;
}
.trainingboxContent{
	float: left;
	width: 560px;
	padding: 0 2px 0 2px;
}

/*-------------------
TouchPoint
--------------------*/

#touchpoint .mainContent{
	background-position:  0 161px;	
}

#touchpoint .hubHdr{
	float:none;
	margin:0;
	padding:20px;
	text-align:left;
	width:500px;
}

#touchpoint .hubCopy{
	float:left;
	padding:70px 60px 0 20px;
	width:411px;

}

#touchpoint .subHdr{
	line-height:26px;
	font-size: 18px;
	padding-left: 10px;
	padding-top:0;
	width: 430px;
}

#touchpoint h3{
	color: #987a24;
	padding-bottom: 15px;
}

#touchpoint .hubList{
	width: 220px;
	padding-left: 15px;
}

#touchpoint .hubList ul li{
	padding-bottom: 4px;
}

#touchpoint .hubHero img {
	padding-top: 25px;	
	padding-left: 35px;
}

/*-------------------
DidYouKnow
--------------------*/

#didyouknow .mainContent{
	background-position:  0 161px;	
}

#didyouknow .hubHdr{
	float:none;
	margin:0;
	padding:0 40px 0 0;;
	text-align:right;
	width:490px;
}

#didyouknow .hubCopy{
	float:left;
	padding:50px 60px 0 20px;
	width:411px;

}

#didyouknow .subHdr{
	line-height:26px;
	font-size: 18px;
	padding-left: 10px;
	padding-top:0;
	width: 475px;
}
.cta {
	position: absolute;
	clear: both;
	height: 45px;
	width: 400px;
	top: 0;
	right: 0;
	z-index: 500;
	font-size: 13px;
	font-weight: bold;
}
#share {
	float: right;
	padding: 15px 35px 0 0;
}

#didyouknow h3{
	color: #987a24;
	padding-bottom: 15px;
}

#didyouknow .hubList{
	width: 220px;
	padding-left: 15px;
}

#didyouknow .features ul li{
	padding: 10px 0 0 0;
}

#didyouknow .hubHero img {
	padding-top: 25px;	
	padding-left: 0px;
}
#didyouknow .features{
	float: left;
	width: 226px;
	padding: 0 35px 0 45px;
}

#didyouknow .features a{
	float: left;
	font-size:15px;

}
#didyouknow .featureslink{
	float: left;
	width: 226px;
    padding: 0 35px 0 45px;
}
#didyouknow .featureslink a{
	float: left;
	padding-top:10px;
}

#didyouknow .featuresHDR{
	background-color:#666;
	float: left;
	width: 226px;

}
#didyouknow .featuresIMG{
	background-color:#666;
	float: left;
	width: 40px;
	padding: 0 5px 0 0;
}
#didyouknow .featuresText{
	float:left;
	width:183;
	vertical-align:middle;
	text-transform:uppercase;
	color:#FFF;
    font-size: 14px;
	font-weight:bold;
	padding-top:5px;
}

/*-------------------
Outlook for eMoney
-------------------*/

#outlook .mainContent{
	position:  relative;
	background-position:  0 151px;	
}

#outlook .hubHdr{
	float:none;
	margin:0;
	text-align:left;
	width:476px;
	text-align: right;
	padding: 40px 0px 0 50px;
}


#outlook .subHdr{
	line-height:26px;
	font-size: 15px;
	width: 470px;
	padding: 0 5px 3px 0;
}


#outlook .hubHero img {
	padding: 25px 0 0 20px;
}

#outlookLaptop{
	position: absolute;
	top: 200px;
	left: 25px;
}

#outlook .overviewCopy{
	width:  auto;
	padding: 0 30px 0 0;
}

#outlook  .features{
	float: left;
	width: 168px;
	padding: 10px 30px 0 30px;
}

#outlook  .featuresItem{
	position: relative;
	height: auto;
	padding: 2px;	
}

#outlook  .featuresItem img{
	float: none;
}

#outlook  .featuresItem span{
	position: relative;
	line-height: 18px;
	top: 0px;
	left: 0px;
}

#outlook .cLeft{
	float: left;
	width: 450px;
	padding: 0 30px 0 0;
}

#outlook.cRight{
	float: left;
	width: 450px;
	padding: 0 30px 0 0;
}



/*-------------------
Box 
-------------------*/

.boxHolder{
	line-height: normal;
}

.boxMiddle{
	background-color: #FFF;
	background-image: url(../images/bgBoxMiddlelong.gif);
	background-repeat: repeat-y;
}

.boxTop{
	background-image: url(../images/bgBoxTop.gif);
	background-repeat: repeat-x;
	color: #FFF;
	padding: 10px;
}

.boxLeft{
	float: left;
	width: 2px;
	background-image: url(../images/bgBoxLeft.gif);
	background-repeat: repeat-y;
	height: 100px;
}

.boxContent{
	float: left;
	width: 545px;
	padding: 0 2px 0 2px;
}

.boxRight{
	float: left;
	width: 5px;
	background-image: url(../images/bgBoxRight.gif);
	background-repeat: repeat-y;
	height: 100px;
}

.boxCornerLeft{
	float: left;
	width: 7px;
	height: 10px;
	background-image: url(../images/bgBoxCornerLeft.gif);
	background-repeat: no-repeat;
}


.boxBottomMiddle{
	float: left;
	height: 10px;
	width: 535px;
	background-image: url(../images/bgBoxBottom.gif);
	background-repeat: repeat-x;
	
}
.TrainingboxBottomMiddle{
	float: left;
	height: 10px;
	width: 548px;
	background-image: url(../images/bgBoxBottom.gif);
	background-repeat: repeat-x;
	
}

.boxCornerRight{
	float: left;
	width: 10px;
	height: 10px;
	background-image: url(../images/bgBoxCornerRight.gif);
	background-repeat: no-repeat;
}

/*----- Box Tabs ----*/

.boxTabs{
	height: 27px;
	padding-left: 2px;
	line-height: normal;
}

.boxTabs ul{
	margin: 0;
	padding: 0;
}

.boxTabs ul li{
	float: left;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 27px;
	overflow: hidden;
}

.boxTabs ul li a{
	display: block;
	text-decoration: none;
	background-position: 0 0;
	color: #333;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 5px 0;
	margin: 0;
}

.boxTabs ul li:hover{
	height: 100%;
	overflow: visible;	
}

.boxTabs ul li a span{
	float: left;
	height: 27px;
	color: #333;
}

.boxTabs ul li a span img{
	vertical-align: middle;
	padding: 0 0 5px 5px;
}

.boxTabs ul li span.menuLeft{
	background-image: url(../images/btnBoxLeft.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 10px;
	padding: 0;
	margin: 0;
}

.boxTabs ul li span.menuMiddle{
	background-image: url(../images/btnBoxMiddle.gif);
	background-repeat: repeat-x;
	background-position: 0 0px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	height: 22px;
	margin: 0;
	cursor: pointer;
	overflow: hidden;
}

.boxTabs ul li span.menuRight{
	background-image: url(../images/btnBoxRight.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 10px;
	padding: 0;
	margin: 0;
}

.boxTabs ul li:hover a span{
	background-position: 0 -30px;
	color: #FFF;
}

.boxTabs ul li:active a span{
	background-position: 0 -60px;
	color: #FFF;
}


.boxTabs ul li.active a span{
	background-position: 0 -60px;
	color: #FFF;
}

/*-------------------
Training
-------------------*/

.boxColumns{
	height: 23px;
	padding: 7px 10px 0 10px;
	margin-bottom: 2px;
	background-image: url(../images/bgSessions.jpg);
	background-repeat: repeat-x;
	font-weight: bold;
}

.session {
	display: block;
	list-style: none;
	padding: 5px 0 3px 0px;
	margin: 0 10px 0 2px;
	border-bottom: 1px solid #CECECE;
}


.columnTitles{
	background-image:url("../images/bgSessions.jpg");
	background-repeat: repeat-x;
	padding: 10px 15px 10px 15px;
	font-weight:bold;
}

.date{
	float: left;
	font-weight:  bold;
	width: 85px;
}

.workshop{
	float: left;
	text-align: left;
	width: 240px;
}

.workshopDesc{
	float: left;
	text-align: left;
	width: 345px;
	padding: 10px 0 4px 3px;
}

.agenda{
	float: left;
	width: 80px;
}

.session .date{
	float: left;
	width: 85px;
	padding-left: 15px;
	font-size: 22px;
}

.session .register{
	float: left;
	width: 105px;
	padding-top: 10px;
}

.session .workshop{
	float: left;
	text-align: left;
	width: 240px;
	padding-top: 10px;
	font-size: 14px;
}

.session .agenda{
	float: left;
	width: 80px;
	padding-top: 10px;
}

.session .register{
	float: left;
	width: 105px;
	padding-top: 10px;
}

#city .boxLeft, #city .boxRight{
	height: 570px;
}

#campus .boxLeft, #campus .boxRight{
	height: 475px;
}

#city .columnTitles .workshop,
#study .columnTitles .workshop,
#city .session .workshop,
#study .session .workshop{
	width: 240px;
}

#city .columnTitles .location,
#study .columnTitles .location{
	float: left;
	width: 140px;
	text-align: left;
}

#city .session .location{
	float: left;
	width: 140px;
	text-align: left;
	padding-top: 10px;
	font-size: 14px;
}

#study .session .location{
	float: left;
	width: 140px;
	text-align: left;
	padding: 10px 0 10px 13px;
	font-size: 14px;
}


/*--- Session Lunch & Learn --*/

#lunch.mainContent{
	background-position: 0 -30px;
}

#lunch .session{
	padding: 10px 0 10px 0;
}

#lunch h4{
	padding: 0;
	margin: 30px;
	font-size:  14px;
}

#lunch .session{
	border-top:
}
#lunch .city,
#lunch .time{
	float: left;
	width: 150px;
}

#lunch .location{
	float: left;
	width: 230px;
}

#lunch .session .city,
#lunch .session .time{
	padding: 15px 0 0 0;
}

#lunch .session .register{
	width: 300px;
}

#lunch .session{
	border-top: 1px solid #CECECE;
	border-bottom: 0;
}

#lunch .session#first{
	border: none;
}

.hdrSession{
	font-weight:  bold;
	background-image:url("../images/bgSessions.jpg");
	background-repeat:repeat-x;
	padding: 5px 0 5px 0;
}

.hdrSession .date{
	padding: 0 0 0 20px;
	width: 80px;
}

#lunch .day{
	font-weight: bold;
}

/*--- calender --*/

ul#agendas {
	font-size:14px;
	height:65px;
	margin:0;
	padding:5px 0 5px 0;
	line-height:16px;
}

ul#agendas li
{
	float:left;
	list-style: none;
	margin:0;
	padding:0 10px 0 0;
	width: 250px;
}

ul#agendas li a{
	line-height: 24px;
	font-size: 12px;
}

ul#agendas li img {
	padding:0;
	float: left;
	margin: 0 5px 0 5px;
}
ul#agendas li img {
	padding:0;
	float: left;
	margin: 0 5px 0 5px;
}

.boxTop em{
	color: #DDD;
	font-size: 12px;
}
.calender{
	width: 55px;
	height: 60px;
	padding: 2px 0 10px 0;
	font-size: 12px;
	background-image: url(../images/bgCalender.gif);
	background-repeat: no-repeat;
}

#web .calender{
	width: 55px;
	height: 60px;
	padding: 2px 0 10px 0;
	font-size: 12px;
	font-weight:  bold;
	background-image: url(../images/bgCalender.gif);
	background-repeat: no-repeat;
}

#web .session .agenda{
	padding: 10px 0 0 0;
}

.month{
	width: 36px;
	height: 15px;
	padding: 5px 0 0 3px;
	color: #FFF;
	font-weight:  none;
}

.day{
	color:#333333;
	height:15px;
	text-align:center;
	padding: 9px 0 0 0;
}

#city, #web, #study{
	display: none;	
}

/*-------------------
Customer Support
-------------------*/

#support.mainContent{
	background-position:  0 80px;	
}

#support.mainContent .hub{
	height: 220px;
}

#support.mainContent .hubHdr{
	float: left;
	width: 253px;
	padding-left: 150px;
	padding-top: 50px;
	margin: 0;
}

#support.mainContent .hubCopy{
	width: 200px;
	padding: 80px 10px 0px 100px;
}

#support.mainContent .subHdr, #dataEntry.mainContent .subHdr{
	text-align: right;
	padding: 0;
}


#support.mainContent .gfxHero{
	float: left;
	width: 250px;
	padding: 10px 20px 0px 100px;
}

#supportLeft{
	border-right: 1px solid #CECECE;	
}

.comingSoon{
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0 10px 0;
}

/*-------------------
Advisor Assurance
-------------------*/

#assurance.mainContent{
	background-position:  0 109px;	
}

#assurance .hub{
	height: 220px;
}

#assurance  .hubHdr{
	padding-left: 150px;
	padding-top: 50px;
	margin: 0;
}

#assurance  .hubCopy{
	width: 400px;
	padding: 80px 10px 0px 100px;
}


#assurance  .hubHero{
	width: 450px;
	padding: 10px 20px 0px 10px;
}

#assuranceLeft{
	border-right: 1px solid #EEE;
	width: 449px;
}

#assurance ul{
	padding: 15px 0 15px 0;
}

#assurance ul li{
	list-style: disc;
	padding: 0 0 5px 0px;
	margin: 0 0 0 20px;
}

.plus a,
.session a{
	text-align: left;
	margin: -4px 0 0 0;
	padding: 0 18px 0 0;
	background-image: url(../images/btnPlus.gif);
	background-position: right;
	background-repeat: no-repeat;
}

.workshop a{
		background-image:none;
		color:#000;
}
/*-------------------
TouchPoint
-------------------*/

#touchPoint.mainContent{
	background-position: 0 160px;	
}

#touchPoint.mainContent .hubHdr{
	width: 400px;
	margin: 0;
}

#touchPoint.mainContent .subHdr{
	width: 400px;
	margin: 0;
}

#touchPoint.mainContent .hubCopy{
	width: 400px;
}

#touchPoint.mainContent .hubHero{
	width: 392px;
}

/*-------------------
eMoney Everywhere
-------------------*/

#everywhere.mainContent{
	background-position:  0 125px;	
}

#everywhere.mainContent .features{
	border-right: 1px solid #CECECE;	
}

#everywhere.mainContent .hubHdr{
	width: 386px;
	padding: 0;
}

#everywhere.mainContent .subHdr{
	padding-top: 0;
	padding-left: 60px;
	line-height: normal;
	text-align: right;
}

#everywhere.mainContent .hubCopy{
	float: left;
	width: 386px;
	padding: 80px 20px 0px 90px;
}

#everywhere.mainContent .hubCopy a{
	float: right;
	text-align: right;
	font-size: 14px;
}

#everywhere.mainContent .gfxHero{
	float: left;
	width: 420px;
	padding: 0px 0 0 0;
}

#everywhere h3{
	color: #987a24;
	padding-bottom: 15px;
}

#mimeo .cLeft{
	float: left;
	width: 255px;
	padding: 0 40px 0 40px;
}

#mimeo .cRight{
	float: left;
	width: 405px;
	padding: 20px 50px 0 50px;
}

#mimeo .bottom{
	border-top: 1px solid #CECECE;
	padding-top: 20px;
	margin-top: 20px;
}

#mimeo .features{
	width: 245px;
	padding: 10px 35px 10px 35px;
	line-height: normal;
}

#mimeo .features a{
	background: none;
}

#office .cLeft{
	float: left;
	width: 255px;
	padding: 0 40px 0 40px;
}

#office .cRight{
	float: left;
	width: 205px;
	padding: 0 50px 0 50px;
	border-left: 1px solid #CECECE;
}

#redtail .cLeft{
	float: left;
	width: 295px;
	padding: 0 20px 0 0px;
}

#redtail .cRight{
	float: left;
	width: 600px;
	padding: 0 0 0 30px;
	border-left: 1px solid #CECECE;
}

#redtail .bottom{
	border-top: 1px solid #CECECE;
	padding-top: 20px;
	margin-top: 20px;
}

#iphone .cLeft{
	float: left;
	width: 145px;
	padding: 0 40px 0 140px;
}

#iphone .cRight{
	float: left;
	width: 450px;
	padding: 0 0 0 40px;
	border-left: 1px solid #CECECE;
}

#iphone .cRight img{
	float: left;	
}

.iphoneApp{
	float: left;
	width: 300px;
	padding: 20px;
}

#iphone ul{
	padding: 0;
	margin: 10px 0 10px 20px;
}

#iphone ul li{
	list-style: disc;
}

#blackberry .cLeft{
	float: left;
	width: 145px;
	padding: 0 40px 0 150px;
}

#blackberry .cRight{
	float: left;
	width: 450px;
}
#blackberry .cRight .plus{
	float:left;
}

#morningstar .cLeft{
	float: left;
	width: 400px;
	padding: 0 20px 0 50px;
}

#morningstar .cRight{
	float: left;
	width: 400px;
	padding: 0 50px 0 20px;
}

img.bg{
	padding: 12px 12px 25px 12px;
	background-image: url(../images/bgThumbs.gif);
	margin: 0;
	border: 0;
}

/*------ Ralph----*/
#info {
	width:340px;
	float:left;
	height:auto;
	padding: 25px 12px 0px 0px;
	margin: 0 10px 10px 0; 
	list-style: disc;
}
#eMoneye {
	width:580px;
	float:left;
	height:auto;
	padding: 20px 0 20px 0;
	margin-bottom:10px; 
	list-style: disc;
}

#eMoneye .logo{
	margin: 0 0 0 0;
	float:left;
	width: 125px;
	height:60px;
	padding: 0 10px 15px 10px;
	line-height: normal;
}

#eMoneye .iphoneApp{
	float: left;
	width: 300px;
	padding: 5px 0 0 5px;
	margin: 10px 0 0 3px;
}
#eMoneyeOverview {
	padding-bottom: 20px;
	padding-top: 20px;
	margin-bottom:10px; 
}
.partnerLeft{
	float: left;
	width: 370px;
	padding: 0 0 0 0px;
}

.partnerRight{
	float: left;
	width: 370px;
	padding: 0 0 0 5px;
}

.partnerRight ul li{
	list-style:disc;
	margin-left:20px;
}

.boxFull{
	background-color:#FFF;
	float: left;
	width: 760px;
	padding: 20px 20px 5px 20px
}
.boxHalf{
	background-color:#FFF;
	float: left;
	width: 360px;
	padding: 20px;
}
#eMoneye .contentSmall{
	float: left;
	width: 210px;
	padding: 20px 5px 0 25px;
}

#eMoneye .contentSmall{
	float: left;
	width: 220px;
	padding: 10px 5px 5px 25px;
	border-left: 1px solid #CECECE;
}


/*-------------------
Team
-------------------*/

#team .hub{
	height: 160px;
	background-image: none;
	overflow: hidden;
}

#team .hubHdr{
	width: 305px;	
	padding-right: 15px;
}

#team .hubList{
	font-size: 15px;
	line-height: 21px;
	border-left: 1px #CCC solid;
	padding: 5px 0 10px 15px;
	width: 550px;
	color: #777;
}

#team .hubCopy{
	width: 950px;
	padding: 60px 20px 20px 20px;
}

#team .bottomContent{
	padding: 30px 20px 2px 20px;
	background-image: url(../images/bgSliderContent.jpg);
	background-repeat: no-repeat;
}

#teamMenu{
	float: left;
	width: 350px;
	line-height: normal;
	color: #CECECE;
	font-size: 11px;
}

#teamMid{
	width: 330px;
	padding: 10px;
	background-image: url(../images/bgTeamMiddle.gif);
	background-repeat: repeat-x;
	background-color: #2f2f2f;
	min-height: 300px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-topLeft: 7px;
	-moz-border-radius-topRight: 7px;
	-moz-border-radius-bottomLeft: 7px;
	-moz-border-radius-bottomRight: 5px;
}


#careerHolder{
	float: left;
	width: 580px;
	padding: 0 20px 0 0;
}

#bioHolder{
	float: left;
	width: 580px;
	padding: 0 0 0 20px;
}

#bioHolder img{
	float: left;
	margin: 0 10px 10px 0;
	padding: 10px;
	background-color: #FFF;
	border: 1px solid #CECECE;
}

#teamMenu ul{
	pading: 0;
	margin: 0;
}

#teamMenu  ul li{
	list-style: none;
	padding-bottom: 4px;
}

.section{
	cursor: pointer;
	line-height: normal;
	width: 318px;
	height: 36px;
	padding: 6px 6px 0 6px;
	display: block;
}

.section.active{
	color: #57a7dd;
	background-image: url(../images/btnTeam.gif);
}

.section.active:hover{
	color: #57a7dd;
	background-image: url(../images/btnTeam.gif);
}

.section:hover{
	color: #FFF;
	text-decoration: none;
	background-image: url(../images/btnTeam.gif);
}

.bio{
	display: none;
	opacity:0;filter:alpha(opacity=0);
	background-color: #FFF;
}


/*-------------------
FAQ
-------------------*/

#faq ul{
	margin: 0;
	padding: 20px;
}

#faq ul li{
	border-bottom: 1px dotted #CCC;
	padding: 5px 0 5px 0;
}

/*-------------------
eMoney Story
-------------------*/

#story .cLeft{
	float: left;
	width: 450px;
	padding: 0 30px 0 0;
}

#story .cRight{
	float: left;
	width: 450px;
	padding: 0;
}

#vision{
	padding: 0 0 20px 0;	
}

#vision .gfx{
	float: left;
	width: 245px;
	padding: 0 40px 0 0;
}

#vision span{
	float: left;
	padding: 0 0 0 20px;
	border-left: 1px solid #DEDEDE;
	width: 600px;
	line-height: 22px;
}

#mission .gfx{
	float: right;
	width: 245px;
	padding: 20px 40px 0px 0;
	border: none;
}

#mission span{
	float: right;
	padding: 0 20px 0 0;
	border-right: 1px solid #DEDEDE;
	width: 550px;
	line-height: 22px;
	text-align: right;
}

span.value{
	float: left;
	width:  400px;
}

.value h2{
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 5px 0;
}

#values img{
	float: left;
	padding: 0;
}

#values ul{
	float: left;
	margin: 0;
	padding: 0 0 0 20px;
	width: 530px;
}

#values ul li{
	float: left;
	width: 250px;
	height: 100px;
	list-style: none;
	padding: 0 10px 15px 0;
}


#values ul li.last{
	float: left;
	width: 230px;
	list-style: none;
	padding: 0 250px 10px 0;
}

#values ul li.first{
	float: left;
	width: 480px;
	height: 27px;
	list-style: none;
	padding: 0 0 20px 0;
	margin: 0;
}

#values ul li h2{
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0 5px 0px 0;
}



/*----eMoney Story HUB----*/

#storyHub.mainContent{
	background-position:  0 154px;	
}

#storyHub.mainContent .hubHdr{
	margin: 0;
	padding: 0;
}

#storyHub.mainContent .hubCopy{
	width: 349px;
	padding: 90px 22px 0 20px;
}

#storyHub.mainContent .hubHero{
	width: 599px;
	padding: 0;
	margin: 0;
}

	
/*----Users HUB----*/

#users .mainContent{
	background-position:  0 23px;	
}

#users .hubHdr{
	width: 305px;	
}

#users .hubCopy{
	width: 366px;
	padding: 75px 0px 0px 50px;
}

#users .hubHero{
	width: 470px;
	padding: 43px 0px 0px 60px;
}


#brokerDealers {
	font-size: 10px;
}

#brokerDealers ul{
	float: left;
	width: 220px;
	padding: 0 17px 0 0;
}

#brokerDealers ul li h3{
	font-size: 12px;
	color: #59a4d6;
	font-weight: bold;
	display: block;
	padding: 2px 0 2px 0;
	margin: 5px 0 2px 0;
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
}

/*----Data Entry----*/


#dataEntry.mainContent{
	background-position: 0 40px;	
}


#dataEntry.mainContent .hubHdr{
	float: left;
	width: 263px;
	padding: 60px 0 0 140px;
}
#dataEntry.mainContent .hubHdr .plus{
	float:right;
	text-align:right;
	font-size:14px;
}

#dataEntry.mainContent .gfxHero{
	float: left;
	width: 263px;
	padding: 20px 0 0 20px;
}

#dataEntry.mainContent ul{
	margin: 0 0 10px 30px;
	padding: 0;
}

#dataEntry.mainContent ul li{
	list-style: disc;	
}

/*-------------------
Careers
-------------------*/

#careers .hub{
	height: 160px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	background-image: none;
}


#careers .hubCopy{
	width: 940px;
	padding: 50px 30px 0px 30px;
}


#careers .hubHdr{
	padding-right: 15px;
	width: 335px;
	margin: 0;
}

#careers .hubList{
	font-size: 15px;
	line-height: 21px;
	border-left: 1px #CCC solid;
	padding: 0px 0 10px 15px;
	width: 565px;
	color: #777;
}

#careers .bottomContent{
	padding: 20px 20px 2px 20px;
	background-image: url(../images/bgSliderContent.jpg);
	background-repeat: no-repeat;
}

ul.positions{
	padding: 0px 0 20px 50px
}

ul.positions li{
	list-style: disc;
}

/*-------------------
Users
-------------------*/

.partnersLeft{
	float: left;
	width: 450px;
	padding: 20px 0 0 0;
}

.partnersRight{
	float: left;
	width: 450px;
	padding: 20px 0 0 40px;
}

.partner{
	padding: 15px 0 15px 0;
	border-bottom: 1px solid #DEDEDE;
}

.partnersLeft h2,
.partnersRight h2{
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #DEDEDE;
}

.partner img{
	display: block;
}

/*-------------------
Free Trial, Event & Newsletter Sign Up
-------------------*/

#trial .mainContent, #newsSignUp .mainContent{
	position: relative;
	background-position: -400px 126px;
}

#eventSignUp .mainContent{
	background-position: -400px 35px;
}

#trial .cLeft , #newsSignUp .cLeft, #eventSignUp .cLeft{
	float: left;
	width:  525px;
	padding: 0 0 0 10px;
}

#trial .cRight{
	float: left;
	width: 390px;
	padding: 0 20px 0 30px;
	background-image: url(../images/bgFreetrial.gif);
	background-repeat: no-repeat;
}

#newsSignUp .cRight{
	float: left;
	width: 320px;
	padding: 0 20px 0 30px;
	background-image: url(../images/bgNewsletter.gif);
	background-repeat: no-repeat;
	min-height: 500px;
}

#eventSignUp .cRight{
	float: left;
	width: 320px;
	padding: 30px 20px 0 30px;
	background-image: url(../images/bgNewsletter.gif);
	background-repeat: no-repeat;
	min-height: 500px;
}

#trial .hubHero, #newsSignUp .hubHero{
	width: 325px;
	padding: 50px 0 0 0;
}

#trial .hubCopy, #newsSignUp .hubCopy{
	width: 190px;
	padding: 80px 0 0 10px;	
}

#trial .subHdr{
	font-size: 15px;
	padding: 10px 0 0 0;
}

#trial .features{
	float: left;
	width: 235px;
	padding: 10px;
	line-height: normal;
}

#trial .featuresItem{
	position: relative;
	height: 75px;
	width: 225px;
	padding: 5px;	
}

#trial h2, #newsSignUp h2{
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #DEDEDE;
	padding: 5px 0 10px 0;
	margin: 10px 0px 10px 10px;
}

#trial h4{
	font-size: 18px;
	font-weight: bold;
	padding: 5px 0 10px 0;
	margin: 10px 0px 0px 0px;
}

.benefits{
	padding: 0 0 20px 15px;
}

#gfxNewsletters{
	padding: 40px 0 0 60px;	
}

#gfxCalendarEvent{
	float: left;
	padding: 40px 15px 0 15px;
}

#eventInfo{
	float: left;
	width: 360px;
	padding: 35px 0 0 10px;
}

#eventInfo h4{
	font-size: 15px;	
}

p.speaker{
	float: left;
	width: 180px;
	padding: 0px 0 15px 0;
}

#mc_embed_signup{
	border: none;
}

#mc_embed_signup fieldset{
	border: none;
	padding: 0 0 0 15px;
}

.indicate-required{
	font-style:italic;
	font-size: 9px;
	text-align: right;
}

.mc-field-group{
	clear: left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

.mc-field-group label{
	float: left;
	text-align: right;
	font-weight: bold;
	width: 110px;
	padding: 0 5px 0 0;
}

.mc-field-group input{
	float: left;
	text-align: left;
	width: 180px;
	font-style: normal;
	font-size: 11px;
	color: #000;
}


.mc-field-group select{
	float: left;
	text-align: left;
	width: 180px;
	font-style: normal;
	font-size: 11px;
	color: #000;
}

.mce_inline_error{
	font-size: 9px;
	font-style: italic;
	color: #900;
	margin: 0;
	text-align: right;
}

.input-group ul{
	float: left;	
}

.input-group ul li{
	float: none;
	clear: both;
}

.input-group ul li input{
	float: left;
	width: 30px;
}

.input-group ul li label{
	float: left;
	text-align: left;
	font-weight: normal;
	width: 50px;
	padding: 0 0 10px 0;
}

.response{
	margin: 10px 0 10px 30px;
	font-style: italic;
}

input .btn{
	background-color: #0CF;	
}

#newsSignUp .benefits{
	padding: 0 0 0 110px;
	font-size: 14px;
}
#newsSignUp .benefits ul{
	padding: 0 0 0 40px;
}

#newsSignUp .benefits ul li{
	list-style: disc;
	padding: 0 0 10px 0;
}

#newsSignUp input.btn, #eventSignUp input.btn{
	background: none;	
	border: none;
	color: #FFF;
	width: 86px;
	height: 25px;
	background-image: url(../images/btnSubscribe.gif);
	background-position: 0 0;
	margin: 0 0 0 115px;
	line-height: 12px;
	cursor: pointer;
}

#newsSignUp input.btn:hover, #eventSignUp input.btn:hover{
	background-position: 0 -25px;
}

a.signUp{
	margin-left: 10px;
	border-left: 1px solid #CCC;
	padding-left: 10px;
}

/*-------------------
No Flash
-------------------*/

.noFlash{
	position: relative;
	font-size: 14px;
	width: 100%;
	margin: 10px 0 10px 0;
	background-color: #ebebeb;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topLeft: 5px;
	-moz-border-radius-topRight: 5px;
	-moz-border-radius-bottomLeft: 5px;
	-moz-border-radius-bottomRight: 5px;
}

.noFlashContent{
	padding: 10px;
}

.nfClose{
	position: absolute;
	top: 5px;
	right: 5px;
}

.noFlash img.nf{
	float: left;
	height: 45px;
	width: 45px;
	padding: 0 15px 0 0;
}

.noFlash p{
	float: left;
	padding: 0 5px 0 0px
}

#nfAdv{
	background-image: url(../images/bgReflection.jpg);
	background-repeat: no-repeat;
	background-position: 0 152px;
}

#nfAdv .cLeft{
	float: left;
	width: 600px;
	padding: 0;
	margin: 0;
}

#nfStories{
	height: 435px;
	overflow: hidden;
}

#nfAdv .cRight{
	float: right;
	width: 290px;
	padding: 30px 60px 30px 40px;
}

#advantage .hub{
	height: auto;
}

#advantage .hubHdr{
	float: none;
	text-align: left;
	width: 500px;
	padding: 30px 0 0 50px;
	margin: 0;
}

#advantage .hubCopy{
	float: none;
	width: 580px;
	padding: 15px 10px 0px 2px;
}

#advantage .hubCopy ul{
	float: left;
	font-size: 14px;
	line-height: 25px;
	width: 240px;
	text-align: right;	
	padding: 0 15px 0 0;
}

#advantage .hubCopy ul a{
	color: #333;
}

#advantage .hubCopy ul a:hover{
	color: #59a4d6;
	font-weight: bold;
	text-decoration: none;
}

#advantage .hubCopy ul li.active a{
	color: #59a4d6;
	font-weight: bold;
	text-decoration: none;
}

#advantage .desc{
	float: left;
	padding: 0 0 0 15px;	
	line-height: normal;
	width: 300px;
	border-left: 1px solid #333;
}

#advantage .desc span{
	display: none;
	opacity:0;filter:alpha(opacity=0);
}

#advantage .hubHero{
	float: right;
	width: 290px;
	padding: 0;
}

#advantage .hubHero img{
	display: none;
	opacity:0;filter:alpha(opacity=0);
	background-color: #FFF;
}

.advContent{
	margin: 0 20px 10px 20px;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #EEE;
	z-index: 500;
}

#adv .cLeft{
	float: left;
	width: 460px;
	padding: 0 15px 0 0px;
	margin: 0;
}

#adv .cRight{
	float: left;
	width: 460px;
	padding: 0;
	margin: 0;
}

#adv .bottomContent{
	padding-bottom: 20px;	
}


/*-------------------
ROI Backup
-------------------*/

#nfProduct{
	width: 950px;
	padding: 20px 20px 10px 20px;
	background-color: #FFF;
	border: 1px solid #EEE;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topLeft: 5px;
	-moz-border-radius-topRight: 5px;
	-moz-border-radius-bottomLeft: 5px;
	-moz-border-radius-bottomRight: 5px;
}

.qProduct{
	padding: 10px 0 10px 0;
	margin: 0 0 10px 0;
	background-color: #EEE;
	border: 1px solid #EEE;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topLeft: 5px;
	-moz-border-radius-topRight: 5px;
	-moz-border-radius-bottomLeft: 5px;
	-moz-border-radius-bottomRight: 5px;
}

#nfProduct h4{
	padding: 0 0 0 10px;	
}

.qProduct img{
	float: right;
}

img.pro360{
	padding-right: 320px;	
}

img.e360{
	padding-right: 190px;
}

img.am{
	padding-right: 50px;
}
.optLight{
	padding: 0px 10px 0px 10px;	
}
.optDark{
	background-color: #d5d5d5;	
	padding: 0px 10px 0px 10px;	
}

/*-------------------
Quick Launch
-------------------*/

#ql.mainContent{
	background-position:  0 50px;	
}

#ql .hubHdr{
	width: 411px;
	margin: 0;
	padding: 0;
}

#ql .subHdr{
	padding: 0;	
	text-align: right;
}

#ql .hubCopy{
	float: left;
	width: 411px;
	padding: 60px 10px 0px 100px;
}

#ql .hubGfx{
	float: left;
	width: 206px;
	padding: 20px 0px 0px 100px;
}

.hubHero img{
	display: block;
}

#ql .cLeft{
	float: left;
	width: 460px;
	padding: 0 15px 0 20px;
}

#ql .cRight{
	float: left;
	width: 460px;
	padding: 0 20px 0 15px;
}

.step h4{
	font-size: 18px;
	background-image: url(../images/gfxCheck.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 9px 0 10px 30px;
}

.step{
	width: 460px;
	height: 140px;
	padding: 15px 0 20px 15px;
	border-top: 1px solid #DEDEDE;
}

.step img{
	float: left;
	margin: 0 10px 30px 0;
	border: 1px solid #DEDEDE;
	padding: 7px;
	background-color: #FFF;
}

.logo img{
	float: none;
	display: block;
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: middle;
}


ol{
	padding: 0;
	margin: 0 0 0 30px;
}

/*-------------------
Webcast
-------------------*/
.webcast span {
	padding-left: 40px;
	margin-bottom: 20px;
}

.webcast p{
	float: left;
	width: 650px;
}

.webcast strong {
	float: left;
	padding-left: 40px;
	width: 250px;
}

/*-------------------
Landing Page
-------------------*/
#hdrLogo{
	float: left;
	width: 605px;
	height: 100px;
}
#hdrPricing{
	float: left;
	width: 290px;
	padding: 15px 0px 0px 30px;
	height: auto;
}

#pricing{
	width:290px;
	padding-top: 5px;
	text-align: left;
}

.trialPlayer{
	padding-top: 20px;	
	height: 270px;
	width: 480px;
	margin: 0 auto;
}

.playerReflection{
	height: 50px;
	width: 480px;
	margin: 0 auto;
}

#trial.landing .mainContent{
	background-image: none;
}

#trial.landing #footer{
	height: 220px;
	position: relative;
	background-image: none;
	color: #666;
	font-size: 14px;
}

.footerBorder{
	width: 400px;
	border-top: dotted 1px #666;
	margin: 0 auto;
	text-align: center;
	height: 100px;
}

.footerCopy{
	padding-top: 20px;
	border-top: dotted 1px #FFF; 	
}

#powered{
	width:300px;
	height: 35px;
	padding: 0 0 0 650px;
}

.specialContent{
	padding: 20px 0 20px 15px;
	width: 470px;
	}

.specialContent a.block{
	display: inline-block;
	padding: 5px 10px 5px 10px;
	margin: 0 5px 0 0;
	background-color: #999;
	color: #FFF;
}

.specialContent a.block:hover{
	background-color: #333;
	text-decoration: none;
}

/*-------------------
Thank You Page
-------------------*/

#ty{
	width: 310px;
	padding: 20px;
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
}

#lunch .location a{
	background-image:  none;
}

/*-------------------
Preferred BD
-------------------*/
.perfLogo{
	padding: 0 0 5px 14px;
	height:50px;
}
.perfLogoFirst{
	border-top:thin solid #ccc;
padding: 15px 0 5px 14px;
margin: 10px 0 0 0;
height:50px;
}

.perfContent{
	float: left;
	width: 380px;
	margin:5px 10px 10px 10px;
}
.perfLinks{
	float: left;
	text-align:right;
	width: 490px;
	padding: 2px;
}
.perfLinks .plus {
	float:right;
	text-align:right;
}
.perfSide{
	float:left;
	text-align:right;
	width:120px;
	margin:10px 0 0px 0;
}
.perfSideDH{
	float:right;
	text-align:right;
	width:120px;
	margin:10px 0 0px 0;
}

/*-------------------
New Client Site
-------------------*/

#clientsite .mainContent{
	position:  relative;
	background-position:  0 151px;	
}

#clientsite .hubHdr{
	float:left;
	margin:0;
	width:353px;
	padding: 80px 0px 0 0;
}


#clientsite .subHdrWatch{
	line-height:21px;
	font-size: 15px;
	width: 110px;
	float:left;
	text-align:right;
	padding: 20px 5px 3px 0;
}
#clientsite .subHdrLearn{
	line-height:21px;
	font-size: 15px;
	width: 180px;
	float:right;
	padding: 20px 5px 3px 0;
}


#clientsite .hubHero img {
	padding: 25px 0 0 10px;
}
#clientsite .hubHero  {
	width:565px;
}

#clientsite .overviewCopy{
	width:  auto;
	padding: 0 30px 0 0;
}

#clientsite  .features{
	float: left;
	width: 168px;
	padding: 10px 30px 0 30px;
}

#clientsite  .featuresItem{
	position: relative;
	height: auto;
	padding: 2px;	
}

#clientsite  .featuresItem img{
	float: none;
}

#clientsite  .featuresItem span{
	position: relative;
	line-height: 18px;
	top: 0px;
	left: 0px;
}

#clientsite .cLeft{
	float: left;
	width: 450px;
	height:300px;
	padding: 0 0 0 10px;

}

#clientsite .cRight{
	float: left;
	width: 450px;
	padding: 0 0 0 10px;
}

#clientsite .cLeft li {
	list-style:disc;
	margin: 0 0 0 50px;

}

#clientsite .cRight li {
	list-style:disc;
	margin: 0 0 0 50px;

}

.slick {
	width:77; 
	height:87; 
	float:left; 
}