/**
 * Base styles for touch swipe/scroll demo
 */

body {
    margin: 0;
    font: 11px Arial;
}

.wrap{
    width: 100%;
    max-width: 738px;
    height: 110px;
    overflow-x: scroll;
    white-space: nowrap;
    background: #f5f5f5;
}

.grid {
    width: 3740px; /* 20 x 187 */
}

.grid a {
    background: #ccc;
    text-decoration: none;
    color: #333;
    font-size: 20px;
    display: block;
    float: left;
    text-align: center;
    vertical-align: middle;
    width: 137px;
    height: 50px;
    padding: 20px;
    margin: 0 10px 0 0;
}

.grid a:nth-child(2n+2) {
    background-color: #ddd;
}

.grid a:first-child,
.grid a:last-child {
    background-color: #666;
    color: #fff;
}

.grid a.clicked {
    color: #fff;
    background-color: #cc0000;
}