﻿@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------
  [Table of contents]

  1.1 Eric Meyers Reset
  1.2 Eric Meyers Reset/HTML5 display-role reset for older browsers
  1.3 Taking care of fonts for Mac Browsers
  1.4 Clear Fix
  2. Body
  3. Fonts reused in classes
  4. Container
  5. Header block
    5.1 Logo styling
    5.2 Top navigation elements
    5.3 Top search box
    5.4 Main Navigation
  6. Footer
    6.1 Important notice
    6.2 Footer drop-down - upward direction
    6.3 Footer navigation
  7. Aside block
    7.1 Video
    7.2 Events
    7.3 News
    7.4 DTCC Learning
    7.5 Essential
    7.6 Legal & Regulatory
    7.7 Who To Call
    7.8 Related Product & Services
    7.9 From The Learning Center
  [Jump to 10.]
  10. Business Vertical
  11. Product Lander Overview
  12. Product Lander Legal
  13. Product Lander Client
  14. Bussiness Line Lander
  15. Product Lander News
  16. Home Splash
  17. Select Box Style
  18. Media Event
  19. Media Video
  20. Media Podcast
  21. Media PDF
  22. Innovation
  23. DTCC Learning Login
  24. DTCC Learning Welcome
  25. DTCC Learning Product Category
  26. DTCC Learning Product Category Lander02
  27. DTCC DTCC Learning Product Subcategory
  28. DTCC DTCC Learning Product Article
  29. DTCC Learning Product Series
  30. Search Result
  31. About Business Subsidiaries
  32. About Leadership
  33. About Overview
  34. News And Reports
  35. News And Reports Issues
  36. DTCC Legal Regulatory Sec
  37. DTCC Legal Regulatory
  38. Careers
  39. DTCC News Article Large Image
  40. DTCC News Article Small Image
  41. DTCC Press Releases
  42. DTCC Newsletter
  43. DTCC Newsletter Subscribe
  44. DTCC Newsletter Sign Up
  45. DTCC Client Center
  46. DTCC RSS SUBSCRIPTION
  47. DTCC Market Data
  48. DTCC CLIENT CENTRE PRE QUALIFICATION WIZARD
  49. DTCC Market Data Charts
  50. DTCC Upcoming Events    

  -------------------------------------------------------------------*/

/* 1.1 Start of Eric Meyers Reset, v2.0 | 20110126, http://meyerweb.com/eric/tools/css/reset/, License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-decoration: none;
    outline: none;
}
/* 1.1 End of Eric Meyers Reset */

/* 1.2 Start of Eric Meyers Reset/HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
/* 1.2 End of Eric Meyers Reset/HTML5 display-role reset for older browsers */

/* 1.3 Start of: Taking care of fonts for Mac Browsers. */
html {
    overflow-y: scroll; /* PRDXN team, please confirm why we are using this. */
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
}
/* 1.3 End of: Taking care of fonts for Mac Browsers. */

/* 1.4 Start of Clear Fix */
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
*/
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

/**news_block
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
*/
.cf {
    *zoom: 1;
}
/* 1.4 End of Clear Fix */

/* 2. Start of Body */
body {
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
}

    body :focus {
        outline: 1px dotted gray;
    }
/* 2. End of Body */

/* 3. Start of: Fonts reused in classes */
.font_arial {
    font-size: 14px;
    font-weight: bold;
}

.font_tradegothic_italic {
    font-family: "TradeGothicW01-BoldCn20 675334", Arial Narrow, sans-serif;
    font-size: 20px;
    font-style: italic;
}

.font_swift_neue {
    font-family: "SwiftNeueLTW01-LightIt";
    font-size: 18px;
}

.font_helvetica_neue {
    font-family: "HelveticaNeueW01-65Medi";
    font-size: 14px;
}

.font_tradegothic_bold {
    font-family: "TradeGothicW01-BoldCn20 675334", Arial Narrow, sans-serif;
    font-size: 30px;
}



/* 3. End of: Fonts reused in classes */

/* 4. Start of Container */
#container {
    width: 100%;
}

.container_home {
    min-width: 1200px;
}
/* 4. End of Container */


/* 7. Start of aside block */
aside {
    float: right;
    width: 300px;
}

    /* 7.1 Start of Video block */
    aside #video {
        margin: 30px 0 0 0;
        height: 220px;
    }
    /* 7.1 End of Video block */

    /* 7.2 Start of Event block */
    aside #events_block {
        margin: 30px 0 0 0;
        background: #eaeaea;
        /*height: 480px;*/
    }

        aside #events_block .event {
            margin-top: 10px;
        }

        aside #events_block .view {
            margin-bottom: 10px;
        }

.wide-carousel-padding {
    padding-bottom: 50px !important;
}

#events_block .label, .label, #news_block .label {
    background: #000;
    color: #fff;
    height: 34px;
    font-size: 24px;
    padding: 6px 0 0 9px;
    text-transform: uppercase;
}

.flex-viewport {
    max-height: 530px !important;
}

.homepage-pods-container {
    margin-bottom: 55px;
}

    .homepage-pods-container:after {
        clear: both;
        display: block;
        content: '';
    }

    .homepage-pods-container ul {
        margin: 0 !important;
    }

        .homepage-pods-container ul li {
            display: inline-block;
            width: 201px;
            padding-bottom: 30px;
            margin: 0 !important;
            padding-right: 15px;
            float: left;
        }

            .homepage-pods-container ul li:nth-child(3n) {
                padding-right: 0;
            }

            .homepage-pods-container ul li .home-pagepods-inner-content {
                border-bottom: 1px solid #d0d0d0;
            }

                .homepage-pods-container ul li .home-pagepods-inner-content .homepage-pods-heading a {
                    font-family: "TradeGothicW01-BoldCn20 675334", Arial Narrow, sans-serif;
                    font-size: 24px;
                    color: #000;
                    line-height: 24px;
                    background: #eaeaea;
                    padding: 15px 12px 13px;
                    display: block;
                    border: 1px solid #f4f4f4;
                    text-transform: uppercase;
                    margin: 0;
                    margin-bottom: 15px;
                    width: 88%;
                }

                .homepage-pods-container ul li .home-pagepods-inner-content .homepage-pods-subheading {
                    font-size: 14px;
                    color: #898989;
                    line-height: 18px;
                    padding: 0px 11px 13px;
                    display: block;
                    font-weight: normal;
                    font-family: Arial, Helvetica, sans-serif;
                }

                    .homepage-pods-container ul li .home-pagepods-inner-content .homepage-pods-subheading p {
                        font-size: 14px;
                        color: #898989;
                        line-height: 18px;
                        /*padding: 0px 11px 13px;*/
                        display: block;
                        font-weight: normal;
                        font-family: Arial, Helvetica, sans-serif;
                    }

            .homepage-pods-container ul li .homepage-pods-button {
                background: #00b6ce;
                color: #fff;
                float: left;
                margin: 19px 0 0 10px;
                padding: 8px 0;
                width: 140px;
                text-transform: capitalize;
                font-family: "SwiftNeueLTW01-LightIt";
                cursor: pointer;
                text-align: left;
                padding-left: 14px;
                border: 1px solid #bbecf2;
            }

                .homepage-pods-container ul li .homepage-pods-button:hover {
                    background: #000;
                    border: 1px solid #bbbbbb;
                }

                .homepage-pods-container ul li .homepage-pods-button img {
                    margin: 0 0 0 5px;
                }

.market-data-container {
    margin-bottom: 50px;
}

    .market-data-container .market-data-heading {
        padding: 11px 20px;
        border-top: none;
        border-bottom: 1px solid #b2b2b2;
        border-left: 1px solid #b2b2b2;
        border-right: 1px solid #b2b2b2;
        background: #333;
        font-family: "TradeGothicW01-BoldCn20 675334", Arial Narrow, sans-serif;
    }

    .market-data-container .market-data-inner-content {
        background: #eaeaea;
    }

        .market-data-container .market-data-inner-content ul {
            padding: 10px 0px;
            border-top: none;
            border-bottom: 1px solid #f8f8f8;
            border-left: 1px solid #f8f8f8;
            border-right: 1px solid #f8f8f8;
        }

            .market-data-container .market-data-inner-content ul:after {
                clear: both;
                content: '';
                display: block;
            }

            .market-data-container .market-data-inner-content ul li {
                display: block;
                background: url(../images/blue_arrow.png) 20px 3px no-repeat;
                float: left;
                text-transform: capitalize;
                padding-bottom: 18px;
            }

                .market-data-container .market-data-inner-content ul li a {
                    padding-left: 40px;
                    padding-right: 20px;
                    font-size: 14px;
                    line-height: 18px;
                    color: #000;
                    font-family: Arial, Helvetica, sans-serif;
                    display: block;
                    font-weight: bold;
                }

                    .market-data-container .market-data-inner-content ul li a:hover {
                        text-decoration: underline;
                    }

.event {
    height: 95px;
    margin: 15px 0 0 15px;
}

    .event img {
        float: left;
    }

.event_text {
    margin: 0 0 0 16px;
    width: 150px;
    float: left;
}

    .event_text .date {
        color: #fd3c0f;
        font-size: 14px;
        font-weight: bold;
    }

    .event_text .intro {
        margin: 4px 0 3px 0;
        color: #000;
        font-size: 16px;
        font-weight: bold;
    }

    .event_text .time {
        color: #7c7c7c;
        font-size: 13px;
        font-style: italic;
        margin: 5px 0 0;
    }

.view:hover {
    text-decoration: underline;
}
/* 7.2 End of Event block */

/* 7.3 Start of News block */
aside #news_block {
    margin: 30px 0 0 0;
    background: #eaeaea;
    padding: 0 0 11px;
}

#news_block .label {
    padding: 5px 0 0 9px;
}



#news_block .news, .event {
    border-bottom: 1px solid #d0d0d0;
    margin: 0 9px 0 10px;
    height: 125px;
}

.news_text .date {
    font-size: 14px;
    font-weight: bold;
    margin: 21px 0 4px;
}

.news_text .intro {
    font-size: 16px;
    color: #000;
    font-style: italic;
    margin: 6px 0 0;
}

    .news_text .intro a {
        font-size: 16px;
        color: #000;
        font-style: italic;
        margin: 6px 0 0;
    }

#news_block .view, #events_block .view {
    padding: 10px 30px 0 0;
    background: url(../images/blue_arrow.png) 68px 14px no-repeat;
    color: #00b6ce;
    float: right;
    text-transform: capitalize;
}
/* 7.3 End of News block */

/* 7.4 Start of Dtcc learning block */
#dtcc_learning {
    background: #fff;
    margin: 32px 0 0;
    padding: 0 0 31px 0;
    width: 300px;
}

    #dtcc_learning div {
        background: #eaeaea;
        padding: 22px 0 22px;
        width: 300px;
    }

        #dtcc_learning div img:first-child {
            margin: 10px 0 0 23px;
        }

        #dtcc_learning div img {
            float: left;
            margin: 12px 0 0 23px;
        }

            #dtcc_learning div img#separator {
                margin: 0 1px 0 23px;
            }

    #dtcc_learning p {
        color: #898989;
        border-bottom: 1px solid #d0d0d0;
        font-size: 14px;
        line-height: 23px;
        margin: 13px 0 0;
        padding: 0 0 13px 10px;
        width: 97%;
    }

    #dtcc_learning a {
        background: #00b6ce;
        color: #fff;
        float: left;
        margin: 19px 0 0;
        padding: 10px 0;
        text-align: center;
        width: 140px;
    }

        #dtcc_learning a:hover {
            background: #000;
        }

        #dtcc_learning a img {
            margin: 0 0 0 10px;
        }

    #dtcc_learning #tour {
        margin: 19px 20px 0 0;
    }
/* 7.4 End of Dtcc learning block */

/* 7.5 Start of Essential module block */
#essential_module {
    border-bottom: #d7d7d7 solid 1px;
    border-left: #d7d7d7 solid 1px;
    margin: 32px 0 0;
    padding: 0 0 26px 17px;
    width: 281px;
}

    #essential_module h4 {
        color: #000;
        font-size: 24px;
        line-height: 17px;
    }

    #essential_module ul {
        color: #000;
        list-style: url(../images/arrow_yellow.png) outside;
        margin: 15px 0 0 22px;
        padding: 0 0 0 1px;
        width: 220px;
    }

        #essential_module ul li {
            float: left;
            margin: 15px 0 0;
            line-height: 15px;
            width: 100%;
        }
/* 7.5 End of Essential module block */

/* 7.6 Start of Legal & Regulatory block */
#legal_module, #call_module, #service_module {
    border-left: #d7d7d7 solid 1px;
    border-bottom: #d7d7d7 solid 1px;
    padding: 28px 0 28px 17px;
    width: 281px;
}

    #legal_module h4 {
        color: #000;
        display: inline-block;
        font-size: 24px;
        line-height: 23px;
        width: 150px;
    }

    #legal_module > a {
        color: #00b6ce;
        float: right;
        margin: 30px 0 0;
    }

        #legal_module > a img {
            margin: 0 0 0 5px;
        }

    #legal_module ul {
        color: #000;
        list-style: url(../images/arrow_yellow.png) outside;
        margin: 9px 0 0 22px;
        padding: 0 0 0 1px;
        width: 190px;
    }

        #legal_module ul li {
            float: left;
            line-height: 14px;
            margin: 15px 0 0;
            width: 100%;
        }

            #legal_module ul li a {
                width: 100%;
            }
    /* 7.6 End of Legal & Regulatory block */

    /* 7.7 Start of Who To Call block */
    #call_module h4 {
        color: #000;
        font-size: 24px;
        padding: 0 0 4px;
    }

    #call_module span, #call_module span a {
        color: #000;
        display: block;
        font-weight: bold;
        font-size: 13px;
        margin: 15px 0 0 0;
        width: 190px;
    }

        #call_module span img {
            float: left;
            margin: 6px 8px 0 0;
        }

        #call_module span a {
            margin: 0 0 0 2px;
        }
/* 7.7 End of Who To Call block */

/* 7.8 Start of Related Product & Services block */
/* 7.9 Start of From The Learning Center block */
#learning_module {
    border-left: #d7d7d7 solid 1px;
    border-bottom: 1px solid #D7D7D7;
    margin: 0;
    padding: 26px 0 26px 17px;
    width: 281px;
}

    #learning_module h4, #service_module h4 {
        color: #000;
        display: inline-block;
        font-size: 24px;
        line-height: 25px;
        width: 180px;
    }

    #learning_module > a, #service_module > a {
        color: #00b6ce;
        float: right;
        margin: 30px 0 0;
    }

        #learning_module > a:hover, #service_module > a:hover, #legal_module > a:hover {
            text-decoration: underline;
        }

        #learning_module > a img, #service_module > a img {
            margin: 0 0 0 4px;
        }

    #learning_module ul, #service_module ul {
        color: #000;
        list-style: url(../images/arrow_yellow.png) outside;
        margin: 27px 0 0 22px;
        width: 190px;
    }

        #learning_module ul li, #service_module ul li {
            line-height: 14px;
            margin: 15px 0 0;
        }

            #learning_module ul li a, #service_module ul li a, #essential_module ul li a, #legal_module ul li a {
                color: #000;
                font-weight: bold;
                font-size: 13px;
            }

#service_module ul {
    margin: 24px 0 0 22px;
}

.client_aside {
    margin: 32px 0 0;
}

    .client_aside #call_module {
        padding: 0 0 26px 18px;
    }

        .client_aside #call_module h4 {
            font-size: 24px;
            line-height: 17px;
            padding: 0 0 12px;
        }

    .client_aside #learning_module {
        padding: 26px 0 0px 17px;
    }
/* 7.8 End of Related Product & Services block */
/* 7.9 Start of From The Learning Center block */

/* 7. End of aside block */

/* 10. Start Business Vertical */
#vertical_header {
    background: url(../images/bg.jpg);
    width: 100%;
}

#vertical_header_IN {
    width: 100%;
    background: #003956;
}

#main_content {
    float: left;
    width: 640px;
}

#page_subdescription {
    margin: 25px 0 2px 0;
}

    #page_subdescription p {
        color: #898989;
        font-size: 14px;
        line-height: 23px;
        width: 625px;
    }

    #page_subdescription a {
        color: #0fbad1;
        float: right;
        margin: 25px 10px 0 0;
    }

    #page_subdescription > a:hover {
        text-decoration: underline;
    }

    #page_subdescription a img {
        margin: 0 0 0 3px;
    }

#main_content .listing_block {
    border-bottom: 1px solid #d7d7d7;
    float: left;
    margin: 18px 0 4px;
    padding: 0 0 25px;
    width: 632px;
}

    #main_content .listing_block .line_title {
        color: #000;
        float: none;
        font-size: 25px;
        margin: 0;
    }

    #main_content .listing_block p {
        color: #898989;
        font-size: 14px;
        line-height: 23px;
        margin: 7px 0 0;
    }

    #main_content .listing_block ul {
        color: #000;
        font-weight: bold;
        font-size: 14px;
        list-style: url(../images/blue_arrow.png) inside;
        margin: 12px 0 0;
    }

        #main_content .listing_block ul li a:hover, #main_content .listing_block > a:hover {
            text-decoration: underline;
        }

        #main_content .listing_block ul li a {
            color: #000;
        }

        #main_content .listing_block ul li {
            margin: 7px 0 0;
        }

    #main_content .listing_block > img {
        float: left;
        margin: 7px 18px 0 0;
    }

    #main_content .listing_block > a {
        color: #00b6ce;
        float: right;
        margin: 13px 2px 0 0;
    }

    #main_content .listing_block a img {
        margin: 0 0 0 8px;
    }

header h2 {
    color: #ffd700;
    font-size: 38px !important;
    margin: 19px 0 0 17px;
    padding: 0 0 17px;
}

#subsidiaries {
    color: #1e1d1d;
    float: left;
    margin: 27px 0 0;
    padding: 0 0 23px;
    width: 100%;
}

.subsidiaries_product {
    background: #f0f0f0;
    float: left;
    padding: 0 0 20px;
    width: 300px;
}

.nypc {
    margin: 0 30px 30px 0;
}

.subsidiaries_product > img {
    margin: 21px 20px 8px 20px;
}

.subsidiaries_product p {
    color: #898989;
    font-size: 14px;
    line-height: 23px;
    margin: 0px 20px 0;
}

.subsidiaries_product a {
    background: #fd3c0f;
    color: #fff;
    float: left;
    margin: 13px 20px 0;
    padding: 9px 0 9px 13px;
    width: 127px;
}

    .subsidiaries_product a:hover {
        background: #000;
    }

    .subsidiaries_product a img {
        margin: 0 0 0 15px;
    }

/* End Business Vertical */

/* 11. Start Product Lander Overview */
.content {
    background: #fff;
    width: 100%;
}

.extra {
    position: relative;
}

#content_header {
    border-bottom: 1px #d7d7d7 solid;
}

    #content_header div {
        float: left;
        width: 632px;
    }

#page_description {
    color: #333;
    float: left;
    font-weight: bold;
    line-height: 25px;
    margin: 12px 0 0;
    width: 600px;
}

#bread_crumb {
    float: left;
    margin: 25px 0 0;
    width: 480px;
}

    #bread_crumb a, #bread_crumb span, #breadcrumb_product a, #breadcrumb_product span {
        color: #959595;
        float: left;
        font-weight: bold;
        margin: 0 8px 0 0;
    }

    #bread_crumb #breadcrumb_select, #breadcrumb_product #breadcrumb_select {
        color: #ffd700;
    }

.share {
    background: #ebebeb;
    color: #9b9b9b;
    float: left;
    font-size: 16px;
    line-height: 23px;
    padding: 26px 0 27px;
    text-align: center;
    width: 75px;
}

#share_block {
    float: left;
    position: relative;
    width: 75px;
}

.share_hover {
    background: #323232;
    display: none;
    float: left;
    position: absolute;
    top: 69px;
    left: -75px;
    width: 225px;
    z-index: 2;
}

    .share_hover li a {
        float: left;
        height: 70px;
        width: 75px;
    }

    .share_hover.share_layout li a {
        width: 76px;
    }

    .share_hover li a:hover {
        background: #fd3c0f;
    }

        .share_hover li a:hover #twitter, .share_hover li a:hover #facebook, .share_hover li a:hover #google {
            display: none;
        }

        .share_hover li a:hover #twitter_hover, .share_hover li a:hover #facebook_hover, .share_hover li a:hover #google_hover {
            display: inline;
        }

.share_layout {
    width: 76px;
    left: 0;
    top: 45px;
}

#twitter {
    margin: 25px 0 0 25px;
}

#twitter_hover {
    display: none;
    margin: 25px 0 0 25px;
}

#facebook {
    margin: 22px 0 0 30px;
}

#facebook_hover {
    display: none;
    margin: 22px 0 0 30px;
}

#google {
    margin: 22px 0 0 22px;
}

#google_hover {
    display: none;
    margin: 22px 0 0 22px;
}


.twitter {
    margin: 41px 0px 0px 41%;
}

.twitter_hover {
    margin: 41px 0px 0px 41%;
    display: none;
}

.facebook {
    margin: 38px 0px 0px 45%;
}

.facebook_hover {
    margin: 38px 0px 0px 45%;
    display: none;
}

.google {
    margin: 38px 0px 0px 38%;
}

.google_hover {
    margin: 38px 0px 0px 38%;
    display: none;
}


.print {
    background: #f5f5f5;
    color: #9b9b9b;
    float: left;
    font-size: 16px;
    line-height: 23px;
    padding: 24px 0;
    text-align: center;
    width: 75px;
}

    li:hover .share, .print:hover {
        background: #1e1d1d;
        color: #f3f3f3;
    }

#share_block li:hover .share_hover {
    display: block;
}

#content_header .contact {
    background: #eaeaea;
    float: left;
    margin: 0 0 30px 28px;
    width: 300px;
}

.contact h3 {
    background: #1e1d1d;
    color: #fff;
    font-size: 24px;
    line-height: 23px;
    padding: 12px 0 12px 13px;
    text-transform: uppercase;
}

    .contact h3 span {
        float: left;
    }

.contact > span {
    float: left;
    font-size: 14px;
    line-height: 18px;
    margin: 13px 0 1px 14px;
    width: 270px;
}

    .contact > span > a {
        color: #333;
        float: left;
        font-weight: bold;
        font-size: 18px;
        margin: 4px 0 0;
        width: 100%;
    }

.contact > a {
    background: #fd3c0f;
    color: #fff;
    float: right;
    font-weight: bold;
    font-size: 12px;
    margin: 14px 0 0;
    padding: 8px 25px 7px;
    /*width: 73px;*/
}

    .contact > a:hover {
        background: #1e1d1d;
    }

#tab {
    background: url(/Presentation/includes/images/bg_btn.png) repeat-x;
    position: relative;
    width: 100%;
    z-index: 1;
}

    #tab ul li {
        float: left;
        list-style-type: none;
    }

        #tab ul li a {
            float: left;
            color: #e6e6e6;
            padding: 18px 0 24px 0;
            text-align: center;
            width: 240px;
        }

            #tab ul li a:hover, #tab ul li a.tab_selected {
                background: #fff;
                color: #464646;
            }

#breadcrumb_product {
    color: #959595;
    float: left;
    font-weight: bold;
    font-size: 16px;
    padding: 13px 0 0 0;
    width: 570px;
}

#share_product, #print_product {
    border-right: #6d6d6d 1px solid;
    color: #fff;
    font-size: 16px;
    float: left;
    margin: 14px 0 13px 0;
    padding: 0 20px 0 19px;
    text-align: center;
}

#print_product {
    border: none;
    padding: 14px 0 13px;
    margin: 0;
    width: 75px;
}

#share_block li:hover {
    background: #323232;
    border-right-color: #323232;
    float: left;
}

#print_product:hover {
    background: #323232;
}

#product_subheader {
    background: #000;
    width: 100%;
    z-index: 4;
}

    #product_subheader .wrapper > div {
        width: 100%;
    }

#content_fields {
    margin: 22px 0 0 0;
    padding: 0 0 32px 0;
    width: 642px;
    float: left;
}

    #content_fields .feature {
        margin: 0;
        color: #333;
        font-weight: bold;
        font-size: 20px;
        line-height: 26px;
        width: 595px;
    }

    #content_fields span.line {
        border: 1px solid #d7d7d7;
        width: 630px;
        float: left;
        margin: 23px 0 20px 0;
    }

    #content_fields h3 {
        margin: 0 0 22px;
        text-transform: uppercase;
        width: 100%;
    }

        #content_fields h3#member {
            margin: 0 0 3px 6px;
        }

        #content_fields h3#product {
            margin: 20px 0 16px 6px;
        }

        #content_fields h3#about {
            float: left;
            margin: 23px 0 22px 6px;
        }

    #content_fields p {
        margin: 0 0 28px;
        color: #898989;
        font-size: 14px;
        line-height: 23px;
    }

    #content_fields #list {
        float: left;
        font-size: 16px;
        font-weight: bold;
        margin: 7px 0 13px 7px;
    }

        #content_fields #list li {
            background: url(/Presentation/Includes/images/aaa.png) 0 8px no-repeat;
            list-style-type: none;
            margin: 0 0 12px 0;
            padding: 0 0 0 15px;
        }

#steps_block {
    margin: 0 auto 16px;
    overflow: hidden;
    width: 603px;
}

    #steps_block .step {
        margin: 23px 0 0 0px;
        width: 170px;
        float: left;
        text-align: center;
    }

        #steps_block .step:first-child {
            margin: 23px 0 0 16px;
        }

        #steps_block .step span {
            margin: 0 0 15px 0;
            border: none;
            color: #6b6b6b;
            font-size: 27px;
            width: 181px;
        }

        #steps_block .step p {
            margin: 10px 0 0 9px;
            color: #323232;
            font-size: 13px;
            font-weight: bold;
            float: left;
            line-height: 18px;
            letter-spacing: -1px;
            margin: 9px 0 0 8px;
            text-align: left;
            width: 100%;
        }

    #steps_block .arrow {
        border: none;
        float: left;
        margin: 118px 0 0 0px;
        width: 19px;
    }

.contact_relation {
    background: url(/Presentation/Includes/images/contact_manegment_arrow.png) 225px 22px no-repeat;
    cursor: pointer;
    color: #fd3c0f;
    float: left;
    margin: 0;
    font-size: 16px;
    padding: 14px 18px 13px 4px;
    position: relative;
    width: 218px;
    z-index: 2;
}

.contact_relation_hover {
    background: url(/Presentation/Includes/images/contact_manegment_white_arrow.png) 225px 22px no-repeat #323232;
    color: #fff;
}

.contact_relation ul {
    background: #323232;
    display: none;
    position: absolute;
    left: 1px;
    top: 45px;
    z-index: 3;
}

.contact_relation a {
    color: #fff;
    display: block;
    padding: 15px 0;
}

.contact_relation ul li {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

    .contact_relation ul li + li a {
        padding: 27px 0;
    }

    .contact_relation ul li a span {
        display: block;
        font-size: 14px;
        font-weight: normal;
        margin: 10px 0 5px 0;
        width: 239px;
    }

    .contact_relation ul li:hover {
        background: #fd3c0f;
    }

/* End Product Lander Overview */

/* 12. Start Product Lander Legal */
#legal_intro {
    border-bottom: 1px solid #d7d7d7;
    margin: 20px 0 0;
    padding: 0 0 17px;
    width: 960px;
}

    #legal_intro p:first-child {
        border-right: 1px solid #e6e6e6;
        font-size: 20px;
        font-style: normal;
        line-height: 26px;
        margin: 11px 0 0;
        padding: 4px 20px 4px 0;
        width: 625px;
    }

    #legal_intro p {
        color: #333;
        float: left;
        font-weight: bold;
        font-style: italic;
        font-size: 14px;
        line-height: 18px;
        margin: 10px 0 0 14px;
        width: 300px;
    }

#section_blocks {
    margin: 32px 0 29px 0;
}

.section {
    margin: 3px 0 30px 0;
}

    .section .section_heading {
        background: #000;
        height: 50px;
        width: 960px;
    }

.section_heading h2 {
    color: #fff;
    float: left;
    font-size: 22px;
    margin: 12px 0 0 20px;
    text-transform: uppercase;
}

.section_heading .view {
    padding: 16px 50px 0 0;
    background: url(/Presentation/Includes/images/arrow_yellow.png) 66px 19px no-repeat;
    color: #ffd700;
    font-size: 16px;
    float: right;
    text-transform: capitalize;
}

.section_navigation {
    height: 40px;
    background: url(/Presentation/Includes/images/grad_bg.jpg) repeat-x;
    width: 960px;
    float: left;
}

    .section_navigation .row1 {
        background: url(/Presentation/Includes/images/icon_1.png) 12px 12px no-repeat;
        height: 40px;
        width: 80px;
    }

    .section_navigation .separator {
        background: url(/Presentation/Includes/images/splitar.png) no-repeat;
        width: 1px;
        height: 40px;
    }

    .section_navigation .row2 {
        background: url(/Presentation/Includes/images/icon_2.png) 10px 13px no-repeat;
        height: 29px;
        width: 308px;
        padding: 12px 0 0 36px;
    }

    .section_navigation .row3 {
        background: url(/Presentation/Includes/images/icon_3.png) 9px 15px no-repeat;
        height: 30px;
        width: 161px;
        padding: 12px 0 0 34px;
    }

    .section_navigation .row4 {
        background: url(/Presentation/Includes/images/icon_4.png) 10px 12px no-repeat;
        height: 30px;
        width: 112px;
        padding: 12px 0 0 32px;
    }

    .section_navigation .row5 {
        background: url(/Presentation/Includes/images/icon_5.png) 11px 12px no-repeat;
        height: 30px;
        width: 63px;
        padding: 12px 0 0 34px;
    }

.section_detail1, .section_detail2 {
    background: #fafafa;
    height: auto;
    float: left;
}

    .section_detail a, .section_detail2 a {
        color: #00b6ce;
        font-weight: bold;
        font-size: 13px;
        text-decoration: underline;
        letter-spacing: -1px;
    }

    /*
    .section_detail a, .section_detail2 a {
        color: #ffd700;
        font-weight: bold;
        font-size: 13px;
        text-decoration: underline;
        width: 97px;
        height: 29px;
        letter-spacing: -1px;
        text-align: center;
        float: left;
        padding: 10px 0 0 0;
        border: 1px solid #ebebeb;
    }
    */
    .section_detail .sec_rule_subject a, .section_detail2 .sec_rule_subject a,
    .section_detail .sec_rule_approval a, .section_detail2 .sec_rule_approval a {
        border: 0;
        color: #00B6CE;
        float: none;
        font-weight: normal;
        height: auto;
        letter-spacing: normal;
        padding: 0;
        text-align: inherit;
        width: auto;
    }

    .section_detail p, .section_detail2 p, .section_detail p + p, .section_detail2 p + p {
        color: #6c6c6c;
        font-weight: bold;
        font-size: 13px;
        width: 430px;
        width: 134px;
        height: 29px;
        float: left;
        padding: 10px 0 0 10px;
        border: 1px solid #ebebeb;
        border-left: none;
    }

    .section_detail a.sec_rule, .section_detail2 a.sec_rule {
        width: 143px;
    }

    .section_detail p + p, .section_detail2 p + p {
        width: 185px;
        width: 334px;
    }

        .section_detail p + p + p, .section_detail2 p + p + p {
            width: 134px;
            width: 334px;
        }

            .section_detail p + p + p + p, .section_detail2 p + p + p + p {
                width: 86px;
                width: 314px;
            }

    .section_detail p.sec_rulecol1, .section_detail2 p.sec_rulecol1 {
        width: 134px;
    }

    .section_detail p.sec_rulecol2, .section_detail2 p.sec_rulecol2 {
        width: 334px;
    }

    .section_detail p.sec_rulecol3, .section_detail2 p.sec_rulecol3 {
        width: 314px;
    }

    .section_detail a.generic-col1, .section_detail2 a.generic-col1 {
        width: 328px;
        text-align: left;
        padding-left: 15px;
    }



    .section_detail p.generic-col2, .section_detail2 p.generic-col2 {
        width: 315px;
    }

    .section_detail p.generic-col3, .section_detail2 p.generic-col3 {
        width: 134px;
    }

    .section_detail p.generic-col4, .section_detail2 p.generic-col4 {
        width: 133px;
    }

.section_detail2 {
    background: #f5f5f5;
}

.section .alert {
    background: #ea2424;
    float: left;
    height: 30px;
    width: 960px;
}

    .section .alert span {
        background: url(../images/cancel.png);
        float: right;
        margin: 8px 10px 0 0;
        height: 14px;
        width: 14px;
        cursor: pointer;
    }

    .section .alert p {
        margin: 6px 0 0 22px;
        font-size: 13px;
        font-weight: bold;
        color: #f1f1f1;
        float: left;
    }
/* End Product Lander Legal */

/* 13. Start Product Lander Client */
#search_block {
    margin: 25px 0 4px;
    background: #f1f1f1;
    height: 70px;
    width: 630px;
}

.acats_block {
    margin: 2px 0 10px 8px;
    width: 620px;
}

#content_fields .acats_block .acats_intro {
    margin: 0 0 10px 0;
    font-style: italic;
    color: #ffd700;
    float: none;
}

#content_fields .acats_block h4 {
    float: left;
    margin: 4px 0 0;
    width: 100%;
}

#content_fields .acats_block .faq_text {
    margin: 3px 0 9px 0;
    font-size: 14px;
    color: #898989;
    float: left;
}

#content_fields .services {
    background: url(../images/to_call_.png) 0 2px no-repeat;
    padding: 0 0 0 23px;
}

    #content_fields .services a {
        font-weight: bold;
        color: #898989;
    }

#search_block #search_client {
    background: url(../images/search_icon_2.png) 230px center no-repeat #fff;
    box-shadow: 5px 6px 4px #F7F7F7 inset;
    border: 1px solid #d9d9d9;
    color: #c3c3c3;
    font-size: 12px;
    float: left;
    height: 29px;
    width: 246px;
    margin: 19px 0 0 18px;
    padding: 0 6px 0 8px;
}

#search_block span {
    border-left: 1px solid #dedede;
    height: 40px;
    width: 0;
    float: left;
    margin: 15px 0 0 34px;
}

#search_block #drop_down {
    margin: 19px 0 0 33px;
    float: left;
    width: 246px;
    font-size: 14px !important;
    height: 31px;
}

    #search_block #drop_down .sbHolder, .sbHolder1 {
        box-shadow: 5px 6px 4px #F7F7F7 inset;
        width: 226px;
        outline: none;
    }

        #search_block #drop_down .sbHolder .sbOptions {
            font-size: 14px;
            text-transform: none;
            width: 246px;
        }

/* End Product Lander Client */

/* 14. Start Bussiness Line Lander */
.product_block1 {
    /*background: url(../images/acats_headline_bg.jpg) no-repeat;*/
    /*margin: 2px 0 15px 0;*/
    margin: 2px;
    width: 630px;
}

    .product_block1 h2, .product_block2 h2, .product_block3 h2, .product_block4 h2, .product_block5 h2, .product_block6 h2, .product_block7 h2, .product_block8 h2 {
        /*border-right: 1px solid #d7d7d7;*/
        color: #717171;
        float: left;
        font-size: 32px;
        /*height: 63px;*/
        /*margin: 16px 0 15px 4px;*/
        margin: 0px 0 0px 4px;
        /*padding: 23px 0 0;*/
        text-align: center;
        text-transform: uppercase;
        width: 180px;
    }

.product_block4 h2, .product_block8 h2 {
    letter-spacing: -1px;
    padding: 17px 0 0;
    line-height: 28px;
}

#content_fields .product_block1 p, #content_fields .product_block2 p, #content_fields .product_block3 p, #content_fields .product_block4 p, #content_fields .product_block5 p, #content_fields .product_block6 p, #content_fields .product_block7 p, #content_fields .product_block8 p {
    font-size: 14px;
    color: #707070;
    width: 302px;
    float: left;
    /*margin: 22px 0 0 25px;*/
    margin: 0px 0 0 25px;
    line-height: 18px;
}

#content_fields .product_block1 a, #content_fields .product_block2 a, #content_fields .product_block3 a, #content_fields .product_block4 a, #content_fields .product_block5 a, #content_fields .product_block6 a, #content_fields .product_block7 a, #content_fields .product_block8 a {
    color: #272727;
    float: right;
    background: #ffd700;
    width: 115px;
    /*padding: 49px 0 44px;*/
    line-height: 22px;
    text-transform: capitalize;
    text-align: center;
}

.product_block2, .product_block3, .product_block4, .product_block5, .product_block6, .product_block7, .product_block8 {
    height: 115px;
    margin: 0 0 15px 0;
    width: 630px;
    background-repeat: no-repeat;
}
/* 
.product_block2 {
background: url(../images/cbrs_headline_bg.jpg) no-repeat;
 
  }

.product_block3 {
   background: url(../images/cns_headline_bg.jpg) no-repeat;
  }

.product_block4 {
  background: url(../images/obligation_headline_bg.jpg) no-repeat;
 }

.product_block5 {
   background: url(../images/utc_headline_bg.jpg) no-repeat;
 }

.product_block6 {
  background: url(../images/id_net_headline_bg.jpg) no-repeat;
}

.product_block7 {
   background: url(../images/etf_headline_bg.jpg) no-repeat;
}

.product_block8 {
   background: url(../images/trade_headline_bg.jpg) no-repeat;
}*/
/* End Bussiness Line Lander */

/* 15. Start Product Lander News */
#news_footer {
    position: fixed !important;
    bottom: 0;
    left: 0;
}

#news_bottom_arrow {
    display: none;
    bottom: 60px;
    cursor: pointer;
    position: fixed;
    right: 219px;
    z-index: 12;
}

#news_intro {
    background: url(/Presentation/Includes/images/news_white_bg.png) repeat-x;
    position: relative;
    width: 100%;
    z-index: 1;
}

    #news_intro p {
        color: #333;
        font-size: 20px;
        font-weight: bold;
        margin: 28px 0 0;
        padding: 0 0 26px;
        width: 100%;
    }

#newstitle_block {
    background: #f5f5f5;
    margin: 0;
    padding: 0 0 48px;
    width: 100%;
}

    #newstitle_block .wrapper > div {
        background: #fff;
        border: #e9e9e9 solid 1px;
        float: left;
        margin-top: 28px;
        cursor: pointer;
    }

        #newstitle_block .wrapper > div:hover .news_date {
            display: none;
        }

        #newstitle_block .wrapper > div:hover a {
            display: block;
        }

.read_more:hover, li:hover .share_news {
    background: #ffd700;
    color: #3b3b3b;
}

    .read_more:hover img, .share_news:hover img {
        display: block;
    }

.read_more {
    border-top: #f0f0f0 1px solid;
    border-left: #f0f0f0 1px solid;
    color: #bebebe;
    display: none;
    float: right;
    font-size: 14px;
    padding: 15px 0;
    position: relative;
    text-align: center;
    width: 148px;
}

    .share_news img, .read_more img {
        position: absolute;
        top: -5px;
        left: 50%;
        display: none;
        z-index: 1;
    }

.share_news {
    border-top: #f0f0f0 1px solid;
    color: #bebebe;
    display: none;
    float: left;
    font-size: 14px;
    position: relative;
    padding: 15px 0;
    text-align: center;
    width: 100%;
}

.sharenews_block {
    float: left;
    position: relative;
    width: 149px;
    z-index: 0;
    display: block;
}

    .sharenews_block li:hover .sharenews_hover {
        display: block;
    }

.sharenews_hover {
    background: #fff;
    display: none;
    float: left;
    left: 0;
    position: absolute;
    top: -103px;
    width: 298px;
}

    .sharenews_hover li a {
        float: left;
        height: 104px;
        width: 99px;
    }

    .sharenews_hover li:first-child a {
        width: 100px;
    }

.news8 .share_news, .news8 .read_more {
    width: 314px;
}

.news8 .sharenews_block {
    width: 313px;
}

.news8 .sharenews_hover {
    top: -105px;
    width: 628px;
}

    .news8 .sharenews_hover li a {
        width: 209px;
        height: 106px;
    }

    .news8 .sharenews_hover li:first-child a {
        width: 210px;
    }

.news8 .facebook {
    margin: 38px 0 0 45%;
}

.news8 .facebook_hover {
    display: none;
    margin: 38px 0 0 45%;
}

.sharenews_hover li a:hover, .sharenews_block li:hover .share_news {
    background: #ffd700;
}

    .sharenews_hover li a:hover .twitter, .sharenews_hover li a:hover .facebook, .sharenews_hover li a:hover .google {
        display: none;
    }

    .sharenews_hover li a:hover .twitter_hover, .sharenews_hover li a:hover .facebook_hover, .sharenews_hover li a:hover .google_hover {
        display: inline;
    }

.twitter {
    margin: 41px 0 0 41%;
}

.twitter_hover {
    display: none;
    margin: 41px 0 0 41%;
}

.facebook {
    margin: 38px 0 0 45%;
}

.facebook_hover {
    display: none;
    margin: 38px 0 0 45%;
}

.google {
    margin: 38px 0 0 38%;
}

.google_hover {
    display: none;
    margin: 38px 0 0 38%;
}

#newstitle_block .wrapper > div .news_date {
    color: #c7c7c7;
    float: left;
    font-size: 14px;
    margin: 13px 0 0 10px;
}

.news1 {
    height: 330px;
    margin-right: 30px;
    width: 628px;
}

    .news1 > div > p {
        color: #323232;
        float: left;
        font-size: 40px;
        line-height: 39px;
        margin: 11px 0 0 10px;
        padding: 0 0 116px;
    }

    .news1 > img {
        float: right;
    }

    .news1 > div {
        float: left;
        width: 298px;
    }

.news2, .news3, .news6, .news10 {
    height: 150px;
    width: 298px;
}

.news4, .news5, .news9 {
    height: 150px;
    margin-right: 30px;
    width: 298px;
}

    .news4 p, .news5 p, .news9 p, .news2 p, .news3 p, .news6 p, .news10 p {
        color: #323232;
        float: left;
        margin: 8px 0 14px 10px;
        font-size: 25px;
        line-height: 27px;
    }

        .news4 p > a, .news5 p > a, .news9 p > a, .news1 p > a, .news7 p > a, .news8 p > a, .news2 p > a, .news3 p > a, .news6 p > a, .news10 p > a {
            color: #323232;
        }

    .news5 p {
        margin: 8px 0 41px 10px;
    }

.news7 {
    height: 330px;
    margin-right: 30px;
    width: 298px;
}

#newstitle_block .news7 p {
    color: #323232;
    float: left;
    margin: 11px 0 112px 10px;
    font-size: 25px;
    line-height: 32px;
}

.news8 {
    height: 150px;
    width: 628px;
}

    .news8 p {
        color: #323232;
        float: left;
        font-size: 40px;
        line-height: 37px;
        margin: 11px 0 19px 10px;
    }
/* Start Product Lander News */

/* 16. Start Home Splash */
#splash_block {
    width: 100%;
    background: #000;
}

#splash {
    height: 470px;
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.title_block {
    width: 960px;
    margin: 0 auto;
    z-index: 9999999;
}

    .title_block .title {
        background: url(../images/overlay_blue_bg.png) repeat;
        height: 100px;
        width: 530px;
        float: left;
        position: relative;
        top: -384px;
        letter-spacing: -1px;
    }

.title p {
    font-size: 40px;
    text-transform: uppercase;
    color: #fff;
    padding: 14px 0 0 40px;
    line-height: 36px;
}

.title_block .deck {
    background: url(../images/overlay_blue_bg.png) repeat;
    height: 150px;
    width: 660px;
    float: left;
    position: relative;
    top: -364px;
}

.deck p {
    font-size: 22px;
    color: #fff;
    width: 595px;
}

.deck a {
    text-transform: uppercase;
    font-size: 20px;
    color: #fff;
    margin: 10px 0 0 0;
    float: left;
}

#exclusive_market {
    color: black;
    float: left;
    margin: 73px 0 0 44px;
    width: 100%;
    height: 36px;
    padding: 0;
    position: relative;
}

#market_data {
    float: left;
    margin: 22px 0 29px 45px;
    overflow: hidden;
    width: 870px;
    text-transform: uppercase;
}

    #market_data ul li {
        background: url(../images/exclusiv_market_data_bg.png);
        display: inline;
        float: left;
        margin: 0 0 0 15px;
        height: 100px;
        width: 280px;
        cursor: pointer;
        position: relative;
    }

    #market_data li:first-child {
        margin: 0;
    }

    #market_data li:hover {
        background: #000;
    }

    #market_data span:first-child {
        color: #00b6ce;
        font: normal 13px "TradeGothicW01-BoldCn20 675334", Arial Narrow, sans-serif;
        margin: 17px 0 0 20px;
    }

    #market_data span {
        color: #fff;
        float: left;
        font-size: 24px;
        line-height: 25px;
        margin: 0 0 0 20px;
        width: 245px;
    }

#gallery {
    position: relative;
    left: 0;
}

#gallery_controlls a {
    height: 100px;
    width: 30px;
    border: none;
    position: absolute;
    top: 132px;
}

#gallery_previous {
    background: url(../images/arrow_left.png) 11px 43px no-repeat #f1f1f1;
    left: 0;
}

    #gallery_previous:hover {
        background: url(../images/white_arrow_left.png) 11px 43px no-repeat #c8c8c8;
    }

    #gallery_previous:active {
        background: url(../images/white_arrow_left.png) 11px 43px no-repeat #b4b4b4;
    }

#gallery_next {
    background: url(../images/arrow_right.png) 11px 43px no-repeat #f1f1f1;
    right: 0;
}

    #gallery_next:hover {
        background: url(../images/white_arrow_right.png) 11px 43px no-repeat #c8c8c8;
    }

    #gallery_next:active {
        background: url(../images/white_arrow_right.png) 11px 43px no-repeat #b4b4b4;
    }

#gallery_controlls {
    position: relative;
    margin: 0;
    padding: 0;
}

#curousel_bg > .wrapper {
    position: relative;
    width: 1200px;
}

#splash .flex-direction-nav .flex-prev {
    left: 0;
}

#splash .flex-direction-nav .flex-next {
    right: 0;
}

#splash .flex-direction-nav .flex-prev {
    background-size: 15px;
}


#splash .flex-direction-nav .flex-next {
    background-size: 15px;
}


#carousel_tile {
    left: 0;
    height: 120px;
    margin: 0 0 0 165px;
    overflow: hidden;
    position: absolute;
    bottom: -50px;
    width: 870px;
}

    #carousel_tile li {
        cursor: pointer;
        float: left;
        /*margin: 0 0 0 10px;*/
        padding: 20px 0 0 0;
        position: relative;
        width: 210px;
    }

        #carousel_tile li:first-child {
            margin: 0;
        }

    #carousel_tile .inner:hover {
        background: #000;
    }

    #carousel_tile li .block_title {
        color: #ccc;
        font-weight: normal;
        margin: 13px 0 0 21px;
        width: 90%;
    }

    #carousel_tile li span {
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        margin: 5px 0 0 21px;
        float: left;
        line-height: 18px;
    }

    #carousel_tile .active_arrow {
        float: left;
        height: 20px;
        left: 0;
        margin: 0;
        position: absolute;
        top: 0;
        width: 210px;
        display: none;
    }

    #carousel_tile .flex-active-slide .active_arrow {
        background: url(../images/headline_contant_bg.png);
        display: block;
    }

    #carousel_tile .active_arrow img {
        height: 7px !important;
        width: 8px !important;
        margin: 13px 0 0 21px;
    }

#curousel_bg {
    background: #f1f1f1;
    border-bottom: 1px solid #eaeaea;
    height: 49px;
}
/* End Home Splash */

/* 17. Start Select Box Style */
.sbHolder, .sbHolder1 {
    background-color: #fff;
    float: left;
    height: 20px;
    position: relative;
    padding: 5px 10px 5px 10px;
    width: 265px;
}

.drop_down .sbHolder, #drop_down .sbHolder {
    font-family: Arial, Helvetica, sans-serif;
}

.sbSelector {
    display: block;
    height: 30px;
    right: 0;
    line-height: 30px;
    outline: none;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 170px;
}

    .sbSelector:link, .sbSelector:visited, .sbSelector:hover {
        color: #222;
        height: 32px;
        outline: none;
        padding: 0 13px 0 13px;
        text-decoration: none;
        width: 220px;
    }

.select_text:link, .select_text:visited, .select_text:hover {
    color: #c3c3c3;
    height: 32px;
    outline: none;
    padding: 0 10px 0 10px;
    text-decoration: none;
    width: 220px;
}

.sbToggle {
    background: url(../images/drop_down_arrow.png) no-repeat;
    display: block;
    height: 20px;
    outline: none;
    position: absolute;
    right: 0;
    top: 5px;
    width: 30px;
}

.sbToggle::after {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 50%;
    margin: 5px 0 0 5px;
    vertical-align: middle;
    border: 7px solid transparent;
    /* Extra is for anti-aliasing issues in firefox and others */
    border: 7px solid rgba(0,0,0,0);
    border-top-color: #d4d4d4;
    -wekbit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%); 
}
.sbHolder:hover .sbToggle::after {
    border-top-color: #9c9c9c;
}

.sbHolderDisabled {
    background-color: #3c3c3c;
    border: solid 1px #515151;
}

.sbHolder .sbOptions {
    text-transform: capitalize;
    font-size: 12px;
    background-color: #fff;
    border: solid 1px #d9d9d9;
    left: -1px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 31px !important;
    width: 284px;
    z-index: 1;
    overflow-y: auto;
}

.sbOptions li:hover {
    background-color: #64afeb;
    color: #fff;
}


.sbOptions a {
    display: block;
    outline: none;
    padding: 7px 0 7px 10px;
    width: 230px;
}

#search_block .search-button {
    background: url("/Presentation/Includes/images/search_icon_2.png") no-repeat;
    float: right;
    height: 20px;
    margin: 5px 7px 8px 0;
    width: 23px;
    cursor: pointer;
    border: none;
}

.sbOptions a:link, .sbOptions a:visited {
    color: #222;
    text-decoration: none;
    width: 97.5%;
}

.sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus {
    background: url(../images/chek_btn.png) no-repeat right;
}

.sbOptions li.last a {
    border-bottom: none;
}

.sbOptions .sbDisabled {
    color: #999;
    display: block;
    padding: 7px 0 7px 3px;
}

.sbOptions .sbSub {
    padding-left: 17px;
}

.slides li div.inner {
    background: url("../images/headline_contant_bg.png") repeat scroll 0 0 transparent;
    float: left;
    height: 100px;
    margin: 0;
    width: 210px;
}



#search_block #search2 {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #d9d9d9;
    box-shadow: 5px 6px 4px #f7f7f7 inset;
    float: left;
    margin: 19px 0 0 18px;
    padding: 0;
    width: 260px;
    height: 29px;
}

#search_block #search_box_text2 {
    background-color: #fff;
    border: 0 none;
    box-shadow: 0px 6px 4px #f7f7f7 inset;
    color: #bababa;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 0 8px;
    outline: medium none;
    padding: 7px 0 6px;
    width: 200px;
}


#search_block .search-box {
    background-color: #fff;
    border: 0 none;
    box-shadow: 0px 6px 4px #f7f7f7 inset;
    color: #bababa;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 0 8px;
    outline: medium none;
    padding: 6px 0 6px;
    width: 200px;
}

#search_block #search_img2 {
    background: url("/Presentation/Includes/images/search_icon_2.png") no-repeat;
    float: right;
    height: 20px;
    margin: 5px 7px 8px 0;
    width: 23px;
    cursor: pointer;
    border: none;
}

.sbOptions a:link, .sbOptions a:visited {
    text-decoration: none;
    width: 94%;
}
/* End Select Box Style */

/*======================DTCC02 =========================*/

/* 18. Start of Media Event */
.content h2#vertical_content {
    color: #333;
    font-size: 20px;
    margin: 0;
    padding: 28px 0 27px 8px;
    width: 100%;
}

    .content h2#vertical_content a {
        background-image: url(../images/close_icon.png);
        float: right;
        height: 20px;
        margin: 3px 18px 0 0;
        overflow: hidden;
        text-indent: -100px;
        width: 20px;
    }

#chapter {
    background: #f2f2f2;
    width: 100%;
    height: 121px;
}

    #chapter nav {
        float: left;
        width: 880px;
        margin: 0 0 0 8px;
        overflow: hidden;
    }

        #chapter nav ul {
            position: relative;
        }

            #chapter nav ul li {
                float: left;
                width: 220px;
            }

                #chapter nav ul li a {
                    background: #fff;
                    border: 1px solid #e9e9e9;
                    display: block;
                    float: left;
                    margin: 19px 14px;
                    width: 190px;
                }

                    #chapter nav ul li a > span:first-child {
                        width: 40px;
                        float: left;
                        margin: 0 0 0 11px;
                    }

                #chapter nav ul li:hover, .select_chapter, .select_chapter, .select_frame {
                    background: #ffd700 url(../images/arrow_header.png) no-repeat bottom center;
                    position: relative;
                    margin-bottom: 7px;
                }

                    #chapter nav ul li:hover a, #chapter nav ul li.select_chapter a {
                        border-color: #ffd700;
                    }

    #chapter .month {
        display: block;
        color: #333;
        font-size: 16px;
        font-weight: bold;
        margin: 10px 0 0;
    }

    #chapter .date {
        color: #333;
        display: block;
        font-size: 30px;
        font-weight: bold;
        line-height: 21px;
    }

    #chapter .time {
        color: #929292;
        float: left;
        font-size: 14px;
        font-weight: bold;
        line-height: 19px;
        margin: 0 0 0 2px;
        padding: 0 0 10px;
    }

    #chapter .event_detail {
        color: #b0b0b0;
        display: block;
        font-size: 12px;
        font-weight: bold;
        line-height: 14px;
        margin: 12px 0 0 7px;
        width: 130px;
        float: left;
    }

#event_content {
    background-repeat: no-repeat;
    background-position: top center;
    width: 100%;
}

    #event_content section#register {
        width: 300px;
        padding: 0 0 54px;
        float: right;
    }

        #event_content section#register h3 {
            color: #fff;
            font-size: 36px;
            line-height: 37px;
            margin: 52px 0 0;
            width: 230px;
        }

        #event_content section#register span {
            color: #fff;
            display: block;
            font-size: 22px;
            font-weight: bold;
            line-height: 28px;
            margin: 47px 0 0;
            width: 240px;
        }

        #event_content section#register a {
            background: #fd3c0f;
            color: #fff;
            display: block;
            font-size: 24px;
            margin: 20px 0 0;
            padding: 16px 1px;
            text-align: center;
            width: 298px;
        }

section#description {
    float: left;
    padding: 0 0 15px;
    width: 100%;
}

    section#description article {
        width: 300px;
        float: left;
        margin: 24px 0 0 30px;
    }

        section#description article:first-child {
            margin: 24px 0 0;
        }

        section#description article h4 {
            color: #1e1d1d;
        }

        section#description article p {
            color: #898989;
            font-size: 14px;
            line-height: 24px;
            margin: 16px 0 0;
            width: 300px;
        }

        section#description article span {
            color: #242424;
            font-size: 14px;
            font-weight: bold;
            display: block;
            margin: 18px 0 0;
        }

            section#description article span:first-child {
                margin: 28px 0 0;
            }

        section#description article ul {
            color: #898989;
            margin: 4px 0 0;
        }

            section#description article ul li {
                background: url(../images/dots.png) no-repeat 0 8px;
                font-size: 14px;
                font-weight: normal;
                margin: 7px 0 0 0;
                padding: 0 0 0 12px;
            }

        section#description article a {
            color: #898989;
            font-size: 14px;
            margin: 5px 0 0;
            display: block;
        }

#chapter_previous, #chapter_next {
    background: #d1d1d1 url(../images/left_arrow.png) no-repeat center;
    float: left;
    height: 31px;
    width: 31px;
    margin: 44px 0 0;
}

#chapter_next {
    background: #d1d1d1 url(../images/right_arrow.png) no-repeat center;
    margin: 44px 0 0 10px;
}
/* End of Media Event */

/* 19. Start of Media Video */
#chapter nav #player_list li a {
    border: none;
    background: none;
    width: 145px;
    margin: 10px 15px 6px;
}

#chapter nav #player_list li {
    width: 174px;
    float: left;
    position: relative;
}

#player_list {
    margin: 0 0 0 17px;
}

#chapter nav #player_list li a > span {
    color: #333;
    display: block;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    margin: 4px 0 0;
    width: 144px;
}

#video_content {
    background: url(../images/video_bg.jpg) repeat-x;
    width: 100%;
}

#video_player {
    margin: 0px 0 0;
    width: 100%;
    position: relative;
}

.page_no {
    color: #b0b0b0;
}

section#description article img {
    margin: 20px 0 0;
}

#tools {
    position: absolute;
    top: 20px;
    left: 20px;
    background: url(../images/menu_bg.png);
    width: 100px;
}

    #tools li {
        float: left;
        width: 100%;
    }

    #tools:hover {
        background: url(../images/menu_bg_hover.png) no-repeat;
    }

    #tools li a span {
        background: url(../images/img.png) repeat-y center;
        float: left;
        height: 30px;
        padding: 0 30px;
        margin: 8px 0 2px;
        width: 40px;
    }

    #tools li ul {
        display: none;
        width: 100%;
    }

    #tools li:hover > ul {
        display: block;
    }

    #tools li ul li a {
        float: left;
        color: #dcdcdc;
        line-height: 22px;
        width: 100%;
        text-align: center;
        padding: 10px 0 8px;
    }

        #tools li ul li a:hover {
            background: #ffd700;
            color: #323232;
            float: left;
        }

    #tools li ul li + li + li a:hover {
        border-radius: 0 0 4px 4px;
    }

#video_content section#description article {
    margin-top: 20px;
}

section#description article img + span {
    margin: 7px 0 0;
}

section#description article span + p {
    margin: 2px 0 0;
}

#placeHolder iframe {
    background: transparent;
    border: none;
    margin: 0;
}
/* End of Media Video */

/* 20. Start of Media Podcast */
#cloud_player iframe {
    margin: 0;
}

#audio_player {
    position: relative;
    width: 100%;
}

    #audio_player ul#tools {
        position: absolute;
        top: 176px;
        left: 40px;
        z-index: 2000;
    }

#podcast_content {
    background: url(../images/bg_img.jpg) repeat-x;
    width: 100%;
}

#controls {
    margin: 18px 0 0;
    float: right;
}

    #controls span {
        background: url(../images/full_screen_bg.png);
        width: 100px;
        height: 40px;
        float: left;
        margin: 0 30px 0 10px;
    }

        #controls span img {
            margin: 8px 13px;
            float: right;
        }

#chapter nav ul li:hover > span, .select_chapter > span {
    background: url(/presentation/includes/images/arrow_header.png) no-repeat center;
    width: 100%;
    height: 7px;
    float: left;
    position: absolute;
    bottom: -7px;
    left: 0;
    margin: 0;
}
/* End of Media Podcast */
#video_player #controls {
    bottom: 24px;
    float: right;
    margin: 18px 0 0;
    position: absolute;
    right: 0;
}

    #video_player #controls span {
        background: url(../images/full_screen_bg.png);
        width: 90px;
        height: 40px;
        float: left;
        margin: 0 20px 0 10px;
    }

        #video_player #controls span a {
            margin: 8px 0 8px 9px;
            float: left;
        }

    #video_player #controls > img {
        float: left;
        margin: 0 0 0 12px;
    }

section#description article a + p {
    color: #898989;
    font-size: 12px;
    line-height: 16px;
    margin: 31px 0 0;
    width: 300px;
}

#video_player #controls span a:first-child {
    float: left;
    margin: 8px 10px 8px 9px;
}

/* 21. Start of Media PDF */
#chapter nav ul li a span.list_number {
    background: url(../images/header.png) no-repeat;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    float: left;
    width: 12px;
    padding: 7px 6px 50px 10px;
    margin: -3px 0 0 2px;
}

#chapter nav ul li a span.chapter_number {
    float: left;
    font-size: 12px;
    font-weight: bold;
    color: #b0b0b0;
    width: 145px;
    margin: 11px 0 0 10px;
}

#chapter nav ul li a span.chapter_title {
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin: 1px 0 0 10px;
    width: 145px;
}

#chapter nav ul .select_chapter a span.list_number, #chapter nav ul li:hover a span.list_number {
    background: url(../images/header_1.png) no-repeat;
}

#pdf_content {
    background: #c8c8c8;
    width: 100%;
}

    #pdf_content .wrapper {
        position: relative;
    }

iframe {
    background: #fff;
    border: #bfbfbf solid 2px;
    float: left;
    margin: 0 0 48px 171px;
}

#pdf_controls #tools {
    background: url(../images/menu_bg_1.png) no-repeat;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
}

#pdf_controls {
    margin: 30px 0 0 50px;
    width: 100%;
    position: relative;
}

    #pdf_controls div {
        float: right;
    }

#zoom {
    background: url(../images/pdf_bg.png);
    float: left;
    margin: 0 100px 0 155px;
}

#pdf_controls #tools:hover {
    background: url(../images/menu_over_bg1.png) no-repeat;
}

#pdf_controls #tools li > ul {
    border-top: 1px solid #f0f0f0;
    float: left;
}

#pdf_footer {
    background: #c8c8c8;
}

#pdf_controls #tools li ul li a {
    padding: 10px 0 8px;
}

#pdf_controls #tools li ul li + li + li a {
    padding: 10px 0 7px;
}
/* End of Media PDF */

/* 22. Start of Innovation */
#tab ul#innovation_tab li {
    display: inline;
    width: 160px;
}

    #tab ul#innovation_tab li a {
        width: 160px;
        font-size: 18px;
        padding: 18px 0 25px;
    }

        #tab ul#innovation_tab li a:hover, #tab ul#innovation_tab li a#tab_selected {
            background: #ffd700;
        }

#start_innovation_container .wrapper > span {
    color: #fffefe;
    display: block;
    font-size: 30px;
    margin: 215px 0 0 36px;
}

#start_innovation_container .wrapper > h2 {
    color: #fffefe;
    font-size: 85px;
    float: none;
    line-height: 86px;
    margin: 0 0 0 36px;
    padding: 0;
}

#start_innovation_container .wrapper > a {
    background: #ffd700;
    color: #141414;
    font-size: 30px;
    margin: 82px 0 110px;
    padding: 12px 82px 12px 83px;
    float: right;
}

#start_innovation_container {
    background: url(../images/innovation_bg.jpg);
    float: left;
    height: 590px;
    position: relative;
    width: 1200px;
}

.main_carousel .carousel_slides {
    display: inline;
    float: left;
    height: 590px;
    overflow: hidden;
    position: relative;
    width: 1200px;
}

#innovation_container {
    float: left;
    overflow: hidden;
    position: relative;
    width: 1200px;
}

    #innovation_container .main_carousel {
        list-style-type: none;
        float: left;
        margin: 0;
        overflow: hidden;
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
    }

#innovation_wrapper {
    position: relative;
}

#tab ul li.active_slidegroup a {
    background: #ffd700;
    color: #464646;
}

#startInnovation {
    background: none repeat scroll 0 0 #ffd700;
    border: medium none;
    cursor: pointer;
    float: right;
    font-size: 26px;
    font-weight: bold;
    margin: 500px 208px 0 0;
    padding: 10px;
}

.carousel_group_container .first_story {
    top: 393px;
    height: 216px;
    position: absolute;
    left: 759px;
    width: 216px;
    z-index: 5;
}

.carousel_group_container .second_story {
    top: 229px;
    height: 216px;
    position: absolute;
    left: 882px;
    width: 216px;
    z-index: 5;
}

.carousel_group_container .third_story {
    top: -17px;
    height: 216px;
    position: absolute;
    left: 718px;
    width: 216px;
    z-index: 5;
}

.carousel_group_container .fourth_story {
    top: -17px;
    height: 216px;
    position: absolute;
    left: 144px;
    width: 216px;
    z-index: 5;
}

.carousel_group_container .fifth_story {
    top: 311px;
    height: 216px;
    position: absolute;
    left: 62px;
    width: 216px;
    z-index: 5;
}

.carousel_group_container .main_grid {
    top: 50%;
    display: none;
    position: absolute;
    left: 50%;
    z-index: 5;
    margin: -15px 0 0 -15px;
}

.carousel_group_container .glowing_bg {
    background: url(../images/glowing_image.png);
    background: none\9; /* Targets IE only */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/glowing_image.png", sizingMethod="crop");
    top: 50%;
    display: none;
    height: 216px;
    position: absolute;
    left: 50%;
    width: 216px;
    z-index: 4;
    margin: -108px 0 0 -108px;
}

.carousel_group_container .darker_grid {
    background: url(../images/dark_grid.png) center center;
    height: 0;
    position: absolute;
    width: 0;
    z-index: 1;
}

.carousel_group_container .lighter_grid {
    background: url(../images/light_grid.png) center center;
    height: 0;
    position: absolute;
    width: 0;
    z-index: 2;
}

.carousel_group_container .main_bg_image {
    height: 0;
    position: absolute;
    width: 0;
    z-index: 3;
}

.carousel_group_container .first.main_bg_image {
    background: url(../images/bg_large_first.jpg) center center;
}

.carousel_group_container .second.main_bg_image {
    background: url(../images/bg_large_second.jpg) center center;
}

.carousel_group_container .third.main_bg_image {
    background: url(../images/bg_large_third.jpg) center center;
}

.carousel_group_container .fourth.main_bg_image {
    background: url(../images/bg_large_fourth.jpg) center center;
}

.carousel_group_container .fifth.main_bg_image {
    background: url(../images/bg_large_fifth.jpg) center center;
}

.carousel_group_container .darker_grid.first,
.carousel_group_container .lighter_grid.first,
.carousel_group_container .main_bg_image.first {
    top: 501px;
    left: 867px;
}

.carousel_group_container .darker_grid.second,
.carousel_group_container .lighter_grid.second,
.carousel_group_container .main_bg_image.second {
    top: 337px;
    left: 990px;
}

.carousel_group_container .darker_grid.third,
.carousel_group_container .lighter_grid.third,
.carousel_group_container .main_bg_image.third {
    top: 91px;
    left: 826px;
}

.carousel_group_container .darker_grid.fourth,
.carousel_group_container .lighter_grid.fourth,
.carousel_group_container .main_bg_image.fourth {
    top: 91px;
    left: 252px;
}

.carousel_group_container .darker_grid.fifth,
.carousel_group_container .lighter_grid.fifth,
.carousel_group_container .main_bg_image.fifth {
    top: 419px;
    left: 170px;
}

#innovation_outer_wrapper {
    margin: 0 auto;
    width: 1200px;
}

.carousel_slides .carousel_center_text {
    left: 245px;
    position: absolute;
    top: 232px;
    width: 1050px;
    z-index: 4;
}

    .carousel_slides .carousel_center_text a {
        float: left;
    }

    .carousel_slides .carousel_center_text .previous_btn {
        margin: 7px 20px 0 0;
    }

.carousel_group_container .previous_btn {
    left: 120px;
    position: absolute;
    top: 260px;
    z-index: 6;
}

    .carousel_group_container .previous_btn img {
        color: #fff;
        float: left;
    }

    .carousel_group_container .previous_btn span {
        color: #fff;
        display: none;
        float: left;
        font-size: 20px;
        margin: 14px 0 0 -10px;
    }

.carousel_group_container .next_btn {
    right: 130px;
    display: none;
    position: absolute;
    top: 260px;
    z-index: 6;
}

    .carousel_group_container .next_btn span {
        color: #fff;
        display: none;
        float: left;
        font-size: 20px;
        margin: 14px -10px 0 0;
    }

    .carousel_group_container .next_btn img {
        float: left;
    }

.carousel_slides .carousel_center_text .next_btn {
    margin: 7px 0 0 25px;
}

.carousel_slides .carousel_center_text a img {
    float: left;
}

.carousel_slides .carousel_center_text span {
    color: #ffd700;
    float: left;
    left: 0;
    font-size: 80px;
    position: absolute;
    top: 20px;
}

.carousel_slides .carousel_center_text p {
    bottom: -22px;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0); /*IE fix*/
    float: left;
    left: -46px;
    margin: 0;
    position: absolute;
    visibility: visible;
    width: 68%;
    font-size: 25px;
}

    .carousel_slides .carousel_center_text p em {
        float: left;
        margin: 0 0 0 14px;
    }

.carousel_slides .carousel_center_text div {
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0); /*IE fix*/
    float: left;
    left: 20px;
    margin: 0;
    position: absolute;
    top: 133px;
    visibility: visible;
    width: 646px;
}

    .carousel_slides .carousel_center_text div em {
        float: left;
        margin: 0 0 0 20px;
    }

.thumbnail_story {
    position: relative;
    z-index: 12;
}

    .thumbnail_story img {
        float: left;
    }

    .thumbnail_story .thumbnail_image {
        display: none;
        float: left;
        opacity: 0.6;
    }

    .thumbnail_story .deck_container {
        background: #fff;
        display: none;
        float: left;
        height: 124px;
        position: relative;
        width: 447px;
    }

        .thumbnail_story .deck_container ul li .entry_title {
            color: #bababa;
            float: left;
            margin: 10px 0 0 15px;
            font-size: 15px;
        }

        .thumbnail_story .deck_container ul li .entry_deck {
            color: #616161;
            float: left;
            margin: 12px 0 0 15px;
            font-size: 13px;
        }

    .thumbnail_story a.learn_more_btn {
        background: #ffd700;
        display: block !important;
        color: #3b3b3b;
        float: right;
        padding: 50px 21px 0;
        text-decoration: none;
        height: 74px;
    }

.grid_slidind_group {
    display: none;
    float: left;
    width: 576px;
}

    .grid_slidind_group .deck_container {
        background: #fff;
        float: left;
        height: 124px;
        position: relative;
        width: 328px;
    }

        .grid_slidind_group .deck_container ul {
            float: left;
            margin: 0;
            padding: 0;
            list-style-type: none;
        }

            .grid_slidind_group .deck_container ul li {
                float: left;
                margin: 0;
                padding: 0;
            }

        .grid_slidind_group .deck_container .thumbnail_image {
            float: left;
        }

        .grid_slidind_group .deck_container ul li .entry_title {
            color: #bababa;
            float: left;
            margin: 10px 0 0 15px;
        }

        .grid_slidind_group .deck_container ul li .entry_deck {
            color: #616161;
            float: left;
            margin: 12px 0 0 15px;
        }

    .grid_slidind_group ul {
        float: left;
    }

        .grid_slidind_group ul li {
            float: left;
        }

    .grid_slidind_group a.learn_more_btn {
        background: #ffd700;
        color: #3b3b3b;
        float: left;
        padding: 55px 25px 54px 25px;
        text-decoration: none;
    }

    .grid_slidind_group img {
        float: left;
    }

.story_container1 {
    position: absolute;
    top: 439px;
    right: 271px;
}

.story_container2 {
    position: absolute;
    top: 275px;
    right: 148px;
}

.story_container3 {
    position: absolute;
    top: 29px;
    right: 312px;
}

.story_container4 {
    position: absolute;
    top: 29px;
    left: 190px;
}

.story_container5 {
    position: absolute;
    top: 357px;
    left: 108px;
}

ul.slides li div {
    float: left;
    width: 328px;
}

.carousel_group_container {
    background: #000;
    float: left;
    overflow: hidden;
    position: relative;
    width: 1200px;
    height: 590px;
}

    .carousel_group_container.carousel_group_2,
    .carousel_group_container.carousel_group_3,
    .carousel_group_container.carousel_group_4,
    .carousel_group_container.carousel_group_5 {
        background: url(../images/dark_grid.png) center center #000;
    }
/* End of Innovation */

/* 23. Start of DTCC Learning Login*/
#login_content .wrapper > div {
    float: left;
    border-left: 1px solid #d7d7d7;
    width: 419px;
    padding: 0 0 23px 60px;
    margin: 1px 0 0;
}

    #login_content .wrapper > div:first-child {
        border: none;
        width: 479px;
        padding: 0;
        margin: 0;
    }

    #login_content .wrapper > div h3 {
        color: #000;
        font-size: 40px;
        line-height: 40px;
        text-transform: uppercase;
        width: 250px;
    }

    #login_content .wrapper > div p {
        color: #898989;
        line-height: 25px;
        font-size: 16px;
        margin: 15px 0 0;
        padding: 0 0 28px;
        width: 380px;
    }

    #login_content .wrapper > div > a {
        background: #fd3c0f url(../images/my_learning_arrow.png) 164px 15px no-repeat;
        color: #fff;
        float: left;
        margin: 0 22px 0 0;
        padding: 9px 37px 9px 17px;
    }

    #login_content .wrapper > div p + a {
        padding: 9px 41px 9px 17px;
        background: #fd3c0f url(../images/my_learning_arrow.png) 108px 15px no-repeat;
    }

    #login_content .wrapper > div > a:hover {
        background-color: #000;
    }

#vertical_heading {
    background: url(../images/header_bg.jpg);
    width: 100%;
}

    #vertical_heading h2 {
        color: #fff;
        font-size: 48px;
        margin: 12px 0 0 0px;
        padding: 0 0 13px;
    }

#login_content {
    padding: 48px 0 25px;
}

    #login_content .wrapper > div > form {
        width: 280px;
        margin: 2px 0 0 1px;
    }

        #login_content .wrapper > div > form > input {
            border: 1px solid #d9d9d9;
            width: 230px;
            color: #c3c3c3;
            font-size: 14px;
            padding: 7px 0 7px 10px;
            margin: 18px 0 0;
            -webkit-text-fill-color: #c3c3c3;
        }

        #login_content .wrapper > div > form label {
            float: left;
            color: #b0b0b0;
            margin: 27px 0 0;
            width: 130px;
        }

        #login_content .wrapper > div > form a {
            float: left;
            color: #b0b0b0;
            height: 18px;
            margin: 27px 0 0 28px;
            width: 115px;
        }

        #login_content .wrapper > div > form > #sign_in {
            background: #00b6ce url(../images/my_learning_arrow.png) 87px 14px no-repeat;
            border: none;
            color: #fff;
            font-size: 18px;
            height: 30px;
            width: auto;
            padding: 8px 41px 32px 23px;
            margin: 22px 0 9px;
            cursor: pointer;
            -webkit-text-fill-color: #fff;
        }

            #login_content .wrapper > div > form > #sign_in:hover {
                background-color: #000;
            }

    #login_content .wrapper > div > h4 {
        color: #000;
        font-size: 25px;
        margin: 25px 0 0 1px;
        text-transform: uppercase;
    }

    #login_content .wrapper > div h4 + p {
        color: #898989;
        line-height: 23px;
        font-size: 14px;
        margin: 7px 0 0 1px;
        padding: 0;
        width: 395px;
    }

        #login_content .wrapper > div h4 + p a {
            color: #898989;
            border-bottom: 2px solid #898989;
        }
/*End of DTCC Learning Login*/

/* 24. Start of DTCC Learning Welcome*/
#favourite_block {
    background: #eaeaea;
    width: 300px;
    margin: 30px 0 0;
}

#coming_soon {
    background: #eaeaea;
    width: 300px;
    margin: 32px 0 0;
}

    #coming_soon span {
        color: #000;
        display: block;
        font-size: 16px;
        font-weight: bold;
        margin: 12px 0 0 13px;
    }

    #coming_soon p {
        margin: 7px 0 0 13px;
    }

    #coming_soon a {
        margin: 14px 1px 1px 0;
        padding: 3px 33px 5px 22px;
    }

#favourite_block > span {
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin: 19px 0 0 10px;
}

#favourite_block span > span {
    color: #fd3c0f;
}

#favourite_block p {
    border-bottom: 1px solid #d0d0d0;
    color: #000;
    font-size: 16px;
    font-style: italic;
    margin: 8px 0 0 10px;
    width: 255px;
    padding: 0 25px 21px 0;
}

#favourite_block a {
    background: url(../images/blue_arrow.png) 123px 7px no-repeat;
    color: #00b6ce;
    float: right;
    margin: 8px 0 0 0;
    padding: 3px 32px 13px 0px;
}

    #favourite_block a:hover {
        text-decoration: underline;
    }

#favourite_block h3 {
    background: #1e1d1d;
    padding: 6px 10px 5px;
}

.view_events:hover, #main_content section a:hover {
    text-decoration: underline;
}

#events_block .view_events {
    background: url("../images/blue_arrow.png") no-repeat scroll 137px 15px transparent;
    color: #00b6ce;
    float: right;
    padding: 10px 32px 0 0;
    text-transform: capitalize;
}

#login_block h3, #coming_soon h3 {
    background: #1e1d1d;
    padding: 6px 13px 5px;
}

#login_block a, #coming_soon a {
    background: #00b6ce url(../images/btn_arrow.png) 76px 10px no-repeat;
    color: #fff;
    float: right;
    margin: 21px 1px 1px 0;
    padding: 3px 33px 5px 23px;
}

#login_block p, #coming_soon p {
    color: #333;
    line-height: 18px;
    font-size: 14px;
    margin: 14px 0 0 13px;
}

#login_block {
    background: #eaeaea;
    width: 300px;
    margin: 30px 0 0;
}

#main_content section {
    background: #eaeaea;
    margin: 31px 0 0;
    padding: 0 0 0 5px;
    width: 625px;
}

    #main_content section h3 {
        color: #1e1d1d;
        margin: 23px 0 0 16px;
    }

    #main_content section article {
        float: left;
        width: 189px;
        margin: 14px 0 0 14px;
    }

    #main_content section h3 + article {
        margin: 14px 1px 0 14px;
    }

    #main_content section article span {
        color: #000;
        float: left;
        line-height: 20px;
        font-size: 14px;
        font-weight: 700;
        width: 200px;
    }

    #main_content section article img {
        margin: 11px 0 0;
    }

    #main_content section a {
        background: url(../images/blue_arrow.png) no-repeat 73px 5px;
        color: #00b6ce;
        float: right;
        margin: 9px 0 0;
        padding: 0 48px 13px 0;
    }

#welcome_subheader {
    background: none repeat scroll 0 0 #000;
    width: 100%;
}

    #welcome_subheader span {
        color: #00b6ce;
        float: left;
        font-size: 20px;
        font-style: italic;
        margin: 7px 0 0 2px;
        width: 808px;
    }

#menu_pannel {
    background: url(../images/nav_bar_bg.jpg);
    height: 68px;
    width: 100%;
}

    #menu_pannel nav > ul li {
        float: left;
        list-style-type: none;
        padding: 0 30px 0 0;
        position: relative;
    }

        #menu_pannel nav > ul > li > a:hover, #menu_pannel nav > ul li a.selected {
            background: none repeat scroll 0 0 #fff;
            color: #666;
        }

    #menu_pannel nav > ul > li > a {
        color: #e6e6e6;
        float: left;
        padding: 18px 24px 26px 19px;
    }

#learning_carousel {
    border-bottom: 1px solid #d7d7d7;
    margin: 32px 0 3px;
    position: relative;
    width: 630px;
    padding: 0 0 46px;
}

    #learning_carousel .carousel_description {
        background: url(../images/img_hover.png);
        float: left;
        width: 630px;
        position: absolute;
        bottom: 0;
    }

        #learning_carousel .carousel_description span {
            color: #fff;
            display: block;
            font-size: 25px;
            margin: 13px 0 0 24px;
            text-transform: uppercase;
        }

        #learning_carousel .carousel_description p {
            color: #fff;
            display: block;
            font-size: 14px;
            line-height: 18px;
            margin: 3px 0 0 24px;
            padding: 0 0 17px;
        }

#main_content > span#feedback_block, span#feedback_block {
    color: #1e1d1d;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    display: block;
    margin: 32px 0 36px;
    width: 630px;
    padding: 18px 0 20px;
    text-transform: uppercase;
}

    span#feedback_block > a {
        background: #00b6ce url(../images/btn_arrow.png) no-repeat 173px 10px;
        color: #fff;
        margin: 4px 0 0;
        padding: 3px 33px 5px 18px;
        text-transform: none;
        float: right;
    }

#main_content #learning_carousel ul.slides {
    float: left;
    height: auto;
}

    #main_content #learning_carousel ul.slides li {
        float: left;
    }

#main_content #learning_carousel .flex-direction-nav {
    display: none;
}

#main_content #learning_carousel .flex-control-paging li a {
    background: url(../images/bullet_black.png);
    height: 18px;
    width: 18px;
    float: left;
    margin: 0 14px 0 0;
}

    #main_content #learning_carousel .flex-control-paging li a.flex-active {
        background: url(../images/bullet_blue.png);
    }
/* End of DTCC Learning Welcome*/

/* 25. Start of DTCC Learning Product Category*/
#process_block {
    background: #eaeaea;
    width: 630px;
    margin: 36px 0 0;
}

    #process_block h4, #queries_block h4, #administrative_block h4 {
        color: #333;
        font-size: 24px;
        margin: 26px 0 0 33px;
    }

    #process_block ul, #queries_block ul, #administrative_block ul {
        width: 100%;
        float: left;
        padding: 0 0 26px 0;
    }

        #process_block ul li, #queries_block ul li, #administrative_block ul li {
            float: left;
            width: 235px;
            font-size: 16px;
            font-weight: bold;
            padding: 0 0 11px 45px;
            margin: 20px 0 0 13px;
        }

.media_print {
    background: url(../images/paper_bullet.png) no-repeat 22px 4px;
}

.media_video {
    background: url(../images/bullet_tv_img.png) no-repeat 19px 4px;
}

.media_audio {
    background: url(../images/sound_bullet_img.png) no-repeat 18px 4px;
}

#queries_block {
    width: 630px;
    margin: 4px 0 0;
}

#administrative_block {
    background: #eaeaea;
    width: 630px;
    margin: 8px 0 11px 0;
}

#product_description {
    width: 630px;
    margin: 25px 0 0;
    padding: 0 0 4px;
}

    #product_description > div {
        float: left;
        margin: 0 0 0 31px;
        width: 386px;
    }

        #product_description > div:first-child {
            border-right: 1px solid #d7d7d7;
            float: left;
            margin: 0 0 0 1px;
            padding: 0 0 60px;
            width: 194px;
        }

            #product_description > div:first-child h3 {
                color: #1e1d1d;
                font-size: 25px;
                line-height: 25px;
                padding: 6px 0 0;
            }

            #product_description > div:first-child span {
                color: #000;
                font-size: 13px;
                display: block;
                margin: 12px 0 0;
            }

                #product_description > div:first-child span > span {
                    color: #00b6ce;
                    font-weight: bold;
                    margin: 8px 0 0;
                }

        #product_description > div h4 {
            color: #000;
            font-size: 35px;
            line-height: 36px;
            margin: 4px 0 0;
            text-transform: uppercase;
        }

        #product_description > div p {
            color: #898989;
            font-size: 14px;
            line-height: 23px;
            margin: 17px 0 0;
        }

#menu_pannel ul li ul {
    background: #383838;
    color: #fff;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    padding: 8px 26px 27px 23px;
    width: 255px;
    position: absolute;
    display: none;
    top: 68px;
    z-index: 1;
    left: -86px;
}

    #menu_pannel ul li ul li {
        margin: 13px 0 0;
        width: 265px;
    }

        #menu_pannel ul li ul li a {
            background: #383838;
            color: #fff;
            width: 265px;
            font-size: 14px;
            font-weight: bold;
            padding: 0;
            float: left;
            text-align: left;
        }

#menu_pannel ul li:hover ul {
    display: block;
}

#menu_pannel ul li ul li a:hover {
    color: #00b6ce;
}

#menu_pannel ul li:hover span {
    background: url(../images/arrow_up_img.png) center no-repeat;
    height: 7px;
    position: absolute;
    left: -86px;
    bottom: 0;
    width: 304px;
    z-index: 1;
}

.upcoming_event_info {
    color: #000;
    font-size: 20px;
    height: auto;
    line-height: 25px;
    padding: 20px 40px 30px 17px;
}

#main_content aside #events_block {
    height: auto;
}
/* End of DTCC Learning Product Category*/

/* 26. Start of DTCC Learning Product Category Lander02*/
#product_detail {
    float: left;
    width: 192px;
    margin: 31px 0 0;
}

    #product_detail h3 {
        color: #1e1d1d;
        font-size: 25px;
        line-height: 25px;
        padding: 0 0 4px;
    }

    #product_detail ul li {
        color: #000;
        font-size: 13px;
        font-weight: bold;
        margin: 8px 0 0;
    }

        #product_detail ul li a {
            color: #000;
        }

        #product_detail ul li ul li a {
            color: #666;
        }

.product_post {
    border-bottom: 1px solid #d7d7d7;
    width: 428px;
    margin: 0 0 38px 0;
    padding: 0 0 19px;
}

    .product_post h4 {
        color: #000;
        padding: 6px 0 0;
    }

#main_content .product_post ul li h5 {
    color: #000;
    font-size: 25px;
    margin: 3px 0 0;
    text-transform: uppercase;
}

.product_post ul li p {
    color: #898989;
    font-size: 14px;
    line-height: 22px;
    margin: 9px 0 0;
    padding: 0 15px 35px 0;
}

    .product_post ul li p a {
        color: #00b6ce;
        margin: 0 0 0 5px;
    }

        .product_post ul li p a:hover {
            text-decoration: underline;
        }

#product_detail + #main_content {
    width: 767px;
    border-left: solid 1px #d7d7d7;
    margin: 25px 0 28px;
}

    #product_detail + #main_content > div {
        width: 433px;
        float: left;
        padding: 0 0 0 31px;
    }

.slides li div {
    float: left;
}

#main_content .product_post .flex-control-nav {
    bottom: 0;
}

#main_content .product_post .flex-control-paging li {
    margin: 0 0 0 8px;
}

    #main_content .product_post .flex-control-paging li a {
        background: url(../images/bullet_black1.png) no-repeat;
        height: 12px;
        float: left;
        width: 12px;
    }

        #main_content .product_post .flex-control-paging li a.flex-active {
            background: url(../images/bullet_blue1.png) no-repeat;
        }

#main_content .product_post .flex-direction-nav .flex-prev {
    background: url(../images/arow_left_side.png) no-repeat;
    height: 13px;
    left: 165px;
    opacity: 1;
    top: -17px;
    width: 7px;
    z-index: 0;
}

#main_content .product_post .flex-direction-nav .flex-next {
    background: url(../images/arow_right_side.png) no-repeat scroll 0 0 transparent;
    right: 158px;
    opacity: 1 !important;
    top: -17px;
    height: 13px;
    width: 7px;
    z-index: 0;
}

#product_detail + #main_content > aside #events_block {
    float: right;
    margin: 11px 0 0;
    width: 278px;
}

#product_detail + #main_content #other_information {
    width: 750px;
}

#other_information #login_block {
    margin: 0 0 0 33px;
    width: 352px;
    float: left;
}

#other_information #coming_soon {
    width: 351px;
    margin: 0;
    float: left;
}

    #other_information #coming_soon a {
        background-position: 61px 10px;
        margin: -4px 0 1px 0;
        padding: 3px 32px 5px 17px;
    }

#other_information #login_block h3 {
    padding: 6px 13px 5px 18px;
}

#other_information #login_block p {
    margin: 14px 38px 0 20px;
}

#other_information span#feedback_block {
    margin: 26px 0 0px;
    padding: 18px 0 20px;
    font-size: 30px;
    width: 736px;
    float: left;
    color: #1e1d1d;
}
/* End of DTCC Learning Product Category Lander02*/

/* 27. Start of DTCC Learning Product Subcategory*/
#subproduct_intro {
    border-bottom: 1px solid #d7d7d7;
}

    #subproduct_intro h4 {
        color: #1e1d1d;
        text-transform: uppercase;
        margin: 2px 0 0;
    }

    #subproduct_intro p {
        color: #898989;
        font-size: 14px;
        line-height: 23px;
        margin: 3px 0 0;
        padding: 0 0 27px;
    }

.subproduct_category a {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    display: block;
}

.subproduct_category p {
    color: #333;
    font-size: 14px;
    line-height: 18px;
    margin: 3px 0 0;
    padding: 0 55px 0 0;
}

.subproduct_category {
    border-bottom: 1px solid #d7d7d7;
    margin: 21px 0 1px;
    padding: 0 0 24px 34px;
}

#product_detail ul li ul {
    padding: 0 0 11px 22px;
}

    #product_detail ul li ul li {
        list-style: disc;
        font-weight: normal;
        width: 140px;
    }

.subproduct_category.media_print {
    background-position: 3px 5px;
}

.subproduct_category.media_video {
    background-position: 0 5px;
}

.subproduct_category.media_audio {
    background-position: 0 5px;
}

#coming_soon a:hover, #login_block a:hover {
    background-color: #1e1d1d;
}

#other_information > p {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    margin: 31px 0 0;
    padding: 0 0 44px;
    width: 350px;
}

    #other_information > p a {
        color: #00b6ce;
    }

#product_detail + #main_content > aside #events_block .event {
    margin: 15px 7px 0;
    height: auto;
    width: 260px;
}

    #product_detail + #main_content > aside #events_block .event .event_text {
        margin: 0 0 0 3px;
        width: 255px;
    }

    #product_detail + #main_content > aside #events_block .event .event_detail {
        color: #333;
        font-size: 14px;
        line-height: 18px;
        margin: 5px 0 0;
        padding: 0 0 24px;
        width: 100%;
    }

#product_detail + #main_content > aside .view {
    background-position: 135px 15px;
    padding: 10px 45px 10px 0;
}

#product_detail + #main_content > aside #events_block .event_text .time {
    margin: 2px 0 0;
}

#product_detail ul li.product_select, #product_detail ul li.product_select > a {
    color: #00b6ce;
}

#product_detail + #main_content > div#series_tab {
    background: url(../images/gridiant.jpg);
    padding: 0;
    width: 100%;
}
/* End of DTCC Learning Product Subcategory*/

/* 28. Start of DTCC Learning Product Article*/
#series_tab > span {
    color: #fff;
    font-size: 20px;
    padding: 0;
}

.custom_checkbox {
    background: url(../images/remember_me.png) no-repeat;
    width: 18px;
    height: 18px;
    float: left;
    cursor: pointer;
    margin: 0 7px 0 0;
}

#chapter #player_nav {
    width: 870px;
}

#series_tab h4 {
    color: #fff;
    float: left;
    font-size: 16px;
    padding: 5px 0 3px 18px;
    width: 400px;
}

#series_tab > span:first-child {
    float: left;
    background: #595858;
    color: #fff;
    font-size: 20px;
    padding: 3px 19px 3px 28px;
    margin: 0;
}

#series_no a {
    border-right: 1px solid #ccc;
    color: #fff;
    float: left;
    font-size: 16px;
    font-weight: bold;
    line-height: 12px;
    padding: 0 10px 4px 10px;
}

#series_tab #series_no {
    margin: 5px 0 0;
    float: left;
    width: 210px;
}

#series_no li {
    position: relative;
    width: 30px;
    float: left;
}

    #series_no li .start_rollover {
        background: #383838;
        position: absolute;
        left: -136px;
        top: 21px;
        width: 303px;
        padding: 0 0 20px;
        display: none;
    }

    #series_no li > a + span {
        background: url("../images/arrow_up_img.png") no-repeat scroll center center transparent;
        bottom: -5px;
        height: 7px;
        position: absolute;
        left: -136px;
        width: 303px;
        z-index: 1;
        display: none;
    }

    #series_no li:hover span {
        display: block;
    }

    #series_no li .start_rollover > span:first-child {
        font-weight: bold;
        margin: 17px 0 0 33px;
    }

    #series_no li .start_rollover > span {
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        display: block;
        margin: 4px 0 0 34px;
        width: 260px;
        line-height: 18px;
    }

#next_series {
    background: url(../images/btn_arrow.png) no-repeat;
    width: 10px;
    height: 9px;
    float: left;
    margin: 12px 0 0 8px;
}

#product_detail + #main_content #series_tab + div {
    width: 736px;
}

#select_favourite {
    background: url("../images/fave_img.jpg") no-repeat scroll right transparent;
    color: #666;
    float: right;
    font-size: 16px;
    padding: 13px 56px 11px 0;
}

    #select_favourite:hover {
        background-image: url(../images/fave_img_hover.jpg);
    }

#main_content h5 {
    color: #1e1d1d;
    display: block;
    text-transform: uppercase;
    margin: 36px 0 0;
}

.pdf_fullscreen {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow-y: hidden;
    margin: 0;
}

#main_content h5 + span {
    color: #898989;
    font-size: 14px;
    display: block;
    margin: 5px 0 0;
}

#main_content > div > ul {
    color: #000;
    float: left;
    font-size: 16px;
    font-weight: bold;
    display: block;
    margin: 28px 0 26px 2px;
    width: 100%;
}

    #main_content > div > ul > li {
        margin: 5px 0 0;
    }

#product_previous {
    background: url(../images/arrow_previous.png) no-repeat 16px 10px #00b6ce;
    color: #fff;
    padding: 3px 19px 5px 36px;
    float: left;
    margin: 0 14px 30px 1px;
}

    #product_next:hover, #product_previous:hover, span#feedback_block > a:hover {
        background-color: #000;
    }

#product_next {
    background: url(../images/arrow_next.png) no-repeat 62px 10px #00b6ce;
    color: #fff;
    padding: 3px 31px 5px 24px;
    float: left;
    margin: 0 14px 30px 0;
}
/* End of DTCC Learning Product Article*/

/* 29. Start of DTCC Learning Product Series*/
.article_description {
    width: 741px;
    border-top: 1px solid #d7d7d7;
    margin: 27px 0 0;
}

#article_info > div > h5 {
    color: #1e1d1d;
    margin: 34px 0 0;
}

    #article_info > div > h5 + p {
        color: #898989;
        font-size: 14px;
        line-height: 23px;
        margin: 4px 0 0;
        padding: 0 13px 0 0;
    }

.article_description h6 {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    margin: 31px 0 0 2px;
}

    .article_description h6 + p {
        color: #333;
        font-size: 14px;
        padding: 0 60px 8px 0;
        margin: 5px 0 0 2px;
        line-height: 18px;
    }

#product_detail + #main_content > div#article_info {
    padding: 0 0 29px;
    width: 741px;
    border-bottom: 1px solid #d7d7d7;
    margin: 0 0 33px 26px;
}

#article_info #product_next {
    background-position: 98px 10px;
    margin: 27px 0 0 2px;
    padding: 3px 29px 5px 25px;
}
/* End of DTCC Learning Product Series*/

/* 30. Start of Search Result*/
#filter_block {
    background: #f5f5f5;
    width: 100%;
}

#filter_result {
    color: #bebebe;
    float: left;
    font-size: 20px;
    margin: 17px 0 0 27px;
    text-align: center;
    padding: 0 0 14px;
}

    #filter_result span {
        float: left;
        font-size: 56px;
        line-height: 45px;
    }

.drop_down {
    color: #c3c3c3;
    float: left;
    font-size: 14px;
    height: 30px;
    margin: 31px 0 0 28px;
    padding: 4px 0 0 28px;
    width: 242px;
    border-left: 1px solid #e1e1e1;
}

#filter_block .drop_down .sbHolder .sbOptions {
    border-top: none;
    color: #c3c3c3;
    font-size: 14px;
    padding: 5px 0;
    top: 30px !important;
}

    #filter_block .drop_down .sbHolder .sbOptions li {
        float: left;
        margin: 0 0 0 6px;
        width: 95%;
    }

        #filter_block .drop_down .sbHolder .sbOptions li a {
            line-height: 24px;
            outline: medium none;
            padding: 3px 0 3px 3px;
        }

        #filter_block .drop_down .sbHolder .sbOptions li:first-child a {
            display: none;
        }

#filter_block .wrapper div > span:first-child {
    border: none;
    padding: 4px 0 0;
    margin: 31px 0 0 27px;
}

#filter_block .sbHolder .sbOptions {
    width: 240px;
}

#filter_block .sbHolder, #filter_block .sbHolder1 {
    border: 1px solid #d9d9d9;
    width: 220px;
}

#main_content > article {
    background: #f5f5f5;
    width: 630px;
    margin: 8px 0 0;
}

    #main_content > article > div > h3 {
        color: #333;
        font-size: 18px;
        font-weight: bold;
        line-height: 23px;
        margin: -4px 0 0 4px;
    }

    #main_content > article > div > p {
        color: #a3a3a3;
        font-size: 14px;
        line-height: 21px;
        margin: 5px 0 0;
    }

    #main_content > article > div {
        width: 522px;
        float: left;
        border-left: 1px solid #e1e1e1;
        margin: 20px 0 0;
        padding: 0 0 0 15px;
    }

    #main_content > article > span {
        width: 50px;
        float: left;
        padding: 16px 0 0 20px;
    }

.article_month {
    color: #a5a5a5;
    font-size: 16px;
    font-weight: bold;
    float: left;
    width: 36px;
}

.article_date {
    color: #a5a5a5;
    float: left;
    font-size: 30px;
    font-weight: bold;
    line-height: 20px;
    width: 36px;
}

.article_year {
    color: #a5a5a5;
    font-size: 15px;
    font-weight: bold;
    float: left;
    margin: 3px 0 0;
    width: 36px;
}

#main_content > article > a {
    background: url("../images/arrow_.jpg") no-repeat scroll right transparent;
    float: right;
    height: 25px;
    margin: -12px 0 0;
    padding: 6px 31px 0 0;
    color: #00b6ce;
    font-size: 18px;
    font-weight: bold;
}

    #main_content > article > a.offsite_content {
        padding: 6px 43px 0 0;
    }

    #main_content > article > a:hover {
        background-image: url(../images/arrow_hover.jpg);
    }

#main_content > div > span {
    color: #bebebe;
    font-size: 18px;
    margin: 12px 3px 7px 0;
    float: left;
}

#main_content > div > label {
    color: #bebebe;
    font-weight: bold;
    float: left;
    margin: 17px 7px 0 8px;
}

#heading_blue span {
    color: #00b6ce;
}

.lock {
    background: url(../images/lock_img.png);
    width: 18px;
    height: 24px;
    float: left;
    margin: 7px;
}

#date_radio {
    background: url(../images/cilckred.png);
    width: 18px;
    height: 18px;
    float: left;
    margin: 0 6px 0 0;
}

#name_radio {
    background: url(../images/cilck_.png);
    width: 18px;
    height: 18px;
    float: left;
    margin: 0 6px 0 0;
}

#heading_blue {
    color: #fff;
}
/* End of Search Result*/

/* 31. Start of About Business Subsidiaries*/
#breadcrumb_product_blue #breadcrumb_select_blue {
    color: #0498d4;
}

#menu_pannel nav #menu_pannel_blue li {
    padding: 0 10px 0 0;
}

    #menu_pannel nav #menu_pannel_blue li a {
        padding: 21px 6px 23px;
    }

#breadcrumb_product_blue {
    color: #959595;
    float: left;
    font-weight: bold;
    padding: 13px 0 0;
    width: 809px;
}

    #breadcrumb_product_blue a, #breadcrumb_product_blue span {
        color: #959595;
        float: left;
        margin: 0 8px 0 0;
    }

#content_leadership {
    clear: both;
    display: block;
    content: '';
}

    #content_leadership nav {
        margin: 37px 0 0 0;
        float: left;
    }

    #content_leadership li {
        list-style-type: none;
        padding: 0 0 4px 0;
    }

        #content_leadership li a {
            color: #000;
            font-size: 13px;
            font-weight: bold;
        }

    #content_leadership #description {
        border-left: 1px solid #d7d7d7;
        padding: 2px 0 0 51px;
        margin: 34px 0 0 51px;
        width: 700px;
        float: left;
    }

    #content_leadership h2 {
        margin: 0;
        padding: 0 0 2px 0;
        color: #000;
    }

    #content_leadership #description p {
        padding: 0 0 23px 0;
        font-size: 14px;
        color: #898989;
        line-height: 23px;
        width: 770px;
    }

        #content_leadership #description p + p {
            padding: 0 0 12px 0;
            font-size: 14px;
            color: #898989;
            line-height: 23px;
            width: 770px;
        }

    #content_leadership #thumbnails {
        background: #f0f0f0;
        float: left;
        line-height: 15px;
        margin: 32px 0 0 -59px;
        padding: 41px 50px 0 6px;
        width: 1024px;
    }

        #content_leadership #thumbnails article {
            float: left;
            margin: 0 0 31px 53px;
        }

        #content_leadership #thumbnails img {
            padding: 0 0 7px 0;
        }
        /* End of About Business Subsidiaries*/

        /* 32. Start of About Leadership*/
        #content_leadership #thumbnails span {
            font-style: italic;
            font-size: 12px;
            font-weight: bold;
        }

        #content_leadership #thumbnails a {
            background: url(../images/arrow_bio.png) no-repeat 87px 4px;
            color: #0498d4;
            font-size: 16px;
            display: block;
            margin: 7px 0 0 0;
            width: 100px;
        }

            #content_leadership #thumbnails a:hover {
                text-decoration: underline;
            }
    /* End of About Leadership*/

    /* 33. Start of About Overview*/
    #content_leadership #overview_nav {
        margin: 28px 0 0;
        width: 170px;
    }

#people {
    margin: 16px 0 37px 4px;
}

#content_leadership #description_business {
    border-left: 1px solid #d7d7d7;
    float: left;
    padding: 2px 0 0 50px;
    margin: 24px 0 50px 23px;
    width: 716px;
}

    #content_leadership #description_business h2 {
        padding: 0 0 5px 0;
        text-transform: uppercase;
    }

    #content_leadership #description_business p {
        padding: 0 0 23px 0;
        font-size: 14px;
        line-height: 23px;
        color: #898989;
    }

#content_overview .flex-direction-nav {
    display: none;
}

#content_overview .flexslider {
    margin: 28px 0 0 0;
}

    #content_overview .flexslider .flex-viewport > ul li {
        list-style-type: none;
        position: relative;
    }

ul.slides > li > a.link h3 {
    color: #ffffff;
}

ul.slides > li > a.link span {
    color: #cccccc;
    font-size: 16px;
    font-weight: bold;
    line-height: 23px;
    margin: 0 0 3px;
    width: 100%;
}

ul.slides > li > a.link p {
    color: #cccccc;
    font-size: 14px;
    line-height: 23px;
    margin: 0 0 11px;
    width: 296px;
}

#content_overview .flexslider .flex-viewport > ul li span {
    background: url(/Presentation/Includes/images/caption_bg.png) repeat;
    color: #fff;
    bottom: 0;
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
    left: 0;
    padding: 19px 85px 19px 24px;
    position: absolute;
    width: 850px;
}

#content_overview ol li {
    display: inline-block;
    margin: 0;
}

#content_overview article {
    background: #f0f0f0;
    float: left;
    margin: 60px 0 35px 30px;
    padding: 20px 0 0 27px;
    width: 273px;
}

#content_overview section article:first-child {
    margin: 60px 0 35px 0;
}

#content_overview article h2 {
    margin: 0;
    padding: 0 0 15px 0;
    line-height: 32px;
    color: #1e1d1d;
    text-transform: uppercase;
    width: 250px;
}

#content_overview article p {
    color: #898989;
    line-height: 23px;
    font-size: 14px;
    padding: 0 0 32px 0;
    width: 240px;
}

#content_overview article a {
    background: url(/Presentation/Includes/images/read_more_arrow.png) no-repeat 112px 14px #fd3c0f;
    color: #fff;
    float: right;
    padding: 9px 0 9px 12px;
    width: 128px;
}

    #content_overview article a:hover {
        background-color: #000;
    }
/* End of About Overview*/

/* 34. Start of News And Reports*/
#news_filter {
    background: url(../images/panel_white_bg.png) repeat-x;
    height: 106px;
    width: 100%;
    z-index: 1;
}

.wrapper.search-results {
    background: #f5f5f5;
    width: 960px;
}

#news_filter .wrapper > div {
    float: right;
}

#newsperceptive_block {
    background: none repeat scroll 0 0 #f5f5f5;
    margin: 0 !important;
    padding: 0 0 30px;
    width: 100%;
    min-height: 500px;
}


#news_filtering_wrapper {
    position: relative;
}

#newsperceptive_block div > .news_date {
    color: #c7c7c7;
    float: left;
    font-size: 14px;
    line-height: 17px;
    margin: 12px 0 0 12px;
    width: 100%;
}

    #newsperceptive_block div > .news_date > span {
        color: #00b6ce;
    }

#newsperceptive_block div > h3 {
    color: #323232;
    float: left;
}

#newsperceptive_block #news_box {
    float: left;
    width: 660px;
}

#newsperceptive_block .news1, #newsperceptive_block .news5 {
    height: 138px;
    width: 298px;
    margin: 21px 30px 0 0;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e9e9e9;
    cursor: pointer;
    float: left;
}

    #newsperceptive_block .news1 img, #newsperceptive_block .news2 img {
        float: left;
        margin: 15px 0 0 10px;
    }



#newsperceptive_block div > p {
    color: #aaa;
    font-size: 13px;
    float: left;
    font-weight: normal;
    line-height: 18px;
    padding: 6px 15px 0 9px;
    margin: 0;
}

#newsperceptive_block .news2 {
    height: 138px;
    width: 298px;
    margin: 21px 0 0 0;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e9e9e9;
    cursor: pointer;
    float: left;
}

#newsperceptive_block .news4 {
    height: 138px;
    width: 298px;
    margin: 23px 0 0 0;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e9e9e9;
    cursor: pointer;
    float: left;
}

#newsperceptive_block .news3 {
    height: 301px;
    margin: 21px 30px 0 0;
    width: 628px;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e9e9e9;
    cursor: pointer;
    float: left;
}

#newsperceptive_block .news1 h3, #newsperceptive_block .news2 h3 {
    font-size: 20px;
    line-height: 22px;
    width: 210px;
    margin: 4px 0 0 10px;
}

    #newsperceptive_block .news7 h3 a,
    #newsperceptive_block .news6 h3 a,
    #newsperceptive_block .news4 h3 a,
    #newsperceptive_block .news5 h3 a,
    #newsperceptive_block .news3 h3 a,
    #newsperceptive_block .news1 h3 a,
    #newsperceptive_block .news2 h3 a {
        color: #323232;
    }

#newsperceptive_block .news3 > div > h3 {
    color: #323232;
    float: left;
    font-size: 40px;
    line-height: 39px;
    margin: 11px 0 0 10px;
    padding: 0 0 116px;
}

#newsperceptive_block .news4 h3, #newsperceptive_block .news5 h3 {
    font-size: 24px;
    width: 260px;
    line-height: 25px;
    margin: 3px 0 0 13px;
    width: 260px;
}

#newsperceptive_block .news6 h3 {
    font-size: 24px;
    width: 260px;
    line-height: 26px;
    margin: 3px 0 0 13px;
}

#newsperceptive_block .news7 h3 {
    font-size: 40px;
    width: 610px;
    line-height: 40px;
    margin: 7px 0 0 10px;
    letter-spacing: -1px;
}

#newsperceptive_block .news3 > img {
    float: right;
}

#newsperceptive_block .news3 > div {
    float: left;
    width: 298px;
}

#newsperceptive_block .news4 p, #newsperceptive_block .news5 p {
    margin: 0 0 0 2px;
}

    #newsperceptive_block .news1 p a, #newsperceptive_block .news2 p a,
    #newsperceptive_block .news3 p a, #newsperceptive_block .news4 p a,
    #newsperceptive_block .news4 p a, #newsperceptive_block .news5 p a,
    #newsperceptive_block .news6 p a, #newsperceptive_block .news7 p a {
        color: #aaaaaa;
    }

#newsperceptive_block .news6 p {
    margin: 1px 0 0 4px;
}

#newsperceptive_block .news6 {
    height: 301px;
    margin: 22px 0 0 0;
    width: 298px;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e9e9e9;
    cursor: pointer;
    float: left;
}

#newsperceptive_block .news7 {
    height: 138px;
    width: 628px;
    margin: 21px 28px 0 0;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e9e9e9;
    cursor: pointer;
    float: left;
}

#news_filter .wrapper > a:first-child {
    font-size: 17px;
    color: #fff;
    float: left;
    background: #d4d4d4;
    padding: 9px 17px 10px 16px;
    margin: 30px 0;
}

#newsperceptive_block .news1 > .news_date, #newsperceptive_block .news2 > .news_date {
    margin: 13px 0 0 10px;
    width: 210px;
}

a#breadcrumb_select_aqua {
    color: #00b6ce !important;
}

#newsperceptive_block .news7 > .news_date {
    margin: 12px 0 0 14px;
}

#newsperceptive_block .news1 > span, #newsperceptive_block .news5 > span {
    margin: 13px 0 0 10px;
    width: 215px;
}

#news_filter span {
    color: #bebebe;
    float: left;
    font-size: 56px;
    line-height: 45px;
}

.wrapper.search-results span {
    color: #bebebe;
    font-size: 24px;
}

.bg-f5 {
    background-color: #f5f5f5;
}

#news_filter .drop_down {
    color: #c3c3c3;
    float: left;
    font-size: 14px;
    height: 30px;
    margin: 34px 0 0 18px;
    padding: 4px 0 5px 18px;
    width: 242px;
    border-left: 1px solid #e1e1e1;
}

    #news_filter .drop_down .sbHolder .sbOptions {
        border-top: none;
        color: #c3c3c3;
        font-size: 14px;
        padding: 5px 0;
        top: 30px !important;
    }

        #news_filter .drop_down .sbHolder .sbOptions li {
            float: left;
            margin: 0 0 0 6px;
            width: 95%;
        }

        #news_filter .drop_down .sbHolder .sbOptions a {
            line-height: 24px;
            outline: medium none;
            padding: 3px 0 3px 5px;
        }

        #news_filter .drop_down .sbHolder .sbOptions li:first-child a {
            display: none;
        }

        #news_filter .drop_down .sbHolder .sbOptions li:hover {
            color: #fff;
        }

    #news_filter .drop_down .sbToggle {
        top: 5px;
        width: 30px;
    }

#news_filter .wrapper > div > span:first-child {
    border: none;
    padding: 4px 0 0;
    margin: 34px 0 0 29px;
}

#news_filter .sbHolder .sbOptions {
    width: 240px;
}

#news_filter .sbHolder, #filter_block .sbHolder1 {
    border: 1px solid #d9d9d9;
    font-size: 14px;
    width: 220px;
}

#news_filter .drop_down .sbSelector:link, #news_filter .drop_down .sbSelector:visited, #news_filter .drop_down .sbSelector:hover {
    width: 220px;
}
/* End of News And Reports*/

/* 35. Start of News And Reports Issues*/
#menu_pannel_issue {
    background: url(../images/panel_white_bg.png) repeat-x;
    height: 106px;
    width: 100%;
}

    #menu_pannel_issue .wrapper h2 {
        color: #141414;
        float: left;
        font-size: 36px;
        margin: 28px 0 0 0;
        padding: 0;
        width: 722px;
    }

    #menu_pannel_issue .wrapper > a {
        background: url(../images/close_icon.png) no-repeat;
        float: right;
        height: 20px;
        margin: 40px 0 0 0;
        text-indent: -9999px;
        width: 20px;
    }

.content #gray_section {
    background: #f5f5f5;
    border-bottom: 1px solid #ebebeb;
    padding: 0 0 28px 0;
    width: 100%;
}

#gray_section .wrapper .issue1 {
    background: #fff;
    border: 1px solid #e9e9e9;
    margin: 23px 0 0 0;
    padding: 0 0 0 20px;
    width: 939px;
}

    #gray_section .wrapper .issue1 h3 {
        color: #323232;
        font-size: 34px;
        line-height: 36px;
        margin: 15px 0 0 0;
        width: 340px;
    }

    #gray_section .wrapper .issue1 p {
        font-size: 14px;
        color: #898989;
        line-height: 20px;
        margin: 10px 0 0 0;
        width: 350px;
    }

    #gray_section .wrapper .issue1 img {
        float: right;
    }

.issue1 article {
    float: left;
}

#gray_section .wrapper .issue2 {
    background: #fff;
    border: 1px solid #e9e9e9;
    float: left;
    margin: 28px 0 0 30px;
    padding: 15px 0 12px 13px;
    width: 285px;
    cursor: pointer;
}

    #gray_section .wrapper .issue2 img {
        float: left;
        margin: 0 10px 0 0;
    }

    #gray_section .wrapper .issue2 h3 {
        color: #323232;
        font-size: 22px;
        float: left;
        line-height: 23px;
        margin: 0 0 5px 0;
        width: 200px;
    }

    #gray_section .wrapper .issue2 p {
        font-size: 13px;
        color: #aaa;
        line-height: 18px;
        margin: 15px 0 0 0;
        width: 275px;
    }

#gray_section .wrapper section {
    width: 971px;
}

    #gray_section .wrapper section .issue2:first-child {
        margin: 28px 0 0 0;
    }

#related_materials {
    margin: 0 auto;
    overflow: hidden;
    padding: 20px 0 12px 10px;
    width: 930px;
}

    #related_materials h3 {
        color: #a9a9a9;
        font-size: 24px;
        margin: 0 0 10px;
        width: 960px;
    }

    #related_materials ul {
        float: left;
        margin: 0 100px 0 0;
        width: 360px;
    }

        #related_materials ul li {
            display: block;
            margin: 0 0 10px;
        }

            #related_materials ul li a {
                color: #00b6ce;
                font-size: 14px;
            }

#menu_pannel_issue .drop_down {
    margin: 34px 0 0 0;
    padding: 0;
    width: 185px;
    border-left: none;
}

    #menu_pannel_issue .drop_down .sbHolder, #menu_pannel_issue .drop_down .sbHolder1 {
        border: 1px solid #d9d9d9;
        font-size: 14px;
        width: 160px;
    }

    #menu_pannel_issue .drop_down .sbSelector:link, #menu_pannel_issue .drop_down .sbSelector:visited, #menu_pannel_issue .drop_down .sbSelector:hover {
        padding: 0 9px 0 11px;
        width: 160px;
    }

    #menu_pannel_issue .drop_down .sbHolder .sbOptions {
        border-top: none;
        font-size: 14px;
        text-transform: capitalize;
        top: 30px !important;
        padding: 5px 0;
        width: 180px;
    }

        #menu_pannel_issue .drop_down .sbHolder .sbOptions li {
            float: left;
            margin: 0 0 0 6px;
            width: 93.5%;
        }

            #menu_pannel_issue .drop_down .sbHolder .sbOptions li a {
                line-height: 24px;
                outline: medium none;
                padding: 3px 0 3px 5px;
            }

            #menu_pannel_issue .drop_down .sbHolder .sbOptions li:first-child a {
                display: none;
            }

        #menu_pannel_issue .drop_down .sbHolder .sbOptions a:link, .sbOptions a:visited {
            width: 94%;
        }

    #menu_pannel_issue .drop_down .sbToggle {
        right: 2px;
        top: 5px;
    }

#news_filter p {
    color: #141414;
    float: left;
    font-size: 36px;
    margin: 29px 0 0 29px;
    width: 684px;
}

    #news_filter p + span {
        color: #D0D0D0;
        font-size: 20px;
        margin: 29px 0 0;
    }

#news_filter #close {
    background: url("../images/close_icon.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 20px;
    margin: 40px 0 0;
    text-indent: -9999px;
    width: 20px;
}

.listing_block > div {
    float: left;
    width: 460px;
}
/* End of News And Reports Issues*/

/* 36. Start DTCC Legal Regulatory Sec */
.legreg_content {
    background: #f5f5f5;
    width: 100%;
}

    .legreg_content .wrapper {
        padding: 0 0 80px;
    }

#breadcrumb_product_skyblue #breadcrumb_select_skyblue {
    color: #00b6ce;
}

#menu_pannel nav #menu_pannel_skyblue li {
    float: left;
    list-style-type: none;
    padding: 0 10px 0 0;
    position: relative;
}

    #menu_pannel nav #menu_pannel_skyblue li a {
        margin: 0 26px 0 0;
        padding: 5px 0 15px 16px;
        text-align: left;
        width: 108px;
    }

#breadcrumb_product_skyblue {
    color: #959595;
    float: left;
    font-weight: bold;
    font-size: 16px;
    padding: 13px 0 0;
    width: 783px;
}

    #breadcrumb_product_skyblue a {
        color: #959595;
        float: left;
        font-weight: bold;
        font-size: 16px;
        margin: 0 8px 0 0;
    }

    #breadcrumb_product_skyblue span {
        color: #959595;
        float: left;
        font-weight: bold;
        font-size: 16px;
        margin: 0 8px 0 0;
    }

#product_subheader #rss {
    background: url("/Presentation/Includes/images/rss.png") no-repeat scroll 12px 2px transparent;
    border-left: 1px solid #6D6D6D;
    float: left;
    height: 19px;
    margin: 14px 0 0;
    padding: 0;
    text-indent: -9999px;
    width: 26px;
}

#legreg_filter {
    background: url("/Presentation/Includes/images/panel_white_bg.png") repeat-x scroll 0 0 transparent;
    height: 106px;
    width: 100%;
}

    #legreg_filter .drop_down {
        margin: 31px 0 0 5px;
        padding: 4px 0 7px 0;
        max-width: 174px;
        width: auto;
        border: 0;
    }

    #legreg_filter .drop_down.drop-down-size-01 {
        max-width: 270px;
    }

    #legreg_filter .drop_down.drop-down-size-01 ul ul li:hover {
        background-color: #64afeb;
    }

    #legreg_filter .drop_down.drop-down-size-01 ul {
        background: white;
    }

    #legreg_filter .drop_down.drop-down-size-01 ul ul {
        padding: 5px; 
    }


    #legreg_filter .drop_down.drop-down-size-01 ul ul a {
        background: transparent;
    }



        #legreg_filter .drop_down .sbHolder, #legreg_filter .drop_down .sbHolder1 {
            border: 1px solid #d9d9d9;
            font-size: 14px;
            width: 140px;
        }

        #legreg_filter .drop_down .sbSelector:link, #legreg_filter .drop_down .sbSelector:visited, #legreg_filter .drop_down .sbSelector:hover {
            width: 140px;
        }

        #legreg_filter .drop_down .sbHolder .sbOptions {
            border-top: none;
            text-transform: none;
            top: 30px !important;
            width: 140px;
            padding: 5px;
        }

        #legreg_filter .drop_down .sbOptions a {
            font-size: 14px;
        }

    #legreg_filter #search2 {
        background: none repeat scroll 0 0 #fff;
        border: 1px solid #d9d9d9;
        box-shadow: 5px 6px 4px #f7f7f7 inset;
        float: left;
        height: 29px;
        margin: 35px 1px 0 0;
        padding: 0;
        width: 181px;
    }

    #legreg_filter #search_box_text2 {
        background-color: #fff;
        border: 0 none;
        box-shadow: 0 6px 4px #f7f7f7 inset;
        color: #bababa;
        display: block;
        float: left;
        font-size: 14px;
        font-weight: normal;
        margin: 0 0 0 8px;
        outline: medium none;
        padding: 6px 0;
        width: 143px;
    }

    #legreg_filter #search_img2 {
        background: url("../images/search_icon_2.png") no-repeat scroll 0 0 transparent;
        border: medium none;
        cursor: pointer;
        float: right;
        height: 20px;
        margin: 5px 7px 8px 0;
        width: 23px;
    }

.legreg_content .wrapper h3 {
    text-transform: uppercase;
    margin: 19px 0 4px;
}

.legreg_content .wrapper #section_blocks {
    margin: 0 0 49px;
}

.legreg_content .wrapper .section_navigation .row1 {
    background-position: 9px 12px;
    width: 32px;
}

.legreg_content .wrapper .section_detail > span, .legreg_content .wrapper .section_detail2 > span {
    border: 1px solid #ebebeb;
    color: #ffd700;
    float: left;
    height: 50px;
    letter-spacing: -1px;
    padding: 9px 0 0 7px !important;
    text-align: center;
    text-decoration: underline;
    width: 24px;
}

.legreg_content .wrapper .section_navigation .row2 {
    width: 281px;
}

.legreg_content .wrapper .section_navigation .important-notice-col1 {
    width: 136px !important;
    background: url(/Presentation/Includes/images/icon_4.png) 11px 12px no-repeat !important;
}

.legreg_content .wrapper .section_navigation .important-notice-col2 {
    width: 75px !important;
    background: url(/Presentation/Includes/images/icon_5.png) 11px 12px no-repeat !important;
}

.legreg_content .wrapper .section_navigation .important-notice-col3 {
    width: 130px !important;
}

.legreg_content .wrapper .section_navigation .important-notice-col4 {
    width: 134px !important;
    background: url(/Presentation/Includes/images/business.png) 11px 12px no-repeat !important;
}

.legreg_content .wrapper .section_detail p.important-notice-col2, .legreg_content .wrapper .section_detail2 p.important-notice-col2 {
    width: 162px;
}

.legreg_content .wrapper .section_detail p.important-notice-col3, .legreg_content .wrapper .section_detail2 p.important-notice-col3 {
    width: 100px;
}

.legreg_content .wrapper .section_detail p.important-notice-col4, .legreg_content .wrapper .section_detail2 p.important-notice-col4 {
    width: 137px;
}

.legreg_content .wrapper .section_detail p.important-notice-col5, .legreg_content .wrapper .section_detail2 p.important-notice-col5 {
    width: 140px;
}

.legreg_content .wrapper .section_detail p.important-notice-col6, .legreg_content .wrapper .section_detail2 p.important-notice-col6 {
    width: 324px;
    text-decoration: none;
    font-size: 13px;
}

.legreg_content .wrapper .section_navigation .important-notice-col5 {
    background: url(/Presentation/Includes/images/icon_2.png) 11px 12px no-repeat !important;
    padding-left: 35px !important;
    width: 264px !important;
}

.legreg_content .wrapper .section_detail p.sec-rulelisting-col2, .legreg_content .wrapper .section_detail2 p.sec-rulelisting-col2 {
    width: 146px;
}

.legreg_content .wrapper .section_detail p.sec-rulelisting-col3, .legreg_content .wrapper .section_detail2 p.sec-rulelisting-col3 {
    width: 100px;
}

.legreg_content .wrapper .section_detail p.sec-rulelisting-col4, .legreg_content .wrapper .section_detail2 p.sec-rulelisting-col4 {
    width: 303px;
}

.legreg_content .wrapper .section_detail p.sec-rulelisting-col5, .legreg_content .wrapper .section_detail2 p.sec-rulelisting-col5 {
    width: 321px;
}

.legreg_content .wrapper .section_navigation .secrulelisting-col2 {
    width: 121px !important;
}

.legreg_content .wrapper .section_navigation .secrulelisting-col3 {
    width: 80px !important;
}

.legreg_content .wrapper .section_navigation .secrulelisting-col4 {
}

.legreg_content .wrapper .section_navigation .secrulelisting-col5 {
    background: url("/Presentation/Includes/images/icon_4.png") 9px 15px no-repeat !important;
    padding-left: 35px !important;
    width: 300px !important;
}

.legreg_content .wrapper .section_detail p.genericlisting-col2, .legreg_content .wrapper .section_detail2 p.genericlisting-col2 {
    width: 212px;
}

.legreg_content .wrapper .section_detail p.genericlisting-col3, .legreg_content .wrapper .section_detail2 p.genericlisting-col3 {
    width: 321px;
}

.legreg_content .wrapper .section_detail p.genericlisting-col4, .legreg_content .wrapper .section_detail2 p.genericlisting-col4 {
    width: 321px;
}

.legreg_content .wrapper .section_detail p.genericlisting-col5, .legreg_content .wrapper .section_detail2 p.genericlisting-col5 {
    width: 99px;
}

.legreg_content .wrapper .section_navigation .genericlisting-col3 {
    background: url("/Presentation/Includes/images/icon_4.png") 9px 15px no-repeat !important;
    padding-left: 35px !important;
    width: 300px !important;
}

.legreg_content .wrapper .section_navigation .row3 {
    padding: 12px 0 0 38px;
    background: url("../images/icon_4.png") no-repeat scroll 16px 13px transparent;
    width: 75px;
}

#product_tables span {
    float: left;
    border: 0px;
    margin: 0px;
    width: auto;
}

.product_widthoverride {
    width: 642px !important;
}

.product_headercol1 {
    width: 160px !important;
}

.product_headercol2 {
    width: 190px !important;
}

.product_headercol3 {
    width: 87px !important;
}

.product_headercol4 {
    width: 50px !important;
}

.product_rowcol1 {
    width: 179px !important;
}

.product_rowcol2 {
    width: 229px !important;
    font-weight: normal !important;
    font-size: 13px !important;
}

.product_rowcol3 {
    width: 95px !important;
    font-weight: normal !important;
    font-size: 13px !important;
}

.product_rowcol4 {
    width: 88px !important;
    font-weight: normal !important;
    font-size: 13px !important;
}

.gated_rowcol1 {
    width: 624px !important;
    height: 50px !important;
    padding-top: 3px !important;
}

    .gated_rowcol1 > span.gated-rightarrow {
        float: right !important;
        margin-right: 5px !important;
    }

    .gated_rowcol1 > span.gated-category {
        margin-top: 15px !important;
    }

