.HotTab {
}

    .HotTab:after {
        clear: both;
    }

    .HotTab .HotTab {
        margin: 5px;
    }

    .HotTab .HotTabNav {
        height: 35px;
        border-bottom: 1px solid;
        font-size: 14px;
    }

        .HotTab .HotTabNav ul li {
            height: 35px;
            line-height: 35px;
            padding: 0 15px;
            float: left;
            margin-top: -1px;
            cursor: pointer;
            -moz-transition: background-color 0.5s;
            -o-transition: background-color 0.5s;
            -webkit-transition: background-color 0.5s;
            transition: background-color 0.5s;
        }

            .HotTab .HotTabNav ul li.HotActiveTab {
                border: 1px solid;
            }

                .HotTab .HotTabNav ul li.HotActiveTab:hover {
                    background: none;
                    padding-bottom: 0;
                }

            .HotTab .HotTabNav ul li:hover {
                padding-bottom: 1px;
            }

    .HotTab .HotTabContent {
        border: 1px solid;
        border-top: none;
        padding: 15px;
    }

        .HotTab .HotTabContent > div {
            display: none;
        }

    .HotTab.Horizontal {
        border: 1px solid;
        border-right: none;
    }

        .HotTab.Horizontal .HotTabNav {
            float: right;
            height: auto;
            border: none;
        }

        .HotTab.Horizontal .HotTabContent {
            border: none;
            height: 100%;
            overflow: hidden;
        }

        .HotTab.Horizontal .HotTabNav ul li {
            float: none;
            border: none;
            border-left: 1px solid;
        }

            .HotTab.Horizontal .HotTabNav ul li:last-child {
                margin-bottom: -1px;
                padding-bottom: 1px;
                margin-top: 0;
            }

            .HotTab.Horizontal .HotTabNav ul li:first-child {
                margin-top: -1px;
                padding-top: 1px;
            }

            .HotTab.Horizontal .HotTabNav ul li.HotActiveTab {
                border: 1px solid;
            }

                .HotTab.Horizontal .HotTabNav ul li.HotActiveTab:hover {
                    background: none;
                    padding-bottom: 0;
                }

            .HotTab.Horizontal .HotTabNav ul li:hover {
                padding-bottom: 0;
            }

            .HotTab.Horizontal .HotTabNav ul li:last-child:hover {
                padding-bottom: 1px;
            }