//@import "compass";
@import "compass_twitter_bootstrap";

body {

    #header {
    }
    #customer {
        ul {
            @include inline-block-list;

            li {
                padding-right: 10px;
                padding-top: 10px;
                text-align: center;
                width: 79px;

                &:hover {
                    background-color: #dddddd;
                }
                &.marked {
                    color: #468847;
                    background-color: #DFF0D8;
                }
                .name {
                    font-weight: bold;
                }
            }
        }
    }

    #register {
        #products {
            ul {
                @include inline-block-list;
                
                li {
                    padding-top: 10px;
                    padding-left: 20px;
                    padding-right: 20px;
                    text-align: center;

                    &:hover {
                        background-color: #dddddd;
                    }
                    &.marked {
                        color: #468847;
                        background-color: #DFF0D8;
                    }
                    .qty {
                        font-size: 1.7em;
                        font-weight: bold;
                    }
                    .name {
                        font-weight: bold;
                    }
                }
            }
        }
        #total {
            div {
                color: #ffffff;
                background-color: #222;
                padding: 10px;
                min-width:115px;
                h2 {
                    color: #ffffff;
                }
            }
        }
        button {
            margin-top:10px;
        }
    }
    section {
        margin-bottom:2em;
    }
}