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

body {

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

            li {
                padding: 1.5em;
                text-align: center;
                width: 100px;

                &:hover {
                    background-color: #dddddd;
                }
                &.marked {
                    background-color: #dddddd;
                }
            }
        }
    }

    #register {
        #products {
            ul {
                @include inline-block-list;
                
                li {
                    padding: 1.5em;
                    text-align: center;

                    &:hover {
                        background-color: #dddddd;
                    }
                }
            }
        }
        #total {
            div {
                color: #ffffff;
                background-color: #222;
                padding: 10px;
                min-width:115px;
                h2 {
                    color: #ffffff;
                }
            }
        }
        button {
            margin-top:10px;
        }
    }
    section {
        margin-bottom:2em;
    }
}