/* =================== */
/* = Homepage Banner = */
/* =================== */


.banner-growth {
	background-color: #FFF;
	background-image: url('../cms/cmsimages/growth-promo-bg.jpg');
	background-repeat: no-repeat;
	background-position: -7px top;
	border-left:1px solid #E0E8FD;
	border-right:1px solid #E0E8FD;
	clear:both;
	min-height:212px;
}
.build-portfolio {
	float: right;
	margin: 20px 10px 0 0;
	width: 73%;
}

.build-portfolio h1 {
	background: url('../cms/cmsimages/growth-h1-bg.gif') no-repeat left top;
	display: block;
	height: 41px;
	margin-bottom: 5px;
	text-indent: -9999px;
	width: 624px;
}

.banner-lcol {
	border-right: 1px solid #cccccc;
	float: left;
	margin-right: 1%;
	padding-right: 1%;
	width: 45%;
}

.banner-lcol a {
	background-image: url('../cms/cmsimages/get-started-button.gif');
	background-repeat: no-repeat;
	display: block;
	height: 42px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 196px;
}

.banner-lcol a:link, .banner-lcol a:visited {
	background-position: left top;
}

.banner-lcol a:hover, .banner-lcol a:focus {
	background-position: left -43px ;
}

.banner-rcol {
	display: inline;
	float: right;
	width: 52%;
}

.banner-rcol a {
	background-image: url('../cms/cmsimages/trading-tools-button.gif');
	background-repeat: no-repeat;
	display: block;
	height: 42px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 196px;
}

.banner-rcol a:link, .banner-rcol a:visited {
	background-position: left top;
}

.banner-rcol a:hover, .banner-rcol a:focus {
	background-position: left -43px;
	margin: 0;
	padding: 0;
}

.banner-growth p {
	color:#666666;
	padding-bottom:10px;
}


/* ============= */
/* = Header = */
/* ============= */

.services-pic {
	background: transparent url(../cms/cmsimages/services-trans.png) no-repeat right top;
bottom:0px;
height:167px;
position:absolute;
right:10px;
width:382px;
z-index:5;
}

.trading-tools-pic {
	background: transparent url(../cms/cmsimages/trading-trans.png) no-repeat scroll right top;
bottom:0px;
height:167px;
position:absolute;
right:120px;
width:249px;
z-index:5;
}

.cta-whitepaper-pic {
	background: transparent url(../cms/cmsimages/cta-trans.png) no-repeat scroll right top;
bottom:0px;
height:167px;
position:absolute;
right:10px;
width:382px;
z-index:5;
}

.services-pic p, .trading-tools-pic p, .cta-whitepaper-pic p {
	text-indent: -9999px;
}


/* ============= */
/* = Structure = */
/* ============= */

#pageContent .thrcolleft {
	display: inline;
	float: left;
  margin: 0 2.8% 0 0;
	padding: 10px 0;
	width: 31%;
}

#pageContent .thrcolmiddle {
	display: inline;
	float: left;
  margin:0;
	padding: 10px 0;
	width: 31%;
}

#pageContent .thrcolright {
	display: inline;
	float: right;
	width: 31%;
	margin: 0;
	padding: 10px 0;
}

#pageContent .full-col {
	clear: both;
	margin: 15px auto;
	overflow: hidden;
  width: 97%;
}

#pageContent .two-third-col {
	clear: both;
  width: 66%;
}

#pageContent .border {
  border: 2px solid #dbdbdb;
}

/* =================== */
/* = Structure Style = */
/* =================== */

#pageContent .callout {
	background-color: #FFF;
  border: 2px solid #dbdbdb;
}

#pageContent .services-form {
	background: #FFF url(../cms/cmsimages/intro-form-bg.jpg) repeat-x bottom;
	border: 2px solid #dbdbdb;
	padding: 10px 0;
}

#pageContent .border-left {
	border-left: 1px solid #cccccc;
}

#pageContent .margin-right {
	margin-right: 12px;
}
	
#pageContent .margin-left {
	margin-left: 12px;
}

#pageContent .margin-top {
	margin-top: 15px;
}

#pageContent .fltrt {
	float: right;
}

#pageContent .other {
	margin: 3% 1.5% 1.5% 1.5%;
}

#pageContent #cta-promo {
	background: #FFF url(../cms/cmsimages/screens-cta.jpg) no-repeat 15px 10px;
	padding: 10px 0;
}


/* ============== */
/* = Typography = */
/* ============== */
#pageContent .other p a {
  background: none;
}

#pageContent .other p a span {
	color:#FB8132;
	text-decoration: none;
}

#pageContent .callout h2 {
	color:#FB8132;
	font-size: 2.25em;
	margin: 5px 12px;
}

