﻿.content-text table {
    border-spacing: 1px;
    border-collapse: collapse;
    background: white;
    border-radius: 6px;
    overflow: hidden;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    position: relative;
/*    border: 10px solid #337ab7;*/
}

    .content-text table * {
        position: relative;
    }

    .content-text table td, .content-text table th {
        padding-left: 8px;
    }

    .content-text table thead tr {
        height: 40px;
        background: #337ab7;
        font-size: 14px;
    }

        .content-text table thead tr th {
            padding: 0px 10px;
            line-height: 30px;
            color: #fff;
        }

    .content-text table tbody tr {
        height: 48px;
        border-bottom: 1px solid #e3f1d5;
    }

        .content-text table tbody tr:last-child {
            border: 0;
        }

    .content-text table td, .content-text table th {
        text-align: left;
    }

        .content-text table td.l, .content-text table th.l {
            text-align: right;
        }

        .content-text table td.c, .content-text table th.c {
            text-align: center;
        }

        .content-text table td.r, .content-text table th.r {
            text-align: center;
        }

@media screen and (max-width: 35.5em) {
    .content-text table {
        display: block;
    }

        .content-text table > *, .content-text table tr, .content-text table td, .content-text table th {
            display: block;
        }

        .content-text table thead {
            display: none;
        }

        .content-text table tbody tr {
            height: auto;
            padding: 8px 0;
        }

            .content-text table tbody tr td {
                padding-left: 45%;
                margin-bottom: 12px;
            }

                .content-text table tbody tr td:last-child {
                    margin-bottom: 0;
                }

                .content-text table tbody tr td:before {
                    position: absolute;
                    font-weight: 700;
                    width: 40%;
                    left: 10px;
                    top: 0;
                }

                .content-text table tbody tr td:nth-child(1):before {
                    content: "Code";
                }

                .content-text table tbody tr td:nth-child(2):before {
                    content: "Stock";
                }

                .content-text table tbody tr td:nth-child(3):before {
                    content: "Cap";
                }

                .content-text table tbody tr td:nth-child(4):before {
                    content: "Inch";
                }

                .content-text table tbody tr td:nth-child(5):before {
                    content: "Box Type";
                }
}


blockquote {
    color: white;
    text-align: center;
}
