/*

Styling the counter itself.
Set image paths accordingly.

THIS YOU NEED TO KEEP.

So you can have multiple counters on a page, just make sure each one has a class of "flip-counter".

*/

.flip-counter-wrapper {
    float: right;
    position: relative;
    left: -50%;
}

.flip-counter {
    position: relative;
    left: 50%;
    clear: both;
}

.flip-counter ul.cd{float:left;list-style-type:none;margin:0;padding:0}
.flip-counter li{background:url(./images/flipcounter/digits_transparent_white_50p.png) 0 0 no-repeat}
.flip-counter li.t{background-position:0 0;width:26px;height:20px}
.flip-counter li.b{background-position:0 0;width:26px;height:31px}
.flip-counter li.s{background-position:-27px -529px;width:7px;height:51px}


@media (max-width: 374px) {
    .flip-counter {
        zoom: 50%;
        -moz-transform: scale(0.5);
        overflow: hidden;
        height: 45px;
    }
}