#retailWrap h2, .clickRetail, .rhsHead ul li a, ul.retailWrap li a {
    text-transform: uppercase;
}

.accontDetail .rowMail, .accordDetail .detailBlock .detail, .accordDetail .detailBlock .detail .quickBox, .accordDetail .testimonialBlock, .accordDetail .testimonialBlock .blockDetail, .accordDetail .testimonialBlock h2, .accordDivDetail, .accordDivDetail .download ul li a, .contentWrap, .fndDtl .rowDtl ul li, .folioAccordHead, .folioAccordHead1, .folioTitle, .folioTitle1, .folioWrap .row, .footer, .fundAccord .accordDiv, .haveusDetail, .haveusDetail input[type=text], .headTitle, .header, .investTabWrap .tabDetail .row, .investTabWrap ul.tab li, .linkFolios .folioWrap, .linkFolios .linkFolioContent, .loginWrapper .loginContent, .moreIntresting .moreDetl, .moreIntresting h2, .myAccWrapper .infoContent, .myAccWrapper .navTabs ul.folioTab li, .myAccWrapperContent, .navTabs1 ul.folioTab li, .searchfundDetail input, .selectedvalue, .stepConfirm, .subscribeBox input, .tabDetail h3, .tableContent, .videoDetail, .videoDetail input[type=text], .whyInvest ul.nav li a, nav.divices, nav.divices .searchBoxDevice, p.topHd, ul.bullet li, ul.footerList li ul.subList li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

footer, nav, section {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    float: left;
    position: relative;
}

#footerBtm, header {
    border-top: 3px solid #203349;
}

article.midWrap {
    width: 940px;
    margin: 0 auto;
}

#mainWrapper {
    position: relative;
    width: 100%;
    float: left;
}

.footer, .header {
    width: 940px;
    margin: 0 auto;
    padding: 0;
    height: 95px;
}

.headWrap a.logo {
    float: left;
    margin-top: 25px;
}

.headWrap, ul.retailWrap {
    width: 100%;
    float: left;
}

#retailWrap, .retailInvestor {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    background: #203349;
    display: none;
}

#retailWrap {
    width: 750px;
    height: 60px;
    padding-top: 10px;
    display: block;
}

    #retailWrap h2 {
        display: none;
        color: #333;
        font-size: 1.6em;
        font-weight: 400;
        margin: 10px 0 0;
    }

ul.retailWrap {
    display: none;
    top: -60px;
}

    ul.retailWrap li {
        width: auto;
        float: left;
    }

        ul.retailWrap li a {
            color: #fefeff;
            padding: 14px 13px;
            float: left;
            font-size: 1.4em;
        }

.rhsHead, .rhsHead ul {
    float: right;
}

ul.retailWrap li:first-child a {
    background: #d8dee5;
    color: #203349;
}

ul.retailWrap li:last-child a {
    padding-right: 0;
}

.clickRetail {
    width: 200px;
    margin: 0 auto;
    height: 20px;
    background: url(../images/arrowSprite.png) center 22px no-repeat #203349;
    border-radius: 0 0 7px 7px;
    -moz-border-radius: 0 0 7px 7px;
    -webkit-border-radius: 0 0 7px 7px;
    border: none;
    text-align: center;
    color: #c1c9d3;
    font-size: 1.2em;
    cursor: pointer;
    padding: 5px 0;
}

    .clickRetail span {
        color: #fff;
        background: url(../images/arrowLft.png) 0 center no-repeat;
        padding-left: 8px;
        margin-left: 5px;
    }

    .clickRetail.act {
        background-position: center -27px;
    }

.rhsHead h3, .rhsHead p {
    text-align: right;
    color: #034da2;
    font-size: 1.8em;
    line-height: 1.1em;
    font-weight: 400;
    font-family: Arial,Helvetica,sans-serif;
}

.rhsHead p {
    font-size: 1.1em;
}

.rhsHead ul {
    margin: 10px 0 5px;
}

    .rhsHead ul li {
        width: auto;
        float: left;
        text-align: right;
    }

        .rhsHead ul li a {
            float: left;
            color: #034da2;
            font-size: 1.3em;
            padding: 0 15px 0 5px;
            font-family: robotolight;
        }

        .rhsHead ul li.userNameClick a {
            background: url(../images/arwDown.png) right center no-repeat;
            text-transform: none;
        }

        .rhsHead ul li.userNameClick2 a {
            background: url(../images/toparrow2.png) right center no-repeat;
            text-transform: none;
        }

        .rhsHead ul li:first-child a {
            color: #666;
            padding: 0 10px 0 0;
            cursor: default;
            text-transform: none;
            background: 0 0;
        }

        .rhsHead ul li.chatwithus a {
            background: 0 0;
            border-right: 1px solid #c0d2e8;
            height: 24px;
            padding: 0 6px 0 0;
        }

        .rhsHead ul li.userNameClick a, .rhsHead ul li.userNameClick2 a {
            padding-top: 4px;
        }

.logedinWrapper {
    padding: 12px;
    background: #d9dde6;
    position: absolute;
    width: 164px;
    display: none;
    z-index: 10;
}

    .logedinWrapper a {
        background: #f92f2f;
        float: right;
        font-size: 1.5em;
        line-height: 1em;
        margin: 10px 0;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        width: 100px;
        padding: 10px 0;
    }

        .logedinWrapper a span {
            background: url(../images/rgtArrow.png) right center no-repeat;
            padding-right: 14px;
        }

    .logedinWrapper h2 {
        font-size: 1.3em;
        color: #034da2;
    }

    .logedinWrapper p {
        color: #333;
        text-align: left;
        font-size: 1.2em;
        padding: 10px 0 0;
    }

