@import "fonts/fonts.css";
/* PROMO TILES */

.admin .preview-item {
	overflow:hidden;
	padding:0;
	margin:0;
	padding:20px;
	height:auto;
}
.admin .preview-item p { width:auto; }
.admin .preview-item span { float:none; }

.admin .preview-item a { color:#888888; }
.admin .preview-item a:hover { color:#000; }

#promos {
	height:175px;
	position:relative;
	z-index:20;
}
#promos-outer {
	height:222px;
	overflow:hidden;
	position:relative;
	top:-47px;
	z-index:20;
}
#promos-inner{
	width:1024px;
	height:222px;
	position:absolute;
	left:50%;
	margin:0 0 0 -512px;
	background:#d6d2c4;
	overflow:hidden;
}
#promos .promo-position, .admin .preview-item dl {
	float:left;
	width:340px;
	height:220px;
	overflow:hidden;
	margin:1px 0 0 1px;
}
.admin .preview-item dl { margin:0; }

#promos .promo-position dl{
	width:340px;
	height:220px;
	position:relative;
}

#promos dt, #promos dt a, #promos dt a img, .admin .preview-item dt a {
	display:block;
	height:100%;
	width:100%;
}
#promos dd, .admin .preview-item dd{
	width:287px;
	height:110px;
	position:absolute;
	bottom:0;
	left:0;
	padding:0 22px 0 31px;
	background:transparent;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5001e3a', endColorstr='#e5001e3a',GradientType=0 );
	background:rgba(0,30,58,0.9);
}
.admin .preview-item dt {position:relative;}
.admin .preview-item dd {
	bottom:36px;
	left:36px;
}
#promos dd:not(dummy){
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
}
#promos dd h4, .admin .preview-item h4{
	font-size:20px;
	line-height:20px;
	color:#35b5f4;
	white-space:nowrap;
	margin-top:8px;
}
.admin .preview-item h4, 
.admin .preview-item p {
	font-family:Trebuchet MS;
	font-weight:normal;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
}
#promos dd p, .admin .preview-item p{
	display:block;
	overflow:hidden;
	height:48px;
	font-size:14px;
	line-height:16px;
	color:#eee7de;
	margin-top:9px;
	padding:0;
}
#promos dd a, .admin .preview-item a{
	font-size:16px;
	color:#35b5f4;
	text-decoration:none;
}
#promos dd a:active, .admin .preview-item a:active {
	bottom:9px;
	top:auto;
}
.admin .preview-item a.fs_link_title {
	position:absolute;
	right:22px;
	bottom:10px;
	text-decoration:none;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
}
#promos dd a {
	position:absolute;
	bottom:10px;
	right:22px;
}
#promos dd a:hover, .admin .preview-item a:hover{
	text-decoration:underline;
	color:#35b5f4;
}