/**
 * copy of Compassion Sunday Rail Ad plugin
 */

.cs-rail-ad {
	position: fixed;
	bottom: 30px;
	right: -999em; /* Position off the page, show it with some JS magicks */
	background: #333;
	font-size: 14px;
	width: 230px;
	transition: all .5s;
	padding-bottom: 30px;

	/* Shadow
	-webkit-box-shadow: 7px 7px 0px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    7px 7px 0px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         7px 7px 0px 0px rgba(0, 0, 0, 0.25);
	*/
	z-index: 100;
}
.cs-rail-ad.toggled {
	right: 30px;
}

.cs-rail-ad--content {

}

.cs-rail-ad .top-close {
	text-transform: uppercase;
	position: absolute;
z-index:1000;
	top: 0;
	right: 10px;
	font-weight: bold;
	font-family: tetria;
	color: #ffffff;
	text-decoration: none;
	font-size: 32px;
	line-height: 32px;
}

@media (max-width: 440px) {
	.cs-rail-ad {
		width: 100%;
		bottom: 0;
		padding-bottom: 0px;
		/* Shadow 
		-webkit-box-shadow: 0px -7px 0px 0px rgba(0, 0, 0, 0.25);
		-moz-box-shadow:    0px -7px 0px 0px rgba(0, 0, 0, 0.25);
		box-shadow:         0px -7px 0px 0px rgba(0, 0, 0, 0.25);	
		*/	
	}
	.cs-rail-ad.toggled {
		right: 0; height: 150px;

	}
	.cs-rail-ad .top-close {
		top: -27px;
		background-color:#333;
		padding:0 4px;
		border-radius:4px;
	}



	.cs-rail-ad--content {
		padding-top: 10px;
	}

}

@media (max-width: 320px) {
	.cs-rail-ad--content {
		padding-right: 20px;
	}
}









/*
  	unorthodox banner
*/




.promo {
	background:#333;
	padding:1em .5em 1em;
	text-align:left;
        min-height:110px;
	}




.promo__headline {
	color:#fff;
	line-height:1.2;
	font-size:24px;
	text-transform:uppercase;
	margin-bottom:.4em;
		margin-top:0px;
	font-family:'Tetria LT W01 Regular', arial, helvetica, sans-serif;
	text-align:left}
.promo__headline small {
	display:block;
	font-size:13px;
}
.promo__headline strong {
	display:inline;
	color:#fff;
	font-size:24px;	
	font-weight:400}
.promo img {
	position:absolute;
	top:1em;
	right:1em;
	width:80px;
	}
.promo__headline em {
	display:inline;	
		font-size:16px;
	}
@media screen and (min-width:440px) {


	.promo__headline {
	font-family:'Tetria LT W01 Bold', arial, helvetica, sans-serif;
	margin-top:18px;
	text-align:center}
	.promo__headline em {
	display:inline;	
	font-size:24px;
	}
.promo__headline small {
	display:block;
	line-height:1.6}
.promo__headline strong {
	background:#fff;
	color:#333;
	display:inline;
	padding:0 .2em}
.promo img {
display:block;
margin:0 auto;
border:2px solid #fff;
border-radius:4px;
position:relative;
right:0;
top:0;
	width:100px;
	}
}



.promo__countdown {
	font-family:'Tetria LT W01 Black', arial, helvetica, sans-serif;
	color:#fff;
	margin-bottom:0;
	font-size:1em}
.promo__countdown::before {
	content:'Ends In: ';
	text-transform:uppercase}
	
@media screen and (min-width:440px) {
	.promo__countdown {
	font-size:2.5em}
.promo__countdown::before {
	display:none}
}







@media (max-width: 320px) {

.promo__headline small {
font-size:11px;	
}
.promo__headline {
font-size:18px;

}

}



/* timer specifics */
#ltoTimer {
padding-left:0px;	
max-width:400px;
float:left;
}
#ltoTimer .col {
	/* background: url(clockbg2.png) no-repeat scroll -5px -5px; */
	display: block;
	float: left;
	height: 45px;
	margin-left: 2px;
	padding: 0px;
	position: relative;
	width: 20px;
}

#ltoTimer .cd_amt {
    color: #FFFFFF;
    float: left;
    font: 16px helvetica,arial,san-serif;
    text-align: left;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
	width:20px;
	margin-top:5px;
}
#ltoTimer .caption {
    color: #FFFFFF;/* #999999 */
    display: none;
    float: left;
    font: 700 9px/8px helvetica,arial,san-serif;
    margin: 3px 0 0 0px;
    text-align: center;
    text-transform: uppercase;
    width: 40px;
	
}	
.promo__countdown::before {
	display:none; }
#ltoLabel {
color:#fff; text-transform: uppercase; font-size: 16px;
padding-top:5px; display:inline; float:left;
}

@media screen and (min-width:440px) {
#ltoTimer { padding-left:33px; }
#ltoTimer .col { 	width:50px; }
#ltoLabel { display:block; text-align:center; float:none; margin:0 auto;}
#ltoTimer .cd_amt { 	width:50px; font-size: 37px;}
#ltoTimer .caption {    display: block; }
}






