/*

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 ul.cd{display: inline-block;list-style-type:none;margin:0;padding:0;margin-left: -2px;}
.flip-counter li{background:url(/img//assets/cc-balance/digits.png) 0 0 no-repeat}
.flip-counter li.t{background-position:0 0;width:65px;height:47px}
.flip-counter li.b{background-position:0 0;width:65px;height:47px}
.flip-counter li.s{background-position:-53px -1030px;width:14px;height:103px}
.flip-counter li{margin:0;}
.flip-counter { overflow:hidden;}


.lt-ie8 .flip-counter {margin-left: 38px;}
.lt-ie8 .meganav .flip-counter {margin-left: 8px;}
.lt-ie8 .flip-counter ul.cd{float:left;}

/* #### Mobile Phones Portrait or Landscape #### */
		@media screen and (max-width: 767px) {

			.flip-counter li{background:url(/img//assets/cc-balance/digits-mob.png) 0 0 no-repeat}
			.flip-counter li.t{background-position:0 0;width:49px;height:35px}
			.flip-counter li.b{background-position:0 0;width:49px;height:35px}


		}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */