/*

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".

*/
.counter{
	position:absolute;
	top:17px;
	right:235px;
	text-align:center;}

.counter p{
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF}

#wrapper{float:right;position:relative;/*left:-50%;*/ 	
	padding:10px 20px;	background-color:#B60077;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;}

.flip-counter{ display:inline-block}

.flip-counter ul.cd{float:left;list-style-type:none;margin:0;padding:0; display:inline-block}
.flip-counter li{background:url(../images/digits.png) 0 0 no-repeat}
.flip-counter li.t{background-position:0 0;width:53px;height:39px}
.flip-counter li.b{background-position:0 0;width:53px;height:40px}
.flip-counter li.s{background-position:-53px -1030px;width:14px;height:85px}