/* Transformed CSS from: /css/legacy-pages.css */
.round-btn {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    font-size: 14px;
    line-height: 16px;
    display: block;
    border: 1px solid;
    float: left;
    padding: 7px 20px 7px 20px;
    margin: 0 15px 0 0;
    transition: all 0.4s ease;
    word-wrap: normal;
    text-decoration: none;
    text-decoration: none !important;
    border-color: #c0c0c0;
    color: #000
    }
.round-btn:hover {
    border-color: #fff;
    background: #000 !important;
    color: #fff !important
    }
.green {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    font-size: 14px;
    line-height: 16px;
    display: block;
    border: 1px solid;
    float: left;
    padding: 7px 20px 7px 20px;
    margin: 0 15px 0 0;
    transition: all 0.4s ease;
    word-wrap: normal;
    text-decoration: none;
    background: #a6ce39;
    color: #000;
    border: 0 !important
    }
.green:hover {
    color: #fff;
    background: #000
    }
.header-closeout {
    background: url(/wandacache/hero-582c3840f03e470cf8c4af9cc1741fcd4830bb94.jpg) no-repeat 33% 50%;
    min-height: 300px;
    overflow: auto
    }
.header-closeout.learn, .header-closeout.platform {
    background: #eee url(/wandacache/WB-ACADEMY-V1-6289025197c060db1df37892c5e271457d803c3b.jpg) no-repeat left bottom/100%
    }
.header-closeout.learn .jcarousel-wrapper, .header-closeout.platform .jcarousel-wrapper {
    display: none
    }
@media all and (min-width: 1300px) {
    .header-closeout.learn .jcarousel-wrapper, .header-closeout.platform .jcarousel-wrapper {
        display: block
        }
    }
@media all and (min-width: 1300px) {
    .header-closeout.learn, .header-closeout.platform {
        background: none
        }
    }
.header-closeout.learn #title, .header-closeout.platform #title {
    position: absolute;
    top: 0
    }
.header-closeout.learn #title h1, .header-closeout.platform #title h1 {
    margin-bottom: 20px
    }
@media all and (min-width: 1300px) {
    .header-closeout.learn #title, .header-closeout.platform #title {
        padding-top: 25rem
        }
    }
.header-closeout.platform {
    background: #eee
    }
.header-closeout.platform #title {
    position: static
    }
@media all and (min-width: 600px) {
    .header-closeout.platform {
        background: #eee url(/images/2015-redesign/forex-trading/platform/index/Hero-Image-01.jpg) no-repeat left bottom/cover
        }
    .header-closeout.platform #title {
        position: absolute;
        padding: 10rem 35% 4rem 2rem
        }
    }
@media all and (min-width: 1300px) {
    .header-closeout.platform {
        background: none
        }
    }
.header-closeout.platform-fxtrade-demo-platform {
    background-image: url(/wandacache/hero-fxtrade-demo-platform-0af8f4a16926f6396274afa7ad878496a9a62577.jpg);
    background-position: center bottom;
    background-size: cover
    }
.header-closeout.platform-fxtrade-demo-platform #title {
    padding-right: 15%
    }
.header-closeout #title {
    padding: 1rem
    }
.header-closeout #title h1 {
    margin-top: 0
    }
.header-closeout #title p {
    margin-right: 20%;
    clear: both
    }
@media screen and (min-width: 600px) {
    .header-closeout #title {
        padding: 10rem 55% 4rem 2rem
        }
    }
@media screen and (min-width: 600px) {
    .header-closeout {
        min-height: 400px
        }
    }
@media screen and (min-width: 1300px) {
    .header-closeout {
        background-position-x: 40%
        }
    }
.wrapper {
    overflow: auto;
    padding: 0 1rem
    }
#currency-conv {
    overflow: auto;
    width: 100%
    }
#currency-conv img {
    float: left
    }
#currency-conv h3, #currency-conv p {
    margin-left: 140px
    }
#currency-conv :link, #currency-conv :visited {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    font-size: 14px;
    line-height: 16px;
    display: block;
    border: 1px solid #898989;
    float: right;
    padding: 5px 20px 5px 20px;
    transition: all 0.4s ease;
    text-decoration: none;
    color: #000;
    margin: -5px 35px 0 0
    }
#currency-conv :link:hover, #currency-conv :visited:hover {
    text-decoration: none;
    color: #fff;
    background: #000
    }
