.cdtimer {
    color: #fff;
    font-family: 'OpenSansCondensedBold', Arial, Helvetica, sans-serif;
    background-image: url(../i/cdtimer/glow.png);
    background-position: top right;
    background-repeat: no-repeat;
    padding: 0;
    margin: 1em auto;  /* <-- timer alignment */
    position: relative;
    width: 290px;
    height: 150px;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

    box-shadow: 0px 5px 5px #eee;
    }

.cdtimer.default { background-color: #5a125a; }
.cdtimer.red { background-color: #FF0000; }
.cdtimer.orange { background-color: #FF4500; }
.cdtimer.green { background-color: #006400; }
.cdtimer.gray { background-color: #666; }

.cdtimer.black { background-color: #000; }
.cdtimer.black .clock { color: #FFD700; }

.cdtimer.blue { background-color: #00008B; }
.cdtimer.golden { background-color: #B8860B; }
.cdtimer.khaki { background-color: #BDB76B; }
.cdtimer.violet { background-color: #C71585; }
.cdtimer.sienna { background-color: #A0522D; }
.cdtimer.teal { background-color: #008080; }

.cdtimer.slate-gray { background-color: SlateGray; }
.cdtimer.dark-sea-green { background-color: DarkSeaGreen; }
.cdtimer.dark-slate-gray { background-color: DarkSlateGray; }
.cdtimer.royal-blue { background-color: RoyalBlue; }
.cdtimer.dark-red { background-color: DarkRed; }
.cdtimer.light-orange { background-color: #FF8C00; }
.cdtimer.deep-pink { background-color: #FF1493; }

    .cdtimer .days {
        font-size: 80px;
        font-weight: bold;
        line-height: 1em;
        position: absolute;
        top: 15px;
        left: 16px;
        }

        .cdtimer .days SPAN {
            font-size: 18px;
            line-height: 2.3em;
            text-transform: uppercase;
            vertical-align: top;
            display: inline-block;

            -moz-opacity: .75;
            filter: alpha(opacity=75);
            opacity: .75;
            }

    .cdtimer .clock {
        position: absolute;
        top: 92px;
        left: 10px;
        }

        .cdtimer .clock DIV {
            font-size: 36px;
            font-weight: 900;
            line-height: 1em;
            text-align: center;
/*            border: 1px solid yellow; */
            background: url(../i/cdtimer/sep.png) right 6px no-repeat;
            padding-right: 12px;
            margin-left: 12px;
            float: left;
            }

            .cdtimer .clock DIV SPAN {
                font-size: 12px;
                font-weight: normal;
                text-align: center;
                line-height: 1em;
                display: block;
                text-transform: uppercase;

                -moz-opacity: .75;
                filter: alpha(opacity=75);
                opacity: .75;
                }

        .cdtimer .clock DIV.ms {
            text-align: left;
            background: none;
            padding-right: 0;
            }

    .cdtimer .expired {
        font-size: 24px;
        text-align: center;
        line-height: 150px;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        }