ul.nav {
    width: 100%;
    float: left;
}

    ul.nav li.firstLi a {
        width: 60px;
        height: 63px;
        border-left: none;
        cursor: pointer;
    }

    ul.nav li a, ul.nav li.lastLi {
        border-left: 1px solid #3571b5;
    }

    ul.nav li.firstLi:hover {
        background: 0 0;
    }

    ul.nav li {
        float: left;
        position: relative;
    }

        ul.nav li a {
            cursor: pointer;
            padding: 10px 25px 9px 18px;
            float: left;
            min-height: 63px;
            width: 200px;
            text-align: center;
            font-size: 1.7em;
            text-transform: uppercase;
            line-height: 1.3em;
            font-family: robotolight,Tahoma;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

        ul.nav li:hover {
            background: #d8dee5;
        }

        ul.nav li a.activeFirstLevel {
            background: #d8dee5;
            color: #333;
        }

        ul.nav li ul li ul.subMenuMain li a.activeThirdLevel {
            color: #034da2;
        }

        ul.nav li:hover a {
            color: #203349;
        }

        ul.nav li.lastLi:hover {
            background: 0 0;
        }

        ul.nav li.lastLi {
            width: 54px;
            min-height: 58px;
        }

            ul.nav li.lastLi .searchBtn {
                float: right;
                margin-top: 16px;
                cursor: pointer;
                display: block;
            }

        .searchBox, ul.nav li ul, ul.nav.serchTab li ul, ul.serchTab li.lastLi .searchBtn {
            display: none;
        }

            ul.nav li ul li a.transacticon::after {
                background-position: -199px -622px;
            }

            ul.nav li ul li a.ekyc::after {
                background-position: -358px -620px;
            }

            ul.nav li ul li a.waystotransacticon::after {
                background-position: -312px -619px;
            }

.searchBox {
    width: 266px;
    float: left;
    min-height: 47px;
    padding-left: 12px;
    position: absolute;
    margin-top: 11px;
}

    .searchBox .serchBx, .searchBox .serchBx input {
        width: 225px;
        float: left;
        height: 35px;
        background: #fff;
    }

        .searchBox .serchBx input {
            width: 83%;
            float: left;
            background: 0 0;
            border: none;
            padding: 5px;
            height: 25px;
            font-size: 1.4em;
        }

        .searchBox .serchBx a {
            border: none;
            width: auto;
            padding: 0;
            margin-top: 5px;
            min-height: 0;
        }

.closeSearch {
    float: right;
    margin-top: 5px;
    cursor: pointer;
}

ul.nav li ul {
    position: absolute;
    width: 500px;
    float: left;
    background: #d8dee5;
    z-index: 1;
    top: 63px;
    padding: 10px 15px;
    box-shadow: 0 2px 1px 1px #bababa;
    -moz-box-shadow: 0 2px 1px 1px #bababa;
    -webkit-box-shadow: 0 2px 1px 1px #bababa;
    left: 1px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    ul.nav li ul.invstServic {
        left: auto;
        right: 0;
    }

    ul.nav li ul.waysTran {
        left: -160px;
    }

    .whyInvest ul.nav li, ul.nav li ul li {
        float: left;
    }

        .whyInvest ul.nav li a, ul.nav li ul li a {
            border: none;
            padding: 3px 0 3px 44px;
            float: none;
            text-align: left;
            border-bottom: 1px solid #b3bcc6;
            min-height: 0;
            width: 183px;
            color: #203349;
            font-size: 1.5em;
            height: 34px;
            display: table-cell;
            vertical-align: middle;
            line-height: 1.1em;
        }

            .whyInvest ul.nav li a:after, ul.nav li ul li a.stbInc:after, ul.nav li ul li a:after {
                content: '';
                position: absolute;
                width: 50px;
                height: 40px;
                float: left;
                background: url(../images/navSprite.png) no-repeat;
                left: 0;
                top: 0;
            }

            ul.nav li ul li a.toolsPage:after {
                background-position: -55px 0;
            }

            ul.nav li ul li a.createWealth:after {
                background-position: -119px 0;
            }

            ul.nav li ul li a.marktOutLook:after {
                background-position: -168px 0;
            }

            ul.nav li ul li a.manageCash:after {
                background-position: -219px 0;
            }

            ul.nav li ul li a.basicsMF:after {
                background-position: 2px -50px;
            }

            ul.nav li ul li a.saveTax:after {
                background-position: -54px -53px;
            }

            ul.nav li ul li a.eqFund:after {
                background-position: -118px -49px;
            }

            ul.nav li ul li a.liqFund:after {
                background-position: -224px -49px;
            }

            ul.nav li ul li a.debtFund:after {
                background-position: -169px -49px;
            }

            ul.nav li ul li a.gldFund:after {
                background-position: 0 -98px;
            }

            ul.nav li ul li a.transOnl:after {
                background-position: -280px 2px;
            }

            ul.nav li ul li a.transPhone:after {
                background-position: -280px -49px;
            }

            ul.nav li ul li a.transApp:after {
                background-position: -280px -98px;
            }

            ul.nav li ul li a.transPhyApp:after {
                background-position: -58px -98px;
            }

            ul.nav li ul li a.transSms:after {
                background-position: -338px 0;
            }

            ul.nav li ul li a.transStkEx:after {
                background-position: -335px -49px;
            }

            ul.nav li ul li a.transAtm:after {
                background-position: -335px -98px;
            }

            ul.nav li ul li a.trasServ:after {
                background-position: -390px 0;
            }

            ul.nav li ul li a.acntStmnt:after {
                background-position: -394px -49px;
            }

            ul.nav li ul li a.custServ:after {
                background-position: -394px -98px;
            }

            ul.nav li ul li a.distrLctr:after {
                background-position: -111px -98px;
            }

            ul.nav li ul li a.innovPrdct:after {
                background-position: -167px -100px;
            }

            ul.nav li ul li a.assetIcon:after {
                background-position: -375px -413px;
            }

            ul.nav li ul li a.solutionIcon:after {
                background-position: -375px -473px;
            }

            ul.nav li ul li a.nfoIcon:after {
                background-position: -1px -486px;
                background-size: 400px auto;
            }

            ul.nav li ul li a.retirementCalcIcon:after {
                background-position: -195px -234px;
                background-size: 400px auto;
            }

            ul.nav li ul li a.faqIcon:after {
                background-position: -196px -413px;
            }

            ul.nav li ul li a.glossaryIcon:after {
                background-position: -257px -412px;
            }

            ul.nav li ul li a.jabweinvestIcon:after {
                background-position: -313px -413px;
            }

            ul.nav li ul li a.mfwhyIcon:after {
                background-position: -3px -474px;
            }

            ul.nav li ul li a.simplyIcon:after {
                background-position: -57px -474px;
            }

            ul.nav li ul li a.insightIcon:after {
                background-position: -112px -474px;
            }

            ul.nav li ul li a.videoIcon:after {
                background-position: -167px -472px;
            }

            ul.nav li ul li a.downloadIcon:after {
                background-position: -221px -472px;
            }

            ul.nav li ul li a.navIcon:after {
                background-position: -273px -472px;
            }

            ul.nav li ul li a.subscribeIcon:after {
                background-position: -331px -472px;
            }

    ul.nav li ul li {
        border-top: 1px solid #b3bcc6;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        width: 100%;
    }

        ul.nav li ul li:first-child {
            border-top: none;
        }

        ul.nav li ul li a {
            border-bottom: medium none;
            display: block;
            min-height: 40px;
            padding-top: 12px;
            width: 100%;
        }

        ul.nav li ul li, ul.nav li ul li:hover {
            background: url(../images/selectbg.webp) 99% 14px no-repeat;
            cursor: pointer;
        }

            ul.nav li ul li ul.subMenuMain {
                width: 100%;
                box-shadow: none;
                padding: 0 0 0 40px;
                margin: 0;
                position: relative;
                top: 0;
                display: none;
            }

                ul.nav li ul li ul.subMenuMain li {
                    background: url(../images/blueLeftArrow.png) 0 4px no-repeat;
                    float: left;
                    width: 50%;
                    border-top: none;
                }

                    ul.nav li ul li ul.subMenuMain li a {
                        height: auto;
                        padding: 0 10px 10px 15px;
                        float: left;
                        text-transform: capitalize;
                        min-height: 0;
                        box-sizing: border-box;
                        -moz-box-sizing: border-box;
                        -webkit-box-sizing: border-box;
                    }

                        ul.nav li ul li ul.subMenuMain li a:after {
                            background: 0 0;
                        }

                        ul.nav li ul li ul.subMenuMain li a:hover {
                            color: #034da2;
                        }

            ul.nav li ul li.subMenuOpen {
                background-image: url(../images/selectbg-upside.png);
            }

.noBg {
    background: 0 0 !important;
}

nav.divices {
    height: 58px;
    padding: 10px 15px;
    display: none;
    position: relative;
}

    nav.divices ul {
        float: right;
    }

        nav.divices ul li {
            float: left;
            width: auto;
        }

            nav.divices ul li a {
                padding: 0 8px;
                border-left: 1px solid #81a6d1;
                display: table-cell;
                height: 35px;
                vertical-align: middle;
            }

            nav.divices ul li:first-child a {
                border: none;
            }

    nav.divices .searchBoxDevice {
        width: 100%;
        position: absolute;
        height: 50px;
        left: 0;
        top: 0;
        padding: 8px 15px 0;
        background: #034da2;
        display: none;
    }

.searchBoxDevice .inputBox {
    width: 90%;
    float: left;
    background: #fff;
    height: 35px;
}

    .searchBoxDevice .inputBox input {
        width: 85%;
        height: 35px;
        float: left;
    }

    .searchBoxDevice .inputBox a {
        border: none;
        margin: 5px 5px 0 0;
        min-height: 0;
        padding: 0;
        width: auto;
        float: right;
    }

.searchBoxDevice .closeSearch {
    margin-left: 5px;
}

.logedinInfo, .logoutClick, .mobNav #retailWrap {
    display: none;
}

.bannerWrap .banner2 {
    background: #f3d3ba;
}

.bannerWrap .tabWrap, .bannerWrap article {
    width: 940px;
    margin: 0 auto;
    position: relative;
}

.bannerWrap .banWrap {
    float: left;
    background: url(../images/sliderBg1.jpg) right bottom no-repeat #fdebdf;
    width: 100%;
    position: absolute;
    height: 423px;
    display: block;
}

    .bannerWrap .banWrap.banWrap1 {
        background: #f4d9c1;
        display: none;
    }

.bannerWrap article {
    height: 423px;
}

    .bannerWrap article aside {
        width: 340px;
        float: left;
        height: 98%;
        text-align: center;
        color: #333;
    }

        .bannerWrap article aside h2 {
            font-size: 4.9em;
            font-family: helveticaneuethin;
            text-transform: uppercase;
            line-height: 1em;
            margin: 45px 0 0;
            position: relative;
            left: -200%;
            opacity: 0;
            font-weight: 400;
        }

        .bannerWrap article aside p {
            font-size: 1.8em;
            width: 100%;
            float: left;
            margin: 15px 0 10px;
            left: -200%;
            position: relative;
        }

            .bannerWrap article aside p.btmTxt {
                font-size: 1.1em;
                text-transform: uppercase;
                font-family: robotolight;
            }

.bannerWrap img {
    position: absolute;
    opacity: 0;
}

.selectschemename, select {
    -moz-opacity: 0;
}

.bannerWrap img.rhsImg {
    right: 40px;
    top: 10px;
}

.bannerWrap img.couple {
    bottom: 30px;
}

.bannerWrap .knowMor {
    left: -200%;
    position: relative;
}

.investOption .imgSrc, .knowMor a {
    float: left;
    left: 50%;
    text-align: center;
}

.knowMor {
    width: 100%;
    text-align: center;
}

    .knowMor a {
        background: #f92f2f;
        width: 159px;
        height: 30px;
        font-size: 1.8em;
        padding-top: 5px;
        text-transform: uppercase;
        position: relative;
        margin: 10px 0 10px -80px;
        line-height: 1em;
    }

        .knowMor a span {
            background: url(../images/rgtArrow.png) right center no-repeat;
            padding-right: 14px;
        }

.bannerWrap ul.tabWrap {
    position: absolute;
    right: 315px;
    width: 40px;
    bottom: 25px;
}

    .bannerWrap ul.tabWrap li {
        background: url(../images/bannerLi.png) right 0 no-repeat;
        width: 10px;
        height: 10px;
        float: left;
        cursor: pointer;
        margin-right: 8px;
    }

        .bannerWrap ul.tabWrap li.sel {
            background-position: left 0;
        }

.topHead {
    width: 535px;
    margin: 35px auto 0;
    text-align: center;
    color: #333;
}

    .topHead .lineHead span {
        background: #fff;
        font-size: 3em;
        color: #333;
        font-family: helveticaneuethin;
    }

    .topHead h2 {
        font-size: 4.2em;
        font-weight: 400;
        text-transform: uppercase;
        font-family: robotolight;
    }

    .topHead p {
        font-size: 1.6em;
    }

        .topHead p span {
            font-family: helveticaneuemedium;
        }

.mutualWrap .topHead {
    width: 760px;
}

    .mutualWrap .topHead .lineHead span {
        font-size: 4.7em;
        color: #fff;
        background: #284b72;
        font-family: robotolight;
    }

    .mutualWrap .topHead h2 {
        font-size: 2.5em;
        color: #fff;
        font-family: robotolight;
    }

.investPlan {
    width: 100%;
    float: left;
    margin: 30px 0;
}

.investOption {
    width: 302px;
    float: left;
    min-height: 475px;
    position: relative;
}

    .investOption .imgSrc {
        width: 100%;
        height: 297px;
        position: relative;
        margin-left: -140px;
    }

        .investOption .imgSrc img {
            position: absolute;
            bottom: 0;
            left: 0;
        }

    .accordWrap, .investOption a {
        position: relative;
        float: left;
    }

    .investOption h3 {
        text-align: center;
        font-size: 3em;
        color: #333;
        text-transform: uppercase;
        font-weight: 400;
        margin: 15px 0 10px;
        float: left;
        width: 100%;
    }

        .investOption h3 span {
            font-family: helveticaneuemedium;
        }

    .investOption p {
        font-size: 1.8em;
        text-align: center;
        margin: 0 auto 15px;
        float: left;
        padding: 0 25px;
        width: 250px;
    }

    .investOption a {
        width: 166px;
        padding: 17px 0 17px 40px;
        background: url(../images/arrowLft1.png) 160px center no-repeat #f92f2f;
        font-size: 1.8em;
        text-transform: uppercase;
        line-height: 1em;
        left: 50%;
        margin-left: -105px;
    }

.mutualWrap {
    background: #284b72;
    padding-bottom: 70px;
    top: -188px;
}

.accordWrap {
    width: 756px;
    margin: 65px 0 25px;
}

    .accordWrap .accordHead, .planInvset {
        width: 153px;
        height: 205px;
        background: #d8dee5;
        border: 1px solid #ced5de;
        margin-right: 14px;
        float: left;
        position: relative;
        padding: 10px;
        text-align: center;
        cursor: pointer;
        z-index: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

        .accordWrap .accordHead.act {
            background-position: 10px -60px;
        }

        .accordWrap .accordHead p, .planInvset p {
            width: 100%;
            float: left;
            text-align: center;
            font-size: 2.5em;
            text-transform: uppercase;
            margin-top: 30px;
            padding: 0 22px;
            line-height: 1em;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

        .accordWrap .accordHead img.plus {
            text-align: left;
            float: left;
            width: auto;
        }

        .accordWrap .imgSrc, .planInvset .imgSrc {
            width: 153px;
            display: table-cell;
            vertical-align: bottom;
            height: 85px;
        }

.accordDetail {
    position: absolute;
    min-height: 255px;
    width: 900px;
    float: left;
    left: 0;
    z-index: 1;
    top: -35px;
    background: #d8dee5;
    padding: 15px 20px;
    display: none;
}

    .accordDetail .detailBlock {
        width: 60%;
        float: left;
    }

        .accordDetail .detailBlock .imgPath {
            width: 10%;
            float: left;
        }

            .accordDetail .detailBlock .imgPath img {
                width: 45px;
            }

        .accordDetail .detailBlock .detail {
            width: 90%;
            float: left;
            padding-right: 20px;
        }

            .accordDetail .detailBlock .detail h2, .accordDetail .detailBlock .detail p, .accordDetail .testimonialBlock h2 {
                width: 100%;
                float: left;
                color: #333;
                font-weight: 400;
                font-size: 1.6em;
                line-height: 1.2em;
            }

            .accordDetail .detailBlock .detail h2 {
                font-size: 2.9em;
                text-transform: uppercase;
                margin: 10px 0;
            }

            .accordDetail .detailBlock .detail .quickBox {
                width: 100%;
                border: none;
                padding: 0 20px 0 0;
                height: auto;
                margin: 20px 0 0;
            }

                .accordDetail .detailBlock .detail .quickBox ul li {
                    width: 50%;
                    margin: 0 0 2%;
                    padding: 0;
                }

                    .accordDetail .detailBlock .detail .quickBox ul li a {
                        width: 97%;
                        font-size: 1.8em;
                        text-transform: none;
                        padding: 10px 0;
                        height: 20px;
                    }

#footerBtm p, .quickBox p, .quickBox ul li a, .quickSearch h2, .searchFund a {
    text-transform: uppercase;
}

.accordDetail .testimonialBlock {
    width: 40%;
    float: left;
    padding-right: 40px;
}

    .accordDetail .testimonialBlock h2 {
        font-size: 1.8em;
        text-transform: uppercase;
        background: url(../images/testimonials.png) no-repeat;
        padding-left: 30px;
        margin: 10px 0 15px;
    }

    .accordDetail .testimonialBlock .blockDetail {
        width: 100%;
        background: #eaedf0;
        min-height: 185px;
        float: left;
        padding: 15px 10px;
    }

        .accordDetail .testimonialBlock .blockDetail p {
            width: auto;
            float: left;
            font-size: 1.4em;
            color: #666;
            line-height: 1.1em;
        }

            .accordDetail .testimonialBlock .blockDetail p img {
                float: left;
                margin-right: 10px;
            }

            .accordDetail .testimonialBlock .blockDetail p span {
                width: auto;
                float: left;
                margin: 10px 0 0;
            }

.accordDetail a.closeBtn {
    position: absolute;
    right: 10px;
    top: 10px;
}

.divideLine {
    width: 100%;
    float: left;
    margin: 10px 0;
    height: 1px;
    background: #cdd1d6;
}

.planInvset {
    background: #f92f2f;
    border-color: #e04535;
    width: 173px;
    padding: 0;
    margin: 65px 0 25px;
    height: 225px;
    float: right;
}

    .planInvset p {
        color: #fff;
        width: 153px;
        padding: 0 10px;
        text-align: left;
        line-height: 1.1em;
        margin-top: 40px;
        font-size: 2.2em;
        background: url(../images/investArrow.png) 94% center no-repeat;
    }

    .planInvset .imgSrc {
        height: 107px;
        width: 173px;
    }

.quickSearch {
    width: 100%;
    float: left;
    margin-top: 35px;
    position: relative;
}

    .quickSearch h2 {
        color: #fff;
        font-size: 3em;
        font-family: helveticaneuethin;
        margin-bottom: 20px;
    }

.quickBox {
    width: 735px;
    float: left;
    height: 102px;
    border: 1px solid #6f8bab;
    border-right: none;
    padding: 10px 25px;
    position: relative;
    z-index: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.regBand, .regisContent .contentWrapper .regContent p {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.quickBox p {
    color: #d7dde4;
    font-size: 1.3em;
    margin-bottom: 5px;
}

.quickBox ul {
    width: 100%;
    float: left;
}

    .quickBox ul li {
        float: left;
        margin-left: 14px;
    }

        .quickBox ul li:first-child {
            margin: 0;
        }

        .quickBox ul li a {
            background: #f92f2f;
            float: left;
            width: 159px;
            height: 34px;
            text-align: center;
            font-size: 1.8em;
            padding-top: 18px;
            line-height: 1em;
        }

            .quickBox ul li a span {
                background: url(../images/rgtArrow.png) right center no-repeat;
                padding-right: 14px;
            }

.searchFund {
    width: 204px;
    float: left;
    height: 102px;
    background: url(../images/lftArrow.png) 10px center no-repeat #d8dee5;
}

    .searchFund a {
        height: 102px;
        display: table-cell;
        vertical-align: middle;
        padding: 0 10px 0 55px;
        width: 140px;
        color: #f92f2f;
        font-size: 1.6em;
        background: url(../images/redSearch.png) 22px center no-repeat;
    }

.searchfundDetailBox {
    width: 0;
    overflow: hidden;
    height: 102px;
    background: #d8dee5;
    left: 736px;
    position: absolute;
    z-index: 1;
}

.searchfundDetail {
    width: 576px;
    height: 57px;
    float: left;
    position: absolute;
    left: 0;
    padding: 30px 80px 15px;
    display: none;
}

    .searchfundDetail input {
        width: 92%;
        height: 45px;
        position: relative;
        float: left;
        padding: 10px 15px;
        border: 1px solid #f92f2f;
        border-right: none;
        background: #fff;
        font-size: 1.4em;
    }

    .searchfundDetail .closeQuick, .searchfundDetail .searchQuick {
        float: left;
        width: 7%;
        background: #fff;
        border: 1px solid #f92f2f;
        border-left: none;
        height: 38px;
        padding: 5px 0 0;
    }

    .searchfundDetail .closeQuick {
        background: 0 0;
        border: none;
        position: absolute;
        width: auto;
        height: auto;
        margin: 5px 0 0 10px;
    }

ul.footerList, ul.footerList li ul.subList li.acntTrns {
    width: 100%;
    float: left;
}

.searchFund.active, .searchFund.active a {
    background-image: none;
}

footer {
    background: #667c8d;
    padding: 45px 0 35px;
    float: left;
    line-height: 1em;
}

#footerBtm {
    background: #344e61;
    border: none;
    padding: 30px 0 25px;
    text-align: center;
}

    #footerBtm p {
        color: #ccc;
        font-size: 1.4em;
        line-height: 1.1em;
    }

        #footerBtm p.copyRgt {
            text-transform: none;
            margin-top: 12px;
        }

.footer {
    height: 100%;
    padding-bottom: 35px;
    line-height: 1em;
}

ul.footerList {
    margin-bottom: 10px;
}

    ul.footerList li.colSec {
        width: 450px;
        margin-right: 40px;
        float: left;
        position: relative;
    }

        ul.footerList li.colSec.marRgt {
            margin-right: 0;
        }

    ul.footerList li ul.subList {
        width: 220px;
        float: left;
        margin: 25px 0 0;
    }

        ul.footerList li ul.subList.ftRght {
            margin-left: 10px;
        }

        ul.footerList li ul.subList li.acntTrns a, ul.footerList li ul.subList li.downloadApp {
            display: block;
            padding: 15px 10px;
            background: #3b536e;
            text-transform: uppercase;
            color: #fff;
            font-size: 1.4em;
            margin-bottom: 10px;
        }

        ul.footerList li ul.subList li.acntTrns a {
            width: 100%;
            text-align: center;
            padding: 15px 0;
        }

            ul.footerList li ul.subList li.acntTrns a span {
                background: url(../images/arrowLft1.png) right center no-repeat;
                padding-right: 12px;
            }

        ul.footerList li ul.subList li.downloadApp {
            padding: 20px 0 0;
            background: 0 0;
            margin-top: 10px;
            border-top: 1px solid #7e94a5;
            float: left;
        }

.lineHead {
    width: 100%;
    float: left;
    text-align: center;
    background: url(../images/lineDivider.jpg) 0 center repeat-x;
}

    .lineHead span {
        padding: 0 10px;
        background: #667c8d;
        color: #c3d9ea;
        font-size: 1.8em;
        text-transform: uppercase;
    }

ul.footerList li ul.subList.ftRght li {
    padding-left: 10px;
    width: 210px;
    float: left;
    margin-bottom: 12px;
}

    ul.footerList li ul.subList.ftRght li a {
        width: auto;
        float: left;
        font-size: 1.4em;
        color: #fff;
        text-transform: uppercase;
    }

ul.footerList li p, ul.footerList li p.line {
    width: 100%;
    float: left;
    margin: 5px 0 15px;
    text-align: center;
    color: #fff;
    font-size: 1.4em;
}

    ul.footerList li p.line {
        margin: 35px 0 25px;
        text-transform: uppercase;
    }

        ul.footerList li p.line:after, ul.footerList li p.line:before {
            content: '';
            display: block;
            width: 218px;
            border-top: 1px solid #7e94a5;
            top: -15px;
            position: relative;
            left: 50%;
            margin-left: -112px;
        }

        ul.footerList li p.line a {
            cursor: default;
        }

    ul.footerList li p.emailStyle a {
        font-family: robotolight;
    }

    ul.footerList li p.line:after {
        top: 15px;
    }

ul.footerList li ul.subList.downloadMob {
    margin: 0;
    clear: both;
}

.subscribe {
    width: 385px;
    margin: 25px auto 0;
    padding: 0;
}

    .subscribe a, .subscribe input {
        width: 226px;
        border: 1px solid #3b536e;
        float: left;
        height: 16px;
        padding: 12px 10px 10px;
        font-size: 1.4em;
        color: #333;
    }

    .subscribe a {
        border: none;
        width: 104px;
        height: 12px;
        margin-left: 10px;
        padding-top: 17px;
        text-transform: uppercase;
        color: #fff;
        background: #3b536e;
    }

        .subscribe a span {
            width: 120px;
            background: url(../images/rgtArrow.png) right center no-repeat;
            margin: 0 auto 0 -38px;
            position: relative;
            left: 50%;
            padding-right: 15px;
        }

/*ul.commonLink {
    width: 100%;
    float: left;
    margin: 15px 0
}

    ul.commonLink li {
        float: left;
        width: auto
    }

        ul.commonLink li a {
            margin-left: 10px
        }*/

/*ul.commonLink li a span {
                width: 47px;
                height: 47px;
                float: right;
                border-radius: 25px;
                -moz-border-radius: 25px;
                -webkit-border-radius: 25px;
                overflow: hidden;
                background: url(../images/sprite.png) no-repeat #3b536e
            }*/

ul.commonLink.socialMedia li.twitterImg span {
    background: url(../images/twitter.png) 5px 9px no-repeat #3b536e;
}

ul.commonLink li:first-child a, ul.commonLink.reachUs li:first-child a, ul.commonLink.socialMedia li a, ul.commonLink.socialMedia li:first-child {
    margin-left: 0;
}

ul.commonLink li.appleImg a span {
    background-position: 8px 7px;
}

ul.commonLink li.androidImg a span {
    background-position: -50px 7px;
}

ul.commonLink li.blbImg a span {
    background-position: -105px 6px;
}

ul.commonLink li.windowsImg a span {
    background-position: -164px 7px;
}

ul.commonLink.reachUs {
    width: 450px;
    float: none;
    margin: 25px auto;
}

    ul.commonLink.reachUs li a {
        text-align: center;
        width: 74px;
        float: left;
        margin-left: 19px;
        font-size: 1.3em;
        color: #fff;
        text-transform: uppercase;
        line-height: 1.1em;
    }

        ul.commonLink.reachUs li a span {
            width: 74px;
            height: 74px;
            border-radius: 50px;
            -moz-border-radius: 50px;
            -webkit-border-radius: 50px;
            margin-bottom: 8px;
        }

    ul.commonLink.reachUs li label {
        width: 100%;
        float: left;
    }

    ul.commonLink.reachUs li.callImg a span {
        background-position: -219px 20px;
    }

    ul.commonLink.reachUs li.chatImg a span {
        background-position: -288px 20px;
    }

    ul.commonLink.reachUs li.videoImg a span {
        background-position: -469px 20px;
    }

    ul.commonLink.reachUs li.locateImg a span {
        background-position: -355px 18px;
    }

    ul.commonLink.reachUs li.advisorImg a span {
        background-position: -415px 21px;
    }

ul.commonLink.socialMedia {
    width: 435px;
}

    ul.commonLink.socialMedia li {
        width: 25%;
        margin: 0;
        position: relative;
    }

        ul.commonLink.socialMedia li span {
            float: left;
            margin-right: 5px;
        }

        ul.commonLink.socialMedia li.facebookImg span {
            background-position: 10px -45px;
        }

        ul.commonLink.socialMedia li.youtubeImg span {
            background-position: -36px -45px;
        }

        ul.commonLink.socialMedia li.googleImg span {
            background-position: -92px -45px;
        }

        ul.commonLink.socialMedia li.linkedImg span {
            background-position: -146px -45px;
        }

        ul.commonLink.socialMedia li label {
            width: 42px;
            height: 19px;
            float: left;
            text-align: center;
            color: #333;
            font-size: 1.2em;
            margin-top: 10px;
            background: #8ca1b2;
            padding: 9px 2px 0;
            border-radius: 2px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            position: relative;
        }

.haveusDetail input[type=text], .videoDetail input[type=text] {
    font-size: 1.4em;
    color: #333;
    font-family: robotolight,Arial,Helvetica,sans-serif;
    float: left;
}

ul.commonLink.socialMedia li label:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left-width: 0;
    border-right-color: #8ca1b2;
    left: -5px;
}

.haveusDetail {
    width: 320px;
    float: left;
    background: #e2e6eb;
    padding: 20px 45px 15px 15px;
    box-shadow: 0 4px 5px 3px #3a4751;
    -webkit-box-shadow: 0 4px 5px 3px #3a4751;
    -moz-box-shadow: 0 4px 5px 3px #3a4751;
    position: absolute;
    z-index: 1;
    left: -320px;
    top: 60px;
    display: none;
}

    .haveusDetail a.close {
        position: absolute;
        right: 10px;
        top: 10px;
    }

    .haveusDetail input[type=text] {
        width: 100%;
        margin-top: 15px;
        height: 40px;
        border: 1px solid #8e9cac;
        padding: 10px;
    }

        .haveusDetail input[type=text]:first-child {
            margin: 0;
        }

    .haveusDetail .selectbg {
        width: 100%;
        float: left;
        margin: 15px 0;
    }

        .haveusDetail .selectbg .selectedvalue {
            border: 1px solid #8e9cac;
            width: 100%;
        }

    .haveusDetail .knowMor a {
        margin: 0;
        left: 0;
        background: #3b536e;
    }

    .haveusDetail .captcha {
        width: 100%;
        float: left;
        margin-bottom: 15px;
    }

        .haveusDetail .captcha .captchaImg, .haveusDetail .captcha .captchaText {
            width: 50%;
            float: left;
        }

        .haveusDetail .captcha .captchaImg {
            width: 45%;
            padding: 3px 5% 0 0;
        }

            .haveusDetail .captcha .captchaImg img {
                width: 100%;
            }

    .haveusDetail span.arrow {
        position: absolute;
        left: 315px;
        top: 85px;
        width: 11px;
        height: 22px;
        background: url(../images/haveusArrow.png) no-repeat;
    }