@media screen and (min-width: 600px) {
    #currency-conv {
        float: left;
        width: 49%
        }
    }
#awards {
    width: 100%
    }
#awards :link, #awards :visited {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    font-size: 14px;
    line-height: 16px;
    display: block;
    border: 1px solid #898989;
    float: right;
    padding: 5px 20px 5px 20px;
    transition: all 0.4s ease;
    text-decoration: none;
    color: #000;
    margin: -5px 35px 0 0
    }
#awards :link:hover, #awards :visited:hover {
    text-decoration: none;
    color: #fff;
    background: #000
    }
@media screen and (min-width: 600px) {
    #awards {
        float: right;
        width: 49%
        }
    }
#award-holder {
    overflow: auto;
    margin-bottom: 1rem
    }
#award-holder img {
    float: left
    }
#award-holder h3, #award-holder span {
    display: block;
    margin-left: 140px
    }
#chart-holder {
    width: 100%;
    position: relative;
    overflow: auto;
    z-index: 10;
    background: url(/wandacache/comSprBg-20b628734f376742fefc335598eba8a79d45ea44.png) no-repeat 0 0/cover;
    padding: 1rem 1rem 6rem
    }
@media screen and (min-width: 600px) {
    #chart-holder #info {
        width: 365px;
        float: left;
        margin: 70px 0 0 50px
        }
    }
#chart-holder #info h2 {
    font-weight: normal;
    font-size: 25px;
    line-height: 30px;
    color: #fefefe
    }
#chart-holder #info p {
    margin: 30px 0;
    font-size: 14px;
    line-height: 16px;
    color: #fefefe
    }
#chart-holder #chart {
    display: none;
    overflow: auto;
    clear: both
    }
@media screen and (min-width: 600px) {
    #chart-holder #chart {
        display: block;
        clear: both
        }
    }
@media screen and (min-width: 980px) {
    #chart-holder #chart {
        clear: none
        }
    }
#chart-holder #chart iframe {
    width: 550px;
    height: 290px;
    margin-top: 7rem
    }
.green-black {
    background: #a6ce39 none repeat scroll 0 0;
    border: 0 none !important;
    border-radius: 30px;
    color: #000;
    display: block;
    float: left;
    font-size: 14px;
    line-height: 16px;
    margin: 0 15px 0 0;
    padding: 7px 20px;
    text-decoration: none;
    transition: all 0.4s ease 0s;
    word-wrap: normal
    }
.green-black:hover {
    background: #fff none repeat scroll 0 0
    }
.green-body {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    font-size: 14px;
    line-height: 16px;
    display: block;
    border: 1px solid #eee;
    float: right;
    padding: 7px 20px 7px 20px;
    margin: 0 15px 0 0;
    transition: all 0.4s ease;
    text-decoration: none;
    color: #000;
    background: #a6ce39;
    color: #000;
    border: 0 !important
    }
.green-body:hover {
    background: #000;
    color: #fff
    }
.list {
    margin: 0 0 15px;
    line-height: 16px;
    font-size: 14px;
    list-style-image: url(/images/2014-layout-redesign/bullet.png)
    }
@media screen and (min-width: 600px) {
    .list {
        margin: 0 0 30px 20px
        }
    }
.list li {
    margin: 0 0 10px 0;
    color: #fff
    }
.list li a {
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    text-decoration: none
    }
.list li a:hover {
    color: #a6ce39
    }
.list .second {
    color: #000
    }
.sep {
    height: 1px;
    background: #e5e5e5;
    margin: 35px 30px
    }
.link-img {
    display: block;
    overflow: hidden
    }
@media screen and (min-width: 600px) {
    .link-img {
        float: left;
        margin-right: 4rem;
        margin-bottom: 3rem;
        width: 50%
        }
    }
.link-img:last-child {
    margin-top: 10px
    }
.section {
    margin-bottom: 3rem
    }
.section h2 {
    font-size: 25px
    }
.link-img-second {
    display: block;
    width: 100%;
    margin: 1rem 0 3rem 0;
    overflow: hidden;
    padding-top: 1rem
    }
@media screen and (min-width: 600px) {
    .link-img-second {
        float: right;
        max-width: 50%;
        margin: 2px 0 3rem 0;
        padding-top: 0
        }
    }
@media screen and (min-width: 600px) {
    .section-second {
        float: left;
        margin: 2px 0 3rem 0;
        width: 48%
        }
    }