.product_headerheading {
    width: 500px !important;
}

.legreg_content .wrapper .section_navigation .row5 {
    background-position: 13px 12px;
    padding: 12px 0 0 37px;
    width: 71px;
}

.legreg_content .wrapper .section_navigation .row6 {
    color: #f1f1f1;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 30px;
    padding: 12px 0 0 12px;
    width: 216px;
    background: none;
}

.legreg_content .wrapper .section_detail p, .legreg_content .wrapper .section_detail2 p {
    font-weight: normal;
    height: 54px;
    line-height: 18px;
    padding: 9px 0 0 9px;
    width: 308px;
}

    .legreg_content .wrapper .section_detail p + p, .legreg_content .wrapper .section_detail2 p + p {
        height: 54px;
        padding: 9px 0 0 15px;
        width: 98px;
    }

        .legreg_content .wrapper .section_detail p + p + p, .legreg_content .wrapper .section_detail2 p + p + p {
            height: 54px;
            width: 141px;
        }

            .legreg_content .wrapper .section_detail p + p + p + p, .legreg_content .wrapper .section_detail2 p + p + p + p {
                height: 54px;
                padding: 9px 0 0 14px;
                width: 94px;
            }

                .legreg_content .wrapper .section_detail p + p + p + p + p, .legreg_content .wrapper .section_detail2 p + p + p + p + p {
                    border: 1px solid #ebebeb;
                    border-left: none;
                    height: 54px;
                    font-size: 11px;
                    font-weight: normal;
                    text-decoration: underline;
                    padding: 9px 0 0 5px;
                    width: 223px;
                    line-height: 14px;
                }

.legreg_content .wrapper .section_detail {
    height: 63px;
}

.legreg_content .wrapper .section_detail2 {
    background: #fff;
    height: 63px;
}

.legreg_content .wrapper #download {
    background: #00b6ce;
    color: #fff;
    padding: 3px 26px 5px 20px;
}

.legreg_content .wrapper #btnDownloadRange {
    background: #00b6ce;
    color: #fff;
    padding: 3px 26px 5px 20px;
    margin-right: 5px;
    width: 160px;
}

.legreg_content .wrapper #btnDownloadRange:hover {
    background: #fd3c0f;
}

    .ddl_Download {
        color: #222;
        height: 32px;
        outline: none;
        padding: 0 13px 0 13px;
        text-decoration: none;
        border: 1px solid #d9d9d9;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        margin-right: 10px;
    }

.legreg_content .wrapper #download:hover, #pagenation #prev:hover, #pagenation .next:hover {
    background: #fd3c0f;
}

#pagenation {
    float: right;
    margin: 0;
    margin-top: 5px;
}

    #pagenation .prev {
        background: #999;
        color: #fff;
        margin: 0 26px 0 0;
        padding: 3px 17px 5px 20px;
    }

    #pagenation .next {
        background: #999;
        color: #fff;
        margin: 0 0 0 27px;
        padding: 3px 14px 5px 21px;
    }

    #pagenation .pageno {
        background: #ccc;
        color: #fff;
        font-weight: bold;
        font-size: 18px;
        padding: 3px 9px 6px 11px;
    }

        #pagenation .pageno.selected, #pagenation .pageno:hover {
            background: #999;
        }

.legreg_content div span .check_search, .check_search {
    background: url(../images/unselected.jpg) no-repeat;
    width: 100%;
    float: left;
    height: 17px;
}
/* End DTCC Legal Regulatory Sec */

/* 37. Start DTCC Legal Regulatory */
.view.aqua_text {
    background-image: url(../images/blue_arrow.png);
    color: #00b6ce;
}

a.aqua_text {
    color: #00b6ce;
}

a.yellow-text {
    color: #FFD700;
}

.section_detail3 div.section_description {
    color: #6c6c6c;
    font-size: 13px;
    float: left;
    line-height: 18px;
    padding: 21px 255px 28px 19px;
    width: 685px;
    border: 1px solid #ebebeb;
    border-left: none;
}

    .section_detail3 div.section_description a {
        color: #00b6ce;
        text-decoration: underline;
    }

.section .section_navigation span {
    color: #f1f1f1;
    float: left;
    font-size: 13px;
    font-weight: bold;
}

span.category2 {
    background: url("../images/icon_5.png") no-repeat scroll 11px 12px transparent;
    width: 72px;
    float: left;
    height: 40px;
    padding: 12px 0 0 35px;
}

span.category3 {
    background: url("../images/icon_4.png") no-repeat scroll 14px 13px;
    width: 130px;
    float: left;
    height: 40px;
    padding: 13px 0 0 36px;
}

span.category4 {
    background: url(../images/business.png) no-repeat scroll 17px 12px transparent;
    width: 86px;
    float: left;
    height: 40px;
    padding: 12px 0 0 43px;
}

span.category5 {
    background: url("../images/icon_2.png") no-repeat scroll 14px 13px transparent;
    width: 418px;
    float: left;
    height: 40px;
    padding: 12px 0 0 38px;
}

span.category6 {
    background: url("../images/icon_4.png") no-repeat scroll 13px 13px;
    width: 63px;
    float: left;
    height: 40px;
    padding: 12px 0 0 35px;
}

span.category7 {
    background: url(../images/page.png) no-repeat scroll 11px 13px transparent;
    width: 39px;
    float: left;
    height: 40px;
    padding: 12px 0 0 24px;
}

span.category8 {
    background: url(../images/filter.png) no-repeat scroll 13px 13px transparent;
    width: 86px;
    float: left;
    height: 40px;
    padding: 13px 0 0 36px;
}

.section_detail p.category2, .section_detail2 p.category2 {
    width: 97px;
    float: left;
    padding: 10px 0 0 10px;
    font-weight: normal;
}

.section_detail p.category3, .section_detail2 p.category3 {
    float: left;
    padding: 10px 0 0 13px;
    width: 125px;
    font-weight: normal;
}

.section_detail p.category4, .section_detail2 p.category4 {
    width: 113px;
    float: left;
    padding: 10px 0 0 16px;
    font-weight: normal;
}

.section_detail p.category5, .section_detail2 p.category5 {
    float: left;
    font-weight: normal;
    padding: 10px 0 0 15px;
    width: 467px;
}

.section_detail p.category6, .section_detail2 p.category6 {
    float: left;
    padding: 10px 0 0 14px;
    width: 84px;
    font-weight: normal;
}

.section_detail p.category7, .section_detail2 p.category7 {
    width: 43px;
    float: left;
    padding: 10px 0 0 20px;
    font-weight: normal;
}

.section_detail p.category8, .section_detail2 p.category8 {
    width: 106px;
    float: left;
    padding: 10px 0 0 15px;
    font-weight: normal;
}

.section_navigation .row6 {
    background: url(../images/icon_4.png) 9px 15px no-repeat;
    float: left;
    height: 30px;
    /*width: 161px;*/
    width: 291px;
    color: #f1f1f1;
    font-size: 13px;
    font-weight: bold;
    padding: 12px 0 0 34px;
}

#legal_content .section p {
    font-weight: normal;
}

.legreg_content .wrapper .section_navigation .row4 {
    background-position: 15px 12px;
    padding: 12px 0 0 35px;
    width: 121px;
}

.legreg_content .section {
    margin: 3px 0 28px;
}

.legreg_content + footer {
    background: none repeat scroll 0 0 #f5f5f5;
}
/* End DTCC Legal Regulatory */

/* 38. Start Careers */
.careers_content {
    background-color: #000;
}

    .careers_content #vertical_header span {
        background-color: #00b6d0;
        height: 5px;
        float: left;
        width: 100%;
    }

    .careers_content .wrapper section {
        margin: 57px 0 0 0;
    }

    .careers_content #world {
        float: left;
        width: 574px;
    }

        .careers_content #world > h3 {
            margin: 0 0 16px 0;
            color: #fff;
        }

        .careers_content #world > p {
            margin: 0 0 27px 0;
            color: #ccc;
            font-size: 14px;
            line-height: 23px;
            width: 300px;
        }

        .careers_content #world article {
            /*background: url(../images/dtcc_bg.jpg) no-repeat; height: 87px;*/
            background-repeat: no-repeat;
            height: 87px;
            margin: 0 0 12px 0;
            width: 573px;
        }

            .careers_content #world article h3 {
                margin: 24px 0 0 36px;
                color: #717171;
                float: left;
                font-size: 32px;
                width: 100px;
            }

            .careers_content #world article p {
                margin: 17px 0 0 48px;
                color: #707070;
                float: left;
                font-size: 14px;
                width: 315px;
            }

            .careers_content #world article a.blue-arrow {
                background: url(/Presentation/Includes/images/blue_arrow_right.png) no-repeat;
                height: 29px;
                margin: 32px 15px 0;
                width: 18px;
                float: right;
            }

    .careers_content #programs {
        float: left;
        padding: 0 0 0 56px;
        width: 329px;
    }

        .careers_content #programs .flexslider .slides li > h3 {
            margin: 0 0 9px 0;
            color: #fff;
            text-transform: uppercase;
        }

        .careers_content #programs .flexslider .slides li > span {
            margin: 0 0 3px 0;
            color: #ccc;
            font-size: 16px;
            font-weight: bold;
            float: left;
            line-height: 23px;
            width: 100%;
        }

        .careers_content #programs .flexslider .slides li > p {
            margin: 0 0 11px 0;
            color: #ccc;
            font-size: 14px;
            line-height: 23px;
            width: 296px;
        }

#programs .flex-direction-nav {
    display: none;
}

#programs .flexslider .slides {
    height: auto;
}

#programs .flex-control-nav.flex-control-paging li {
    display: inline;
    float: left;
}

    #programs .flex-control-nav.flex-control-paging li a {
        background: url(../images/white_dot.png) no-repeat;
        float: left;
        height: 18px;
        margin: 0 14px 0 0;
        width: 18px;
    }

        #programs .flex-control-nav.flex-control-paging li a.flex-active {
            background: url(../images/blue.png) no-repeat;
        }

#programs .flex-control-nav li {
    margin: 0;
}

#programs .flex-control-nav {
    float: left;
    padding: 0 0 0 125px;
    width: auto;
}

.careers_content #programs > a {
    background: #ff423b;
    color: #141414;
    float: left;
    font-size: 30px;
    margin: 62px 0 0;
    padding: 12px 94px 12px 100px;
    width: 140px;
}

    .careers_content #programs > a:hover {
        background: #ffd700;
    }

.careers_content .wrapper section + section {
    background-color: #fff;
    margin: 49px 0 36px 0;
    width: 960px;
}

.careers_content #areas {
    margin: 27px 0 12px 22px;
    float: left;
    width: 471px;
}

    .careers_content #areas > h3 {
        margin: 0 0 11px 0;
        color: #333;
    }

    .careers_content #areas > ul li {
        list-style-type: none;
        padding: 0 0 6px 0;
        color: #666;
        font-size: 22px;
        float: left;
        width: 485px;
        cursor: pointer;
        line-height: 28px;
    }

        .careers_content #areas > ul li:hover, .careers_content #areas > ul li.selected {
            background: url(../images/blue_label.png) no-repeat;
            color: #fff;
            float: left;
            margin: 0 0 0 -22px;
            padding: 0 0 6px 22px;
            position: relative;
            z-index: 1;
        }

.careers_content .talent_desc {
    border-left: 1px solid #d7d7d7;
    display: none;
    float: left;
    margin: 31px 0 0;
    padding: 0 0 0 80px;
    width: 300px;
}

    .careers_content .talent_desc span {
        margin: 8px 0 0 0;
        color: #242424;
        font-size: 14px;
        font-weight: bold;
        line-height: 23px;
        width: 100%;
        display: block;
    }

    .careers_content .talent_desc p {
        color: #898989;
        font-size: 14px;
        line-height: 23px;
        width: 100%;
    }

.careers_content + footer {
    background: #000;
    z-index: 1;
}

.careers_content #intro {
    background: url(../images/overlay_gray_bg.png) repeat;
    float: left;
    height: 408px;
    position: relative;
    width: 100%;
    z-index: 1;
}

    .careers_content #intro span {
        margin: 146px 0 0 216px;
        float: left;
        color: #fffefe;
        font-size: 30px;
        width: 740px;
    }

    .careers_content #intro h2 {
        margin: 0 0 11px 214px;
        color: #fffefe;
        font-size: 85px;
        line-height: 82px;
        padding: 0;
        width: 740px;
    }

    .careers_content #intro a {
        background: url(/Presentation/Includes/images/blue_arrow_right.png) no-repeat 60px 0;
        color: #fffefe;
        cursor: pointer;
        float: right;
        height: 30px;
        width: 285px;
    }

.kwicks li {
    font-family: "TradeGothicW01-BoldCn20 675334", Arial Narrow, sans-serif;
    font-size: 21px;
}

    .kwicks li h2 {
        margin: 60px 0 0 124px;
        padding: 0;
        color: #fffefe;
        font-size: 58px;
        line-height: 53px;
        text-transform: uppercase;
        width: 265px;
    }

    .kwicks li p {
        margin: 28px 0 0 124px;
        clear: both;
        color: #fffefe;
        line-height: 25px;
        width: 340px;
    }

    .kwicks li a {
        background: url(/Presentation/Includes/images/learn_more.png) no-repeat 90px 0;
        color: #fffefe;
        float: right;
        width: 150px;
        height: 29px;
        cursor: pointer;
        font-style: italic;
    }
/* End Careers */

/* 39. Start DTCC News Article Large Image */
.article_content {
    background: #f5f5f5;
}

.newsltr_su {
    border-right: 1px solid #6d6d6d;
    color: #fff;
    float: left;
    font-size: 16px;
    text-align: center;
    margin: 14px 0 13px 0;
    width: 175px;
}

#breadcrumb_product_skyblue_article {
    color: #959595;
    float: left;
    font-weight: bold;
    font-size: 16px;
    padding: 13px 0 0;
    width: 634px;
}

    #breadcrumb_product_skyblue_article a {
        color: #959595;
        float: left;
        font-weight: bold;
        font-size: 16px;
        margin: 0 8px 0 0;
    }

    #breadcrumb_product_skyblue_article span {
        color: #959595;
        float: left;
        font-weight: bold;
        font-size: 16px;
        margin: 0 8px 0 0;
    }

    #breadcrumb_product_skyblue_article #breadcrumb_select_skyblue {
        color: #00b6ce;
    }

#article_filter {
    background: url("../images/panel_white_bg.png") repeat-x scroll 0 0 transparent;
    height: 106px;
    width: 100%;
}

    #article_filter .drop_down {
        border: none;
        margin: 30px 26px 0 0;
        padding: 4px 0 7px;
        width: 182px;
    }

        #article_filter .drop_down .sbHolder, #article_filter .drop_down .sbHolder1 {
            border: 1px solid #d9d9d9;
            font-size: 14px;
            width: 160px;
        }

        #article_filter .drop_down .sbSelector:link, #article_filter .drop_down .sbSelector:visited, #article_filter .drop_down .sbSelector:hover {
            padding: 0 13px;
            width: 155px;
        }

        #article_filter .drop_down .sbHolder .sbOptions {
            border: 1px solid #d9d9d9;
            border-top: medium none;
            padding: 5px 7px;
            text-transform: none;
            top: 30px !important;
            width: 166px;
        }

        #article_filter .drop_down .sbOptions a {
            font-size: 14px;
            padding: 7px 0 7px 5px;
            width: 163px;
        }

            #article_filter .drop_down .sbOptions a:hover {
                color: #fff;
            }

    #article_filter div .stay_btn {
        background: #d4d4d4;
        color: #fff;
        font-size: 17px;
        float: left;
        margin: 29px 0 0;
        padding: 9px 15px 10px 16px;
    }

    #article_filter .drop_down .sbOptions a:link, #article_filter .drop_down .sbOptions a:visited {
        color: #c3c3c3;
    }

#carousel_article .wrapper {
    width: 958px;
}

    #carousel_article .wrapper .flexslider {
        border: 1px solid #e9e9e9;
        margin: 24px 0 0;
    }

#carousel_article .flexslider {
    float: left;
    width: 100%;
}

    #carousel_article .flexslider .slides {
        height: auto;
        margin: 0;
    }

        #carousel_article .flexslider .slides > li {
            background: #fff;
            float: left;
            width: 958px !important;
        }

        #carousel_article .flexslider .slides li img {
            float: left;
            height: 300px;
            width: 330px;
        }

        #carousel_article .flexslider .slides li div {
            float: left;
            padding: 18px 0 0 30px;
            width: 594px;
        }

            #carousel_article .flexslider .slides li div span {
                color: #c7c7c7;
                font-size: 14px;
                float: left;
            }

            #carousel_article .flexslider .slides li div .addrs {
                font-weight: bold;
                color: #000;
                margin: 15px 0 0;
            }

            #carousel_article .flexslider .slides li div span .blue {
                float: none;
                color: #00b6ce;
            }

            #carousel_article .flexslider .slides li div h2 {
                color: #323232;
                font-size: 34px;
                float: left;
                margin: 16px 0 0;
                line-height: 36px;
                padding: 0;
                width: 100%;
            }

            #carousel_article .flexslider .slides li div p {
                color: #aaa;
                font-size: 14px;
                float: left;
                line-height: 20px;
                margin: 16px 0 0;
                width: 570px;
            }

#carousel_article .flex-direction-nav .flex-prev {
    background: url("../images/arow_left_side.png") no-repeat scroll 11px 18px transparent;
    height: 33px;
    left: 587px;
    opacity: 0.8;
    top: -44px;
}

#carousel_article .flex-direction-nav .flex-next {
    background: url("../images/arow_right_side.png") no-repeat scroll 11px 18px transparent;
    height: 33px;
    opacity: 0.8 !important;
    right: 258px;
    top: -44px;
}

#carousel_article .flex-control-nav {
    bottom: 12px;
    left: 593px;
    position: absolute;
    line-height: 12px;
    text-align: center;
    width: 100px;
}

.article_content #article_desc {
    background: #fff;
    border: 1px solid #e9e9e9;
    color: #898989;
    margin: 28px 0 30px;
    padding: 31px 0 60px 35px;
}

    .article_content #article_desc span {
        display: block;
        font-weight: bold;
        font-size: 14px;
        line-height: 23px;
        margin: 23px 0 0;
        width: 100%;
    }

    .article_content #article_desc p span {
        display: inline;
    }

    .article_content #article_desc p {
        font-size: 14px;
        line-height: 23px;
        padding: 0 35px 0 0;
    }

#carousel_article .flex-control-paging li a {
    background: url(../images/bullet_black1.png) no-repeat;
    border-radius: none;
    box-shadow: none;
    height: 12px;
    width: 12px;
}

#carousel_article .flex-control-nav li {
    display: inline-block;
    margin: 0 4px 0 6px;
}

#carousel_article .flex-control-paging li a.flex-active {
    background: url(../images/bullet_blue1.png) no-repeat;
}

.article_content #article_materials {
    background: #fafafa;
    float: left;
    padding: 19px 0 48px 0;
    width: 100%;
}

    .article_content #article_materials h3, #newsperceptive_block.latest_news .wrapper > h3 {
        margin: 0 0 34px 0;
        color: #a9a9a9;
        float: none;
        font-size: 24px;
    }

    .article_content #article_materials .wrapper > div {
        background: none repeat scroll 0 0 #fff;
        border: 1px solid #e9e9e9;
        cursor: pointer;
        float: left;
    }

    .article_content #article_materials .news4 {
        height: 150px;
        margin-right: 30px;
        width: 298px;
    }

    .article_content #article_materials .wrapper > div .news_date {
        color: #c7c7c7;
        float: left;
        font-size: 14px;
        margin: 13px 0 0 10px;
    }

    .article_content #article_materials .news4 p, .article_content #article_materials .news6 p {
        color: #323232;
        float: left;
        font-size: 25px;
        line-height: 27px;
        margin: 8px 10px 14px 10px;
    }
    /*start article materials sharenews*/
    .article_content #article_materials .sharenews_block {
        float: left;
        position: relative;
        width: 149px;
        z-index: 0;
    }

    .article_content #article_materials .share_news {
        border-top: 1px solid #f0f0f0;
        color: #bebebe;
        display: none;
        float: left;
        font-size: 14px;
        padding: 15px 0;
        position: relative;
        text-align: center;
        width: 100%;
    }

        .article_content #article_materials .share_news img, .article_content #article_materials .read_more img {
            display: none;
            left: 50%;
            position: absolute;
            top: -5px;
            z-index: 0;
        }

    .article_content #article_materials .sharenews_hover {
        background: none repeat scroll 0 0 #fff;
        display: none;
        float: left;
        left: 0;
        position: absolute;
        top: -103px;
        width: 298px;
    }

        .article_content #article_materials .sharenews_hover li:first-child a {
            width: 100px;
        }

        .article_content #article_materials .sharenews_hover li a {
            float: left;
            height: 104px;
            width: 99px;
        }

    .article_content #article_materials .read_more {
        border-left: 1px solid #f0f0f0;
        border-top: 1px solid #f0f0f0;
        color: #bebebe;
        display: none;
        float: right;
        font-size: 14px;
        padding: 15px 0;
        position: relative;
        text-align: center;
        width: 148px;
    }

    .article_content #article_materials .wrapper > div:hover a {
        display: block;
    }

    .article_content #article_materials .wrapper > div:hover .news_date {
        display: none;
    }

    .article_content #article_materials .sharenews_hover li a:hover {
        background: none repeat scroll 0 0 #ffd700;
    }

    .article_content #article_materials .sharenews_block li:hover .sharenews_hover {
        display: block;
    }

    .article_content #article_materials .read_more:hover, .article_content #article_materials li:hover .share_news {
        background: none repeat scroll 0 0 #ffd700;
        color: #3b3b3b;
    }

    .article_content #article_materials .share_news img, .article_content #article_materials .read_more img {
        display: none;
        left: 50%;
        position: absolute;
        top: -5px;
        z-index: 0;
    }

    .article_content #article_materials .read_more:hover img, .article_content #article_materials .share_news:hover img {
        display: block;
    }
/*start article materials sharenews*/
/* End DTCC News Article Large Image */

/* 40. Start DTCC News Article Small Image */
.article_content_sm {
    background: #f5f5f5;
    width: 100%;
}

    .article_content_sm #article_desc {
        background: none repeat scroll 0 0 #fff;
        border: 1px solid #e9e9e9;
        color: #898989;
        margin: 23px 0 30px;
        padding: 15px 0 60px 35px;
    }

        .article_content_sm #article_desc > div {
            margin: 0 0 31px;
        }

        .article_content_sm #article_desc div span {
            color: #c7c7c7;
            font-size: 14px;
            font-weight: bold;
            line-height: 23px;
            margin: 0;
        }



            .article_content_sm #article_desc div span.rfvErrorMessage {
                color: #EF4023;
            }

        .article_content_sm #article_desc div .gray {
            color: #c7c7c7;
            font-size: 14px;
            font-weight: normal;
        }

        .article_content_sm #article_desc div .blue {
            color: #00b6ce;
            display: inline;
            font-weight: normal;
        }

        .article_content_sm #article_desc div h2 {
            color: #323232;
            font-size: 34px;
            line-height: 36px;
            margin: 13px 0 0;
            padding: 0;
            width: 580px;
        }

        .article_content_sm #article_desc div .addrs {
            color: #000;
            display: block;
            font-weight: bold;
            margin: 12px 0 0;
        }

        .article_content_sm #article_desc p {
            font-size: 14px;
            line-height: 23px;
            padding: 5px 35px 0 0;
        }

        .article_content_sm #article_desc div span {
            color: #898989;
            font-size: 14px;
            font-weight: bold;
            line-height: 11px;
            margin: 0;
}

        .article_content_sm #article_desc span {
            color: #898989;
            font-size: 14px;
            font-weight: bold;
            line-height: 23px;
            margin: 0;
        }

        .article_content_sm #article_desc .small_article {
            margin: 16px 0 19px 0;
        }

        .article_content_sm #article_desc img {
            float: left;
            margin: 0 23px 0 0;
        }

/* End DTCC News Article Small Image */

