@import url(http://fonts.googleapis.com/css?family=Merienda:700);
@import url(http://fonts.googleapis.com/css?family=Fjalla+One);
	
#scarcitybar{background: rgba(001, 0, 0, 1.0);;position: fixed;bottom: 0;width: 100%;color: #fff;border-top:solid 2px #111;z-index: 10000;height: 65px;left: 0;}
#scarcitybar .wrapper{/*margin: auto; */position: relative;}
#scarcitybar.noActionButton .wrapper, #scarcitybar.noProductsBox .wrapper{max-width: 820px;}
#scarcitybar.noProductsBox.noActionButton .wrapper{max-width: 650px;}
#scarcitybar.effectSlide{bottom:-250px;}
#scarcitybar.effectSlide.positionTop{top:-250px;}
#scarcitybar.effectFade{opacity: 0;}

#scarcitybar .productBoxWrap{width: 150px;height: 65px;float: left;/*margin: 0 15px;*/}
#scarcitybar .productBox{/*bottom: 0;right: 0;position: absolute;*/margin:0;float: left;max-width: 200px;max-height: 223px;position: absolute;bottom: 10px;}
#scarcitybar .productBox img{max-width: 150px;max-height: 223px;border: none;}

#scarcitybar .box-aside{margin: 0 15px 0 5px;float: right;}
#scarcitybar .introText{float: left;white-space: nowrap;}
#scarcitybar .introText p{float: right;font-family: 'Merienda', Georgia, cursive;font-size: 28px;margin: 0;line-height: 64px;}

#scarcitybar #sbTimerCnt{width: 330px;height: 70px;float: right;margin:5px 0 0 10px;overflow: hidden;font: 1em Arial,sans-serif;}
#scarcitybar #sbTimerCnt.is-countdown{background: none;border: none;}


#scarcitybar .subscribe{width: 152px;height: 65px;float: left;margin-left:10px;}
#scarcitybar .clrB{clear: both;height: 1px;}

#scarcitybar .countdown-section .countdown-amount{border-radius: 5px;padding: 0 5px;}

#scarcitybar.formatYODHMS #sbTimerCnt{width: 330px;}
	#scarcitybar.formatODHMS #sbTimerCnt{width: 290px;}
	#scarcitybar.formatDHMS #sbTimerCnt{width: 250px;}
	#scarcitybar.formatDHMS .introText{width: 350px;}
	#scarcitybar.formatHMS #sbTimerCnt{width: 210px;}
		#scarcitybar.formatHMS .introText {}
	#scarcitybar.formatHM #sbTimerCnt{width: 170px;}
		#scarcitybar.formatHM .introText {width: 430px;}

	#scarcitybar #sbTimerCnt {font-size: 20px;margin-top: -10px;}
	#scarcitybar .countdown-section .countdown-amount{line-height: 50px;font-size: 36px;}
	#scarcitybar .countdown-section .countdown-period{line-height: 16px;font-size: 11px;}

	#scarcitybar.formatYOWDHMS .countdown-section .countdown-amount,
	#scarcitybar.formatYODHMS .countdown-section .countdown-amount{line-height: 45px;font-size: 28px;}
	#scarcitybar.formatYOWDHMS #sbTimerCnt,
	#scarcitybar.formatYODHMS #sbTimerCnt
	{margin-top: 0;}

#scarcitybar.positionTop{top:0;bottom:auto;border-top:0;border-bottom:solid 2px #111;}
	#scarcitybar.positionTop .productBox{margin-top: 0;bottom: auto;position: relative;}
	#scarcitybar.positionTop #sbTimerCnt{margin-top: 10px;}
	

@media all and (max-width: 980px){
	#scarcitybar {height: auto;}
	#scarcitybar .wrapper{padding-top: 2px;}
	#scarcitybar .productBoxWrap{max-height:35px;max-width:75px ;position: relative;}
	#scarcitybar.positionTop .productBoxWrap{clear: right;height: auto;max-height: none;margin: 20px 15px -20px 15px;}
	#scarcitybar .productBox{margin-top: -65px;max-width: 75px;max-height: 111px;}
	#scarcitybar .productBox img{max-width: 75px;max-height: 111px;}
	#scarcitybar #sbTimerCnt{width: 100%;margin-top: 0;}
	#scarcitybar.positionTop #sbTimerCnt{margin-top: 0;}
	#scarcitybar .introText {float: right;width: auto;margin-top: 3px;display:none;}
	#scarcitybar.noProductsBox.noActionButton .introText{float: left;}
	#scarcitybar .introText p{font-size: 24px;margin-right: 10px;line-height: 34px;}
	#scarcitybar.positionBottom .box-aside {clear: right;}
	#scarcitybar .subscribe{height: 60px;}
	#scarcitybar a.buttonLink {}
	#scarcitybar a.buttonLink span { }
}

#scarcitybar a.buttonLink, #scarcitybar a.buttonLink span {display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;font: 20px bold sans-serif, Arial, Helvetica; }
#scarcitybar a.buttonLink {white-space: nowrap; line-height:1em; position:relative; outline: none; overflow: visible; /* removes extra side padding in IE */ cursor: pointer; border: 1px solid #999;/* IE */ border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */ border-bottom:rgba(0, 0, 0, .4) 1px solid; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); background: -moz-linear-gradient(center top, rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .1) 100% );/* FF3.6 */ background: -webkit-gradient(linear, center bottom, center top, from(rgba(0, 0, 0, .1)), to(rgba(255, 255, 255, .1)) );/* Saf4+, Chrome */ filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */ -moz-user-select: none; -webkit-user-select:none; -khtml-user-select: none; user-select: none; margin-top:7px;}
#scarcitybar a.buttonLink.full, #scarcitybar a.buttonLink.full span {display: block; }
#scarcitybar a.buttonLink:hover, #scarcitybar a.buttonLink.hover {background: -moz-linear-gradient(center top, rgba(255, 255, 255, .2) 0%, rgba(255, 255, 255, .1) 100% );/* FF3.6 */ background: -webkit-gradient(linear, center bottom, center top, from(rgba(255, 255, 255, .1)), to(rgba(255, 255, 255, .2)) );/* Saf4+, Chrome */ filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */ }
#scarcitybar a.buttonLink:active, #scarcitybar a.buttonLink.active {top:1px; }
#scarcitybar a.buttonLink span {position: relative; color:#fff; text-shadow:0 1px 1px rgba(0, 0, 0, 0.25); border-top: rgba(255, 255, 255, .2) 1px solid; padding:10px 5px; line-height:1em; text-decoration:none; text-align:center; white-space: nowrap;min-width: 150px;}

#scarcitybar a.buttonLink, #scarcitybar a.buttonLink:hover {/*background-color: #91bd09;*/}


.positionTop a#closeScarcityBar, .positionBottom a#closeScarcityBar {position: absolute;right: 5px;width: 16px;height: 16px;display: block;background: #111;color: #fff;font: bold 12px/18px Arial,Verdana,Geneva,Helvetica,sans-serif;text-align: center;border-radius: 3px 3px 0 0;text-decoration: none;}
.positionTop a#closeScarcityBar {bottom: -17px;border-radius: 0 0 3px 3px;}
.positionBottom a#closeScarcityBar {top: -17px;}

#scarcitybar
	{ 
		/*
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1a82f7), color-stop(1, #2f2727) ); 
		background-image: -o-linear-gradient(bottom, #1a82f7 0%, #2f2727 100%); 
		background-image: -moz-linear-gradient(bottom, #1a82f7 0%, #2f2727 100%); 
		background-image: -webkit-linear-gradient(bottom, #1a82f7 0%, #2f2727 100%); 
		background-image: -ms-linear-gradient(bottom, #1a82f7 0%, #2f2727 100%); 
		background-image: linear-gradient(to bottom, #1a82f7; 0%, #2f2727 100%); 
		*/
		/*background-color : #41b59b;*/
	}
	
	#scarcitybar .countdown-section .countdown-amount
	{
		color:#ffffff; 
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555555), color-stop(1, #333333) ); 
		background-image: -o-linear-gradient(bottom, #555555 0%, #333333 100%); 
		background-image: -moz-linear-gradient(bottom, #555555 0%, #333333 100%); 
		background-image: -webkit-linear-gradient(bottom, #555555 0%, #333333 100%); 
		background-image: -ms-linear-gradient(bottom, #555555 0%, #333333 100%); 
		background-image: linear-gradient(to bottom, #555555 0%, #333333 100%); 
	} 
	
	#scarcitybar .introText
	{
		color:#fff;
	} 
	
	#scarcitybar a.buttonLink span
	{
		color:#ffffff;
	}		
	
	#scarcitybar .countdown-section .countdown-period
	{
		color:#ffffff;
	} 
	
	#scarcitybar a.buttonLink, #scarcitybar a.buttonLink:hover 
	{ 
		background-color: #f25362 
	}