﻿
div.body {
    padding-top: 0;
    background-color: transparent;
}


div.home-header,
div.home_content {
        
    width: 100%;
    float: left;
    clear: both;
    position: relative;
    padding: 0;
    margin: 0;
}

div.home-header {
    height: 260px;
        background-image: url(/Assets/Images/Site/Layouts/Public/homev3/background/rotate-header-background.jpg);
    background-repeat: repeat-x;
}



div.mp_call_to_action {
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    float: left;
    clear: both;
    padding-bottom: 30px;
}

div.home_content div.mp_call_to_action h1,
div.mp_call_to_action h1 {
    color: #023176;
}
div.mp_call_to_action div.mp_call_to_action_wrap
{
    width: 100%;
    padding: 0px;
    padding-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #47454D;
    position: relative;
    margin: 0px;
    float: left;
    clear: both;
}

div.mp_call_to_action div.col_1,
div.mp_call_to_action div.col_2  {
    float: left;
    position: relative;
    padding: 0;
    margin: 0;
    
}

div.mp_call_to_action div.col_1 {
     margin-right:275px;
   margin-left:0;
}
div.mp_call_to_action div.col_2 {
    float: right;
    width: 270px;
    margin-left: -280px;
}



div.mp_call_to_action ul {
    float: left;
    clear: both;
    padding: 0;
    margin: 0;
    list-style-type: none;
    position: relative;
    width: 100%;
}

div.mp_call_to_action ul li{
    clear: none;
    float: left;
    padding: 0;
    padding-right: 10px;
    margin: 0;
    list-style-type: none;
}

div.mp_call_to_action ul.small li {
    float: right;
    padding-left: 10px;
}
div.mp_call_to_action a {
    text-decoration: none;
}


div.mp_call_to_action ul a span.btn_blue,
div.mp_call_to_action ul a span {
    background-image: url(/Assets/Images/Site/Layouts/Public/homev3/buttons/btns-call-to-action.png?10222013);
    text-align: center;
    text-transform: uppercase;
    width: 105px;
    height: 49px;
    display: block;
    padding-top: 7px;
    height: 42px;
    color: #0D3474;
    font-weight: bold;
    font-size: 12px;
    background-position: left top;
}

div.mp_call_to_action ul a span.btn_blue {
    background-image: url(/Assets/Images/Site/Layouts/Public/homev3/buttons/btns-call-to-action-blue.png?10222013);
        color: #fff;
}

div.mp_call_to_action ul a:hover span.btn_blue,
    div.mp_call_to_action a:hover span {
    background-position: left bottom;
}


div.mp_call_to_action ul.small a span.btn_blue,
div.mp_call_to_action ul.small a span {
    background-image: url(/Assets/Images/Site/Layouts/Public/homev3/buttons/btns-call-to-action_sm.png?10222013);
    text-align: center;
    text-transform: uppercase;
    width: 100px;
    height: 34px;
    display: block;
    padding-top: 6px;    
    color: #0D3474;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
    background-position: left top;
}

div.mp_call_to_action ul.small a span.btn_blue {
    background-image: url(/Assets/Images/Site/Layouts/Public/homev3/buttons/btns-call-to-action-blue_sm.png?10222013);
        color: #fff;
}

div.mp_call_to_action ul.small a:hover span.btn_blue,
    div.mp_call_to_action ul.small a:hover span {
    background-position: left bottom;
}

     

div.home_content {
        padding-top: 35px;
}

div.home_content h1 {
    font-size: 30px;
    color: #000;
        margin: 0;
    margin-bottom: 20px;
    padding: 0;
           
}
div.home_content div.col_left,
div.home_content div.col_right {
    float: left;
    clear: none;
    position: relative;
    padding: 0;
    margin: 0;
}

div.home_content div.col_left {
    width: 50%;
    padding-top: 45px;
    padding-left: 10px;
}

