/*
   css index
*/

.index-left
{
    margin: 0 0 0 25px;
    float: left;
    width: 192px;}
    
    .index-left-hot
    {
        }
    
        .index-left-hot-heading {
            background-image: url(../images/design/hot_new_heading.png);
            background-repeat: no-repeat;
            font-weight: bold;
            height: 37px;
            color:white;
            padding: 30px 0 0 15px;
            font-size: 15px;
        }

        .index-left-hot-heading span{
            color: #F69322;
            font-weight: normal;
            font-size: 11px;
            padding: 0 0 0 6px;
        }

        .index-left-hot-body
        {
            background-image: url(../images/design/hot_new_body_bg.gif);
            background-repeat: no-repeat;
            height: 163px;
            width: 187px;
            margin: 0 0 0 5px; }

            .index-left-hot-body-element {
                width: 125px;
                margin: 0 auto;
                padding: 13px 0 0 0;
            }
            
            .index-left-hot-body .hidden{
                display: none;
            }

        .index-left-hot-nav
        {
            background-color: #9B0201;
            height: 15px;
            margin: 0 0 0 5px;
            font-size: 12px;
            color: white;
            width: 187px; }
            
            .index-left-hot-nav span {
                display: block;
                float: right;
            }

            .index-left-hot-nav a, .index-left-hot-nav a:visited {
                display: block;
                float: left;
                margin: 0 5px 0 0;
                color: #FFFFFF;
            }

            .index-left-hot-nav a:hover {
                color: #FFFFFF;
                text-decoration: none;
            }

    .index-left-catalog
    {
        margin: 13px 0 0 5px;
        width: 187px;
        }
        
        .index-left-catalog-heading {
            background-color: #ADA897;
            font-size: 11px;
            height: 15px;
            margin: 0 0 1px 0;
            padding: 0 0 0 5px;
            text-transform: uppercase;
        }

        .index-left-catalog-body {
            background-color: white;
            background-image: url(../images/design/box_catalog_image.jpg);
            background-repeat: no-repeat;
            background-position: 12px 5px;
            height: 155px;
        }
        
        .index-left-catalog-body-button {
            margin: 130px 5px 0 0;
            float: right;
        }
        
.index-blogbox
{
    float: right;
    background-image: url(../images/design/index-blog-box-bg.png);
    background-repeat: no-repeat;
    height: 120px;
    font-family: Verdana;
    margin: 208px 0 0 0;
    width: 300px; }
    
    .index-blogbox-heading {
        color: #E3DDCC;
        height: 15px;
        margin: 0 0 0 10px;
        padding: 2px 0 0 0;
        text-transform: uppercase;
        font-size: 10px;
        font-weight: bold;
    }
        
        .index-blogbox-heading a
        {
            color: #e3ddcc !important;
            text-decoration: underline !important;
        }
    
    .index-blogbox-body
    {
        color: white;
        width: 165px;
        height: 50px;
        padding: 5px 0 0 7px;
        font-size: 10px; }
        
        .index-blogbox-body a {
            display: block;
            margin: 7px 0 0 0;
        }