.vine-button {
    display: block;
    outline: none;
    text-align: left;
    font-size: 11px;
    font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    cursor: pointer;
    color: #444;
}

.vine-button-inner {
    display: inline-block;
}

.vine-button-left {
    display: block;
    background: url('vine-gradient-left.png') top left no-repeat;
}

.vine-button-right {
    display: block;
    background: url('vine-gradient-right.png') top right no-repeat;
}

.vine-button-center {
    display: block;
    margin: 0 5px;
    padding: 0 10px;
    height: 32px;
    background: url('vine-gradient-center.png') top center repeat-x;
    line-height: 32px;
    text-align: center;
}

.vine-button-hover .vine-button-left,
.vine-button:hover .vine-button-left {
    background-position: left -32px;
}

.vine-button-hover .vine-button-right,
.vine-button:hover .vine-button-right {
    background-position: right -32px;
}

.vine-button-hover .vine-button-center,
.vine-button:hover .vine-button-center {
    background-position: center -32px;
}