.section-second h2 {
    font-size: 25px;
    line-height: 27px;
    color: #000
    }
.section-second p {
    margin: 20px 0;
    font-size: 14px;
    line-height: 16px;
    color: #000
    }
div.quote-panel {
    display: inline-block;
    margin: 0;
    position: relative;
    z-index: 2
    }
@media screen and (min-width: 600px) {
    div.quote-panel {
        margin: 0 0 -20px 5px
        }
    }
div#quote-panel-container {
    display: inline-block;
    position: relative
    }
div.quote-box {
    width: auto;
    margin: 25px 5px 30px 0;
    float: left
    }
@media screen and (min-width: 600px) {
    div.quote-box {
        margin: 25px 30px 30px 0
        }
    }
div.quote-box:last-child {
    border-right: 0 !important;
    margin-right: 0 !important;
    padding-right: 0 !important
    }
.ticker-spacing {
    margin: 0 0 20px 0
    }
div.quote-box div h3 {
    margin: 0;
    font: bold 18px Helvetica;
    color: #383838;
    text-transform: uppercase;
    display: inline;
    float: left
    }
div.quote-spread {
    color: #777;
    height: 17px;
    width: 90%;
    text-align: center;
    font: normal 16px Helvetica;
    clear: both;
    float: left;
    background-color: #fff;
    position: relative;
    margin: 15px 0 0 0
    }
div.quote-spread span {
    display: block;
    margin: 1px auto
    }
div.quote-price {
    color: #777;
    padding-left: 2px;
    padding-right: 7px;
    float: left;
    height: 75px;
    font: lighter 35px Helvetica;
    border-right: 2px solid #ebebeb;
    background-color: #fff
    }
span.quote-base-price {
    color: #383838;
    font: 14px Helvetica;
    position: relative;
    top: 3px;
    left: 0;
    display: block;
    margin: 0 0 10px 0
    }
span.quote-pippette {
    font: normal 17px Helvetica;
    position: relative;
    top: -15px;
    left: -0.2em
    }
div.qpc {
    clear: both
    }
div.quote-image {
    float: right;
    background-color: #777;
    height: 13px;
    width: 23px;
    overflow: hidden;
    position: relative;
    top: 3px;
    left: -2px
    }
div.quote-image .hidden {
    display: none
    }
div.quote-image .img-down {
    width: 23px;
    height: 13px;
    background-image: url(/wandacache/down-arrow-652c071b3d6e9522693376d6cd4149a34962bf74.png)
    }
div.quote-image .img-dash {
    width: 23px;
    height: 13px;
    background-image: url(/wandacache/no-change-d804065bc3e76d7f3b5af70f2b18be7570d82c31.png)
    }
div.quote-image .img-up {
    width: 23px;
    height: 13px;
    background-image: url(/wandacache/up-arrow-370e7edbded0ab95e90958c2a3e9e09068f76091.png)
    }
.quote-news {
    display: none;
    left: 7px
    }
.question-mark {
    width: 9px;
    height: 9px;
    background-image: url(/wandacache/questionmark-5bc2f9ffd5a71539453d9dab8a8634e867b740a1.gif);
    position: absolute;
    right: 26px;
    top: 4px
    }
#home-spreads {
    border: 1px solid #898989;
    border-radius: 30px;
    color: #000;
    display: block;
    float: right;
    font-size: 14px;
    line-height: 16px;
    margin: 20px 35px 0 0;
    padding: 5px 20px;
    position: relative;
    text-decoration: none;
    transition: all 0.4s ease 0s;
    z-index: 3
    }
#home-spreads:hover {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    text-decoration: none
    }
.three-column-container {
    text-align: center;
    margin: 0 1rem
    }
@media screen and (min-width: 600px) {
    .three-column-container {
        margin-top: -20px
        }
    }
.three-column-container h2 {
    font-weight: normal;
    font-size: 25px;
    line-height: 27px;
    color: #000
    }
.three-column-container h3 {
    margin: 10px 0 0 0;
    font-size: 14px;
    line-height: 16px;
    color: #000
    }
.three-column-container #holder {
    overflow: auto;
    width: 100%;
    height: auto;
    margin: 30px 0 0 0
    }
.three-column-container #holder .cell {
    display: block;
    overflow: auto;
    vertical-align: top;
    margin-bottom: 2em
    }
@media screen and (min-width: 600px) {
    .three-column-container #holder .cell {
        vertical-align: baseline;
        display: inline-block;
        width: 315px;
        margin: 0 30px 0 0
        }
    }