.videoDetail {
    width: 320px;
    float: left;
    background: #e2e6eb;
    padding: 20px 45px 15px 15px;
    box-shadow: 3px 4px 5px 0 #3a4751;
    -webkit-box-shadow: 3px 4px 5px 0 #3a4751;
    -moz-box-shadow: 3px 4px 5px 0 #3a4751;
    position: absolute;
    z-index: 1;
    left: 189px;
    top: -20px;
    display: none;
}

    .videoDetail a.close {
        position: absolute;
        right: 10px;
        top: 10px;
    }

    .videoDetail input[type=text] {
        width: 100%;
        margin-top: 15px;
        height: 40px;
        border: 1px solid #8e9cac;
        padding: 10px;
    }

        .videoDetail input[type=text]:first-child {
            margin: 0;
        }

    .videoDetail .selectbg {
        width: 100%;
        float: left;
        margin: 15px 0;
    }

        .videoDetail .selectbg .selectedvalue {
            border: 1px solid #8e9cac;
            width: 100%;
        }

    .videoDetail .knowMor a {
        margin: 0;
        left: 0;
        background: #3b536e;
    }

    .videoDetail .captcha {
        width: 100%;
        float: left;
        margin-bottom: 15px;
    }

        .videoDetail .captcha .captchaImg, .videoDetail .captcha .captchaText {
            width: 50%;
            float: left;
        }

        .videoDetail .captcha .captchaImg {
            width: 45%;
            padding: 3px 5% 0 0;
        }

            .videoDetail .captcha .captchaImg img {
                width: 100%;
            }

    .videoDetail span.arrow {
        position: absolute;
        left: -11px;
        top: 70px;
        width: 11px;
        height: 22px;
        background: url(../images/haveusArrow.png) no-repeat;
    }

.chatusBox .knowMor {
    margin: 15px 0 0;
    float: left;
}

.chatusBox {
    left: 181px;
    z-index: 6;
}

.videoBox {
    left: 274px;
    z-index: 6;
}

.selectschemename, .selectsmall, select {
    -khtml-opacity: 0;
    height: 40px;
    line-height: 35px;
    z-index: 0;
    cursor: pointer;
}

.chatus footer, .chatus ul.footerList li.colSec {
    position: static;
}

.selectedvalue, .selectschemename, .selectsmall, select {
    position: absolute;
}

.chatus .chatusBox span.arrow {
    background-position: 0 -25px;
    left: 280px;
    width: 21px;
    top: -10px;
}

select {
    opacity: 1 !important;
    width: 219px;
    top: 0;
    font-size: 14px;
}

.selectschemename {
    opacity: 0;
    width: 375px;
    top: 0;
}

.selectsmall {
    -moz-opacity: 0;
    opacity: 0;
    width: 40px;
    top: 0;
}

.selectbg, .selectbgcategory, .selectbgpolitallyexposed, .selectbgsmall {
    position: relative;
    height: 40px;
    float: left;
}

.selectbgsmall {
    width: 100px;
}

.selectbgcategory {
    width: 120px;
}

.selectbgpolitallyexposed {
    width: 300px;
}

.selectedvalue {
    padding: 7px 25px 13px 10px;
    width: 219px;
    font-size: 1.2em;
    color: #333;
    overflow: hidden;
    height: 40px;
    background: url(../images/selectbg.webp) 96% center no-repeat #fff;
    line-height: 25px;
}

.selectedschemenamevalue, .selectedvaluenri, .selectedvaluepoliticallyexposed, .selectedvaluesmall {
    font-size: 1.4em;
    padding: 10px 25px 13px 10px;
    color: #333;
    background: url(../images/selectbg.webp) 96% center no-repeat #fff;
    line-height: 25px;
    position: absolute;
    overflow: hidden;
}

.selectedschemenamevalue {
    width: 340px;
    height: 18px;
}

.selectedvaluesmall {
    width: 40px;
    height: 18px;
}

.selectedvaluenri {
    width: 200px;
    height: 18px;
}

.selectedvaluepoliticallyexposed {
    width: 300px;
    height: 18px;
}

.selectedvaluecategory {
    padding: 10px 25px 13px 10px;
    position: absolute;
    width: 80px;
    font-size: 1.6em;
    color: #333;
    overflow: hidden;
    height: 18px;
    background: url(../images/selectbg.webp) 96% center no-repeat #fff;
    line-height: 25px;
}

.overlay {
    top: 0;
    left: 0;
}

.fixContainer {
    float: left;
    position: absolute;
    right: 0;
    background: #e2e6eb;
    top: 0;
    z-index: 9;
}

ul.fixWrapper {
    width: 130px;
    float: left;
    position: absolute;
    left: -130px;
    top: 0;
}

    ul.fixWrapper li {
        width: 100%;
        float: left;
        margin-bottom: 1px;
    }

        ul.fixWrapper li a {
            width: 90px;
            background: #c9ddf2;
            font-size: 1.4em;
            text-transform: uppercase;
            padding: 18px 20px;
            text-align: center;
            float: left;
            font-family: 'Ubuntu', sans-serif;
            line-height: 1em;
            position: relative;
        }

.subscribeBox .subscribeButton, .subscribeBox h2, .subscribeBox input {
    font-family: robotolight;
}

ul.fixWrapper li a.active {
    background: #034da2;
}

ul.fixWrapper li a span {
    background: url(../images/fixLftArrow.png) no-repeat;
    position: absolute;
    width: 10px;
    height: 18px;
    right: -10px;
    top: 50%;
    margin-top: -10px;
    display: none;
}

ul.fixWrapper li a.active span {
    display: block;
}

ul.fixWrapper li:last-child a {
    padding: 12px 20px;
}

ul.fixWrapper li a:hover {
    background: #c9ddf2;
}

.subscribeBox {
    width: 219px;
    height: 140px;
    background: url(../images/subscribeBg.png) no-repeat;
    position: fixed;
    right: 0;
    bottom: 0;
    padding: 30px 40px 30px 25px;
    display: none;
}

    .subscribeBox .closeSub {
        position: absolute;
        right: 20px;
        top: 15px;
        cursor: pointer;
    }

    .subscribeBox a, .subscribeBox h2, .subscribeBox input, .subscribeBox p {
        width: 100%;
        float: left;
    }

    .subscribeBox h2 {
        text-transform: uppercase;
        font-size: 2.2em;
        color: #fff;
    }

    .subscribeBox input, .subscribeBox p {
        color: #fff;
        font-size: 1.5em;
        margin-bottom: 8px;
    }

    .subscribeBox input {
        color: #999;
        padding: 10px 15px;
        border: none;
        margin-bottom: 2px;
        background-color: #fddfdf;
    }

    .subscribeBox .subscribeButton, .subscribeBox a {
        background: #203349;
        padding: 8px 0;
        font-size: 1.8em;
        text-transform: uppercase;
        text-align: center;
    }

    .subscribeBox .subscribeButton {
        color: #fff;
        margin-left: 0;
    }

    .subscribeBox a span {
        background: url(../images/rgtArrow.png) right center no-repeat rgba(0,0,0,0);
        padding-right: 14px;
    }

.container {
    width: 940px;
    margin: 0 auto;
}

.headWrp, .headWrp h1 span, p.smallHead, ul.breadcrumb {
    width: 100%;
    float: left;
}

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

    ul.breadcrumb li {
        float: left;
        padding: 0 15px;
        background: url(../images/brdcrumbArrow.png) right 5px no-repeat;
    }

        ul.breadcrumb li a {
            color: #333;
            font-size: 1.2em;
        }

            ul.breadcrumb li a.sel {
                color: #034da2;
            }

        ul.breadcrumb li:first-child {
            padding-left: 0;
        }

        ul.breadcrumb li:last-child {
            background: 0 0;
        }

.headWrp {
    padding: 20px 0 10px;
}

p.smallHead {
    font-size: 1.5em;
    color: #333;
    padding: 5px 0 0;
    border-top: 1px solid #c6d1dd;
}

.headWrp h1 {
    font-size: 3.6em;
    color: #333;
    font-family: 'Ubuntu', sans-serif;
    float: left;
    text-transform: uppercase;
    margin: 0 20px 0 0;
    font-weight: 400;
}

    .headWrp h1 span {
        font-size: .6em;
        text-transform: none;
        line-height: 1.1em;
    }

.headWrp .selectbg {
    width: 140px;
    border: 1px solid #9da9b6;
    margin: 6px 25px 0 0;
    height: 30px;
}

.headWrp .selectedvalue {
    width: 130px;
    height: 16px;
    padding: 6px 0 8px 10px;
}

.headWrp .selectbg select {
    width: 140px;
    font-family: robotolight;
    font-size: 1.4em;
    line-height: 35px;
    -webkit-appearance: menulist-button;
    height: 30px;
}

.hideSelect {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.riskCat {
    width: auto;
    border-left: 1px solid #c6d1dd;
    height: 40px;
    float: left;
    padding: 3px 0 0 20px;
}

    .riskCat span {
        width: 13px;
        height: 13px;
        float: left;
        margin: 3px 0 0;
    }

        .riskCat span.colorClass {
            background: #963;
        }

    .riskCat .rhsRisk {
        width: auto;
        float: left;
        padding: 0 0 0 10px;
    }

        .riskCat .rhsRisk p {
            font-size: 1.4em;
            color: #333;
            margin: 0;
            line-height: 1em;
        }

        .riskCat .rhsRisk a {
            font-size: 1.2em;
            color: #034da2;
        }

.investBox {
    width: 100%;
    float: left;
    margin: 10px 0;
    position: relative;
}

    .investBox .chkFund, .investBox .knowMor {
        width: auto;
        float: left;
    }

        .investBox .knowMor a {
            margin: 0;
            left: 0;
        }

    .investBox .chkFund {
        margin-left: 20px;
        display: block;
    }

        .investBox .chkFund li {
            float: left;
            margin-right: 20px;
            height: 23px;
            background: #e9eef3;
            display: table-cell;
            vertical-align: middle;
            min-width: 175px;
            padding: 10px;
        }

            .investBox .chkFund li label {
                font-size: 1.6em;
                color: #333;
                text-transform: uppercase;
                float: left;
                position: relative;
                cursor: pointer;
            }

                .investBox .chkFund li label input {
                    margin-right: 5px;
                    position: absolute;
                    left: 0;
                    z-index: 0;
                    display: block !important;
                    opacity: 0;
                    height: 20px;
                    width: 20px;
                }

.checkbox {
    width: 19px;
    height: 20px;
    padding: 0 5px 0 0;
    background: url(../images/chk.png) no-repeat;
    display: block;
    clear: left;
    float: left;
}

.investBox .invstMore {
    float: right;
    padding: 5px 0 0;
    display: none;
}

ul.bullet {
    width: 100%;
    float: left;
}

    ul.bullet li {
        width: 100%;
        float: left;
        background: url(../images/bullet.png) 0 8px no-repeat;
        font-size: 1.4em;
        color: #333;
        padding-left: 12px;
        margin: 0 0 5px;
        line-height: 1em;
    }

.whyInvest {
    width: 450px;
    float: left;
    margin: 15px 30px 15px 0;
}

.howInvset {
    width: 380px;
    margin-right: 0;
}

.recommendFund h2, .whyInvest h2 {
    width: 100%;
    float: left;
    color: #333;
    font-size: 2.7em;
    font-family: helveticaneuethin;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 400;
}

.whyInvest ul.accord, .whyInvest ul.nav, .whyInvest ul.nav li {
    width: 100%;
    position: relative;
    margin: 0;
}

    .whyInvest ul.nav li a {
        width: 450px;
        border-bottom: none;
        border-top: 1px solid #b3bcc6;
        font-size: 1.6em;
        padding-left: 90px;
        text-transform: none;
        cursor: default;
    }

        .whyInvest ul.nav li a:hover, .whyInvest ul.nav li:hover {
            background-color: #fff;
        }

        .whyInvest ul.nav li a span {
            font-family: helveticaneuemedium;
        }

        .whyInvest ul.nav li a:after {
            width: 55px;
            height: 40px;
            left: 15px;
        }

    .whyInvest ul.nav li:first-child a span, .whyInvest ul.nav li:last-child a span {
        font-family: robotolight;
        color: #034da2;
    }

    .whyInvest ul.nav li a.help:after {
        background-position: 0 -154px;
    }

    .whyInvest ul.nav li a.lastYr:after {
        background-position: -77px -154px;
    }

    .whyInvest ul.nav li a.ofrFree:after {
        background-position: -147px -154px;
    }

    .whyInvest ul.accord li {
        background: #d8dee5;
        width: 100%;
        float: left;
        margin: 0 0 4px;
    }

        .whyInvest ul.accord li h3 {
            color: #333;
            font-size: 1.8em;
            font-weight: 400;
            padding: 15px 15px 15px 40px;
            cursor: pointer;
            background: url(../images/plus11.png) 18px -34px no-repeat;
        }

        .whyInvest ul.accord li.active h3 {
            background-position: 18px 21px;
        }

        .whyInvest ul.accord li .knowMor {
            display: none;
        }

            .whyInvest ul.accord li .knowMor a {
                margin: 0 0 15px;
                left: 40px;
            }

        .whyInvest ul.accord li ul.wayInvest {
            width: 100%;
            float: left;
            position: relative;
            left: 50%;
            margin: 5px 5px 5px -180px;
        }

            .whyInvest ul.accord li ul.wayInvest li {
                margin-left: 4px;
                width: 70px;
            }

                .whyInvest ul.accord li ul.wayInvest li:first-child {
                    margin-left: 0;
                }

                .whyInvest ul.accord li ul.wayInvest li a {
                    color: #f92f2f;
                    float: left;
                    width: 70px;
                    height: 70px;
                    border-radius: 100%;
                    background: #fff;
                    position: relative;
                }

                    .whyInvest ul.accord li ul.wayInvest li a span {
                        width: 35px;
                        height: 35px;
                        background: url(../images/navSprite.png) no-repeat;
                        float: left;
                        position: relative;
                        left: 50%;
                        margin: 8px 0 0 -18px;
                    }

                    .whyInvest ul.accord li ul.wayInvest li a label {
                        width: 100%;
                        float: left;
                        text-align: center;
                        cursor: pointer;
                    }

                    .whyInvest ul.accord li ul.wayInvest li a.sms span {
                        background-position: -2px -206px;
                    }

                    .whyInvest ul.accord li ul.wayInvest li a.phone span {
                        background-position: -65px -210px;
                    }

                    .whyInvest ul.accord li ul.wayInvest li a.wap span {
                        background-position: -120px -210px;
                    }

                    .whyInvest ul.accord li ul.wayInvest li a.form span {
                        background-position: -172px -210px;
                    }

                    .whyInvest ul.accord li ul.wayInvest li a.advisor span {
                        background-position: -224px -210px;
                    }

.fundAccord, .recommendFund {
    width: 100%;
    float: left;
    margin: 25px 0;
}

    .recommendFund .fundBox {
        width: 245px;
        height: 165px;
        float: left;
        margin: 0 20px 0 0;
        background: #eaedf1;
        padding: 10px 15px;
    }

        .recommendFund .fundBox:last-child {
            margin: 0;
        }

        .recommendFund .fundBox h3 {
            font-size: 2.1em;
            color: #034da2;
            font-weight: 400;
            line-height: 1em;
            margin: 0 0 10px;
        }

        .recommendFund .fundBox label {
            width: 100%;
            float: left;
            padding: 8px 0;
            border-bottom: 1px solid #bdc7d3;
            height: 22px;
            font-size: 1.6em;
        }

            .recommendFund .fundBox label span {
                float: right;
                font-family: robotolight;
                font-size: 1.4em;
            }

.marTop15 {
    margin-top: 15px;
}

.fundAccord {
    width: 860px;
    margin: 10px 0 15px;
}

    .fundAccord .accordDiv {
        width: 100%;
        float: left;
        background: url(../images/fundAcrd.png) 15px -23px no-repeat #d8dee5;
        padding: 22px 0 22px 45px;
        margin-top: 15px;
        min-height: 94px;
        cursor: pointer;
    }

        .fundAccord .accordDiv.act {
            background-color: #284b72;
            background-position: 15px 40px;
        }

            .fundAccord .accordDiv.act h2 {
                color: #fff;
            }

            .fundAccord .accordDiv.act ul li {
                color: #ccc;
                border-color: #567190;
            }

                .fundAccord .accordDiv.act ul li span {
                    color: #fff;
                }

        .fundAccord .accordDiv h2 {
            color: #333;
            font-size: 2.1em;
            text-transform: uppercase;
            font-weight: 400;
            float: left;
            line-height: 1em;
            margin-right: 20px;
            padding-top: 15px;
            min-width: 215px;
        }

        .fundAccord .accordDiv ul, .fundAccord .accordDiv ul li {
            width: auto;
            float: left;
            color: #666;
            font-size: 1.1em;
            line-height: 1.4em;
        }

            .fundAccord .accordDiv ul li {
                width: 160px;
                border-left: 1px solid #fff;
                padding: 5px 10px 5px 20px;
                height: 40px;
            }

                .fundAccord .accordDiv ul li:last-child {
                    width: 250px;
                }

                .fundAccord .accordDiv ul li span {
                    width: 100%;
                    float: left;
                    font-size: 1.7em;
                    font-family: robotolight;
                    color: #333;
                    line-height: 1.1em;
                }

.accordDivDetail {
    width: 100%;
    float: left;
    background: #e9eef3;
    padding: 10px 25px;
    display: none;
}

    .accordDivDetail p, .tableView .selectInfo .dateBox, .tableView .selectInfo .dateBox input {
        font-size: 1.2em;
        color: #666;
    }

    .accordDivDetail .detailView, .accordDivDetail .tableView {
        width: 100%;
        float: left;
        border: 1px solid #ccc;
        border-left: none;
        border-right: none;
        padding: 20px 0;
        margin: 0 0 10px;
    }

        .accordDivDetail .tableView table {
            border-left: 1px solid #bfd8e1;
            border-right: 1px solid #bfd8e1;
        }

            .accordDivDetail .tableView table tr td {
                height: 55px;
                display: table-cell;
                vertical-align: middle;
                border-bottom: 1px solid #bfd8e1;
                font-size: 1.4em;
                text-align: center;
                width: 20%;
                line-height: 1.1em;
            }

                .accordDivDetail .tableView table tr td.fCol {
                    padding-left: 15px;
                    text-align: left;
                    width: 40%;
                }

                .accordDivDetail .tableView table tr td.fCol, .accordDivDetail .tableView table tr td.sCol {
                    display: table-cell;
                }

            .accordDivDetail .tableView table tr.firstRow {
                background: #00b0f0;
                color: #fff;
            }

                .accordDivDetail .tableView table tr.firstRow td {
                    font-family: robotolight;
                    font-size: 1.6em;
                }

    .accordDivDetail .radioWrap {
        width: auto;
        float: left;
    }

        .accordDivDetail .radioWrap label {
            width: auto;
            float: left;
            color: #333;
            font-size: 1.8em;
            margin: 10px 25px 0 0;
            line-height: 1em;
            cursor: pointer;
        }

.radio {
    width: 19px;
    height: 22px;
    padding: 0 5px 0 0;
    background: url(../images/radioBtn.png) no-repeat;
    display: block;
    clear: left;
    float: left;
    cursor: pointer;
    margin-top: -2px;
}

.accordDivDetail a.readMore, .tableView .selectInfo.yearList, .tableView .tabList {
    display: none;
}

ul.fundTab {
    width: auto;
    float: right;
}

    ul.fundTab li {
        background: url(../images/sprit-tab.png) -71px center no-repeat;
        width: 25px;
        height: 25px;
        float: left;
        cursor: pointer;
        margin: 0 0 0 10px;
        padding: 10px;
    }

        ul.fundTab li.act {
            background-position: -110px center;
            background-color: #fff;
        }

        ul.fundTab li:first-child {
            margin-left: 0;
            background-position: 10px center;
        }

        ul.fundTab li.act:first-child {
            background-position: -30px center;
            background-color: #fff;
        }

.graphTab, .graphTab .detlWrap {
    width: 100%;
    float: left;
}

    .graphTab h2, .tableView .selectInfo {
        margin-left: 115px;
    }

    .graphTab h2 {
        font-size: 1.6em;
        color: #333;
        font-weight: 400;
    }

        .graphTab h2 span {
            font-family: helveticaneuemedium;
        }

.fndDtl .btmtxt, .fndDtl .rowDtl span {
    font-family: robotolight;
}

.tableView .selectInfo {
    width: 680px;
    height: 60px;
    background: #dbe3ea;
    padding: 15px 0 0 15px;
}

    .tableView .selectInfo .dateBox, .tableView .selectInfo p {
        width: 85px;
        float: left;
        text-align: center;
    }

        .tableView .selectInfo p span {
            margin-left: -10px;
            position: relative;
            left: 50%;
        }

        .tableView .selectInfo p label {
            width: 100%;
            float: left;
        }

    .tableView .selectInfo .dateBox {
        width: 110px;
        float: left;
        text-align: left;
        margin-left: 10px;
    }

        .tableView .selectInfo .dateBox .dtBox {
            width: 108px;
            background: #fff;
            border: 1px solid #999;
            height: 24px;
        }

            .tableView .selectInfo .dateBox .dtBox input {
                width: 80px;
                float: left;
                height: 20px;
                margin: 2px;
                color: #333;
            }

            .tableView .selectInfo .dateBox .dtBox img {
                margin: 3px 3px 0 0;
                float: right;
                cursor: pointer;
            }

.graphTab img.graphImg {
    margin-left: -11px;
}

.accordDivDetail p.moreCont {
    display: block;
}

.overlay, .portF .selectbg {
    display: none;
}

.fndDtl .rowDtl {
    border-bottom: 1px solid #afbdcc;
    padding: 20px 0 10px;
}

.fndDtl .rowDtl, .fndDtl ul.arrowBullet, .fndDtl ul.arrowBullet li {
    width: 100%;
    float: left;
    color: #333;
}

.fndDtl p {
    font-size: 1.4em;
    line-height: 1.1em;
    width: 100%;
    float: left;
    margin: 5px 0;
    color: #333;
}

.fndDtl .rowDtl .colDtl_1 {
    width: 180px;
    float: left;
    text-align: right;
    margin: 0 20px 0 0;
    font-size: 1.7em;
}

.fndDtl .rowDtl .colDtl_2 {
    width: 215px;
    float: left;
    margin: 0 20px 0 0;
}

    .fndDtl .rowDtl .colDtl_2 p.selColor {
        color: #034da2;
    }

.fndDtl .rowDtl .colDtl_3 {
    width: 330px;
    float: left;
}

    .fndDtl .rowDtl .colDtl_3 p.hd {
        width: auto;
        float: left;
        font-size: 1.7em;
        margin: 0 15px 0 0;
    }

.fndDtl .rowDtl .colDtl_4 {
    width: 570px;
    float: left;
}

.fndDtl .rowDtl:last-child {
    margin-bottom: 15px;
}

.fndDtl ul.arrowBullet li {
    background: url(../images/blueLeftArrow.png) 0 3px no-repeat;
    padding-left: 15px;
    font-size: 1.4em;
    line-height: 1.1em;
    margin-bottom: 5px;
}

.fndDtl .colDtl_4 ul.arrowBullet li {
    margin-bottom: 10px;
}

.fndDtl .rowDtl span {
    font-size: 2.4em;
    float: left;
    line-height: 1em;
}

    .fndDtl .rowDtl span.rupee {
        background: url(../images/rs.png) 0 3px no-repeat;
        padding-left: 15px;
    }

.fndDtl .btmtxt {
    margin: 15px 0 10px;
}

.createUsername h2, .loginReg h2 {
    font-family: helveticaneuemedium,Arial,Helvetica,sans-serif;
    font-weight: 600;
}

.fndDtl ul.arrowBullet li label {
    width: auto;
    float: left;
}

.fndDtl ul.arrowBullet li span {
    width: 15px;
    height: 15px;
    float: left;
    margin: 0 10px;
}

    .fndDtl ul.arrowBullet li span.colorCode {
        background: #963;
    }

.fndDtl ul.arrowBullet li a {
    color: #034da2;
    font-size: .9em;
}

.accordDivDetail .detailView {
    padding: 40px 0 15px;
    margin: 10px 0;
    border-bottom: none;
}

.detailView .pieChart, .detailView .pieChartDetl {
    width: 50%;
    margin: 0 auto;
    padding: 0;
    float: left;
}

.detailView .pieChartDetl {
    float: right;
}

.accordDivDetail .detailView .pieChartDetl p {
    font-size: 1.4em;
    color: #333;
}

.accordDivDetail .pieChartDetl table {
    width: 320px;
    float: left;
    font-size: 1.4em;
    background: #fff;
}

    .accordDivDetail .pieChartDetl table tr td {
        height: 55px;
        padding: 0 30px 0 17px;
        text-align: right;
        border-bottom: 1px solid #cee1e8;
        border-right: 1px solid #cee1e8;
    }

        .accordDivDetail .pieChartDetl table tr td:first-child {
            text-align: left;
            padding-right: 0;
            border-left: 1px solid #cee1e8;
        }

    .accordDivDetail .pieChartDetl table tr.firstRow {
        background: #00b0f0;
        color: #fff;
        font-size: 1.2em;
    }

        .accordDivDetail .pieChartDetl table tr.firstRow td {
            border: none;
        }

    .accordDivDetail .pieChartDetl table tr td span {
        float: left;
        margin: 2px 13px 0 7px;
        width: 15px;
        height: 15px;
    }

        .accordDivDetail .pieChartDetl table tr td span.color1 {
            background: #19bd9b;
        }

        .accordDivDetail .pieChartDetl table tr td span.color2 {
            background: #ffbe34;
        }

#pieChartWrap {
    width: 235px;
    height: 235px;
    float: left;
    position: relative;
    left: 50%;
    margin-left: -117px;
}

