@import "desktop/fonts.css";

/* PROMO TILES */

.admin .preview-item {
	overflow:hidden;
	padding:0;
	margin:0;
	padding:20px;
	background:#42575c;
	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 {
	position:relative;
	overflow:hidden;
	margin:0 auto;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAQMAAACQp+OdAAAAA1BMVEUaNTrS9gB4AAAAAXRSTlO/Gzh2ewAAAA5JREFUeAFjoACMglEAAAJAAAGccJWlAAAAAElFTkSuQmCC);
	*background:#1a353a;
	background:rgba(26, 53, 58, 0.75);
	height:267px;
	z-index:1;
}
#promos > .wrapper {
	width:980px;
	margin:16px auto 0;
}


#promos article, .admin .preview-item article {
	float:left;
	position:relative;
	width:332px;
	padding:0;
	height:230px;
	overflow:hidden;
}
#promos article:first-child, .admin .preview-item article { margin-left:-17px; }
#promos .slideshow article { margin-left:0; }

#promos article > .wrapper, .admin .preview-item article > .wrapper {
	position:absolute;
	right:1px;
	width:313px;
	height:194px;
	box-shadow:0px 1px 1px #34393a;
	line-height:16px;
	margin:0 0 0 1px;
	padding:0;
}
#promos .slideshow article > .wrapper { left:1px; }

#promos .overlay, .admin .preview-item .overlay {
	position:absolute;
	bottom:0;
	width:291px;
	height:47px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAQMAAACQp+OdAAAAA1BMVEUAAACnej3aAAAAAXRSTlPM0jRW/QAAAA5JREFUeAFjoACMglEAAAJAAAGccJWlAAAAAElFTkSuQmCC);
	background:rgba(0, 0, 0, 0.8);
	padding:9px 11px;
	*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);
}
#promos .fs_descr, .admin .preview-item .fs_descr {
	color:#cce9ed;
	font-family:Arial, serif;
	line-height:14px;
	font-size:12px;
	max-height:28px;
	overflow:hidden;
}

#promos a.fs_link_title, .admin .preview-item a.fs_link_title {
	position:absolute;
	bottom:3px;
	text-decoration:none;
	right:7px;
	font-family:'ubuntulight';
	line-height:13px;
	font-size:19px;
	line-height:21px;
	color:#1695a3;
}
#promos .slideshow a.fs_link_title { right:24px; }
#promos a.fs_link_title:hover, .admin .preview-item a.fs_link_title:hover {color:#fff;}
#promos a.fs_link_title:active, .admin .preview-item a.fs_link_title:active {top:auto;}
#promos p.price, .admin .preview-item p.price {
	position:absolute;
	left:30px;
	font-family:Arial, serif;
	font-size:12px;
	line-height:26px;
	bottom:0;
	color:#fff;
	vertical-align:top;
}
#promos .slideshow p.price { left:13px; }
#promos span.currency, .admin .preview-item span.currency {
	color:#c36d0a;
	font-size:16px;
	font-family:'mulilight';
	margin-right:2px;
	vertical-align:middle;
}
#promos span.currency .fs_price, .admin .preview-item span.currency .fs_price {
	font-size:26px;
	vertical-align:top;
	*vertical-align:middle;
	*line-height: 33px;
}
#promos article h3 a, .admin .preview-item article h3 a {
	display:block;
	font-family: 'ubuntulight';
	line-height:11px;
	font-size:15px;
	text-transform:uppercase;
	color:#eb8000;
	text-decoration:none;
	margin:2px 0 4px 0;
}
#promos h3:hover a, .admin .preview-item h3:hover a { color:#1695a3; }

#promos .thumbnail, .admin .preview-item .thumbnail {
	position:absolute;
	left:0;
	top:0;
}
/*bx slider styles*/

.bxslider, .bx-window { width:980px !important; }

.bx-prev, .bx-next {
	position:absolute;
	display:block;
	top:88px;
	width:19px;
	height:37px;
	text-indent:-9999px;
	overflow:hidden;
	background:url('desktop/images/sprite.png') 0 0 no-repeat;
}
.bx-prev {
	left:-59px;
	background-position:0 -199px;
}
.bx-next {
	right:-60px;
	background-position:0 -256px;
}
.bx-prev:active, .bx-next:active { top:89px; }

/* Mobile Promotile */
#preview-template-b .offer {
    background: rgba(45, 48, 49, 1);
    color:#cce9ed;
    display:block;
    font-size:0.8rem;
    line-height:1;
    padding:10px 10px 10px 0;
    text-decoration:none;
    overflow:hidden;
}
#preview-template-b .offer .thumb {
    min-height:100px;
    float:left;
    margin-right:10px;
    overflow:hidden;
    width:51%;
}
#preview-template-b .offer .thumb img {
    width:100%;
}
#preview-template-b .offer h3 {
    color:#eb8000;
    font-size:1.3rem;
    font-weight:200;
    line-height:1;
    margin-bottom:5px;
}
#preview-template-b .offer p {
    font-weight:200;
    padding:0 0 5px;
}
#preview-template-b .offer .price {
    color:#eb8000;
    font-size:2rem;
}
#preview-template-b .offer .price span {
    color:#ffffff;
    font-size:0.8rem;
    font-weight:400;
}