div.home_content div.col_right {
    width: 47%;
    float: right;
}
div.home_content div.product {
    width: 100%;
    float: left;
    clear: both;
    position: relative;
    padding: 0;
    margin: 0;
    padding-bottom: 55px;
}

    div.home_content div.product div.icon {
        float: left;
        clear: none;
        width: 100px;
        position: relative;
        text-align: center;
    }
         

        
    div.home_content div.product div.icon img {
        background-repeat: no-repeat;
        width: 67px;
        height: 70px;
        background-image: url(/Assets/Images/Site/Layouts/Public/homev3/icons/icons-fade.jpg?10122013);
        background-position: -15px 200px;
    }

    div.home_content div.product div.mp_real_time img {
        background-position: -15px -15px;
    }

    div.home_content div.product div.mp_open_market img{
        background-position: -15px -115px;
    }

    div.home_content div.product div.mp_steel_iron_benchmark img {
        background-position: -15px -215px;
    }

    div.home_content div.product div.mp_customizable_dashboard img {
        background-position: -15px -315px;
    }

    div.home_content div.product div.mp_market_reports_news img {
        background-position: -15px -415px;
    }

     
    div.home_content div.product div.mp_mobile_app img {
        background-position: -15px -520px;
    }

    div.home_content div.product div.mp_tools img {
        background-position: -18px -620px;
    }

    div.home_content div.product div.desc {
        float: left;
        clear: none;
        width: 350px;
        padding-left: 25px;
        position: relative;
        background-repeat: no-repeat;

    }

    div.home_content div.product div.desc h2 {
        font-size: 22px;
        margin: 0;
        padding: 0;
        padding-bottom: 8px;
        color: #000;
        font-weight: 600;

    }

    div.home_content div.product div.desc div {
        width: 100%;
        float: left;
        clear: both;
        padding-bottom: 15px;
        position: relative;
        font-size: 16px;
    }

    div.home_content div.product div.desc div.link a {
        color: #043D72;
        font-size: 14px;
        text-decoration: none;
        font-weight: bold;
    }

    div.home_content div.product div.desc div.link a span{
        padding-right: 15px;
        background-repeat: no-repeat;
        background-image: url(/Assets/Images/Site/Layouts/Public/homev3/icons/icon-blue-arrow.gif);
        background-position: right 5px;
    }

    div.home_content div.product div.desc div.link a:hover {
        color: #666666;
        text-decoration: underline;
    }

    div.news_block div.news_more,
    div.news_block {
        float: left;
        width: 100%;
        padding: 0;
        margin: 0;
        position: relative;
        clear: both;
    }

    div.news_block {
        padding-bottom: 50px;
    }

    div.news_block div.news_more {
        padding-top: 10px;
    }
    div.news_block div.news_more a {
        color: #043D72;
        font-size: 14px;
        text-decoration: none;
        font-weight: bold;
    }

    div.news_block div.news_more a span{
        padding-right: 15px;
        background-repeat: no-repeat;
        background-image: url(/Assets/Images/Site/Layouts/Public/homev3/icons/icon-blue-arrow.gif);
        background-position: right 5px;
    }

    div.news_block div.news_more a:hover {
        color: #666666;
        text-decoration: underline;
    }

    div.news_block ul li,
    div.news_block ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 100%;
        position: relative;
        float: left;
        clear: both;
    }

    

    div.news_block ul li {
        border-bottom: 1px solid #B8B8B8;
        padding-bottom: 7px;
        padding-top: 9px;
    }

    /*
     div.news_block ul li:hover {
         background-color:#EFEFEF;

     }*/

     div.news_block ul.news_media_partners li {
         float: left;
         clear: none;
         padding-right: 10px;
         border-bottom-width: 0;
         width: auto;
     }

    div.news_block ul li.first {
        padding-top: 0;
    }

    div.news_block ul li ul.article li{
        clear: none;
        border-width: 0;
        padding: 0;
    }

    div.news_block ul li ul.article li.title{
        width: 80%;
    }

    div.news_block ul li ul.article li.title a:link,
    div.news_block ul li ul.article li.title a:active,
    div.news_block ul li ul.article li.title a:visited {
        color: #05549E;
        font-size: 13px;
        text-decoration: none;
    }

    div.news_block ul li ul.article li.title a:hover {
        text-decoration: underline;
    }

        div.news_block ul li ul.article li.title div.source {
        color: #999999;
        font-size: 12px;
    }

        div.news_block ul li ul.article li.date span {
            display: block;
            font-size: 12px;
        }

    div.news_block ul li ul.article li.date {
        width: 18%;
        text-align: center;
        float: right;
        font-size: 11px;
    }

    div.partners {
            background-image: none;
            margin-top: 0;
        }

    div.partners {
    background-image: url(../Images/Site/Backgrounds/bkg_panel_gray.jpg);
    background-repeat: repeat-x;
    padding: 0px;
    margin: 0px;
    clear: both;
    width: 100%;
    position: relative;
    float: left;
        background-color: #e4e4e4;
    margin-top: 10px;
   
}

div.partners h2 {
    padding: 0px;
    margin: 0px;
    font-size: 11px;
    font-weight: bold;
    padding-top: 7px;
    width: 100%;
    text-align: center;
    padding-left: 5px;
    color: #fff;
}


div.partners ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

div.partners ul li{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 195px;
    float: left;
    clear: none;
    text-align: center;
}

#rotate_partners {
   
    padding: 0px;
    margin: 0px;
    font-size: 11px;
    padding-top: 20px;
    width: 98%;
    padding-left: 5px;
    color: #333;
    float: left;
    clear: both;
    position: relative;
    height: 70px;
    overflow: hidden;

}

#rotate_partners ul{
     padding-top: 20px;
}
