@import url(http://fonts.googleapis.com/css?family=Merienda:700);
@import url(http://fonts.googleapis.com/css?family=Fjalla+One);

#scarcitybar{background: #0E0E0E url("../images/bar-bg.jpg") repeat-x left top;position: fixed;bottom: 0;width: 100%;color: #2cabd5;border-top:solid 1px #2cabd5;border-right:solid 1px #2cabd5;border-left:solid 1px #2cabd5;z-index: 1000;left: 0;padding-bottom:3px;}
#scarcitybar .wrapper{max-width: 1092px;margin: auto;position: relative;padding-top:5px;}
#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: 75px;float: right;margin: 0 15px;}
#scarcitybar .productBox{/*bottom: 0;right: 0;position: absolute;*/margin:0;float: left;max-width: 150px;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;width: 270px;white-space:nowrap;}
#scarcitybar .introText pre{font-family: 'Raleway', "Arial", "Helvetica", sans-serif !important ;font-size: 18px;margin: 0;    line-height: 26px;
    margin-top: 10px;}

#scarcitybar #sbTimerCnt{width: 140px;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: right;margin-left: 15px;}
#scarcitybar .clrB{clear: both;height: 1px;}

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

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

	#scarcitybar #sbTimerCnt {font-size: 20px;}
	#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: 670px){

#scarcitybar .introText{float: left;width: 270px;white-space:normal;padding:10px;}
#scarcitybar .subscribe{width: 152px;height: 65px;float: right;margin-left: 15px;margin-top:5px;}

}

@media all and (max-width: 480px){
	#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% !important;clear:both;padding:0px 60px;}
	#scarcitybar.positionTop #sbTimerCnt{margin-top: 0;}
	#scarcitybar .introText {float: right;width: auto;margin-top: 3px;width:100% !important;padding:5px;clear:both;}
	#scarcitybar.noProductsBox.noActionButton .introText{float: left;}
	#scarcitybar .introText pre{font-size: 20px;margin-right: 10px;line-height: 28px; margin-top: 5px;}
	#scarcitybar.positionBottom .box-aside {clear: right;}
}

#scarcitybar a.buttonLink, #scarcitybar a.buttonLink span {display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;font: 16px 'Raleway', "Arial", "Helvetica", sans-serif !important; }
#scarcitybar a.buttonLink {white-space: nowrap; line-height:1em; position:relative; outline: none; overflow: visible; /* removes extra side padding in IE */ cursor: pointer;  border: #2cabd7 1px solid;/* Saf4+, Chrome, FF3.6 */ -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); 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:#2cabd7; text-shadow:0 1px 1px rgba(0, 0, 0, 0.25); border-top: rgba(255, 255, 255, .2) 1px solid; padding:10px 10px; 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: #2cabd7;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;}


@media all and (max-width: 480px) {

#scarcitybar .introText {
text-align:center;
float:none;
white-space: normal;
}
#scarcitybar .subscribe{width: 100%;height: 65px;float: none;margin-left: 0px; text-align:center;}
}