@font-face {font-family: 'Myriad Pro'; src: url('/inc/images/countdown/fonts/MyriadPro-Cond.eot');}
@font-face {font-family: 'Adobe Garamond Pro'; src: url('/inc/images/countdown/fonts/agaramondpro-regular-webfont.eot');}
@font-face {font-family: 'Myriad Pro'; src: url('/inc/images/countdown/fonts/MyriadPro-Cond.otf');}
@font-face {font-family: 'Adobe Garamond Pro'; src: url('/inc/images/countdown/fonts/AGaramondPro-Regular.otf');}
	

#applybtn{
	background:url('/inc/images/countdown/rd-BTN.png') no-repeat;
	color:#FFFFFF;
	font-size: 24px;
	font-family: Myriad Pro, Helvetica, sans-serif;
	padding-top:0px;
	width:300px;
	cursor:pointer;
}
#countbox_bg {
	display:block;
	background-image:url('/inc/images/countdown/bg_filter_count.png');
	position:fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 1000;
	font-family: Myriad Pro, Helvetica, sans-serif;
}
#countbox_outer {
	font-family: Adobe Garamond Pro;
	font-size: 70px;
	color:#FFFFFF;
	border: 5px Solid #FFF;
	background-image:url('/inc/images/countdown/img/bg_repeat.jpg');
	background-repeat:repeat;
	position:absolute;
	width:500px;
	height:210px;
	left:45%;
	margin-left:-250px;
	top:35%;
	margin-top:-100px;
}
#countbox{
	padding-top: 20px;
	color: #fff;
	font-family: Adobe Garamond Pro;
	font-size: 70px;
	width: 432px;
	height: 160px;
	margin-left:auto;
	margin-right: auto;
}

#days{
	float: left;
	font-family: Myriad Pro;
	font-size: 70px;
	text-align: center;	
	background-image:url('/inc/images/countdown/img/flip.png');
	background-repeat:no-repeat;
	margin: 0 7px 0 7px;
	padding: 2px 0 0 0;
	height: 89px;
	width: 94px;
	z-index:1;
}

		#days_text{
			background-image:url('/inc/images/countdown/img/days_text.jpg');
			background-position: center;
			background-repeat:no-repeat;
			position: absolute;
			margin-top: 30px;
			height: 26px;
			width: 94px;
		}
	
#hours{	
	font-family: Myriad Pro;
	font-size: 70px;
	float: left;
	text-align: center;
	background-image:url('/inc/images/countdown/img/flip.png');
	background-repeat:no-repeat;
	margin: 0 7px 0 7px;
	padding: 2px 0 0 0;
	height: 89px;
	width: 94px;
	z-index:1;
}

		#hours_text{
			background-image:url('/inc/images/countdown/img/hours_text.jpg');
			background-position: center;
			background-repeat:no-repeat;
			position: absolute;
			margin-top: 30px;
			height: 26px;
			width: 94px;
		}

#mins{
	font-family: Myriad Pro;
	font-size: 70px;
	float: left;
	text-align: center;
	background-image:url('/inc/images/countdown/img/flip.png');
	background-repeat:no-repeat;
	margin: 0 7px 0 7px;
	padding: 2px 0 0 0;
	height: 89px;
	width: 94px;
    z-index:1;
}

		#mins_text{
			background-image:url('/inc/images/countdown/img/mins_text.jpg');
			background-position: center;
			background-repeat:no-repeat;
			position: absolute;
			margin-top: 30px;
			height: 26px;
			width: 94px;
		}

#secs{
	font-family: Myriad Pro;
	font-size: 70px;
	float: left;
	text-align: center;
	background-image:url('/inc/images/countdown/img/flip.png');
	background-repeat:no-repeat;
	margin: 0 7px 0 7px;
	padding: 2px 0 0 0;
	height: 89px;
	width: 94px;
    z-index:1;
}

		#secs_text{
			background-image:url('/inc/images/countdown/img/secs_text.jpg');
			background-position: center;
			background-repeat:no-repeat;
			position: absolute;
			margin-top: 30px;
			height: 26px;
			width: 94px;
		}

#days span, #hours span, #mins span , #secs span {
	background: url(/inc/images/countdown/img/flip_gradient.png);
	background-repeat:no-repeat;
	position: absolute;
	display: block;
	height: 57px;
	width: 94px;
}

img.in {
	border:0;
	position: absolute;
	width: 30px;
	height: 30px;
    z-index: 10;
	}
 
img.out {
	border:0;
	position: absolute;
	width: 30px;
	height: 30px;
}