.accordDivDetail .download {
    width: 480px;
    float: left;
    margin-right: 25px;
}

    .accordDivDetail .download.tools {
        width: 300px;
        margin: 0;
    }

    .accordDivDetail .download h2, .accordDivDetail .download h3 {
        color: #333;
        font-size: 1.8em;
        border-bottom: 1px solid #afbccb;
        padding-bottom: 5px;
        width: 100%;
        float: left;
    }

    .accordDivDetail .download h3 {
        font-size: 1.4em;
        border: none;
        padding: 0;
        margin: 10px 0;
    }

    .accordDivDetail .download ul, .accordDivDetail .download ul li {
        width: 100%;
        float: left;
    }

        .accordDivDetail .download ul li {
            width: 50%;
        }

    .accordDivDetail .download.tools li, .accordDivDetail.portF .radioWrap, .overlay, .portF .selectbg, .portF select {
        width: 100%;
    }

    .accordDivDetail .download ul li a {
        color: #034da2;
        font-size: 1.4em;
        float: left;
        padding: 2px 20px 2px 15px;
        background: url(../images/blueLeftArrow.png) 0 5px no-repeat;
        line-height: 1.2em;
    }

    .accordDivDetail .download.tools h2 {
        margin-bottom: 10px;
    }

.portF .selectedvalue {
    width: 100%;
    padding: 10px 38px 10px 10px;
    height: 30px;
}

.loginSection, .loginWrapper {
    position: relative;
}

.overlay {
    background: #000;
    opacity: .6;
    z-index: 4;
    position: fixed;
    height: 100%;
}

.loginWrapper a {
    float: right;
    width: 72px;
    background: #e2e6eb;
    text-align: center;
    height: 31px;
    line-height: 30px;
    color: #034da2;
    text-transform: uppercase;
    font-size: 1.4em;
}

.linkWrap span.text, .resendSms p {
    font-size: 1.3em;
    float: left;
}

.myAcc .overlay {
    z-index: 99;
}

.loginWrapper .loginContent {
    background: #e9e8e9 !important;
    padding: 20px 20px 5px;
    float: left;
    clear: both;
    margin: 1px 0 25px;
    width: 100%;
}

.conetntWrapper, .conetntWrapper .btnWrap {
    float: left;
}

    .conetntWrapper .linkWrap {
        float: left;
        margin-left: 20px;
    }

.linkWrap span.link a {
    float: left;
    clear: both;
    width: auto;
}

.resendSms p {
    margin: 15px 0;
    width: 100%;
}

.loginWrapper .loginContent .formWrap {
    float: left;
    width: 100%;
    padding: 0 0 8px;
}

.loginContent .leftContent {
    float: left;
    border-right: 1px solid #d5d8dd;
}

.loginContent .rightContent {
    float: left;
    padding-left: 18px;
    position: relative;
}

.loginReg h2 {
    color: #323234;
    font-size: 1.8em;
}

.loginReg p {
    font-size: 1.4em;
    color: #686c6d;
}

.loginWrapper .loginReg {
    width: 392px;
    float: left;
}

.loginWrapper .loginContent .formWrap.loginFormWrap {
    width: 376px;
}

.loginWrapper .loginContent .formWrap.virtualKeyBoard {
    width: 315px;
}

.loginWrapper .chechVirtual {
    float: left;
    clear: both;
    padding: 15px 0;
}

    .loginWrapper .chechVirtual label {
        font-size: 1.3em;
    }

.loginContent .feildWrapper {
    clear: both;
    float: left;
    margin: 8px 0;
    width: 100%;
}

    .loginContent .feildWrapper label {
        float: left;
        font-size: 1.6em;
        margin: 10px 32px 0 0;
        width: 100px;
    }

    .loginContent .feildWrapper input[type=password], .loginContent .feildWrapper input[type=text] {
        float: left;
        height: 38px;
        width: 228px;
        line-height: 20px;
        padding-left: 5px;
    }

        .loginContent .feildWrapper input[type=text].large {
            width: 192px;
        }

    .loginContent .feildWrapper.captcha img {
        float: left;
    }

    .loginContent .feildWrapper .inputWrapper {
        float: left;
        width: 228px;
    }

        .loginContent .feildWrapper .inputWrapper input[type=password], .loginContent .feildWrapper .inputWrapper input[type=text] {
            float: left;
            width: 223px;
            font-size: medium;
            padding-left: 10px;
        }

        .loginContent .feildWrapper .inputWrapper a {
            background: 0 0;
            font-size: 1.3em;
            color: #034da2;
            float: left;
            width: auto;
            text-transform: capitalize;
        }

            .loginContent .feildWrapper .inputWrapper a.redBtn, .loginWrapper a.redBtn, input.redBtn {
                text-transform: uppercase;
                color: #fff;
                height: 42px;
                line-height: 40px;
                width: 108px;
                clear: both;
                float: left;
                cursor: pointer;
            }

            .loginContent .feildWrapper .inputWrapper a.redBtn, .loginWrapper a.redBtn {
                background: #f92f2f;
            }

input.redBtn {
    background: url(../images/rgtArrow-red.png) 90% 50% no-repeat #fff;
    font-size: 1.4em;
    color: #f92f2f;
    border: 1px solid #f92f2f;
    font-weight: bold;
}

.rightContent .createUsername {
    float: left;
    clear: both;
    width: 100%;
    padding: 30px 0 0;
}

.loginReg.withoutLogin {
    padding: 0 0 30px;
}

.createUsername h2 {
    color: #323234;
    font-size: 1.8em;
}

.createUsername p {
    font-size: 1.4em;
    color: #686c6d;
    padding-bottom: 10px;
}

.loginWrapper h2.title, .regisContent .contentWrapper h1 {
    color: #333;
    font-family: helveticaneuethin;
    font-weight: 300;
}

.loginWrapper a.redBtn span {
    background: url(../images/btnArrow.png) right 4px no-repeat;
    padding: 0 15px 0 0;
    cursor: pointer;
}

.loginContent .googleConnect {
    width: 100%;
    float: left;
    clear: both;
    padding: 10px 0 0;
}

    .loginContent .googleConnect span {
        font-size: 1.4em;
        float: left;
    }

        .loginContent .googleConnect span.text {
            padding: 10px 0 0;
            margin: 0 15px 0 0;
        }

        .loginContent .googleConnect span a {
            float: left;
            width: auto;
            height: auto;
            line-height: 17px;
            text-transform: capitalize;
            font-size: 1.2em;
        }

        .loginContent .googleConnect span.link {
            padding: 10px 0 0;
            margin: 0 0 0 15px;
        }

.loginWrapper .registerWrapper {
    clear: both;
    float: left;
    width: 100%;
}

    .loginWrapper .registerWrapper .registerContent {
        padding: 5px 0 20px;
        background: #eaedf1;
        float: left;
        width: 100%;
    }

.loginWrapper h2.title {
    text-transform: uppercase;
    font-size: 2.2em;
    margin: 0 0 15px;
}

.registerContent .content {
    float: left;
}

.registerContent ul li {
    float: left;
    width: 330px;
    padding: 18px;
}

    .registerContent ul li.border {
        border-right: 1px solid #cbccce;
        width: 329px;
    }

.registerContent .content p {
    font-size: 1.3em;
}

.registerContent a.redBtn, .registerContent input.redBtn {
    float: right;
    clear: inherit;
    cursor: pointer;
}

.register .radioWrap .radio {
    width: 19px;
    height: 25px;
    padding: 0 5px 0 0;
    background: url(../images/radioBtn.png) no-repeat;
    display: block;
    clear: left;
    float: left;
}

.loginContent .feildWrapper .radioWrap label {
    width: auto;
}

.register .radioWrap .styled {
    opacity: 0;
}

.loginContent .feildWrapper.captcha p {
    font-size: 1.2em;
}

.alreadyRegister, .thankYouMsg, .udateDetails {
    padding: 15px 25px;
}

.conetntWrapper .content {
    padding: 0 0 10px;
    float: left;
    border-bottom: 1px solid #cbccce;
}

    .conetntWrapper .content p {
        font-size: 1.4em;
        margin: 0 0 8px;
    }

        .conetntWrapper .content p.title {
            font-size: 1.6em;
        }

.alreadyRegister .content, .udateDetails .content {
    border-bottom: none;
}

.udateDetails .btnWrap .redBtn {
    width: 150px;
    cursor: pointer;
}

.udateDetails .conetntWrapper .btnWrap {
    margin: 0 0 20px;
}

.alreadyRegister ul li a {
    float: left;
    width: auto;
    clear: both;
    line-height: normal;
    height: auto;
    text-transform: capitalize;
    margin: 5px 0;
}

.regisContent {
    min-height: 480px;
}

    .regisContent .contentWrapper {
        width: 940px;
        margin: 0 auto;
    }

        .regisContent .contentWrapper h1 {
            text-transform: uppercase;
            font-size: 2.7em;
            margin: 52px 0 15px;
        }

        .regisContent .contentWrapper .regContent {
            float: left;
            background: #eaedf1;
            width: 862px;
        }

            .regisContent .contentWrapper .regContent p {
                padding: 20px;
                font-size: 2em;
                box-sizing: border-box;
            }

            .regisContent .contentWrapper .regContent .regBand ul li {
                float: left;
                margin: 0 14px 0 0;
            }

            .regisContent .contentWrapper .regContent .redBtn {
                background: #f92f2f;
                text-transform: uppercase;
                color: #fff;
                clear: both;
                float: left;
                height: 42px;
                line-height: 40px;
                width: 108px;
                cursor: pointer;
            }

                .regisContent .contentWrapper .regContent .redBtn.veiwfolio {
                    width: 150px;
                    cursor: pointer;
                }

    .regisContent a.redBtn span {
        background: url(../images/btnArrow.png) right 4px no-repeat;
        padding: 0 15px 0 0;
        cursor: pointer;
    }

.regBand {
    background: #e2e6eb;
    padding: 20px 25px;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.regisContent a {
    text-align: center;
    font-size: 1.4em;
}

.regBand ul li label {
    font-size: 1.6em;
    color: #333;
    float: left;
    margin: 8px 0 0;
}

.regBand ul li input {
    width: 230px;
    height: 41px;
}

.regisContent .contentWrapper .regContent .btnWrap .redBtn {
    float: left;
    clear: inherit;
    cursor: pointer;
    margin: 0 15px 0 0;
}

.regisContent .contentWrapper .regContent .sucessContent {
    padding: 20px;
}

.regisContent .contentWrapper .regContent .btnWrap {
    padding: 0 20px 20px;
    float: left;
}

.regisContent .contentWrapper .regContent .sucessContent p {
    padding: 0;
    font-size: 1.4em;
}

.userDetails h2, .userDetails ul li span {
    font-size: 1.8em;
}

.regisContent .contentWrapper .regContent .sucessContent p.successMsg {
    color: red;
}

.userDetails {
    float: left;
    padding: 25px 20px;
}

.creatPass {
    float: left;
    width: 100%;
    clear: both;
    margin: 0 0 30px;
}

.userDetails h2 {
    margin: 0 0 10px;
}

.userDetails .details {
    padding: 10px 0;
    border-bottom: 1px solid #c6d1dd;
    border-top: 1px solid #c6d1dd;
}

.creatPass h2 {
    font-size: 2.3em;
    font-family: helveticaneuethin;
    font-weight: 300;
    color: #333;
    text-transform: uppercase;
    padding: 0 0 0 20px;
    margin: 0 0 15px;
}

.accontDetail .accordian h2, .accontDetail .rowMail, .accordContentWrapper .contentValue, .folioNo label, .folioTitle a, .folioTitle h3, .folioTitle1 a, .folioTitle1 h3, .systematicplan .fundValDetails h3 {
    font-family: robotolight;
}

.creatPass .passStrength {
    float: left;
    margin: 0 0 0 40px;
}

.creatPass label {
    float: left;
    font-size: 1.6em;
    color: #333;
    width: 130px;
    margin: 10px 35px 0 0;
}

.creatPass .inputWrapper {
    clear: both;
    margin: 0 0 20px;
    float: left;
}

.creatPass input[type=password], .creatPass input[type=text] {
    float: left;
    width: 230px;
    height: 40px;
}

.creatPass .passStrength label {
    color: #666;
    margin-right: 0;
    width: 75px;
}

.creatPass .passStrength img {
    margin-top: 11px;
}

.creatPass .selectedvalue {
    padding: 11px 0 13px 10px;
}

.creatPass .selectbg select {
    width: 260px;
}

.loginContent .feildWrapper label.forgotCheck {
    font-size: 1.3em;
    width: auto;
    margin: 10px 0 0;
    clear: both;
}

.forgotPass .feildWrapper a.redBtn, .forgotUser .feildWrapper a.redBtn {
    float: left;
    margin: 0 0 0 10px;
    cursor: pointer;
    clear: none;
}

.emailList, .emailList label, .phoneList {
    clear: both;
}

.forgotFolio, .forgotUserThank, .forgotsecQues, .updaetForgotdetails {
    display: none;
}

    .forgotFolio .feildWrapper label {
        font-size: 1.4em;
        width: 116px;
    }

    .forgotFolio .feildWrapper .inputWrapper p {
        font-size: 1.4em;
        margin: 10px 0 0;
    }

.feildWrapper p.info, .phoneList p {
    font-size: 1.6em;
}

.emailList {
    margin: 10px 0;
    overflow: hidden;
}

.phoneList p a {
    float: none;
    width: auto;
    text-transform: lowercase;
}

.forgotUser .feildWrapper a.redBtn.updateBtn {
    width: 125px;
    cursor: pointer;
}

.contentContainer {
    padding: 10px;
}

.myAcc .myAccWrapper {
    width: 940px;
    margin: 25px auto;
}

.mainWrapperDiv {
    float: left;
    background: #e2e6eb;
    padding-bottom: 10px;
    width: 100%;
    margin: 0 0 15px;
}

.myAccWrapper .myAccHeader h1, .myAccWrapper .myAccHeader1 h1, .myAccWrapper h1 {
    color: #333;
    padding: 10px 0 15px 20px;
    font-size: 2.2em;
    text-transform: uppercase;
    font-weight: 400;
}

.accdetails .myAccWrapper {
    width: 940px;
    margin: 25px auto;
    overflow: hidden;
}

.myAccWrapper .myAccHeader, .myAccWrapper .myAccHeader1 {
    width: 100%;
    float: left;
}

    .myAccWrapper .myAccHeader h1, .myAccWrapper .myAccHeader1 h1 {
        border: none;
        float: left;
    }

    .myAccWrapper .myAccHeader ul, .myAccWrapper .myAccHeader1 ul {
        float: right;
        margin: 14px 10px 0 0;
    }

        .myAccWrapper .myAccHeader ul li, .myAccWrapper .myAccHeader1 ul li {
            float: left;
            padding: 0 10px;
            border-right: 1px solid #b1c6de;
        }

            .myAccWrapper .myAccHeader ul li a, .myAccWrapper .myAccHeader1 ul li a {
                color: #034da2;
                font-size: 1.6em;
            }

            .myAccWrapper .myAccHeader ul li.statement, .myAccWrapper .myAccHeader1 ul li.statement {
                background: url(../images/selectbg.webp) right 5px no-repeat;
                border: none;
                position: relative;
            }

                .myAccWrapper .myAccHeader ul li.statement a, .myAccWrapper .myAccHeader1 ul li.statement a {
                    background: url(../images/statementicon.png) left 4px no-repeat;
                    padding: 0 16px 5px 20px;
                }

.accdetails .myAccWrapper h1 {
    color: #333;
    padding: 25px 0 25px 32px;
    border-bottom: 1px solid #c6d1dd;
    font-weight: 400;
    font-size: 2.2em;
    display: none;
}

.myAccWrapper .navTabs, .myAccWrapper .navTabs1 {
    overflow: hidden;
    overflow-x: auto;
    width: 100%;
    height: 75px;
}

    .myAccWrapper .navTabs ul, .myAccWrapper .navTabs1 ul {
        background: #b8c9db;
        float: left;
        width: 100%;
        position: relative;
    }

        .myAccWrapper .navTabs ul.folioTab li, .myAccWrapper .navTabs1 ul.folioTab li {
            width: 50%;
        }

    .myAccWrapper .navTabs li, .myAccWrapper .navTabs1 li {
        float: left;
        padding: 20px 0;
        text-align: center;
        font-size: 1.6em;
        cursor: pointer;
        text-transform: uppercase;
        position: relative;
        width: 25%;
    }

        .myAccWrapper .navTabs li:after, .myAccWrapper .navTabs1 li:after {
            content: '';
            position: absolute;
            height: 100%;
            width: 1px;
            background: #fff;
            top: 0;
            left: 0;
        }

        .myAccWrapper .navTabs li a, .myAccWrapper .navTabs1 li a {
            color: #333;
        }

            .myAccWrapper .navTabs li a span, .myAccWrapper .navTabs1 li a span {
                position: absolute;
                left: 50%;
                margin-left: -7px;
                width: 14px;
                height: 8px;
                display: none;
                background: url(../images/tabDownArrow.png) no-repeat;
                top: 61px;
                z-index: 2;
            }

.myAccContent, .myAccWrapperContent {
    width: 100%;
    float: left;
    clear: both;
}

.myAccWrapper .navTabs li.active, .myAccWrapper .navTabs1 li.active {
    background: #239cd5;
}

    .myAccWrapper .navTabs li.active a, .myAccWrapper .navTabs1 li.active a {
        color: #fff;
    }

        .myAccWrapper .navTabs li.active a span, .myAccWrapper .navTabs1 li.active a span {
            display: block;
        }

.myAccWrapper .navTabs li:first-child:after, .myAccWrapper .navTabs1 li:first-child:after {
    border: none;
    background: 0 0;
}

.myAccWrapperContent {
    padding: 0 20px;
    margin: 20px 0;
}

.accordContentWrapper .contentValue {
    float: left;
    font-size: 1.4em;
    color: #333;
}

.accordContentWrapper .contentLabel {
    float: left;
    font-size: 1.4em;
    color: #666;
    width: 200px;
}

.row {
    clear: both;
    padding: 8px 0;
    width: 466px;
    float: left;
    border-top: 1px solid #c6d1dd;
}

    .row .contentLabel {
        width: 200px;
    }

.fixContainer .contentContainer .myAccWrapper {
    margin: 0 auto;
    width: 812px;
}

    .fixContainer .contentContainer .myAccWrapper .accdetails .myAccWrapper h1 {
        display: none;
    }

.myAccContent .myAccWrapper {
    width: 901px;
}

.fixContainer .myAccContent .myAccWrapper {
    width: 772px;
    margin: 25px 0;
}

.accordContent {
    background: #d8dee5;
    overflow: hidden;
    padding: 15px;
}

    .accordContent .accordContentWrapper {
        background: #e5e9ed;
        overflow: hidden;
        padding: 18px;
        position: relative;
    }

.accordContentWrapper .row a {
    color: #034da2;
    padding: 0 0 0 25px;
    font-size: .8em;
}

.accordContentWrapper .row:first-child {
    border: none;
}

.accordContentWrapper .selectedvalue {
    font-size: 1em;
}

.changeDiv {
    float: left;
    width: 100%;
    clear: both;
    margin: 20px 0;
}

    .changeDiv .selectedvalue {
        font-size: 1.3em;
    }

    .changeDiv .enterPin {
        float: left;
        margin: 0 0 0 10px;
    }

        .changeDiv .enterPin input {
            height: 18px;
            padding: 10px;
        }

.confirm {
    float: left;
    margin: 11px 0 0 10px;
}

.accordContentWrapper .row .confirm a {
    padding: 10px;
    color: #fff;
    background: #f92f2f;
    font-size: 1.1em;
}

.accordContentWrapper .row h3 {
    font-size: 1.6em;
}

.accordian h2 a {
    float: right;
    display: none;
}

.myAccWrapper .myAccHeaderInfo, .myAccWrapper .myAccHeaderInfo1 {
    background: #eaedf1;
    float: left;
}

.myAccWrapper .infoContent {
    float: left;
    width: 50%;
    padding: 18px;
    border-left: 2px solid #e2e6eb;
}

.infoContent .valueDetails {
    float: left;
    padding: 0 17px;
}

.infoContent:first-child {
    border: none;
}

.infoContent .valueDetails label {
    font-size: 1.4em;
}

.infoContent .valueDetails h3 {
    clear: both;
    font-size: 2.4em;
    padding: 0 0 0 13px;
    background: url(../images/rupeesymbol.webp) 0 8px no-repeat;
}

.valueDetails h3 img {
    margin: 0 3px 0 0;
}

.investBtn {
    clear: both;
    width: 178px;
    margin: 0 auto;
}

    .investBtn a {
        background: url(../images/rgtArrow-red.png) 90% 50% no-repeat #fff;
        color: #f92f2f;
        border: 1px solid #f92f2f;
        font-weight: bold;
        float: left;
        font-size: 1.5em;
        height: 30px;
        left: 50%;
        line-height: 0.5em;
        margin: 45px 0 10px -80px;
        padding: 10px 10px 0;
        position: relative;
        text-align: center;
        cursor: pointer;
        text-transform: uppercase;
    }

        .investBtn a span {
            background: url(../images/rgtArrow.png) right center no-repeat;
            padding-right: 14px;
        }





.investBtn1 a {
    background: url(../images/rgtArrow-red.png) 90% 50% no-repeat #fff;
    color: #f92f2f;
    border: 1px solid #f92f2f;
    font-weight: bold;
    float: left;
    font-size: 1.5em;
    height: 30px;
    left: 50%;
    line-height: 0.5em;
    margin: 45px 0 10px -180px;
    padding: 10px 10px 0;
    position: relative;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
}



.infoContent .pieChart {
    float: left;
}

.infoContent .pieChartContent {
    float: right;
}

    .infoContent .pieChartContent a.snapshot {
        background: url(../images/snapshoticon.png) left 5px no-repeat;
        color: #034da2;
        font-size: 1.6em;
        float: right;
        padding: 0 0 10px 20px;
    }

.myAccWrapper ul.subNav {
    position: absolute;
    z-index: 5;
    background: #cbd3dd;
    width: 196px;
    float: left;
    padding: 0 10px;
    margin-right: 0;
    left: -70px;
    margin-top: 14px;
    display: none;
}

    .myAccWrapper ul.subNav li {
        clear: both;
        border-top: 1px solid #b3bcc6;
        width: 100%;
        border-right: none;
        text-align: right;
        padding: 10px 0;
    }

        .myAccWrapper ul.subNav li:first-child {
            border: none;
        }

.myAccWrapper ul li.statement ul.subNav li a {
    background: 0 0;
    font-size: 1.4em;
    padding: 0;
    color: #203349;
}

.pieChartContent ul {
    margin: 15px 0 0;
    float: left;
    width: 210px;
    clear: both;
}

    .pieChartContent ul li {
        font-size: 1.6em;
        padding: 8px 0;
        border-top: 1px solid #c6d1dd;
    }

        .pieChartContent ul li:first-child {
            border-top: none;
        }

        .pieChartContent ul li a {
            color: #034da2;
            margin: 0 0 0 10px;
        }

        .pieChartContent ul li span {
            background: url(../images/flags.png) no-repeat;
            padding: 0 0 0 14px;
        }

            .pieChartContent ul li span.equity {
                background-position: 0 6px;
            }

            .pieChartContent ul li span.debt {
                background-position: 0 -24px;
            }

            .pieChartContent ul li span.liquid {
                background-position: 0 -56px;
            }

            .pieChartContent ul li span.gold {
                background-position: 0 -88px;
            }

.folioCount {
    float: left;
}

    .folioCount p {
        font-size: 1.3em;
        color: #333;
        padding: 0 0 0 12px;
    }

        .folioCount p a {
            color: #034da2;
        }

.folioAccordHead, .folioAccordHead1 {
    clear: both;
    background: #d8dee5;
    padding: 25px 10px 10px;
    margin: 4px 0 0;
    float: left;
    width: 100%;
}

    .folioAccordHead.active, .folioAccordHead1.active {
        background: #284b73;
    }

.folioContent, .folioTitle, .folioTitle1, .folioVal, .folioValContent {
    float: left;
}

.folioLinks {
    float: right;
}

.folioTitle h3, .folioTitle1 h3 {
    padding: 0 25px;
    background: url(../images/folioPlus.png) no-repeat;
    font-size: 1.6em;
    color: #333;
    cursor: pointer;
}

.folioAccordHead.active .folioTitle h3, .folioAccordHead1.active .folioTitle1 h3 {
    background-position: 0 -94px;
}

    .folioAccordHead.active .folioLinks ul li a, .folioAccordHead.active .folioTitle h2, .folioAccordHead.active .folioTitle h3, .folioAccordHead.active .folioTitle h3 span, .folioAccordHead.active .folioVal h3, .folioAccordHead.active .folioVal label, .folioAccordHead1.active .folioLinks ul li a, .folioAccordHead1.active .folioTitle1 h2, .folioAccordHead1.active .folioTitle1 h3, .folioAccordHead1.active .folioTitle1 h3 span, .folioAccordHead1.active .folioVal h3, .folioAccordHead1.active .folioVal label {
        color: #fff;
    }

.folioTitle h3 span, .folioTitle1 h3 span {
    color: #666;
}

.folioTitle h2, .folioTitle1 h2 {
    font-size: 1.8em;
    color: #333;
    margin: 10px 0 0;
}

.folioTitle a, .folioTitle1 a {
    background: url(../images/trashcan.png) 0 4px no-repeat;
    font-size: 1.4em;
    color: #034da2;
    padding: 6px 0 0 17px;
    float: left;
}

.folioAccordHead.active .folioTitle a, .folioAccordHead1.active .folioTitle1 a {
    background-position: 0 -28px;
    color: #fff;
}

.folioLinks ul li, .folioLinks1 ul li {
    float: left;
    padding: 0 10px;
    border-right: 1px solid #b1c6de;
}

    .folioLinks ul li a, .folioLinks1 ul li a {
        color: #034da2;
        font-size: 1.6em;
    }

    .folioLinks ul li.statement, .folioLinks1 ul li.statement {
        background: url(../images/selectbgStatement.png) right 5px no-repeat;
        border: none;
        position: relative;
    }

.folioAccordHead.active .folioLinks ul li.statement, .folioAccordHead1.active .folioLinks ul li.statement {
    background-position: right -31px;
}

.folioLinks ul li.statement a {
    background: url(../images/statementicon.png) left 4px no-repeat;
    padding: 0 16px 5px 20px;
}

.folioAccordHead.active .folioLinks ul li.statement a, .folioAccordHead1.active .folioLinks ul li.statement a {
    background-position: left -37px;
}

.folioLinks .investBtn {
    width: auto;
}

    .folioLinks .investBtn a {
        margin: 14px 0 10px;
        left: inherit;
    }

.folioVal label {
    padding: 30px 0 0;
    color: #666;
    font-size: 1.6em;
    float: left;
}

.folioVal h3 {
    font-size: 2em;
    color: #333;
    float: left;
    clear: both;
}

.folioVal .folioValContent h3 {
    padding: 0 0 0 12px;
    background: url(../images/rupeesymbol.webp) 0 5px no-repeat;
}

.folioAccordHead.active .folioVal .folioValContent h3 {
    background-position: 0 -40px;
}

.folioValContent {
    padding: 0 15px;
}

.folioAccordCont, .folioAccordCont1 {
    overflow: hidden;
    background: #d8dee5;
    padding: 4px;
    display: none;
    clear: both;
}

.divsubdetails, .fundDetailsCont {
    background: #e5e9ed;
    padding: 20px 14px;
    overflow: hidden;
    margin: 4px 0 0;
}

    .fundDetailsCont .fundName {
        padding-right: 25px;
        width: 275px;
        float: left;
    }

    .fundDetailsCont .fundsValue {
        float: left;
    }

    .fundDetailsCont .fundValDetails {
        float: left;
        padding: 0 16px 30px;
        text-align: left;
        min-height: 56px;
        border-right: 1px solid #c6d1dd;
        width: 92px;
    }

.systematicplan .fundValDetails {
    min-height: 115px;
}

.folioAccordCont label, .folioAccordCont1 label {
    font-size: 1.4em;
    color: #666;
}

.folioAccordCont h3, .fundName h2 {
    font-size: 1.4em;
    color: #333;
    width: 100%;
}

.folioAccordCont1 h3, .fundName h2 {
    font-size: 1.3em;
    color: #333;
}

.fundValDetails h3 {
    padding: 0 0 0 8px;
    background: url(../images/rs.png) 0 4px no-repeat;
}

.fundValDetails span {
    font-size: 1.4em;
}

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

.actionBtn select {
    width: 108px;
}

.actionBtn .selectedvalue {
    width: 86px;
    background-position: 90% center;
}

.actionBtn {
    float: left;
    margin-left: 10px;
}

.systematicplan .folioAccordHead, .systematicplan .folioAccordHead1 {
    padding: 14px 10px 10px;
}

.systematicplan .folioLinks .investBtn a {
    left: inherit;
    margin: 0 0 10px;
}

.systematicplan .fundDetailsCont .fundName {
    width: 142px;
    padding: 0 4px 46px 0;
    border-right: 1px solid #c6d1dd;
}

.systematicplan .fundDetailsCont .fundValDetails {
    padding: 0 7px 30px;
}

    .systematicplan .fundDetailsCont .fundValDetails.invAmt {
        width: 70px;
    }

    .systematicplan .fundDetailsCont .fundValDetails.invAmtDate {
        width: 135px;
    }

    .systematicplan .fundDetailsCont .fundValDetails.invAmtOther {
        width: 181px;
    }

    .systematicplan .fundDetailsCont .fundValDetails.modePay {
        width: 56px;
    }

.systematicplan .fundValDetails.invAmt h3 {
    padding: 0 0 0 8px;
    background: url(../images/rs.png) 0 4px no-repeat;
}

.systematicplan .fundValDetails h3 {
    padding: 0;
    background: 0 0;
    font-weight: 400;
}

.systematicplan .folioAccordCont label, .systematicplan .folioAccordCont1 label {
    height: 40px;
    margin-bottom: 20px;
    display: block;
}

.systematicplan .actionBtn {
    margin-top: 48px;
}

.systematicplan .folioAccordHead .folioLinks, .systematicplan .folioAccordHead1 .folioLinks {
    display: none;
}

.systematicplan .folioTitle h3, .systematicplan .folioTitle1 h3 {
    float: left;
}

.systematicplan .folioTitle span, .systematicplan .folioTitle1 span {
    width: 23px;
    height: 20px;
    text-align: center;
    float: left;
    color: #fff;
    background: url(../images/sipCountbg.png) no-repeat;
    padding-top: 3px;
    font-size: 1.2em;
    margin-left: 15px;
}

.folioAccordHead1.active .folioTitle1 span, .systematicplan .folioAccordHead.active .folioTitle span, .systematicplan .folioAccordHead1.active .folioTitle1 span, .systematicplan.folioAccordHead.active .folioTitle1 span {
    color: #333;
    background-position: 0 -48px;
}

span.greenLabel {
    color: #08b400;
}

span.redLabel {
    color: #f92f2f;
}

.systematicplan .actionBtn a {
    font-size: 1.4em;
    background: #fff;
    border: 1px solid #909ead;
    color: #333;
    padding: 10px 20px;
}

.checkBoxDiv {
    float: left;
    position: relative;
    padding: 10px;
}

    .checkBoxDiv .checkbox {
        width: 19px;
        height: 25px;
        padding: 0 15px 0 0;
        background: url(../images/chk.png) 0 3px no-repeat;
        display: block;
        clear: left;
        float: left;
    }

    .checkBoxDiv input[type=checkbox] {
        position: absolute;
        left: 9px;
        top: 12px;
        opacity: 0;
        width: 20px;
        height: 20px;
    }

    .checkBoxDiv .checkbox.checkedAct {
        background-position: 0 -47px;
    }

    .checkBoxDiv label {
        font-size: 1.6em;
        color: #333;
        padding-top: 2px;
        float: left;
        height: auto !important;
        margin: 0 !important;
    }

#scroller::-webkit-scrollbar {
    width: 5px;
    height: 0;
}

#scroller::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 10 0 6px rgba(0,0,0,1);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#scroller::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0,0,0,.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
}

    #scroller::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(0,0,0,.3);
    }

.myAccContent .accontDetail {
    width: 100%;
    float: left;
    display: none;
}

    .myAccContent .accontDetail:first-child {
        display: block;
    }

.folioNo {
    width: 100%;
    float: left;
    margin: 10px 0;
}

    .folioNo label {
        width: auto;
        float: left;
        color: #333;
        font-size: 1.6em;
        margin: 12px 15px 0 0;
    }

    .folioNo .selectedvalue {
        width: 240px;
        padding: 10px 30px 13px 10px;
        height: 43px;
    }

    .folioNo .selectbg {
        width: 280px;
    }

    .folioNo select {
        width: 280px;
        -webkit-appearance: menulist-button;
        line-height: 2.2em;
    }

.accontDetail .accordian {
    width: 100%;
    float: left;
}

    .accontDetail .accordian h2 {
        font-size: 1.6em;
        color: #838486;
        padding: 20px 10px 20px 40px;
        margin: 4px 0 0;
        cursor: pointer;
        font-weight: 400;
        background: url(../images/mngPlus.png) 15px 23px no-repeat #d8dee5;
    }

        .accontDetail .accordian h2.active {
            background: url(../images/plus1.png) 15px -38px no-repeat #284b73;
            color: #fff;
        }

    .accontDetail .accordian .accordContent {
        display: none;
    }

.accordian .accordContent p a {
    color: #333;
}

.accontDetail .scroll-pane {
    width: 100%;
    height: 310px;
    overflow: auto;
    float: left;
    outline: 0;
}

.accontDetail .rowMail {
    width: 100%;
    float: left;
    position: relative;
    font-size: 1.6em;
    color: #333;
    border-bottom: 1px solid #c6d1dd;
    padding: 10px;
}

    .accontDetail .rowMail a {
        width: auto;
        float: left;
        margin: 0;
        color: #333;
    }

    .accontDetail .rowMail .checkbox {
        width: 19px;
        height: 25px;
        padding: 0 15px 0 0;
        background: url(../images/chk.png) 0 3px no-repeat;
        display: block;
        clear: left;
        float: left;
    }

    .accontDetail .rowMail input[type=checkbox] {
        position: absolute;
        left: 10px;
        top: 12px;
        opacity: 0;
        width: 20px;
        height: 20px;
    }

    .accontDetail .rowMail .checkbox.checkedAct {
        background-position: 0 -47px;
    }

    .accontDetail .rowMail span.dated {
        float: right;
    }

.linkBtn {
    width: 100%;
    float: left;
    margin: 10px 0;
}

    .linkBtn a {
        width: 120px;
        float: left;
        position: relative;
        left: 50%;
        margin-left: -60px;
        background: #f92f2f;
        color: #fff;
        font-size: 1.8em;
        text-align: center;
        padding: 5px 0;
        text-transform: uppercase;
    }

.contentWrap, .investWrap {
    padding: 20px 0;
}

    .contentWrap p {
        color: #333;
        float: left;
        font-size: 1.6em;
        width: 100%;
    }

.investTabWrap.contentWrap .tabDetail .row {
    min-height: 10px;
    padding: 15px 0 10px;
}

    .investTabWrap.contentWrap .tabDetail .row label {
        width: 150px;
    }

    .investTabWrap.contentWrap .tabDetail .row .detail label {
        width: auto;
    }

.contentWrap .block .knowMor, .contentWrap .knowMor.lftAlign {
    float: left;
}

    .contentWrap .block .knowMor a, .contentWrap .knowMor.lftAlign a {
        color: #fff;
        height: auto;
        left: 0;
        margin-left: 0;
        padding: 10px 15px 10px 25px;
        width: auto;
    }

.investWrap1, .proceedWrap {
    padding: 0 0 20px;
}

.investStart {
    width: 100%;
    float: left;
}

.centrAlign {
    width: 100%;
    margin: 0 auto 0 -31%;
    position: relative;
    left: 50%;
}

.investStart p {
    font-size: 3em;
    color: #333;
    text-align: center;
    font-family: helveticaneuethin;
}

    .investStart p a, .investStart p span, .investTabWrap ul.tab li a span, .investTabWrap ul.tab li a span.detailPlan {
        font-family: robotolight;
    }

    .investStart p a {
        color: red;
    }

.investStart .stepBox {
    width: 240px;
    min-height: 110px;
    float: left;
    margin: 100px 15px 0 0;
    padding: 15px 10px;
    background: #fff;
    position: relative;
    color: #333;
}

.investStart.atmBox .stepBox {
    min-height: 140px;
}

    .investStart.atmBox .stepBox span {
        margin-top: 12px;
    }

    .investStart.atmBox .stepBox p {
        padding: 5px 0;
    }

    .investStart.atmBox .stepBox h2 {
        margin-bottom: 10px;
    }

.investStart .stepBox.marLft {
    margin-left: 25px;
}

.investStart .stepBox h2 {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e3e6ea;
    padding: 5px 0 10px;
    text-align: center;
    font-size: 1.6em;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 15px;
}

.investStart .stepBox p {
    font-size: 1.7em;
    padding: 0;
    float: left;
    text-align: center;
    width: 100%;
}

.investStart .stepBox span {
    width: 85px;
    height: 85px;
    border-radius: 85px;
    position: absolute;
    left: 50%;
    margin-left: -43px;
    top: -50%;
    background: #19bd9b;
}

    .investStart .stepBox span:after {
        content: '';
        position: relative;
        display: block;
        width: 85px;
        height: 85px;
        background: url(../images/navSprite.png) no-repeat;
    }

    .investStart .stepBox span.step1:after {
        width: 70px;
        height: 70px;
        background-position: -200px -132px;
    }

    .investStart .stepBox span.step2:after {
        width: 65px;
        height: 40px;
        background-position: -296px -160px;
        left: 10px;
        top: 26px;
    }

    .investStart .stepBox span.step3:after {
        width: 45px;
        height: 40px;
        background-position: -388px -160px;
        left: 20px;
        top: 24px;
    }

    .investStart .stepBox span.step4:after {
        width: 70px;
        height: 70px;
        background-position: -280px -211px;
        left: 0;
        top: 15px;
    }

    .investStart .stepBox span.step5:after {
        width: 70px;
        height: 70px;
        background-position: -386px -211px;
        left: 21px;
        top: 16px;
    }

    .investStart .stepBox span.step6:after {
        width: 65px;
        height: 40px;
        background-position: -296px -160px;
        left: 10px;
        top: 26px;
    }

    .investStart .stepBox span.step7:after {
        width: 45px;
        height: 40px;
        background-position: -388px -160px;
        left: 20px;
        top: 24px;
    }

.investStart .knowMor {
    margin: 20px 0 0;
    float: left;
    position: relative;
}

    .investStart .knowMor a {
        margin: 0 0 0 -80px;
        padding: 13px 20px 0 25px;
        width: auto;
    }

        .investStart .knowMor a.demo {
            margin: 0;
            width: auto;
            padding: 0;
            color: #034da2;
            background: 0 0;
            text-transform: none;
            position: absolute;
            left: auto;
            right: 25px;
            top: 10px;
        }

.investTabWrap, .investTabWrap .tabDetail, .investTabWrap .tabDetail .row, .investTabWrap ul.tab {
    width: 100%;
    float: left;
}

    .investTabWrap ul.tab {
        border-bottom: 1px solid #fff;
        position: relative;
        height: 73px;
        overflow: hidden;
    }

        .investTabWrap ul.tab li {
            width: 33.33%;
            float: left;
            height: 73px;
            position: relative;
            left: 0;
            top: 0;
            padding-left: 30px;
        }

    .investTabWrap ul.tab5 li {
        width: 20%;
    }

    .investTabWrap ul.tab li:first-child {
        padding: 0;
    }

    .investTabWrap ul.tab li a {
        color: #333;
        font-size: 1.6em;
        padding: 5px 0 0 5px;
        text-transform: uppercase;
        position: relative;
        display: table;
        height: 68px;
        width: 100%;
    }

        .investTabWrap ul.tab li a span {
            font-size: 1.5em;
            margin: -3px 5px 0 0;
            float: left;
            min-height: 73px;
        }

        .investTabWrap ul.tab li a label {
            cursor: pointer;
            margin-bottom: 3px;
            padding-right: 6px;
            font-weight: 400;
        }

            .investTabWrap ul.tab li a label br {
                display: none;
            }

    .investTabWrap ul.tab li span.arrow {
        background: url(../images/step.png) right 0 no-repeat;
        position: absolute;
        right: -50px;
        top: 0;
        width: 55px;
        height: 73px;
    }

    .investTabWrap ul.tab li.active a {
        color: #fff;
    }

    .investTabWrap ul.tab li.activate {
        z-index: 1;
        background: #b8c9dc;
    }

        .investTabWrap ul.tab li.activate label {
            background: url(../images/activateStep.png) right 0 no-repeat;
            padding-right: 26px;
        }

    .investTabWrap ul.tab li.step1.activate {
        z-index: 2;
    }

        .investTabWrap ul.tab li.step1.activate label {
            padding-right: 30px;
        }

    .investTabWrap ul.tab li.active {
        background: #239cd5;
        z-index: 0;
    }

    .investTabWrap ul.tab li.activate span.arrow {
        background: url(../images/doneStep.png) right 0 no-repeat;
    }

    .investTabWrap ul.tab li.active span.arrow {
        background: url(../images/activeStep.png) right 0 no-repeat;
    }

    .investTabWrap ul.tab li a span.detailPlan {
        font-size: .7em;
        color: #333;
        text-transform: none;
        min-height: 0;
        display: none;
        width: 90%;
    }

    .investTabWrap ul.tab li.activate a span.detailPlan {
        display: block;
    }

    .investTabWrap ul.tab li.active a span.detailPlan {
        color: #fff;
    }

    .investTabWrap .tabDetail {
        display: none;
    }

        .investTabWrap .tabDetail .row {
            padding: 15px 40px;
            min-height: 70px;
            border: none;
            float: left;
            position: relative;
        }

        .investTabWrap .tabDetail .rowHidden {
            margin: 25px 0 0;
            float: left;
        }

        .investTabWrap .tabDetail .row label, .investTabWrap .tabDetail .row label.labelwidth, .investTabWrap .tabDetail .row label.switchrow {
            margin: 8px 0 0;
            font-size: 1.6em;
            color: #333;
            float: left;
            font-family: robotolight;
        }

        .investTabWrap .tabDetail .row label {
            width: 225px;
        }

            .investTabWrap .tabDetail .row label.switchrow {
                width: 159px;
            }

            .investTabWrap .tabDetail .row label.labelwidth {
                width: 300px;
            }

            .investTabWrap .tabDetail .row label.fullWidth {
                width: 100%;
                margin-bottom: 10px;
            }

        .investTabWrap .tabDetail .row innerrow label.labelwidth {
            width: 300px;
            float: left;
            font-size: 1.6em;
            font-family: robotolight;
            margin: 8px 0 0;
            color: #333;
        }

        .investTabWrap .tabDetail .row label p {
            width: 100%;
            float: left;
            color: #666;
            font-size: .7em;
        }

            .investTabWrap .tabDetail .row label p a {
                color: #666;
            }

            .investTabWrap .tabDetail .row label p span.valAmnt {
                background: url(../images/rs.png) 0 center no-repeat;
                padding-left: 8px;
                background-size: 6px auto;
            }

        .investTabWrap .tabDetail .row .detail {
            width: 470px;
            float: left;
        }

        .investTabWrap .tabDetail .row .detailradio {
            width: 70%;
            margin-top: 10px;
            float: left;
        }

        .investTabWrap .tabDetail .row .detail .selectbg {
            width: 225px;
            float: left;
        }

        .investTabWrap .tabDetail .row .detail.units .selectbg {
            width: 125px;
            float: left;
        }

        .investTabWrap .tabDetail .row .detail .selectedvalue {
            font-size: 1.6em;
        }

        .investTabWrap .tabDetail .row .detail label {
            width: auto;
            margin: 10px 35px 0 0;
            font-family: robotolight;
            line-height: 1em;
            position: relative;
            cursor: pointer;
        }

        .investTabWrap .tabDetail .row .detailradio label {
            width: auto;
            margin: 0 35px 0 0;
            font-family: robotolight;
            font-size: 1.4em;
            line-height: .6em;
            position: relative;
            cursor: pointer;
        }

        .investTabWrap .tabDetail .row .detail .searchScheme {
            width: 360px;
            background: #fff;
            height: 40px;
        }

            .investTabWrap .tabDetail .row .detail .searchScheme input {
                width: 285px;
                float: left;
                height: 40px;
                padding: 0 15px;
                font-size: 1.6em;
                color: #333;
                font-family: robotolight;
            }

            .investTabWrap .tabDetail .row .detail .searchScheme a {
                width: auto;
                float: right;
                margin: 8px 5px;
            }

        .investTabWrap .tabDetail .row .detail input, .investTabWrap .tabDetail .row .detail.distribute input {
            width: 330px;
            padding: 0 15px;
            height: 40px;
            float: left;
            color: #333;
            font-family: robotolight;
            font-size: 1.6em;
        }

            .investTabWrap .tabDetail .row .detail input.countryCode {
                width: 30px;
                margin-right: 10px;
            }

            .investTabWrap .tabDetail .row .detail input.mobNo {
                width: 190px;
            }

        .investTabWrap .tabDetail .row .detail.units input {
            width: 90px;
            margin-right: 15px;
        }

        .investTabWrap .tabDetail .row .detail.units .selectedvalue {
            width: 85px;
        }

        .investTabWrap .tabDetail .row .detail.units select {
            width: 120px;
        }

        .investTabWrap .tabDetail .row .detail.units span.unitVal {
            width: 100%;
            float: left;
            color: #666;
            font-size: 1.4em;
            margin: 5px 0 0;
        }

        .investTabWrap .tabDetail .row .detail .dateDiv {
            width: 180px;
            float: left;
        }

            .investTabWrap .tabDetail .row .detail .dateDiv input {
                width: 90px;
            }

        .investTabWrap .tabDetail .row .detail .midCont {
            font-size: 1.4em;
            margin: 10px 10px 0;
            color: #666;
            float: left;
        }

        .investTabWrap .tabDetail .row .detail a.midCont {
            color: #034da2;
        }

        .investTabWrap .tabDetail .row .detail p.midCont {
            margin-left: 0;
        }

        .investTabWrap .tabDetail .row .detail .dateDiv a {
            float: left;
            margin: 8px 0 5px 8px;
        }

        .investTabWrap .tabDetail .row .detail.distribute a {
            margin: 10px;
            float: left;
            color: #333;
            font-size: 1.6em;
        }

            .investTabWrap .tabDetail .row .detail.distribute a img {
                float: left;
                margin: 0 5px 0 0;
            }

        .investTabWrap .tabDetail .row .detail input.smallWid {
            width: 180px;
        }

        .investTabWrap .tabDetail .row .detail.distribute input.smallWid {
            margin: 15px 20px 0 0;
        }

        .investTabWrap .tabDetail .row .detail input.amountVal {
            background: url(../images/rupee.jpg) 3px center no-repeat #fff;
            padding-left: 40px;
            border: none;
            width: 155px;
        }

        .investTabWrap .tabDetail .row .detail input.styled {
            display: block;
            width: 20px;
            height: 20px;
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0;
            padding: 0;
            cursor: pointer;
        }

        .investTabWrap .tabDetail .row .detail.distribute input.styled {
            padding: 0;
        }

        .investTabWrap .tabDetail .row .detail label.chk {
            margin: 25px 0 0;
            float: left;
        }

        .investTabWrap .tabDetail .row .detail p {
            width: auto;
            float: left;
            font-family: robotolight;
            color: #666;
            margin: 20px 0 0 5px;
        }

        .investTabWrap .tabDetail .row .errorMsg, .investTabWrap .tabDetail .row .reIpin {
            width: 100%;
            float: left;
            color: #f92f2f;
            margin: 5px 0 0;
            display: none;
            font-size: 1.6em;
        }

        .investTabWrap .tabDetail .row .detail .rowDiv {
            width: 350px;
            float: left;
            margin: 0 0 20px;
        }

            .investTabWrap .tabDetail .row .detail .rowDiv .errorMsg, .investTabWrap .tabDetail .row .detail .rowDiv .reIpin {
                width: auto;
                margin: 0 0 0 20px;
                display: block;
            }

            .investTabWrap .tabDetail .row .detail .rowDiv .reIpin {
                color: #034da2;
                line-height: 1em;
            }

        .investTabWrap .tabDetail .row .midCol {
            width: 230px;
            float: left;
        }

        .investTabWrap .tabDetail .row .lockedFree {
            width: 180px;
            float: left;
            margin-left: 15px;
        }

            .investTabWrap .tabDetail .row .lockedFree p {
                line-height: 1em;
                margin-top: 5px;
                width: 75px;
                font-size: 1.4em;
            }

                .investTabWrap .tabDetail .row .lockedFree p span.toolTip {
                    float: right;
                    top: -10px;
                    left: 12px;
                    margin: 0;
                }

            .investTabWrap .tabDetail .row .lockedFree span.lockVal {
                width: 50px;
                margin: 0 0 0 25px;
                float: left;
                background: url(../images/rs.png) 0 center no-repeat;
                font-size: 1.4em;
                padding-left: 12px;
                color: #666;
            }

        .investTabWrap .tabDetail.divShow {
            display: block;
        }

        .investTabWrap .tabDetail span.toolTip {
            width: 20px;
            height: 20px;
            background: url(../images/navSprite.png) -236px -110px no-repeat;
            display: inline-block;
            margin: 0;
            position: relative;
            top: 5px;
            cursor: pointer;
        }