/* 41. Start DTCC Press Releases */
.press_release {
    background: #f5f5f5;
    width: 100%;
}


    .press_release #article_desc {
        background: none repeat scroll 0 0 #fff;
        border: 1px solid #e9e9e9;
        color: #898989;
        margin: 23px 0 30px;
        padding: 21px 0 0px 35px;
    }

        .press_release #article_desc > div {
            margin: 0 0 31px;
            float: left;
        }

        .press_release #article_desc div span {
            color: #c7c7c7;
            line-height: 23px;
            margin: 0;
        }

        .press_release #article_desc div .gray {
            color: #c7c7c7;
            font-weight: normal;
        }

        .press_release #article_desc div .blue {
            color: #00b6ce;
            display: inline;
            font-weight: normal;
        }

        .press_release #article_desc div h2 {
            color: #323232;
            font-size: 34px;
            line-height: 36px;
            margin: 19px 0 0;
            padding: 0;
            width: 600px;
        }

        .press_release #article_desc div .addrs {
            color: #000;
            display: block;
            margin: 18px 0 32px 0;
            width: 600px;
            line-height: 23px;
        }

        .press_release #article_desc p {
            padding: 5px 0 18px 0;
            width: 600px;
        }

        .press_release #article_desc div span {
            color: #898989;
            line-height: 11px;
            margin: 0;
        }

        .press_release #article_desc span {
            color: #898989;
            font-size: 14px;
            font-weight: bold;
            line-height: 23px;
            margin: 0;
        }

        .press_release #article_desc .aside {
            margin: 0 0 0 57px;
            /*width: 266px;*/
        }

            .press_release #article_desc .aside h2 {
                font-size: 30px;
                margin: 34px 0 12px 0;
                line-height: 33px;
                text-transform: uppercase;
                width: 250px;
            }

            .press_release #article_desc .aside h3 {
                color: #242424;
                margin: 0 0 3px 2px;
                width: 250px;
            }

            .press_release #article_desc .aside span {
                font-weight: normal;
                line-height: 23px;
                margin: 3px 0 12px 2px;
                width: 250px;
            }

            .press_release #article_desc .aside a {
                color: #898989;
                font-size: 14px;
                font-weight: normal;
                line-height: 23px;
                display: block;
                margin: 3px 0 12px 2px;
                width: 250px;
            }

            .press_release #article_desc .aside p {
                width: 250px;
            }

            .press_release #article_desc .aside li {
                background: url(../images/yellow_bullet.png) no-repeat 0 7px;
                font-size: 14px;
                list-style-type: none;
                margin: 0 0 7px 0;
                padding: 0 0 0 12px;
            }

        .press_release #article_desc .more_info {
            float: left;
        }

            .press_release #article_desc .more_info h2 {
                margin: 32px 0 17px;
            }

            .press_release #article_desc .more_info h3 {
                margin: 10px 0 7px 2px;
            }
/* End DTCC Press Releases */

/* 42. Start DTCC Newsletter */
.newsletter .wrapper > h2 {
    color: #141414;
    font-size: 36px;
    padding: 0;
}

    .newsletter .wrapper > h2 span {
        border: 2px solid #ccc;
        display: inline;
        height: 33px;
        margin: 0 15px;
    }

.newsletter .news4 {
    height: auto !important;
    padding: 0 0 15px 0;
}

    .newsletter .news5 h3, .newsletter .news4 h3 {
        font-size: 20px !important;
        width: 280px !important;
    }

.newsletter .nl_blk {
    margin-right: 0 !important;
}

.newsletter .news3 > img {
    float: left !important;
}

.newsletter .news3 > div > h3 {
    font-size: 30px !important;
    letter-spacing: -1px;
    line-height: 32px !important;
    padding: 0 !important;
}

.newsletter .news3 ul {
    float: left;
}

.newsletter .news3 li {
    border-top: 1px solid #f0f0f0;
    display: inline;
    float: left;
    margin: 8px 0 0 0;
}

.newsletter .news3 a {
    color: #bebebe;
    float: left;
    line-height: 22px;
    padding: 10px 0;
    text-align: center;
    width: 149px;
}

.newsletter .news3 ul li:first-child {
    border-right: 1px solid #f0f0f0;
    width: 148px;
}

.newsletter .news3 a:hover {
    background: #000;
    border: none;
    color: #fff;
}

/* End DTCC Newsletter */

/* 43. Start DTCC Newsletter Subscribe */
.success_block {
    border: 1px solid #eaeaea;
    border-top: none;
    background: #fff;
    margin-top: 35px;
    margin-bottom: 28px;
}

#success_label {
    background: #000;
    float: left;
    padding: 7px 0;
    width: 100%;
}

    #success_label h2 {
        color: #fff;
        font-size: 50px;
        float: left;
        text-transform: uppercase;
        margin: 0 0 0 101px;
        padding: 0;
    }

    #success_label span {
        border: 1px solid #fff;
        border-right: none;
        float: left;
        height: 56px;
        margin: 2px 0 0 33px;
    }

    #success_label p {
        color: #fff;
        font-size: 20px;
        float: left;
        margin: 17px 0 0 38px;
    }

#newsperceptive_block.latest_news .wrapper > h3 {
    margin: 19px 0 13px 0;
}

.success_row1 {
    float: left;
    padding: 23px 0 18px 19px;
    width: 98%;
}

    .success_row1 .newsletter, .success_row2 .newsletter {
        float: left;
        width: 313px;
    }

        .success_row1 .newsletter img, .success_row2 .newsletter img {
            float: left;
        }

        .success_row1 .newsletter h2, .success_row2 .newsletter h2 {
            color: #000;
            font-size: 24px;
            float: left;
            margin: -4px 0 0 25px;
            line-height: 26px;
            padding: 0;
            text-transform: uppercase;
            width: 150px;
        }

.success_row2 {
    background: #f5f5f5;
    float: left;
    padding: 23px 0 18px 19px;
    width: 98%;
}

.success_row1 > p {
    font-size: 20px;
    font-weight: bold;
    padding: 0 190px;
    text-align: center;
}

    .success_row1 > p a {
        color: #000;
        text-decoration: underline;
    }

.latest_news {
    background: #fafafa !important;
}

/* End DTCC Newsletter Subscribe */

/* 44. Start DTCC Newsletter Sign Up */
#article_filter + .wrapper > p {
    color: #333;
    font-weight: bold;
    font-size: 20px;
    margin: 33px 0 0;
    padding: 0 0 19px;
    width: 760px;
}

.rss_content .wrapper > p, .news_sign .wrapper > p {
    color: #333;
    font-weight: bold;
    font-size: 20px;
    margin: 33px 0 0;
    padding: 0 0 19px;
    width: 660px;
}

.news_sign .wrapper > p {
    width: 760px;
}

section.newsletter {
    background: #f5f5f5;
    margin: 19px 0 0;
    width: 956px;
}

    section.newsletter > div {
        float: left;
        border-left: #e1e1e1 solid 1px;
        margin: 10px 0 0 26px;
        padding: 10px 0 15px 40px;
        width: 584px;
    }

    section.newsletter img {
        float: left;
        margin: 26px 0 0 19px;
    }

    section.newsletter > span {
        float: left;
        width: 20px;
        margin: 72px 0 0 15px;
    }

    section.newsletter > div h3 {
        color: #000;
        font-size: 32px;
        line-height: 36px;
        text-transform: uppercase;
    }

    section.newsletter > div p {
        color: #898989;
        font-size: 14px;
        line-height: 23px;
    }

    section.newsletter a {
        background: #00b6ce;
        color: #fff;
        float: left;
        font-size: 23px;
        padding: 66px 17px 58px 18px;
    }

#newsletter_subscribe {
    margin: 41px 0 0 185px;
    width: 620px;
    padding: 0 0 53px;
}

    #newsletter_subscribe > div {
        float: left;
        margin: 0 30px 0 0px;
        width: 280px;
    }

        #newsletter_subscribe > div > input {
            border: 1px solid #d9d9d9;
            color: #c3c3c3;
            font-size: 14px;
            height: 20px;
            margin: 15px 0 0;
            padding: 5px 0 5px 10px;
            width: 263px;
            -webkit-text-fill-color: #c3c3c3;
        }

    #newsletter_subscribe > label {
        color: #b0b0b0;
        float: left;
        margin: 15px 0 0;
        width: 272px;
    }

        #newsletter_subscribe > label .custom_checkbox + span {
            display: inline-block;
            width: 235px;
        }

    #newsletter_subscribe > input {
        background: #00b6ce;
        border: none;
        color: #fff;
        float: left;
        font-size: 26px;
        margin: 23px 0 0 2px;
        padding: 18px 84px 17px 87px;
        cursor: pointer;
    }
/* End DTCC Newsletter Sign Up */

/* 45. Start DTCC Client Center */
#article_filter .wrapper div span:first-child {
    margin-left: 0;
}

#article_filter .client_center {
    margin: 30px 0 0 34px;
    width: 214px;
}

    #article_filter .client_center .sbHolder, #article_filter .client_center .sbHolder1 {
        width: 192px;
    }

    #article_filter .client_center .sbSelector:link, #article_filter .client_center .sbSelector:visited, #article_filter .client_center .sbSelector:hover {
        width: 188px;
    }

    #article_filter .client_center .sbHolder .sbOptions {
        width: 198px;
    }

#article_filter .drop_down .sbOptions a {
    width: auto;
}

#content_client_center {
    background: #f5f5f5;
    padding: 0 0 36px;
}

    #content_client_center .banner {
        margin: 0;
        height: 300px;
        width: 960px;
    }

        #content_client_center .banner h2 {
            color: #fffefe;
            font-size: 58px;
            float: right;
            margin: 37px 205px 0 0;
            padding: 0;
            line-height: 52px;
            text-transform: uppercase;
            width: 300px;
        }

        #content_client_center .banner p {
            color: #fffefe;
            font-size: 21px;
            font-style: italic;
            float: right;
            margin: 15px 184px 0 0;
            padding: 0;
            line-height: 25px;
            width: 320px;
        }

#client_center_content_block {
    background: #fff;
    border: 1px solid #e9e9e9;
    border-top: none;
    padding: 31px 32px 24px 29px;
}

    #client_center_content_block div {
        border-top: 1px solid #d7d7d7;
        float: left;
        margin: 0 0 24px;
        padding: 22px 0 0;
        width: 100%;
    }

        #client_center_content_block div:first-child {
            border: none;
            padding: 0;
        }

        #client_center_content_block div article {
            float: left;
            width: 590px;
        }

    #client_center_content_block aside {
        float: right;
        width: 260px;
    }

    #client_center_content_block h3 {
        color: #1e1d1d;
        margin: 0 0 9px 0;
        width: 590px;
    }

    #client_center_content_block p {
        color: #898989;
        font-size: 14px;
        line-height: 23px;
        width: 595px;
    }

.membership article > span {
    color: #959595;
    font-size: 16px;
    font-weight: bold;
    float: left;
    display: block;
    margin: 28px 0 0 0;
    width: 590px;
}

    .membership article > span a {
        color: #959595;
        font-size: 16px;
        font-weight: bold;
        margin: 0 0 0 4px;
        text-decoration: underline;
    }

.membership aside > span {
    color: #333;
    font-size: 17px;
    font-style: italic;
    float: left;
    margin: 27px 0 13px -2px;
    width: 230px;
}

.membership aside > a {
    background: url(../images/my_learning_arrow.png) no-repeat 188px 14px #fd3c0f;
    color: #fff;
    float: left;
    padding: 9px 28px 9px 10px;
    margin: 0 0 0 -2px;
    width: 177px;
}

    .membership aside > a:hover {
        background-color: #000;
    }

.membership aside span:first-child {
    margin: -5px 0 14px 0;
}

.membership > aside {
    border-left: 1px solid #d7d7d7;
    margin: 0 5px 0 0;
    padding: 0 0 0 32px;
    width: 260px;
}

.directories > aside {
    margin: 0 7px 0 0;
}

.directories aside .nscc {
    background: url(/Presentation/Includes/images/nscc_bg.jpg) no-repeat;
    height: 49px;
    margin: 1px 0 12px 0;
    width: 214px;
}

.directories aside .ficc {
    background: url(../images/ficc_bg.jpg) no-repeat;
    height: 49px;
    margin: 0 0 12px 0;
    width: 214px;
}

.directories aside .dtcd {
    background: url(../images/dtc_bg.jpg) no-repeat;
    height: 48px;
    float: left;
    margin: 1px 0 1px 0;
    width: 214px;
}

.directories aside ul li {
    list-style-type: none;
    text-transform: uppercase;
}

    .directories aside ul li a {
        color: #1e1d1d;
        float: left;
        font-size: 24px;
        margin: 10px 0 0 13px;
        width: 192px;
    }

        .directories aside ul li a img {
            float: right;
            margin: 3px 0 0;
        }

.tools aside {
    margin: 4px 8px 2px 0;
}

    .tools aside ul li {
        list-style-type: none;
        margin: 0 0 4px 0;
    }

        .tools aside ul li a {
            color: #000;
            font-size: 14px;
            font-weight: bold;
        }

.faqs aside {
    margin: 4px 8px 2px 0;
}

    .faqs aside ul li {
        list-style-type: none;
        margin: 0 0 4px 0;
    }

        .faqs aside ul li a {
            color: #000;
            font-size: 14px;
            font-weight: bold;
        }

#client_center_contact_info {
    background: #fafafa;
    padding: 27px 0 29px 0;
}

    #client_center_contact_info #contact_info {
        float: left;
    }

        #client_center_contact_info #contact_info h2 {
            color: #1e1d1d;
            margin: 0 0 16px 2px;
            padding: 0;
        }

        #client_center_contact_info #contact_info h4 {
            color: #242424;
            display: block;
            margin: 0 0 6px 5px;
        }

        #client_center_contact_info #contact_info a {
            color: #898989;
            display: block;
            font-weight: normal;
            margin: 0 0 15px 5px;
        }

        #client_center_contact_info #contact_info .hotlines {
            background: url("../images/my_learning_arrow.png") no-repeat 206px 14px #fd3c0f;
            color: #fff;
            float: left;
            margin: 3px 0 0 0;
            padding: 9px 28px 9px 10px;
        }

            #client_center_contact_info #contact_info .hotlines:hover {
                background-color: #000;
            }

    #client_center_contact_info #dtcc_learning {
        background: none;
        padding: 0;
        float: left;
        width: 530px;
    }

        #client_center_contact_info #dtcc_learning img:first-child {
            float: left;
            margin: 7px 0 0 0;
        }

        #client_center_contact_info #dtcc_learning img#separator {
            margin: -3px 1px 0 25px;
        }

        #client_center_contact_info #dtcc_learning img {
            float: left;
            margin: 9px 0 0 23px;
        }

        #client_center_contact_info #dtcc_learning p {
            border: none;
            color: #898989;
            font-size: 14px;
            line-height: 23px;
            float: left;
            margin: 35px 0 0 -1px;
            padding: 0;
            width: 100%;
        }

/* End DTCC Client Center */

/* 46. Start DTCC RSS SUBSCRIPTION PAGE */
#article_filter + .wrapper > p.rss_description {
    padding: 0 0 25px;
    width: 660px;
}

aside#rss_sidebar {
    float: left;
    margin: 3px 0 0;
    width: 328px;
}

    aside#rss_sidebar h3 {
        background: #000;
        color: #fff;
        font-size: 24px;
        padding: 4px 0 4px 16px;
        text-transform: uppercase;
    }

    aside#rss_sidebar ul li {
        background: url("/Presentation/Includes/images/rss_red.png") no-repeat 285px 1px;
        font-size: 12px;
        margin: 10px 0 0;
    }

        aside#rss_sidebar ul li:first-child {
            font-size: 14px;
            font-weight: bold;
        }

            aside#rss_sidebar ul li:first-child a {
                color: #000;
            }

        aside#rss_sidebar ul li a {
            color: #898989;
            display: block;
            width: 282px;
        }

    aside#rss_sidebar ul {
        border: 1px solid #ebebeb;
        border-top: none;
        padding: 7px 0 17px 12px;
    }

div#rss_maincontent {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #e9e9e9;
    float: left;
    margin: 0 0 36px 32px;
    padding: 0px 0 24px 30px;
    width: 566px;
}

    div#rss_maincontent h4 {
        color: #000;
        margin: 25px 0 0;
    }

    div#rss_maincontent p {
        font-size: 14px;
        color: #898989;
        line-height: 23px;
        margin: 5px 0 0;
        padding: 0 9px 0 0;
    }

    div#rss_maincontent ol {
        color: #898989;
        font-size: 14px;
        list-style-position: inside;
        line-height: 23px;
        padding: 0 9px 0 0;
    }

        div#rss_maincontent ol li {
            margin: 18px 0 0;
        }

    div#rss_maincontent p a {
        color: #898989;
        text-decoration: underline;
    }

aside#rss_sidebar ul.row1 {
    background-color: #fff;
}

aside#rss_sidebar ul.row2 {
    background-color: #fafafa;
}

aside#rss_sidebar > div {
    padding: 0 0 32px 0;
}

.rss_content, .rss_content + footer {
    background: #f5f5f5;
}

/* End DTCC RSS SUBSCRIPTION PAGE */

/* 47. Start DTCC Market Data PAGE */
.market_data_warehouse {
    background: #fff;
}

#tiw-section-navigator {
    margin-top: 20px;
}

    #tiw-section-navigator .sbHolder {
        border: 1px solid #333333;
        width: 400px;
    }

    #tiw-section-navigator .sbToggle {
        background: url("/Presentation/Includes/images/navigator_drop_down.png") no-repeat scroll 0 0 transparent;
        height: 30px;
        right: 0;
        top: 0;
        width: 30px;
    }

    #tiw-section-navigator .sbSelector {
        float: left;
        right: inherit;
    }

        #tiw-section-navigator .sbSelector:link, #tiw-section-navigator .sbSelector:visited, #tiw-section-navigator .sbSelector:hover {
            color: #333;
            height: 32px;
            outline: medium none;
            padding: 0px;
            text-decoration: none;
            font-size: 12px;
            width: 100%;
        }

.sbHolder .sbOptions {
    width: 420px;
}

#tiw-section-navigator .sbOptions a:link, #tiw-section-navigator .sbOptions a:visited {
    color: #333;
}


.market_data_warehouse .wrapper > h2 {
    color: #000;
    font-size: 40px;
    text-transform: uppercase;
    margin: 38px 0 13px 0;
    padding: 0;
}

.market_data_warehouse .wrapper > p {
    color: #898989;
    font-size: 16px;
    font-weight: normal;
    float: left;
    line-height: 25px;
    margin: 0;
    padding: 0;
    width: 700px;
}

#data_display a.market_data_export {
    background: none repeat scroll 0 0 #FD3C0F;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 22px;
    text-align: center;
    border: 0;
    font-family: "SwiftNeueLTW01-LightIt";
    font-weight: normal;
    font-size: 12px;
    cursor: pointer;
    margin-top: 20px;
    text-decoration: none;
}

input.market_data_agree_button {
    background: none repeat scroll 0 0 #FD3C0F;
    color: #FFFFFF;
    font-weight: bold;
    padding: 4px 22px;
    text-align: center;
    border: 0;
    font-family: "SwiftNeueLTW01-LightIt";
    font-weight: normal;
    font-size: 14px;
    cursor: pointer;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
}

h2.market_data_title {
    color: #000000;
    font-size: 40px;
    margin: 38px 0 13px;
    padding: 0;
    text-transform: uppercase;
}

div.market_data_text {
    color: #898989;
    float: left;
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
    margin: 0;
    padding: 0;
    width: 700px;
}

a.market_data_charts_link {
    background: url("../images/my_learning_arrow.png") no-repeat scroll 213px 14px #FD3C0F;
    color: #FFFFFF;
    float: right;
    margin: 29px 0 0;
    padding: 9px 32px 9px 20px;
    width: 192px;
}

    a.market_data_charts_link:hover {
        background-color: #000;
    }

#tiw-section-navigation {
    margin-top: 20px;
    visibility: hidden;
}

.data_chart_description {
    clear: both;
    display: block;
}

    .data_chart_description p {
        margin-left: 15px;
        margin-right: 15px;
    }

.market_data_warehouse .wrapper > a {
    background: url("../images/my_learning_arrow.png") no-repeat scroll 213px 14px #fd3c0f;
    color: #fff;
    float: right;
    margin: 31px 0 0 0;
    padding: 9px 36px 9px 22px;
    width: 182px;
}

    .market_data_warehouse .wrapper > a:hover {
        background-color: #000;
    }

#week_ending_table {
    background: #f5f5f5;
    float: left;
    height: 918px;
    margin: 29px 0 32px 0;
}

    #week_ending_table > span {
        background: #333;
        color: #fff;
        float: left;
        font-size: 24px;
        padding: 8px 0 12px 0;
        text-align: center;
        width: 960px;
    }

#data_display ul {
    float: left;
    padding: 21px 10px 0 10px;
    visibility: hidden;
}

#data_display li {
    cursor: pointer;
    list-style-type: none;
    display: inline-block;
    height: 134px;
    margin: 0 0 0 52px;
    width: 235px;
}

    #data_display li:hover, #data_display li.selected {
        background: url("../images/selector.png") no-repeat;
    }

    #data_display li p {
        font-size: 12px;
        line-height: 16px;
        font-weight: normal;
    }

    #data_display li div {
        background: #fff;
        border: 1px solid #e9e9e9;
        float: left;
        margin: 10px 0 0 11px;
        padding: 8px 0 0 11px;
        width: 199px;
        height: 96px;
    }

    #data_display li:first-child {
        margin: 0;
    }

#data_display div .left {
    background: url("../images/left_arrow.jpg") no-repeat;
    cursor: pointer;
    height: 31px;
    float: left;
    margin: 76px 0 0 29px;
    width: 31px;
}

#data_display div .right {
    background: url("../images/right_arrow.jpg") no-repeat;
    cursor: pointer;
    height: 31px;
    float: left;
    margin: 76px 0 0 0;
    width: 31px;
}

#week_ending_table li h3 {
    font-size: 25px;
}

#week_ending_table li p {
    color: #aaa;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    padding: 0 0 7px 0;
    width: 200px;
}

#marketDataCarousel {
    display: block;
}

#market_data_tables {
    background: none repeat scroll 0 0 #F5F5F5;
    margin: 29px 0 32px;
    height: 515px;
}

    #market_data_tables > span {
        background: none repeat scroll 0 0 #333333;
        color: #FFFFFF;
        font-size: 24px;
        padding: 8px 0 12px;
        text-align: center;
        width: 960px;
        display: block;
    }

#market_data_chart table.active {
    display: table;
}

.market_data_table {
    width: 98%;
    border: 1px solid #dddddd;
    border-spacing: 0px;
    border-collapse: collapse;
}

    .market_data_table th, .market_data_table td {
        text-align: left;
        font-size: 10px;
        border-right: 1px solid #ebebeb;
        border-bottom: 1px solid #ebebeb;
    }

    .market_data_table .totals {
        background: none repeat scroll 0 0 #E3E3E3;
        color: #000000;
    }

table#dataTable td {
    border-bottom: 1px solid #E3E3E3;
    font-size: 10px;
    padding: 7px;
    vertical-align: top;
}

colgroup col.colB {
    background: none repeat scroll 0 0 #F3F3F3;
    color: #444444;
}


colgroup col.colA {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #333333;
}

.market_data_table th {
    background-color: #999999;
    color: #fff;
    font-weight: bold;
    padding: 2px 6px;
}

.market_data_table .col_color_offset {
    background-color: #f4f4f4;
}

.market_data_table td {
    /*background-color: #ffffff;*/
    padding: 6px 6px;
}

.data_chart_carousel_wrapper {
    overflow: hidden;
    display: block;
    position: relative;
    width: 850px;
    float: left;
}

#market_data_chart {
    float: left;
    width: 100%;
    font-size: 12px;
    font-weight: 700;
}

#data_display {
    background: none repeat scroll 0 0 #F5F5F5;
    float: left;
    min-height: 318px;
    margin: 29px 0 32px;
    color: #000000;
    font-size: 12px;
}

    #data_display h5 {
        font-weight: bold;
        font-size: 24px;
        font-family: "TradeGothicW01-BoldCn20 675334", Arial Narrow, sans-serif;
    }

    #data_display p {
        margin-top: 3px;
        margin-bottom: 3px;
    }

    #data_display a {
        color: #000000;
        text-decoration: underline;
    }

    #data_display h4 {
        background: none repeat scroll 0 0 #333333;
        color: #FFFFFF;
        float: left;
        font-size: 22px;
        padding: 8px 0 12px;
        text-align: center;
        width: 960px;
    }

.xaxisBox {
    font-family: "SwiftNeueLTW01-LightIt";
    text-align: center;
    margin-bottom: 10px;
    font-weight: normal;
    font-weight: normal;
    font-size: 15px;
}

.yaxisBox p {
    margin-top: 65px !important;
}

.yaxisBox {
    float: left;
    width: 95px;
    font-family: "SwiftNeueLTW01-LightIt";
    font-size: 15px;
    font-weight: normal;
}

.tableBox {
    float: left;
    width: 100%;
    padding: 10px;
}

.tableSubtitle {
    font-family: "TradeGothicW01-BoldCn20 675334", Arial Narrow, sans-serif;
    font-size: 20px;
}

#article_materials {
    background: none repeat scroll 0 0 #FAFAFA;
    float: left;
    padding: 19px 0 48px;
    margin-bottom: 100px;
    width: 100%;
}


    #article_materials h3, #newsperceptive_block.latest_news .wrapper > h3 {
        color: #A9A9A9;
        float: none;
        font-size: 24px;
        margin: 0 0 34px;
    }

    #article_materials .wrapper > div {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #E9E9E9;
        cursor: pointer;
        float: left;
    }

    #article_materials .news4 {
        height: 150px;
        margin-right: 30px;
        width: 298px;
    }


    #article_materials .wrapper > div .news_date {
        color: #C7C7C7;
        float: left;
        font-size: 14px;
        margin: 13px 0 0 10px;
    }
/* End DTCC Market Data PAGE */