.three-column-container #holder .cell a {
    display: block;
    text-decoration: none
    }
.three-column-container #holder .cell a.try {
    float: none;
    display: inline-block
    }
.three-column-container #holder .cell h4 {
    margin: 20px 0 0 0;
    font-weight: normal;
    font-size: 25px;
    line-height: 27px;
    color: #000
    }
@media screen and (min-width: 600px) {
    .three-column-container #holder .cell h4 {
        height: 48px
        }
    }
.three-column-container #holder .cell span {
    display: block;
    margin: 15px 0 10px 0;
    font-size: 14px;
    line-height: 16px;
    color: #000
    }
@media screen and (min-width: 600px) {
    .three-column-container #holder .cell span {
        height: 90px
        }
    }
.try {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    font-size: 14px;
    line-height: 16px;
    display: block;
    border: 1px solid #898989;
    float: right;
    padding: 5px 20px 5px 20px;
    transition: all 0.4s ease;
    text-decoration: none;
    color: #000;
    margin: 0
    }
.try:hover {
    text-decoration: none;
    color: #fff;
    background: #000
    }
#reviews-cta {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    font-size: 14px;
    line-height: 16px;
    display: block;
    border: 1px solid #898989;
    float: right;
    padding: 5px 20px 5px 20px;
    transition: all 0.4s ease;
    text-decoration: none;
    color: #000;
    margin: 20px 35px 0 0;
    position: absolute !important;
    bottom: 20px !important;
    right: 10px !important
    }
#reviews-cta:hover {
    text-decoration: none;
    color: #fff;
    background: #000
    }
#news-cta {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    font-size: 14px;
    line-height: 16px;
    display: block;
    border: 1px solid #898989;
    float: right;
    padding: 5px 20px 5px 20px;
    transition: all 0.4s ease;
    text-decoration: none;
    color: #000;
    margin-right: 0;
    margin-top: 16px
    }
#news-cta:hover {
    text-decoration: none;
    color: #fff;
    background: #000
    }
#pulse-cta {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    font-size: 14px;
    line-height: 16px;
    display: block;
    border: 1px solid #898989;
    float: right;
    padding: 5px 20px 5px 20px;
    transition: all 0.4s ease;
    text-decoration: none;
    color: #000;
    margin: 20px 35px 0 0
    }
#pulse-cta:hover {
    text-decoration: none;
    color: #fff;
    background: #000
    }
.news {
    margin: 0;
    position: relative;
    padding-right: 2rem;
    height: 375px
    }
@media screen and (min-width: 600px) {
    .news {
        border-right: 2px solid #e5e5e5;
        float: left;
        height: 275px;
        padding: 20px 90px 0 20px;
        width: 630px
        }
    }
.news h2 {
    font-weight: normal;
    font-size: 25px;
    line-height: 24px;
    color: #000
    }
.news .review {
    display: none;
    opacity: 0;
    margin: 45px 0 0 0;
    font-size: 18px;
    line-height: 20px;
    color: #000;
    position: relative
    }
@media screen and (min-width: 600px) {
    .news .review {
        width: 520px
        }
    }
.news .review span {
    display: block;
    margin: 20px 0 0 0;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #000;
    font-style: italic
    }
.news .article {
    width: 230px;
    height: 107px;
    margin: 35px 0 0 0;
    font-weight: lighter;
    font-size: 16px;
    line-height: 18px;
    color: #000;
    position: relative
    }
.news .article:before {
    display: block;
    height: 107px;
    margin: 15px 8px 0 0;
    content: "-";
    float: left;
    font-weight: lighter;
    font-size: 16px;
    line-height: 18px;
    color: #000;
    position: relative
    }
.news .review:before {
    display: block;
    content: "";
    position: absolute;
    top: -10px;
    left: -25px;
    width: 18px;
    height: 18px;
    background: url(/wandacache/quoteTop-768d97bfbfec7b8438f2c5a0944faa31c0647a9a.png) no-repeat 0 0
    }
.news .review:after {
    display: block;
    content: "";
    position: absolute;
    bottom: 30px;
    right: -7px;
    width: 18px;
    height: 18px;
    background: url(/wandacache/quoteBot-8ac70b7a79868edb9920dcccad2ac91515342174.png) no-repeat 0 0
    }
.news-last {
    visibility: visible;
    margin-right: 18px;
    padding: 20px 0 0 20px
    }
@media screen and (min-width: 600px) {
    .news-last {
        height: 250px;
        float: left
        }
    }
.news-last h2 {
    font-weight: normal;
    font-size: 25px;
    line-height: 24px;
    color: #000
    }
.news-last div {
    width: 230px;
    height: 107px;
    margin: 35px 0 0 0;
    font-weight: lighter;
    font-size: 16px;
    line-height: 18px;
    color: #000;
    position: relative
    }
.news-last div:before {
    display: block;
    height: 107px;
    margin: 0 8px 0 0;
    content: "-";
    float: left;
    font-weight: lighter;
    font-size: 16px;
    line-height: 18px;
    color: #000;
    position: relative
    }
#pulse {
    width: 100%;
    text-align: center;
    width: 100%;
    font-weight: lighter;
    font-size: 22px;
    line-height: 24px;
    text-align: center;
    color: #000
    }
@media screen and (min-width: 600px) {
    #pulse {
        padding: 0 20px
        }
    }
#pulse #inner a {
    display: inline-block;
    vertical-align: top;
    text-decoration: none
    }
#pulse #inner span {
    display: inline-block;
    vertical-align: top;
    margin: 15px 0 0 30px;
    font-size: 14px;
    line-height: 16px;
    color: #000
    }
#pulse h2 {
    margin: 30px 0 -5px 0;
    text-align: center;
    font-weight: normal;
    font-size: 25px;
    line-height: 27px;
    color: #000
    }
#pulse .marketpulse-post {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-top: 10px;
    background: #FFF;
    color: #000;
    font-size: 14px
    }
@media screen and (min-width: 600px) {
    #pulse .marketpulse-post {
        width: 335px;
        height: 291px;
        float: left
        }
    }
#pulse .marketpulse-post.mp-subscribe {
    background-image: url(/wandacache/marketpulse-subscribe-3acb40605c63ba3e8a34974cf7c369481c0a20fd.png);
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 215px 0 10px;
    width: 300px
    }
#pulse .marketpulse-post h2 {
    font-size: 25px;
    height: 100px;
    margin: 20px 10px 0
    }
#pulse .marketpulse-post h2 a {
    color: #000
    }
#pulse .marketpulse-post .post-description {
    margin: 0 10px
    }
@media screen and (min-width: 600px) {
    #pulse .marketpulse-post .post-description {
        height: 65px
        }
    }
#pulse .marketpulse-post .posted-time {
    font-style: italic;
    margin-top: 10px
    }
#pulse .marketpulse-post .marketpulse-cta {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    font-size: 14px;
    line-height: 16px;
    display: block;
    border: 1px solid #898989;
    float: right;
    padding: 5px 20px 5px 20px;
    transition: all 0.4s ease;
    text-decoration: none;
    color: #000;
    display: inline;
    float: none;
    background: #FFF;
    color: #000
    }
#pulse .marketpulse-post:hover .marketpulse-cta {
    color: #FFF;
    background: #000
    }
.jcarousel-wrapper {
    overflow-y: hidden
    }
.jcarousel-wrapper .photo-credits a {
    color: #fff
    }
.jcarousel {
    position: relative;
    overflow: hidden
    }
.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0
    }
.jcarousel li {
    float: left
    }
.jcarousel-pagination {
    text-align: right
    }
.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    width: 12px;
    height: 12px;
    background: url(/wandacache/pagin-5db64c45080b40c3e50738ba3357d49616d986e9.png) no-repeat 0 0;
    border-radius: 14px;
    padding: 3px;
    margin-right: 2px;
    opacity: 0.75
    }
.jcarousel-pagination a.active {
    background: url(/wandacache/paginA-73a9e93b47bc2ac90e3919961ddb529c5e626e5a.png) no-repeat 0 0;
    opacity: 1
    }
#content {
    position: relative
    }
.two-point-images {
    overflow: auto;
    margin-bottom: 1em
    }
@media screen and (min-width: 600px) {
    .two-point-images {
        width: 48%;
        float: left;
        margin: 0 5px 0 5px
        }
    }
.two-point-images img.main-img {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    width: 100%
    }
.two-point-images .inner {
    padding: 0 20px;
    position: relative
    }
.two-point-images .inner .inner-title {
    color: #000;
    font-size: 22px;
    font-weight: lighter;
    line-height: 24px;
    margin: 20px 0 20px 0;
    text-align: center;
    width: 100%
    }
.two-point-images .inner .list-cell-second {
    margin: 0 0 7px 0;
    padding: 0
    }
.fx-cta {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    font-size: 14px;
    line-height: 16px;
    display: block;
    border: 1px solid #898989;
    float: right;
    padding: 5px 20px 5px 20px;
    transition: all 0.4s ease;
    text-decoration: none;
    color: #000;
    margin: 20px 35px 0 0;
    right: 20px;
    bottom: 8px
    }
.fx-cta:hover {
    text-decoration: none;
    color: #fff;
    background: #000
    }
.right-bottom {
    float: right
    }
.title-description {
    text-align: center
    }
.title-description h1 {
    font-weight: normal;
    font-size: 25px;
    line-height: 27px;
    color: #000
    }
.title-description p {
    font-size: 14px;
    line-height: 16px;
    color: #000
    }
.wrapper {
    margin: 20px 0
    }
.wrapper #holder {
    width: 100%
    }
@media screen and (min-width: 600px) {
    .wrapper #holder {
        float: left
        }
    }
.wrapper #holder .cell {
    position: relative;
    overflow: auto;
    margin-bottom: 2em;
    padding: 0 1em
    }
@media screen and (min-width: 600px) {
    .wrapper #holder .cell {
        width: 48%;
        float: left;
        margin: 0 1px 2em 0
        }
    .wrapper #holder .cell.last {
        clear: both
        }
    }
@media screen and (min-width: 900px) {
    .wrapper #holder .cell {
        width: 32%
        }
    .wrapper #holder .cell.last {
        clear: none
        }
    }
.wrapper #holder .cell img {
    display: block;
    margin: 0 auto
    }
.wrapper #holder .cell .list {
    margin: 0 0 2em 0
    }
@media screen and (min-width: 600px) {
    .wrapper #holder .cell .list {
        float: left
        }
    }
.wrapper #holder .cell .list .second {
    margin: 0 0 7px 0
    }
.wrapper #holder .cell .platform-title {
    margin: 25px 0 15px 0
    }
#main_core_container, #core_content, #core_header {
    margin: 0 1em
    }
@media screen and (min-width: 1350px) {
    #main_core_container, #core_content, #core_header {
        margin: 0
        }
    }
.ft_quote_panel {
    width: 310px;
    margin: 0 auto
    }
@media screen and (min-width: 600px) {
    .ft_quote_panel {
        width: 520px
        }
    }
#main_content {
    width: initial !important
    }
.intro_1_block, .support_1_block {
    width: initial !important;
    margin-left: 0;
    margin-bottom: 0
    }
.intro_type ul li, .intro_type li {
    background-image: none !important
    }
.index_2_column_left_offset {
    width: 100%;
    overflow: auto
    }
.index_2_column_lo_left {
    width: 100%
    }
@media all and (min-width: 600px) {
    .index_2_column_lo_left {
        width: 66.6666%;
        float: left
        }
    }
.index_2_column_lo_right {
    width: 100%
    }
@media all and (min-width: 600px) {
    .index_2_column_lo_right {
        width: 33.3333%;
        float: right
        }
    }
#account_type_container {
    display: inline-block
    }
#new_login_form_container #account_type_container a {
    padding: 0.5em 1em
    }
.login_block {
    width: 100%;
    max-width: 700px;
    height: auto;
    margin: 0 auto;
    padding: 1em 1em 1em 25px
    }
.form-group .col-sm-11 {
    margin-bottom: 1em;
    overflow: auto
    }
.form-group .col-sm-11 .checkbox.col-sm-8 {
    margin-bottom: 1em
    }
#cross_sell {
    margin-left: 0
    }
.one_column {
    clear: both
    }
@media screen and (min-width: 480px) {
    .child {
        float: left;
        width: 100%
        }
    .child.margin_right_10px_push {
        width: 400px
        }
    }
@media screen and (min-width: 992px) {
    .child {
        width: 50%;
        margin-right: 2em;
        margin-bottom: 2em
        }
    }
.calc {
    border-collapse: collapse;
    font-size: 0.9em;
    width: 100%
    }
@media screen and (min-width: 480px) {
    .calc {
        margin-right: 3em
        }
    }
.calc td {
    border: 1px solid black;
    text-align: right;
    padding: 4px 1em
    }
.calc td.result {
    background-color: #f6f6f6;
    text-align: left
    }
.calc td.cb {
    text-align: center
    }
