body {
    height: 100%;
    min-height: 100%;
}

#colormap {
    width: 350px;
    height: 160px;
    float: left;
    font-size: small;
}

#colormap p {
    padding-right: 5px;
}

#colorsample {
    width: auto;
    min-height: 300px;
    margin-left: 350px;
    padding: 10px;
    border: 1px solid #cccccc;
}

#hexval {
    font-weight: bold;
    font-size: 24px;
}

#kuler {
    padding-top: 25px;
}   

#istock {
    padding-top: 25px;
}

.swatch {
    padding: 5px;
}

.light_bg {
    color: #000000;
}

.light_bg a {
    color: #0000ff;
}

.dark_bg {
    color: #ffffff;
}

.dark_bg a {
    color: #99ccff;
}

.dark_bg a:visited {
    color: #ccccff;
}

#preview, #click {
    font-size: small;
}