#pageContent .callout p {
	margin: 5px 12px;
}

#pageContent .callout ul {
	list-style-type:disc;
	list-style-position:inside;
	margin: 5px 12px;
}

#pageContent .callout p.more-button  {
	margin-top: 20px;
	text-align:right;
}

#pageContent .callout .more-button a {
	background-image: url(../cms/cmsimages/more-button-bg.jpg);
	background-repeat:no-repeat;
	color: #000;
	display: block;
	height: 36px;
	line-height: 1.3em;
	padding: 0 60px 0 0;
}

#pageContent .callout .more-button a:link, #pageContent .callout .more-button a:visited {
	background-position: right top;
}

#pageContent .callout .more-button a:hover, #pageContent .callout .more-button a:focus {
	background-position: right -37px;
	text-decoration: underline;
}

#pageContent .callout .more-button strong {
	color: #0066FF;
	display: block;
	font-size: 1.15em;
	text-transform: uppercase;
}

#pageContent .two-third-col p {
	margin-bottom: 10px;
}

#pageContent #cta-promo .two-third-col .access-cta a {
	background-image: url(../cms/cmsimages/access-cta-button.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 43px;
	margin-top: 20px;
	padding: 0;
	text-indent: -9999px;
	width: 197px;
}

#pageContent #cta-promo .two-third-col .access-cta a:link, #pageContent #cta-promo .two-third-col .access-cta a:visited {
	background-position: left top;
}

#pageContent #cta-promo .two-third-col .access-cta a:hover, #pageContent #cta-promo .two-third-col .access-cta a:focus {
	background-position: left -44px;
}


/* =================== */
/* = Right Col Promo = */
/* =================== */


.otherContent-CTA-promo a {
background-image: url(../cms/cmsimages/cta-whitepaper-promo.gif);
background-repeat: no-repeat;
background-attachment: scroll;
clear:left;
display:block;
height:85px;
margin: 0 0 2em 0;
padding: 0;
position: relative;
right:5px;
width:237px;
z-index:500000;
}

.otherContent-CTA-promo a:link, .otherContent-CTA-promo a:visited {
	background-position: left top;
	height: 85px;
}

.otherContent-CTA-promo a:hover, .otherContent-CTA-promo a:focus {
	background-position: left -86px;
	height: 85px;
}

.otherContent-manager-promo a {
background-image: url(../cms/cmsimages/manager-promo.gif);
background-repeat: no-repeat;
background-attachment: scroll;
clear:left;
display:block;
height:136px;
margin: 0 0 2em 0;
padding: 0;
position: relative;
right:5px;
width:237px;
z-index:500000;
}

.otherContent-manager-promo a:link, .otherContent-manager-promo a:visited {
	background-position: left top;
	height: 136px;
}

.otherContent-manager-promo a:hover, .otherContent-manager-promo a:focus {
	background-position: left -137px;
	height: 136px;
}

/*---- NEW PROMO------*/
.otherContent-manager-promo-new a {
background-image: url(../cms/cmsimages/manager-promo-new.gif);
background-repeat: no-repeat;
background-attachment: scroll;
clear:left;
display:block;
height:136px;
margin: 0 0 2em 0;
padding: 0;
position: relative;
right:5px;
width:237px;
z-index:500000;
}

.otherContent-manager-promo-new a:link, .otherContent-manager-promo-new a:visited {
	background-position: left top;
	height: 136px;
}

.otherContent-manager-promo-new a:hover, .otherContent-manager-promo-new a:focus {
	background-position: left -137px;
	height: 136px;
}
/*---- EOF NEW PROMO------*/

/* ========= */
/* = Forms = */
/* ========= */

#pageContent .full-col.services-form fieldset {
  border: none;
  background: none;
}

#pageContent .full-col.services-form  fieldset p {
	display: block;
	clear: both;
	margin: 10px 0;
	overflow: hidden;
}

#pageContent .full-col.services-form fieldset p .form-label,
#pageContent #cta-whitepaper .form-label {
	text-align: right;
	width: 80px;
	display: block;
	float: left;
}

#pageContent .full-col.services-form fieldset p .textfield,
#pageContent #cta-whitepaper .textfield {
	float: right;
	width: 140px;
	margin: 0 0 0 5px;
}

#pageContent .full-col.services-form fieldset.form-middle p {
  margin: 10px 12px;
}
#pageContent .full-col.services-form #action-buttons {
	clear:both;
	float: right;
	margin-top: 20px;
}

#pageContent .full-col.services-form .thrcolmiddle.border-left fieldset p .checkbox {
	margin: 0 5px 0 0;
}

#pageContent .mainContent #cta-whitepaper {
	padding-top: 30px;
	width: 300px;
}