/* 48. Start DTCC CLIENT CENTRE PRE QUALIFICATION WIZARD PAGE */
#client_content {
    background: #fff;
    border: #e9e9e9 solid 1px;
    border-top: none;
    margin: 0 auto 24px;
    position: relative;
    top: -4px;
}

.rss_content.content.cf > div#article_filter {
    height: 106px;
}

.wrapper#client_content > p {
    color: #333;
    font-size: 17px;
    font-weight: bold;
    line-height: 25px;
    margin: 5px 0 0 30px;
    width: 741px;
}

#client_content h3 {
    color: #323232;
    font-size: 34px;
    margin: 34px 0 0 32px;
}

#client_content > h4 {
    background: url("/Presentation/Includes/images/blue_strip.png") no-repeat;
    color: #fff;
    font-size: 25px;
    margin: 6px 0 0;
    padding: 0 0 10px 31px;
}

#client_content div > span {
    color: #323232;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 6px 0 0 29px;
    width: 908px;
}

    #client_content div > span > span {
        font-weight: normal;
    }

        #client_content div > span > span > a {
            color: #323232;
            text-decoration: underline;
        }

#client_content > form h4 {
    color: #323232;
    font-size: 25px;
    margin: 24px 0 0 30px;
    text-transform: uppercase;
}

#client_content > form > div {
    background: #f1f1f1;
    margin: 32px auto 0;
    padding: 0 0 53px;
    width: 895px;
}

    #client_content > form > div input {
        border: 1px solid #d9d9d9;
        color: #c3c3c3;
        font-size: 14px;
        height: 20px;
        margin: 18px 17px 0 30px;
        padding: 5px 0 5px 10px;
        width: 380px;
        -webkit-text-fill-color: #c3c3c3;
    }

    #client_content > form > div > div {
        float: left;
        width: 430px;
    }

    #client_content > form > div textarea {
        float: left;
        height: 149px;
        margin: 5px 0 0 18px;
        resize: none;
        width: 190px;
    }

    #client_content > form > div p, #client_content > form > div#overview_block p {
        color: #999;
        float: left;
        font-size: 14px;
        line-height: 23px;
        margin: 2px 0 0 41px;
        width: 179px;
    }

        #client_content > form > div p > span {
            float: left;
            margin: 10px 0 0;
            width: 100%;
        }

    #client_content > form > div#overview_block p {
        margin: 11px 0 0 30px;
        width: 379px;
    }

    #client_content > form > div#overview_block textarea {
        float: left;
        height: 128px;
        margin: 5px 0 0 61px;
        resize: none;
        width: 389px;
        ;
    }

#client_content > form > a {
    background: url("../images/my_learning_arrow.png") no-repeat scroll 106px 14px #FD3C0F;
    color: #fff;
    float: right;
    margin: 24px 36px 28px;
    padding: 8px 42px 10px 30px;
}

    #client_content > form > a:hover {
        background-color: #000;
    }
/* End DTCC CLIENT CENTRE PRE QUALIFICATION WIZARD PAGE */

/* 49. Start DTCC Market Data Charts PAGE */
.market_data_warehouse .wrapper > h2 sup {
    font-size: 24px;
    vertical-align: top;
}

#graphs {
    height: 1462px;
}
/* End DTCC Market Data Charts PAGE */

/* 50. Start DTCC Upcoming Events PAGE */
.events_switcher {
    float: right;
}

.prev_arrow {
    background: url("/Presentation/Includes/images/prev_arrow.jpg") no-repeat;
    cursor: pointer;
    height: 58px;
    float: left;
    width: 58px;
}

.nxt_arrow {
    background: url("/Presentation/Includes/images/nxt_arrow.jpg") no-repeat;
    cursor: pointer;
    height: 58px;
    float: left;
    margin: 0 0 0 3px;
    width: 58px;
}

#events {
    float: left;
    margin: 6px 0 31px;
    width: 100%;
}

    #events > div {
        background: #f5f5f5;
        margin: 37px 0 0 0;
    }

#event1 > span {
    /*background: #00b6ce;
  height: 194px;*/
    float: left;
    width: 14px;
}

#event2 > span {
    background: #ffd300;
    height: 194px;
    float: left;
    width: 14px;
}

#event3 > span, #event5 > span {
    background: #7ac142;
    height: 194px;
    float: left;
    width: 14px;
}

#event4 > span {
    background: #f68e1e;
    height: 194px;
    float: left;
    width: 14px;
}

#events .day_block {
    color: #a5a5a5;
    float: left;
    font-weight: bold;
    line-height: 20px;
    margin: 10px 0 0 10px;
    width: 40px;
}

    #events .day_block span {
        float: left;
        text-align: center;
        width: 40px;
    }

#events .month {
    font-size: 16px;
}

#events .date {
    font-size: 30px;
}

#events .year {
    margin: 2px 0 0 0;
    font-size: 15px;
}

.event_content {
    border-left: 1px solid #e1e1e1;
    float: left;
    margin: 14px 0 13px 15px;
    padding: 0 0 3px 43px;
    width: 720px;
}

    .event_content h3 {
        font-size: 18px;
        color: #F78E1E;
        margin: -4px 0 10px 0;
    }

        .event_content h3 span {
            color: #F78E1E;
            font-size: 18px;
        }

        .event_content h3 a {
            color: #F78E1E;
            font-size: 18px;
        }

        .event_content h3 span a {
            color: #F78E1E;
            font-size: 18px;
        }

    .event_content h4 {
        font-size: 16px;
        margin: 0 0 11px 0;
    }

    .event_content p {
        color: #666;
        font-size: 14px;
        line-height: 21px;
    }

    .event_content span {
        color: #666;
        font-size: 14px;
        font-weight: bold;
    }

#events .read_more_block {
    float: right;
    margin: 163px 0 0;
}

    #events .read_more_block img {
        float: right;
        cursor: pointer;
    }

    #events .read_more_block:hover a {
        display: block;
    }

    #events .read_more_block:hover img {
        display: none;
    }

    #events .read_more_block:hover {
        margin: 0;
    }

    #events .read_more_block a {
        background: #666;
        color: #fff;
        cursor: pointer;
        float: right;
        /*padding: 86px 15px;*/
        padding: 15px;
        display: none;
    }

.upcoming_events #pagenation {
    margin: 0 0 24px 0;
}

.subheader_upcoming #breadcrumb_product_blue {
    padding: 18px 0 0 0;
}

.second-level {
    margin-left: 15px;
}

.event_text .intro a {
    margin: 4px 0 3px 0;
    color: #000;
    font-size: 16px;
    font-weight: bold;
}

.video-image {
    width: 192px;
    height: 80px;
}

    .video-image > img {
        width: 100%;
        height: 100%;
    }

#product_tables span {
    float: left;
    border: 0px;
    margin: 0px;
    width: auto;
}

.expanded_question {
    cursor: pointer;
}

.expanded_answer {
    display: none;
}

.carousel-listitem {
    cursor: pointer;
}

.related-outer {
    height: auto;
}
/* End DTCC Upcoming Events PAGE */
.bl-seperator-span {
    display: block;
    height: 14px;
}

.revised-label {
    font-weight: bold;
}

/* Pager css for search page */
.search-result-page #main_content .pager {
    margin-top: 28px;
    margin-right: 10px;
}


#Cookie_header_elements {
    background: #0196d9;
}

    #Cookie_header_elements .wrapper {
        width: 100%;
        display: flex;
        align-items: center;
        max-width: 1340px;
        margin: 0 auto;
    }
    @media screen and (min-width: 768px) {
        #Cookie_header_elements .wrapper {
            padding: 0 30px;
        }
    }

        #Cookie_header_elements .wrapper .policytext {
            font-size: 15px;
            color: #ffffff;
            padding-top: 15px;
            width: 100%;
            padding: 10px 20px;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: normal;
        }

            #Cookie_header_elements .wrapper .policytext a {
                color: #ffffff;
                font-weight: bold;
            }

        #Cookie_header_elements .wrapper #cookiePolicyAccept {
            background: url("/Presentation/Includes/images/close.jpg") no-repeat;
            height: 20px;
            width: 20px;
            cursor: pointer;
            margin-right: 20px;
        }

/*Search styles start*/

.dtcc-search-container {
    margin: 40px auto;
    width: 960px;
    padding-bottom: 75px;
}

    .dtcc-search-container .search-top-container {
        margin-bottom: 25px;
    }

        .dtcc-search-container .search-top-container .search-results-titles {
            display: inline-block;
            margin-right: 122px;
        }

.çlear {
    clear: both;
    content: "";
    display: block;
}

.dtcc-search-container .search-top-container .search-results-titles h2 {
    font-family: "HelveticaNeueW01-65Medi";
    font-size: 24px;
    font-weight: bold;
    color: #333333;
}

.dtcc-search-container .search-top-container .search-input {
    display: inline-block;
}

    .dtcc-search-container .search-top-container .search-input input[type=text] {
        width: 382px;
        max-height: 40px;
        background-color: #ffffff;
        border: solid 1px #d4d4d4;
        font-size: 16px;
        font-weight: normal;
        padding: 10px 20px;
        color: #333333;
        font-family: "HelveticaNeueW01-65Medi";
    }

    .dtcc-search-container .search-top-container .search-input .blue-button, .dtcc-search-main-container .filters-left-section .blue-button {
        background-color: #00b6ce;
        color: #fff;
        display: inline-block;
        font-family: "HelveticaNeueW01-65Medi";
        font-size: 16px;
        line-height: 14px;
        margin-left: 22px;
        max-height: 40px;
        padding: 13px 20px 15px;
        text-align: center;
        vertical-align: top;
        width: 160px;
    }

.dtcc-search-main-container .filters-left-section .blue-button {
    margin-top: 20px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #333333;
    font-family: "HelveticaNeueW01-65Medi";
}

::-moz-placeholder { /* Firefox 19+ */
    color: #333333;
    font-family: "HelveticaNeueW01-65Medi";
}

:-ms-input-placeholder { /* IE 10+ */
    color: #333333;
    font-family: "HelveticaNeueW01-65Medi";
}

:-moz-placeholder { /* Firefox 18- */
    color: #333333;
    font-family: "HelveticaNeueW01-65Medi";
}

.dtcc-search-container .pagination-section {
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 8px;
    margin: 35px 0;
}

.pagination-bottom {
    border-top: 2px solid #f0f0f0;
    padding-top: 8px;
    border-bottom: 0 !important;
}

.dtcc-search-container .pagination-section .total-results {
    width: 521px;
    text-align: right;
    height: 17px;
    font-family: "HelveticaNeueW01-65Medi";
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    display: inline-block;
}

.pagination-top-number {
    display: inline-block;
    width: 434px;
    text-align: right;
}

    .pagination-top-number .pagination-number {
        display: inline-block;
    }

        .pagination-top-number .pagination-number a {
            padding: 2px 4px;
        }

            .pagination-top-number .pagination-number a span {
                width: 22px;
                height: 17px;
                font-family: "HelveticaNeueW01-65Medi";
                font-size: 14px;
                font-weight: bold;
                text-align: center;
                color: #333333;
            }

.pagination-top .pagination-top-number .pagination-number span.current {
    width: 22px;
    height: 17px;
    font-family: "HelveticaNeueW01-65Medi";
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #333333;
    border-bottom: 2px solid #00b6ce;
    padding-bottom: 8px;
}

.pagination-bottom .pagination-top-number .pagination-number span.current {
    width: 22px;
    height: 17px;
    font-family: "HelveticaNeueW01-65Medi";
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #333333;
    border-top: 2px solid #00b6ce;
    padding-top: 8px;
    border-bottom: 0;
    padding-bottom: 0;
}

.pagination-top-number .pagination-number a:hover {
    border-bottom: 2px solid #00b6ce;
    padding-bottom: 8px;
}

.pagination-bottom .pagination-top-number .pagination-number a:hover {
    border-top: 2px solid #00b6ce;
    padding-top: 8px;
    border-bottom: 0;
    padding-bottom: 0;
}

.previuos-text, .next-text {
    width: 54px;
    height: 16px;
    font-family: "HelveticaNeueW01-65Medi";
    font-size: 14px;
    font-weight: normal;
    color: #333333;
}

.next-text {
    margin-left: 7px;
}

.fa-arrow-left, .fa-arrow-right {
    width: 12px;
    height: 14px;
    font-size: 14px;
    font-weight: normal;
    color: #00b6ce;
    padding: 0 10px;
}

.fa-arrow-right {
    padding-right: 0;
}

.dtcc-search-main-container {
    margin: 40px 0;
}

    .dtcc-search-main-container .filters-left-section {
        float: left;
        width: 300px;
    }

        .dtcc-search-main-container .filters-left-section h2 {
            font-family: "HelveticaNeueW01-65Medi";
            font-size: 24px;
            font-weight: bold;
            color: #333333;
        }

.right-section {
    float: left;
    width: 660px;
    min-height: 300px;
    position: relative;
    margin-top: 37px;
}

.search-results-container {
    min-height: 300px;
    width: 100%;
}

.dtcc-search-main-container .search-results {
    border-bottom: 1px solid #d8d8d8;
    padding: 30px 20px;
}

    .dtcc-search-main-container .search-results:first-child {
        padding-top: 0;
    }

    .dtcc-search-main-container .search-results .icon {
        float: left;
        margin-right: 10px;
        width: 20px;
    }

        .dtcc-search-main-container .search-results .icon .search-image {
            width: 16px;
            height: 18px;
            font-size: 18px;
            font-weight: normal;
            color: #9d9d9d;
        }

    .dtcc-search-main-container .search-results .search-content {
        float: left;
        width: 590px;
        margin-top: -4px;
    }

        .dtcc-search-main-container .search-results .search-content .title {
            font-family: "HelveticaNeueW01-65Medi";
            font-size: 14px;
            font-weight: bold;
            color: #00b6ce;
            line-height: 14px;
            margin-bottom: 8px;
        }

        .dtcc-search-main-container .search-results .search-content .search-summary {
            font-family: "HelveticaNeueW01-65Medi";
            font-size: 14px;
            font-weight: normal;
            color: #505050;
            margin-bottom: 10px;
        }

        .dtcc-search-main-container .search-results .search-content .show-more {
            font-family: "HelveticaNeueW01-65Medi";
            font-size: 12px;
            font-weight: 500;
            color: #505050;
        }

            .dtcc-search-main-container .search-results .search-content .show-more .fa-angle-right {
                width: 8px;
                height: 10px;
                font-size: 10px;
                color: #505050;
            }


.right-top-section .search-results {
    background-color: #D9F4F8;
    padding-top: 20px !important;
    border: none;
    margin-bottom: 10px;
}

.dtcc-search-main-container .filters-left-section .ddl-list {
    border-bottom: 2px solid #f0f0f0;
    width: 80%;
}

.accordion {
    color: #444;
    cursor: pointer;
    padding: 10px 0;
    text-align: left;
}

    .accordion h4 {
        /*width: 46px;*/
        height: 22px;
        font-family: "HelveticaNeueW01-65Medi";
        font-size: 18px;
        font-weight: bold;
        color: #00b6ce;
    }

    .accordion::after {
        color: #00b6ce;
        content: '\f105';
        font-family: 'FontAwesome';
        float: right;
        font-size: 24px;
        margin-left: 5px;
    }

    .accordion.active::after {
        color: #00b6ce;
        content: '\f107';
        font-family: 'FontAwesome';
        float: right;
        font-size: 24px;
    }

div.panel {
    padding: 0;
    background-color: white;
    display: none;
}

    div.panel.show {
        display: block;
    }

/*.filters-left-section .ddl-list .ui-datepickerSearch-trigger {
    cursor: pointer;
}*/
.filters-left-section .ui-datepicker-trigger {
    border: none;
    background: none;
    float: right;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.searchfaCalander:before {
    width: 13px;
    height: 14px;
    font-size: 14px;
    font-weight: normal;
    content: "\f073";
    color: #9d9d9d;
}

/*.filters-left-section .ddl-list .ui-datepickerSearch-trigger::after {
        width: 13px;
        height: 14px;
        font-family: 'FontAwesome';
        font-size: 14px;
        font-weight: normal;
        content: '\f073';
        color: #9d9d9d;
    }*/

.filters-left-section .ddl-list .date-picker-text {
    border: 1px solid #d4d4d4;
    float: left;
    margin-right: 12px;
    padding: 7px 10px;
    width: 90px;
    margin-bottom: 20px;
}

    .filters-left-section .ddl-list .date-picker-text:last-child {
        margin-right: 0;
    }

.filters-left-section .ddl-list .datepickerSearch.hasDatepicker {
    border: none;
    width: 68px;
    font-size: 13px;
    color: #333333;
    font-family: "HelveticaNeueW01-65Medi";
    float: left;
}

.panel .more {
    font-family: "HelveticaNeueW01-65Medi";
    font-size: 12px;
    font-weight: normal;
    color: #505050;
    text-decoration: underline;
    margin-bottom: 15px;
    display: block;
}

.generic-links {
    font-family: "HelveticaNeueW01-65Medi";
    font-size: 14px;
    font-weight: normal;
    color: #505050;
    text-decoration: underline;
    margin-bottom: 7px;
    display: block;
}

.checbox-listing {
    margin-top: 10px;
}

    .checbox-listing li {
        margin-bottom: 20px;
    }

    .checbox-listing label {
        margin: 0;
        text-align: left;
        font-size: 14px;
        font-family: "HelveticaNeueW01-65Medi";
        color: #505050;
    }

        .checbox-listing label:before {
            background-color: #fff;
            border-radius: 3px;
            border: 1px solid #505050;
            content: "";
            display: inline-block;
            height: 14px;
            line-height: 14px;
            margin: 0 10px 0 0;
            text-indent: -1px;
            vertical-align: middle;
            width: 14px;
            position: relative;
            top: -2px;
        }

input[type='checkbox'] {
    margin: 0;
    display: none;
}

    input[type="checkbox"]:checked + label:before {
        background-color: #fff;
        content: '\f046';
        font-size: 19px;
        text-align: center;
        font-family: 'FontAwesome';
        border: 0;
        color: #505050;
    }


/*Search styles end*/
#loading {
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.centered {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -50px;
    margin-left: -50px;
}

.morecontent span {
    display: none;
}

.morelink {
    display: block;
}

div.start {
    max-height: 35px !important;
    overflow: hidden;
    /* transition: max-height 0.8s ease 0s;*/
    position: relative;
}

/*div.start::after {
        bottom: 0;
        content: "";
        height: 50px;
        position: absolute;
        right: 0;
        width: 100%;
        background: linear-gradient(rgba(0,0,0,0), rgba(255,255,255,0.3));
        background: -moz-linear-gradient(rgba(0,0,0,0), rgba(255,255,255,0.3));
        background: -o-linear-gradient(rgba(0,0,0,0), rgba(255,255,255,0.3));
        background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(255,255,255,0.3));
    }*/

.filters-left-section .ddl-list a {
    cursor: pointer;
    text-decoration: none;
}

.filters-left-section .refine-by > h3 {
    font-size: 18px;
}


.filters-left-section .date-list {
    display: none;
}

.search-summary * {
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
}
.font-01 {
    color: #6C6C6C;
    font-size: 13px;
}

.margin-01 {
    margin-bottom: 12px;
}




/*** Business Filters ***/

.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    .visually-hidden.focusable:active,
    .visually-hidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

/*================================================================
         CLICK MENU STYLES
================================================================*/

/*
	THESE STYLES will probably not be needed and are adjusted in your main styles
	- * for example is most efficient when not a child of a class
	   -- hopefully you already are using the box sizing globally
	- you may not need text-decoration etc. depending on your global anchors
*/
.cm-menu a, .cm-menu a:visited {
    color: #222;
    text-decoration: none;
}

.cm-menu *, .cm-menu *:after, .cm-menu *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cm-menu:focus {
    outline: 3px solid blue;
}

.cm-menu, .cm-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .toggle-menu + .cm-menu, .cm-menu ul {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        -wekbit-transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out;
        transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out;
    }

.cm-menu {
    position: relative;
    background: #fff;
    border: 1px solid #d9d9d9;
}

    .cm-menu li a {
        display: block;
        padding: 7px;
        position: relative;
    }

    .cm-menu li {
        border-top: 1px solid #ccc;
    }

        .cm-menu li:first-child {
            border-top: 0;
        }

    .cm-menu li {
        position: relative;
    }

    .cm-menu .has-sub:after,
    .cm-menu .expander-wrap .has-sub > span:after {
        content: " ";
        display: inline-block;
        position: absolute;
        top: 50%;
        right: 10px;
        margin: 5px 0 0 5px;
        vertical-align: middle;
        border: 5px solid transparent;
        /* Extra is for anti-aliasing issues in firefox and others */
        border: 5px solid rgba(0,0,0,0);
        border-top-color: #fff;
        -wekbit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        -webkit-transform: scale(0.98) translateY(-50%);
        -ms-transform: scale(0.98) translateY(-50%);
        transform: scale(0.98) translateY(-50%);
    }

.cm-js-active .cm-menu {
    max-height: 80em;
    opacity: 1;
}

.cm-menu .opened > ul {
    max-height: 80em;
    opacity: 1;
}

/* ================= SEPARATE EXPANDERS OPTION IS ENABLED ================= */

.cm-menu .expander-wrap {
    display: table;
    width: 100%;
}

    .cm-menu .expander-wrap a {
        display: table-cell;
    }

    .cm-menu .expander-wrap .has-sub {
        position: relative;
        width: 30px;
    }

        .cm-menu .expander-wrap .has-sub:after {
            display: none;
        }

        .cm-menu .expander-wrap .has-sub > span {
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
        }

            .cm-menu .expander-wrap .has-sub > span:after {
                content: " ";
                display: inline-block;
                position: absolute;
                top: 50%;
                right: 50%;
                margin: 5px 0 0 5px;
                vertical-align: middle;
                border: 7px solid transparent;
                /* Extra is for anti-aliasing issues in firefox and others */
                border: 7px solid rgba(0,0,0,0);
                border-top-color: #d4d4d4;
                -wekbit-transition: all 0.4s ease-in-out;
                transition: all 0.4s ease-in-out;
                -webkit-transform: translate(50%, -50%);
                -ms-transform: translate(50%, -50%);
                transform: translate(50%, -50%);
            }

            .cm-menu .expander-wrap .has-sub:hover > span:after {
                border-top-color: #9c9c9c;
            }

.cm-menu > li > .expander-wrap {
    position: relative;
}

    .cm-menu > li > .expander-wrap .has-sub {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
    }

        .cm-menu > li > .expander-wrap .has-sub > span:after {
            right: 15px;
        }

        .cm-menu > li > .expander-wrap .has-sub > span:before {
            content: "";
            right: 30px;
            position: absolute;
            left: auto;
            top: 6px;
            display: block;
            width: 1px;
            height: 18px;
            background: #d4d4d4;
        }



/* ================= MENU OPEN FUNCTIONALITY ADDED ON SETUP ================= */

.toggle-menu + .cm-menu {
    max-height: 80em;
    opacity: 1;
    overflow: visible;
}

.cm-menu ul {
    top: 100%;
    overflow: hidden;
    border: solid 1px #d9d9d9;
}

.cm-menu .opened > ul {
    max-height: 80em;
    opacity: 1;
}

.cm-menu .animated > ul {
    overflow: visible;
    z-index: 10;
}

.cm-menu .animating > ul {
    z-index: -1;
}


/*================================================================
				 CLICK MENU MENU TYPES
================================================================*/

/*  NAV BAR STYLE TYPE
	================================================================*/

.nav-bar li {
    border-top: 0;
}

.nav-bar > ul {
    display: table;
    width: 100%;
    table-layout: fixed;
}

    .nav-bar > ul > li {
        display: table-cell;
        vertical-align: middle;
    }

        .nav-bar > ul > li > a {
            display: table;
            width: 100%;
            padding: 0;
        }

            .nav-bar > ul > li > a > span {
                display: table-cell;
                padding: 0 10px;
                height: 40px;
                vertical-align: middle;
                text-align: center;
            }

        .nav-bar > ul > li > ul {
            position: absolute;
        }

.nav-bar .has-sub span:after {
    position: static;
    margin-top: 10px;
}

.nav-bar ul ul .has-sub:after {
    right: 5px;
}

.nav-bar ul li li li {
    margin-left: 0;
    margin-right: 0;
}

.nav-bar ul ul a {
    padding: 5px 15px;
    background: #fff;
}


/*  DROP DOWN NAVIGATION
	================================================================*/

[data-type="dropdown"] ul {
    display: block;
    position: absolute;
    z-index: -1;
    top: 100%;
    left: 0;
    width: 100%;
    min-width: 180px;
    -wekbit-transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out, left 0.4s ease-in-out, right 0.4s ease-in-out;
    transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out, left 0.4s ease-in-out, right 0.4s ease-in-out;
}

    [data-type="dropdown"] ul ul {
        top: 0;
    }

[data-type="dropdown"] .opened > ul {
    left: 100%;
    max-height: 80em;
    opacity: 1;
}

[data-type="dropdown"] a + .has-sub {
    width: 0;
    min-height: 0;
    height: 100%;
}

    [data-type="dropdown"] a + .has-sub > span {
        min-height: 0;
        height: 100%;
    }


.main-nav {
    position: relative;
    z-index: 1000;
}