.lightBox, .smartStepDiv, .swpDiv {
    display: none;
}

.toolTipDetail {
    width: auto;
    max-width: 465px;
    float: left;
    position: absolute;
    border: 1px solid #e1b616;
    padding: 10px;
    z-index: 1;
    background: #fae080;
    color: #333;
    line-height: 1.2em;
    top: 65px;
    left: 145px;
    font-family: robotolight;
    font-size: .9em;
}

    .toolTipDetail span {
        background: url(../images/toolTipArrow.png) no-repeat;
        position: absolute;
        left: 40px;
        top: -12px;
        width: 14px;
        height: 12px;
    }

.reinvest, .stepConfirm {
    position: relative;
}

.investTabWrap .tabDetail .row .detail .termsWrap .scroll-pane, .termsWrap {
    height: 100px;
}

.reinvest {
    background: #d8dee5;
    border: 1px solid #a8b7c8;
    padding: 15px 20px;
    width: 550px;
    float: left;
    margin: 25px 0 15px 40px;
}

    .reinvest .minInvest, .reinvest label {
        width: 100%;
        float: left;
    }

    .reinvest h2, .reinvest span {
        color: #333;
        font-family: robotolight;
        font-weight: 400;
        font-size: 1.8em;
    }

    .reinvest label {
        color: #333;
        font-size: 1.6em;
        padding: 10px 0;
        border-bottom: 1px solid #bdc7d3;
    }

        .reinvest label.last {
            border-bottom: none;
        }

    .reinvest span {
        font-size: 1.2em;
        margin: 0 5px;
    }

        .reinvest span.rsValue {
            background: url(../images/rupeesymbol.webp) 0 3px no-repeat;
            padding-left: 15px;
        }

    .reinvest .minInvest label {
        width: auto;
        border: none;
    }

.confirmHd, .stepConfirm h3 {
    border-bottom: 1px solid #bdc7d3;
}

.reinvest .minInvest .purchaseBox {
    width: 280px;
    float: left;
    margin-left: 25px;
}

    .reinvest .minInvest .purchaseBox label {
        width: 50%;
        float: left;
        font-size: 1.2em;
        padding-bottom: 0;
    }

        .reinvest .minInvest .purchaseBox label span.rsValue {
            width: 100%;
            float: left;
            background-size: 8px auto;
            padding-left: 10px;
        }

.investTabWrap .tabDetail .minInvest .toolTipDetail {
    width: 400px;
}

.investTabWrap .tabDetail .knowMor {
    margin: 0;
    text-align: left;
}

    .investTabWrap .tabDetail .knowMor.marLeft a {
        margin-left: 15px;
    }

    .investTabWrap .tabDetail .knowMor a.save.marLeft {
        margin-left: 0;
    }

    .investTabWrap .tabDetail .knowMor label {
        width: 15px;
        float: left;
        margin: 17px 0 0 10px;
        color: #333;
        font-size: 1.6em;
    }

    .investTabWrap .tabDetail .knowMor a.newLink, .investTabWrap .tabDetail .knowMor a.newLinkGo {
        color: #034da2;
        font-size: 1.6em;
        margin: 10px 15px 0;
        float: left;
        background: 0 0;
        width: auto;
        text-transform: none;
    }

    .investTabWrap .tabDetail .knowMor a, .investTabWrap .tabDetail .knowMor.cancelLeft a {
        left: 0;
        margin-left: 40px;
    }

        .investTabWrap .tabDetail .knowMor a.newLinkGo {
            margin-left: 35px;
        }

    .investTabWrap .tabDetail .knowMor.knowMore1 a {
        width: 100px;
        float: right;
        margin-left: 10px;
    }

.investTabWrap .tabDetail .row .detail.payMode {
    width: 65%;
}

.investTabWrap .tabDetail .row .detail .colPay {
    width: 100%;
    float: left;
}

    .investTabWrap .tabDetail .row .detail .colPay label:first-child {
        margin-right: 0;
        width: 435px;
    }

.termsWrap {
    width: 420px;
    float: left;
    background: #fff;
    padding: 15px 10px;
    margin-bottom: 15px;
}

.stepConfirm, .tabDetail h3 {
    width: 100%;
    padding: 15px 40px;
    float: left;
}

.investTabWrap .tabDetail .detail.distribute .termsWrap {
    margin: 20px 0 0;
    overflow: auto;
}

.investTabWrap .tabDetail .row .detail .terms {
    width: 100%;
    float: left;
    font-size: 1.4em;
    color: #333;
}

.investTabWrap .tabDetail .row .detail .termsWrap .jspDrag {
    background: #ee4530;
}

.investTabWrap .tabDetail .row .detail .termsWrap .jspTrack {
    background: #eceaeb;
}

.tabDetail h3 {
    font-size: 2em;
    color: #333;
    font-weight: 400;
    font-family: robotolight;
    background: #c3cad2;
}

.stepConfirm h2, .stepConfirm h3 {
    font-weight: 400;
    font-size: 2.2em;
    color: #333;
    width: auto;
    font-family: robotolight;
}

.stepConfirm h3 {
    font-family: helveticaneuethin;
    padding: 10px 0;
    width: auto;
    float: left;
    background: 0 0;
}

.investTabWrap .mobTitle, .lightBox label, .linkFolio a.removeFolio, .stepConfirm p a, .stepConfirm p span, .trackTransaction .orDiv span {
    font-family: robotolight;
}

.confirmHd {
    float: left;
    padding-bottom: 8px;
    padding-right: 25px;
}

.stepConfirm p {
    width: 100%;
    float: left;
    padding: 7px 0;
    color: #333;
    font-size: 1.4em;
}

    .stepConfirm p a, .stepConfirm p span {
        font-size: 1.2em;
        margin: 0 0 0 5px;
        color: #333;
    }

        .stepConfirm p a.deviceCallOnly {
            font-size: 1em;
        }

.stepConfirm .doneIcon {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 75px;
}

.proceedWrap .stepConfirm {
    padding: 15px 40px 10px;
}

    .proceedWrap .stepConfirm p a, .proceedWrap .stepConfirm p span {
        margin: 0;
    }

    .proceedWrap .stepConfirm p a {
        color: #034da2;
        font-size: 1em;
    }

    .proceedWrap .stepConfirm p label {
        float: left;
    }

    .proceedWrap .stepConfirm input.txtBx {
        color: #666;
        float: left;
        font-size: 1em;
        margin: -10px 0 0 10px;
        padding: 10px;
    }

.detailStep {
    width: 520px;
    float: left;
    background: #d8dee5;
    padding: 8px 20px 15px;
}

.investTabWrap .tabDetail .detailStep .knowMor a {
    margin: 10px 0 0;
}

.knowMor.knowMor1 a {
    width: 235px;
}

.investTabWrap .tabDetail .knowMor.knowMor1 a.newLink {
    margin-left: 5px;
}

.stepConfirm p span.paidVal {
    background: url(../images/rupeesymbol.webp) 0 4px no-repeat;
    padding-left: 14px;
}

.investTabWrap .mobTitle {
    clear: both;
    color: #239cd5;
    display: none;
    float: left;
    font-size: 1.6em;
    line-height: 1em;
    margin: 5px 10px;
    text-transform: uppercase;
    width: auto;
}

.headTitle {
    width: 100%;
    float: left;
    background: #239cd5;
    font-size: 2em;
    text-transform: uppercase;
    color: #fff;
    padding: 20px;
    line-height: 1em;
}

.garyBg, .investTabWrap .tabDetail .row .detail label a {
    color: #333;
}

.garyBg {
    background: #c3cad2;
    padding: 20px;
}

.reinvest .noBorder {
    border: none;
}

ul.numberBullet, ul.numberBullet li {
    width: 100%;
    float: left;
    position: relative;
}

    ul.numberBullet li {
        margin: 0 0 5px;
    }

.investTabWrap .tabDetail .row .detail.distribute ul.numberBullet li a {
    font-size: 1em;
    float: none;
    margin: 0;
}

.investTabWrap .tabDetail .row .detail .termsWrap.instruction .scroll-pane, .termsWrap.instruction {
    height: 250px;
}

.investTabWrap .tabDetail .row .detail label.selectVal {
    width: auto;
    color: #333;
    font-size: 1.8em;
    cursor: default;
}

.moreIntresting {
    width: 100%;
    float: left;
    margin: 25px 0 0;
}

    .moreIntresting h2 {
        background: #239cd5;
        padding: 10px 25px;
        color: #fff;
        font-size: 1.8em;
        font-weight: 400;
    }

    .moreIntresting .moreDetl {
        background: #fff;
        padding: 15px 20px;
        float: left;
        width: 100%;
    }

    .moreIntresting ul.moreDetl li {
        background: url(../images/bulletGreen.png) 0 6px no-repeat;
        padding-left: 15px;
        font-size: 1.4em;
        float: left;
        margin-left: 25px;
    }

        .moreIntresting ul.moreDetl li:first-child {
            margin: 0;
        }

.mainWrapDiv.investTabWrap .tabDetail .row {
    min-height: 40px;
    padding: 15px 40px 0;
}

.lightBox {
    width: 410px;
    min-height: 120px;
    background: #d8dee5;
    float: left;
    position: fixed;
    left: 50%;
    margin: -100px 0 0 -235px;
    top: 50%;
    padding: 20px 40px 20px 20px;
    z-index: 5;
}

.accountStatement .tabDetail, .linkFolios .tabDetail, .trackTransaction .tabDetail {
    display: block;
}

.lightBox .knowMor a {
    margin: 10px 10px 0 0;
    left: 0;
    width: 110px;
}

#downloadLgtBox .knowMor a {
    width: 120px;
}

.lightBox label, .lightBox p {
    width: 100%;
    float: left;
    font-size: 1.6em;
    color: #333;
    padding: 0 0 5px;
}

.lightBox .close {
    position: absolute;
    right: 15px;
    top: 15px;
    background: url(../images/quickClose.png) no-repeat;
    width: 30px;
    height: 30px;
    float: left;
    cursor: pointer;
    z-index: 9999;
}

.mainWrapDiv, .mainWrapDiv1, p.topHd {
    width: 100%;
    float: left;
}

p.topHd {
    padding: 10px 40px;
    font-size: 1.6em;
    color: #333;
}

.marBtm {
    margin-bottom: 10px;
    float: left;
}

.mainWrapDiv1 .scroll-pane {
    height: 420px;
}

.mainWrapDiv .myAccHeaderInfo, .mainWrapDiv .myAccWrapperContent {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}

.trackTransaction .headWrp {
    border-bottom: none;
}

.trackTransaction .investTabWrap {
    background: #eaedf1;
}

.trackTransaction .tabDetail p {
    font-size: 1.6em;
    padding: 22px;
    clear: both;
}

    .trackTransaction .tabDetail p a {
        color: #034da2;
    }

.trackTransaction .investTabWrap .tabDetail .row .detail input.midInput {
    width: 188px;
}

.trackTransaction .orDiv {
    clear: both;
}

    .trackTransaction .orDiv span {
        font-size: 1.6em;
        display: block;
        text-align: center;
        padding: 20px 0;
        clear: both;
        width: 50px;
        margin: 0 auto;
        background: #eaedf1;
        color: #034da2;
        font-weight: 600;
    }

    .trackTransaction .orDiv .orWrapper {
        background: url(../images/dotted.png) left center repeat-x;
        width: 90%;
        margin: 0 auto;
    }

.tableContent {
    clear: both;
    padding: 20px;
}

    .tableContent table td, .tableContent table th {
        font-size: 1.4em;
        padding: 14px;
    }

    .tableContent table th {
        background: #00b0f0;
        color: #fff;
    }

    .tableContent table {
        border-left: 1px solid #bfd8e1;
        border-right: 1px solid #bfd8e1;
        background: #fff;
    }

        .tableContent table td {
            border-bottom: 1px solid #bfd8e1;
        }

.accountStatement .headWrp, .linkFolios .headWrp {
    border-bottom: none;
}

.tableWrapper {
    padding-bottom: 10px;
}

.email a.deviceCallOnly {
    color: #333 !important;
    cursor: default;
}

.chk input, .toggleIcon {
    cursor: pointer;
    position: absolute;
}

.accountStatement .investTabWrap {
    background: #eaedf1;
}

.accountStatement h2 {
    font-size: 1.6em;
    padding: 20px;
}

.accountStatement .tabDetail .row .detail {
    width: 590px;
}

.detail .dateRange {
    float: left;
    margin: 20px 0 0;
}

.detail .dateRange1 {
    float: left;
}

#removeBox {
    z-index: 99;
}

.linkFolioContainer.setIpin, .logedinMob, .onlineKEyboard {
    display: none;
}

.linkFolios .folioWrap {
    background: #eaedf1;
    float: left;
    width: 100%;
    padding: 32px;
}

.folioWrap .row {
    border-top: none;
    float: left;
    width: 100%;
    background: #d8dee5;
    padding: 8px;
    margin-bottom: 10px;
}

.linkFolios .linkFolioInfo {
    float: left;
}

.linkFolios .tabDetail p {
    font-size: 1.6em;
    padding: 0;
    clear: both;
    float: left;
}

.linkFolios .linkFolioContent {
    background: #fff;
    clear: both;
    padding: 10px;
    float: left;
    width: 100%;
    margin: 0 0 5px;
}

.linkFolioContainer .knowMor.linkFolio a {
    margin: 0;
    left: 0;
}

.linkFolios .linkFolioContent p.email {
    font-size: 1.2em;
}

    .linkFolios .linkFolioContent p.email a {
        color: #034da2;
    }

.linkFolioContainer h2 {
    margin-bottom: 10px;
    font-size: 2em;
}

.linkFolioContainer .linkFolio {
    float: right;
    width: auto;
}