.calc input[type="text"] {
    width: 100%
    }
.embeddable_code {
    width: 100%
    }
.intro_left_heavy, .intro_lh_left {
    width: auto
    }
.control_container {
    overflow: auto;
    height: auto
    }
.intro_lh_right {
    display: none
    }
.one_column {
    width: auto
    }
.list_style_none {
    list-style: none
    }
#time_zone {
    color: black;
    margin-left: 10px
    }
.title {
    position: inherit;
    margin-left: 10px
    }
.timeZone {
    margin-left: 10px
    }
#volumeControllerDiv {
    color: #FFF
    }
#showVolGraph {
    margin-right: 10px
    }
#menu_content {
    clear: both
    }
.two_column.column_max_width .child.margin_right_10px_push {
    float: left;
    width: auto
    }
@media all and (min-width: 830px) {
    .two_column.column_max_width .child.margin_right_10px_push {
        width: 50%
        }
    }
@media all and (min-width: 1200px) {
    .two_column.column_max_width .child.margin_right_10px_push {
        width: 60%
        }
    }
.two_column.column_max_width .child {
    float: left;
    width: auto
    }
@media all and (min-width: 830px) {
    .two_column.column_max_width .child {
        float: right
        }
    }
.two_column.column_max_width .child img {
    width: 100%;
    margin-bottom: 1em
    }
div.grouped_menu {
    width: auto;
    max-width: 795px
    }
div.grouped_menu ul li {
    width: auto
    }
@media all and (min-width: 700px) {
    div.grouped_menu ul li {
        width: 45%
        }
    }
.vertical-align-top {
    vertical-align: top
    }
#help_button {
    margin: 15px 0
    }
.video_player {
    width: auto
    }
.accordion-title {
    background: url(/wandacache/accordion-arrowdown-eea6549d41853f92247f844f2c7559b461b9fe8f.png) no-repeat 70% center
    }
.accordion-title.active {
    background: url(/wandacache/accordion-arrowup-f67460ff83430c88d56ac54ce92496cdc2a34495.png) no-repeat 70% center
    }
.date {
    padding-top: 0;
    float: none;
    display: inline-block;
    padding-left: 0
    }
.year-day {
    float: none;
    display: inline-block
    }
.webinars-register {
    padding-top: 45px
    }
.float-none {
    float: none
    }
.borderleft {
    border-left: 0
    }
.event-details h2 {
    padding-bottom: 10px;
    padding-top: 10px
    }
.accordion-title {
    float: none
    }
.accordion-main {
    float: none;
    padding-top: 27px;
    padding-bottom: 0
    }
#index_prominent_content {
    width: 90%;
    margin: auto
    }
.float-left {
    float: left
    }
@media all and (min-width: 768px) {
    .date {
        padding-left: 25px
        }
    .accordion-main {
        padding-bottom: 75px
        }
    .accordion-title {
        background: url(/images/accordion-arrowdown.png) no-repeat 50% center
        }
    .accordion-title.active {
        background: url(/images/accordion-arrowup.png) no-repeat 50% center
        }
    }
.rounded-table-grey-shadow {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 5px 5px 5px 0 rgba(128, 128, 128, 0.75);
    -moz-box-shadow: 5px 5px 5px 0 rgba(128, 128, 128, 0.75);
    box-shadow: 5px 5px 5px 0 rgba(128, 128, 128, 0.75);
    border: 1px solid grey;
    border-collapse: separate;
    border-spacing: 10px
    }
.fxtradenow-bg-1 {
    background: url(/wandacache/fxTradeNOWv2_1-e94fda7ce32462da2b706a78e3e8ebb92c28fc0d.png) no-repeat center center/cover !important
    }
.fxtradenow-bg-2 {
    background: url(/wandacache/fxTradeNOWv2_2-63efadbaf31e480bcfcbd17d9dc19fd052bd6bae.png) no-repeat center center/cover !important
    }
.fxtradenow-bg-3 {
    background: url(/wandacache/fxTradeNOWv2_3-cb581528292eadf67614df00d34d5420e86d775f.png) no-repeat center center/cover !important
    }
.fxtradenow-bg-4 {
    background: url(/wandacache/fxTradeNOWv2_4-a4e407eb64820834db3f2ff6d7f44c696a9b8345.png) no-repeat center center/cover !important
    }
.fxtradenow-carousel {
    width: 300px;
    margin-right: 2em;
    float: left
    }