.knowMor.linkother a {
    width: 190px;
}

.linkFolioInfo p {
    font-size: 1.5em;
    padding: 2px 0;
}

p.linkOtherTitle {
    font-size: 2em;
    float: left;
    padding: 10px 0;
}

.linkFolioContainer .linkFolio .flag {
    font-size: 1.6em;
    clear: both;
    float: right;
}

.linkFolio a.removeFolio {
    background: url(../images/trashcan.png) 0 4px no-repeat;
    font-size: 1.4em;
    color: #034da2;
    padding: 6px 0 0 17px;
    float: left;
    clear: both;
}

.rownom, .rownomheading {
    font-family: Arial,Helvetica,sans-serif;
    float: left;
}

.linkFolioContainer .fromWrapper {
    float: left;
    width: 100%;
}

.linkFolioContainer label {
    float: left;
    font-size: 1.5em;
    margin: 8px 10px 0 0;
}

.linkFolioContainer .inputWrapper {
    float: left;
}

.linkFolioContainer .fromWrapper p {
    font-size: 1.6em;
    padding: 15px 0;
}

.linkFolioContainer .feildWrapper {
    float: left;
    clear: both;
}

    .linkFolioContainer .feildWrapper .inputWrapper input[type=text] {
        width: 208px;
        height: 18px;
        padding: 10px;
    }

.linkFolioContainer .knowMor a {
    margin: 10px 0;
    left: inherit;
}

.linkFolioContainer .subWrapper {
    padding-top: 30px;
}

#s2scroller {
    height: 75px;
}

    #s2scroller .jspHorizontalBar {
        height: 0;
        display: none;
    }

.onlineKEyboard {
    float: left;
    padding: 20px;
    position: absolute;
    background: #e2e6eb;
    border: 1px solid #cbccce;
    width: 449px;
    text-align: center;
    -webkit-box-shadow: 0 0 32px -6px rgba(203,204,206,1);
    -moz-box-shadow: 0 0 32px -6px rgba(203,204,206,1);
    box-shadow: 0 0 32px -6px rgba(203,204,206,1);
}

.feildWrapper label.chk.virtualKey {
    margin-right: 0;
    width: 400px;
}

.virtualKey span.textLabelVirtual {
    float: left;
    font-size: .7em;
    width: 347px;
    margin-top: -15px;
    margin-left: 10px;
    background: url(../images/keyboardicon.jpg) right 0 no-repeat;
    cursor: pointer;
}

.loginContent .rightContent .loginReg {
    width: 450px;
}

.chk {
    position: relative;
}

    .chk input {
        display: block !important;
        width: 20px;
        height: 20px;
        left: 0;
        top: 0;
        opacity: 0;
        padding: 0;
    }

.loginReg form {
    float: left;
    padding-top: 10px;
}

.strength-indicator {
    width: 200px;
    height: 120px;
    border-left: solid 2px gray;
    padding: 8px 8px 8px 16px;
    margin-left: 4px;
    line-height: 18px;
}

.meter {
    display: block;
    width: 160px;
    height: 14px;
    background: #424042;
    background: -moz-linear-gradient(left,#424042 0,#f2f2f2 99%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0,#424042),color-stop(99%,#f2f2f2));
    background: -webkit-linear-gradient(left,#424042 0,#f2f2f2 99%);
    background: -o-linear-gradient(left,#424042 0,#f2f2f2 99%);
    background: -ms-linear-gradient(left,#424042 0,#f2f2f2 99%);
    background: linear-gradient(left,#424042 0,#f2f2f2 99%);
    font-size: 12px;
    padding: 2px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    margin-bottom: 15px;
}

.medium, .strong {
    background: #ff0;
}

.strong {
    background: -moz-linear-gradient(left,#ff0 0,#218400 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0,#ff0),color-stop(100%,#218400));
    background: -webkit-linear-gradient(left,#ff0 0,#218400 100%);
    background: -o-linear-gradient(left,#ff0 0,#218400 100%);
    background: -ms-linear-gradient(left,#ff0 0,#218400 100%);
    background: linear-gradient(left,#ff0 0,#218400 100%);
}

.medium {
    background: -moz-linear-gradient(left,#ff0 0,#f98900 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0,#ff0),color-stop(100%,#f98900));
    background: -webkit-linear-gradient(left,#ff0 0,#f98900 100%);
    background: -o-linear-gradient(left,#ff0 0,#f98900 100%);
    background: -ms-linear-gradient(left,#ff0 0,#f98900 100%);
    background: linear-gradient(left,#ff0 0,#f98900 100%);
}

.week {
    background: #ff0;
    background: -moz-linear-gradient(left,#ff0 0,#fc1d00 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0,#ff0),color-stop(100%,#fc1d00));
    background: -webkit-linear-gradient(left,#ff0 0,#fc1d00 100%);
    background: -o-linear-gradient(left,#ff0 0,#fc1d00 100%);
    background: -ms-linear-gradient(left,#ff0 0,#fc1d00 100%);
    background: linear-gradient(left,#ff0 0,#fc1d00 100%);
}

.no-match {
    color: #ff7b78 !important;
}

.oldsitelink {
    text-align: right;
    padding-bottom: 7px;
    font-size: 1.2em !important;
    margin-top: -20px;
    margin-bottom: 20px;
}

.password-container {
    padding: 4px;
    float: left;
}

    .password-container p {
        margin: 8px 0 0;
        padding: 0;
    }

        .password-container p label {
            text-align: right;
            display: inline-block;
            width: 130px;
            color: #6e6e6e;
            font-size: 14px;
        }

        .password-container p input[type=password] {
            width: 250px;
            height: 42px;
            background-color: #232a34;
            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border: none;
            color: #fff;
            font-size: 24px;
        }

    .password-container .info {
        display: block;
        color: Gray;
        margin-left: 134px;
    }

.rownom {
    width: 25%;
    font-size: 1.2em;
}

.rownomheading {
    width: 100%;
}

    .rownomheading .contentheading {
        font-size: 1.5em;
        color: #284b73;
        font-weight: bolder;
        float: left;
        width: 25%;
        padding: 8px 0;
        border-bottom: 1px solid #c6d1dd;
    }

.rownum .labelcol, rownum formfieldcol {
    width: 100%;
}

.rownom .column1, .rownom .column2, .rownom .column3, .rownom .column4 {
    width: 90%;
    min-height: 40px;
    word-break: break-all;
    padding: 10px 10% 10px 0;
    color: #666;
    clear: both;
    float: left;
}

.rownom .column1, .rownom .column3 {
    line-height: 13px;
}

.rownom .column2, .rownom .column4 {
    line-height: 20px;
}

.rownom .line {
    border-bottom: 1px solid #c6d1dd;
    height: 2px;
    width: 100%;
    clear: both;
}

.rownom .formfieldcol .column3 .inputWrapper input[type=text], .rownom .formfieldcol .column4 .inputWrapper input[type=text] {
    width: 125px;
    padding: 10px;
}

.toggleIcon {
    width: 20px;
    height: 28px;
    float: left;
    left: -151px;
    border-radius: 1px;
    background: url(../images/toggleArrow.png) center 5px no-repeat #c9ddf2;
}

    .toggleIcon.actToggle {
        background-position: center -25px;
    }

.waysTransact {
    background: 0 0;
    margin: 10px 0;
    padding: 0 0 20px;
}

    .waysTransact .accordian h2 span {
        width: 100px;
        height: 90px;
        float: right;
        position: absolute;
        right: 0;
        top: 0;
        background: url(../images/navSprite.png) 2px 307px no-repeat;
        text-transform: uppercase;
    }

    .waysTransact .accordian .accordContent {
        background: 0 0;
        padding: 0 100px 0 0;
    }

    .waysTransact .accrdCont {
        width: 100%;
        float: left;
        background: #e2e6eb;
        padding: 10px 15px 5px;
    }

    .waysTransact p {
        font-size: 1.4em;
        margin: 0 0 10px;
    }

    .waysTransact h4 {
        font-size: 1.4em;
        font-weight: 400;
        width: 100%;
        float: left;
        font-family: robotolight;
        margin-bottom: 10px;
    }

.wayTransButton, .wayTransText {
    font-family: robotolight,Arial,sans-serif;
}

.waysTransact .knowMor {
    border-top: 1px solid #c6d1dd;
    padding-top: 10px;
}

.waysTransact .accordian h2 span.website {
    background-color: #77d7c3;
    background-position: 2px -307px;
}

.waysTransact .accordian h2 span.mobileApp {
    background-color: #92cfec;
    background-position: -106px -306px;
}

.waysTransact .accordian h2 span.SMS {
    background-color: #f0d676;
    background-position: -195px -306px;
}

.waysTransact .accordian h2 span.callCenter {
    background-color: #c29ece;
    background-position: -277px -305px;
}

.waysTransact .accordian h2 span.stockExchange {
    background-color: #c2d591;
    background-position: -355px -305px;
}

.waysTransact .accordian h2 span.ratm {
    background-color: #eda9a2;
    background-position: 13px -387px;
}

.waysTransact .accordian h2 span.appForm {
    background-color: #f0cc81;
    background-position: -97px -389px;
}

.contentWrap, .investWrap {
    width: 890px;
    float: left;
    background: #eaedf1;
    margin: 0 0 25px;
}

.contentWrap {
    margin-top: 0;
    padding: 20px;
}

.commonAccord h2 {
    background: url(../images/plus.png) 15px 27px no-repeat #d8dee5;
    position: relative;
    font-size: 1.3em;
    text-transform: uppercase;
    line-height: normal;
    margin: 15px 0 0;
    padding: 30px 10px 20px 40px;
    outline: 0;
    height: 92px;
}

    .commonAccord h2.active {
        background: url(../images/minus1.png) 15px 27px no-repeat #284b73;
        color: #fff;
        font-size: 1.3em;
        outline: 0;
        height: 92px;
    }

.AddCashcontentWrap, .AddCashcontentWrap .block, .ToolBox ul.ToolBox1 li a, .ToolBox ul.ToolBox2 li a, .ToolBox1, .ToolBox2, .ToolBox3, .accordContent .lhsCont .links a, .accordDetail .detailBlock .detail, .accordDetail .detailBlock .detail .quickBox, .accordDetail .detailBlockCustom .detail, .accordDetail .testimonialBlock, .accordDetail .testimonialBlock .blockDetail, .accordDetail .testimonialBlock h2, .accordDivDetail, .accordDivDetail .download ul li a, .accordian .accordContent, .accordian h2, .blueInvest, .boxContent, .contentWrap, .contentWrap .block, .detailLocate .row, .detailLocate .row .lhs p, .detailLocate h2, .equitySerach .box input[type=text], .filters .selectbg select, .fndDtl .rowDtl ul li, .footer, .fundAccord .accordDiv, .gridBox, .gridBox .databox .boto, .gridBox .databox .top, .haveusDetail, .haveusDetail input[type=text], .headTitle, .header, .hiddenDropDown .selectedvalue, .investTabWrap .tabDetail .row, .investTabWrap ul.tab li, .learnInvest, .locateSelect input[type=text], .portF .selectedvalue, .pressRelease, .processDetail .selectedvalue, .processDetail input, .rhsGraph .box .firstWrap, .searchRelease, .searchfundDetail input, .secondWrap .fundVal, .secondWrap .returnsVal, .selectedvalue, .sendTabDetail, .sendTabDetail input[type=text], .stepConfirm, .subscribeBox input, .summaryResults .topband, .summarySearch, .summarySearch1, .tabContent, .tableView .selectInfo ul li, .tableView .selectInfoFundPerformance ul li, .tarckWrap, .trackSearch .box input[type=text], .valueBox, .videoTutorial, .videoTutorial ul li, .waysTransact .accrdCont, .whenInvest, .whenInvest ul li, .whyInvest ul.nav li a, input[type=button].serchBtn, input[type=text].searchTxtBox, nav.divices, nav.divices .searchBoxDevice, ul.bullet li, ul.footerList li ul.subList li a, ul.invstBox li, ul.invstBox li .boxInvest h2, ul.legents li, ul.lhsLinks li a, ul.pdf.dividends {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.waysTransact .accordian h2 span.purchase_icon {
    background-color: #77d7c3;
    background-position: -64px -512px;
}

.waysTransact .accordian h2 span.sip_icon {
    background-color: #92cfec;
    background-position: -163px -512px;
}

.waysTransact .accordian h2 span.redeem_icon {
    background-color: #f0d676;
    background-position: -256px -512px;
}

.waysTransact .accordian h2 span.switch_icon {
    background-color: #c29ece;
    background-position: -340px -512px;
}

.waysTransact .accordian h2 span.swp_icon {
    background-color: #c2d591;
    background-position: 6px -592px;
}

.waysTransact .accordian h2 span.stp_icon {
    background-color: #eda9a2;
    background-position: -100px -592px;
}

.wayTransText {
    font-size: 1.1em;
}

.wayTransButton {
    line-height: 19px !important;
    height: 28px !important;
    padding: 0 5px;
}

.popup_text, .topBand h3 {
    font-family: Arial,Helvetica,sans-serif !important;
}

.table1 {
    border: solid #fff;
    border-width: thin;
}

.tr1, .tr2 {
    border-color: #fff;
    text-align: center;
    font-size: medium;
}

.th1 {
    font-style: normal;
    color: #fff;
    font-weight: 700;
    font-size: medium;
}

.tr1 {
    background-color: #4f81bd;
}

.tr2 {
    background-color: #d0d8e8;
    height: 30px;
}

.simplySaveBgMn, .simplySaveBgMn1 {
    position: relative;
    height: 138px;
    width: 130px;
}

.simplySaveBgMn {
    background: url(../images/simplysavebg1.gif) 0 6px no-repeat;
}

.simplySaveBgMn1 {
    background: url(../images/simplysavebg1.png) 0 6px no-repeat;
}

.simplySaveRupeeContainer {
    background: url(../images/rupeesymbwhite.png) no-repeat;
    position: absolute;
    top: 80px;
    left: 30px;
    width: 40px;
    height: 20px;
    padding-left: 13px;
}

.overlayAPP, .popupAPP {
    position: fixed;
    display: none;
}

.simplySaveButtonsMnContainer {
    width: 100%;
    float: left;
    background: #203349;
    padding: 3px;
}

.simplySaveModityBtn, .simplySaveRedeemBtn {
    color: #fff;
    background: #e62929;
    padding: 2px;
    font-size: 1.2em;
    cursor: pointer;
    text-align: center;
    outline: 0;
    float: left;
}

.simplySaveModityBtn {
    width: 40%;
    margin-right: 2%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-left: 2px;
    border: 0;
}

.simplySaveRedeemBtn {
    width: 94%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 0;
}

.fixWrapper li.simplysavehoverbg a:hover {
    background: #203349;
}

.overlayAPP {
    background-color: rgba(0,0,0,.8) !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
}

.popupAPP {
    background-color: #e2e6eb !important;
    border: 3px solid #eaeef2 !important;
    height: 140px;
    left: 40%;
    top: 40%;
    width: 340px;
    z-index: 999;
}

.popup_text {
    font-size: 16px !important;
    font-weight: 700;
    margin: 50px 0 0 5px;
    color: #3b536e;
}

.topBand {
    background-color: #284b73;
    float: left;
    height: 50px;
    margin: -132px 0 0 -3px;
    width: 346px;
}

    .topBand h3 {
        color: #fff;
        font-size: 20px;
        margin: 0 auto;
        padding: 14px 0 0 8px;
        font-weight: 400;
    }

.buttonBottomleft, .buttonBottomright {
    background-color: red;
    font-size: 13px;
    padding: 10px;
    font-family: arial,helvetica,sans-serif;
}

.close.SelectedLink {
    float: right;
    margin: -55px 0 0 310px;
    position: absolute;
}

.buttonBottomleft {
    margin: 0 0 0 120px;
    float: left;
}

.buttonBottomright {
    margin: 0 230px 0 0;
    float: right;
}

#TransactUsingIPIN, #TransactUsingOTP, #ResendOTPMobile, #VerifyOTPMobile, button.red-button {
    text-align: center;
    font-size: 1.3em;
    text-transform: uppercase;
    cursor: pointer;
}

button.red-button {
    background: url(../images/btnArrow.png) 95% 45% no-repeat #f92f2f;
    margin: 0 0 0 1em;
    color: #fff !important;
    width: auto !important;
    padding: 12px 15px;
}

#errorAuth {
    width: auto;
    margin: 10px 15px;
}

#TransactUsingIPIN, #TransactUsingOTP, #ResendOTPMobile, #VerifyOTPMobile{
    float: left;
    font-family: helveticaneuemedium;
    background: url(images/btnArrow.png) 30px 5px no-repeat #034da2;
    margin: 0 5px;
    width: 175px;
    color: #fff;
}

#quickPayNet_Form .right-align, #quickPayNet_Form label[for=instrumentNumber] {
    font-size: 16px !important;
}

#quickPayNet_Form .hideShowSIBtn, #quickPayNet_Form .reg-autodebit small {
    font-size: 12px !important;
}

.div-disabled {
    pointer-events: none;
    opacity: .72;
}

ul label {
    display: inline !important;
}

#chatUsMainDiv {
    display: block;
}


@media only screen and  (max-width:767px){

      #chatUsMainDiv{

             display:none !important;

         }

}
.investTabWrap .tabDetail .row.termCondition {
	padding: 15px 15px;
}
.termCondition label span {
	line-height: 20px;
}
.investTabWrap .tabDetail .row .detail .termCondition label {
	margin: 10px 5px 0 0;
}
.investTabWrap .tabDetail .row .detail.distribute .termCondition a {
	margin : 0px;
float: none;
}

#NomineeDetails .rownom .column1, #NomineeDetails .rownom .column2, #NomineeDetails .rownom .column3, #NomineeDetails .rownom .column4 {
	display: flex;
    align-items: center;
	padding: 0px;
}



#NomineeDetails .selectbg, .selectbgcategory, #NomineeDetails .selectbgpolitallyexposed, #NomineeDetails .selectbgsmall {
	height: auto;
}