@import "desktop/fonts/fonts.css";

/* PROMO TILES */
.admin .preview-item {
    overflow:hidden;
    padding:0;
    margin:0;
    margin:20px;
    height:auto;
    width:320px;
}
.admin .preview-item p { width:auto; }
.admin .preview-item span { float:none; }
.admin .preview-item a { color:#a38a55; display:block; }
.admin .preview-item a:hover { color:#c44b20; }
.promobg {
    background: url(desktop/images/main-menu.png) repeat 0 0;
    position:absolute;
    top:0;
    left:50%;
    margin-left:-800px;
    width: 1600px;
    z-index:1;
}
.promotiles {
    height:160px;
    position:relative;
    overflow:hidden;
    top: -160px;
    z-index: 3;
}
#promos {
    overflow:hidden;
    margin:0 auto;
    width:960px;
    height:159px;
}
#promos dl, .admin .preview-item dl {
    float:left;
    position:relative;
    width:179px;
    height:159px;
    padding-left:141px;
    overflow:hidden;
    line-height:16px;
    background: url(desktop/images/main-menu.png) repeat 0 0;
}
#promos dl:first-child, .admin .preview-item dl { margin:0; }

#promos dt a, .admin .preview-item dt a {
    display:block;
    font:13px/18px 'droid_sansregular';
    color:#a38a55;
    text-transform:uppercase;
    text-decoration:none;
    margin:11px 5px 0 0;
}
#promos dt:hover a,
.admin .preview-item dt:hover a {
    color:#c44b20;
}
#promos .fs_descr, .admin .preview-item .fs_descr {
    font:12px/16px 'droid_sansregular';
    color:#ffffff;
}
#promos dd, .admin .preview-item dd {
    margin:0 10px 0 0;
}
#promos .thumbnail, .admin .preview-item .thumbnail {
    position:absolute;
    left:0;
    top:0;
}
#promos .thumbnail img,
.admin .preview-item .thumbnail img {
    border:3px solid #a38a55;
    margin:9px 10px;
}

#promos .thumbnail img:hover {
    border-color: #bfad95;
}
a.fs_link,
.admin .preview-item a.fs_link,
#promos .fs_price,
.admin .preview-item .fs_price,
#promos span.fs_price_copy,
.admin .preview-item span.fs_price_copy {
    display:block;
    font:13px/18px 'droid_sansregular';
    color:#a38a55;
    text-transform:uppercase;
}
a.fs_link:hover,
.admin .preview-item a.fs_link:hover {
    color:#c44b20;
    text-decoration: underline;
}
#promos .fs_price,
#promos span.fs_price_copy,
.admin .preview-item .fs_price,
.admin .preview-item span.fs_price_copy {
    display: inline-block;
}

.bx-pager {
    text-align:center;
    line-height:0;
    margin-top:-22px;
}
.bx-pager div{
    height:10px;
    width:10px;
    display: inline-block;
    margin-right:5px;
    overflow:visible;
}
.bx-pager a {
    background: url(desktop/images/sprite.png) 0 0 no-repeat;
    background-image: url(desktop/images/sprite.svg), none;
    width: 11px;
    height: 11px;
    display: inline-block;
    margin-right:3px;
    line-height: 0;
    text-indent: -9999px;
}
.bx-pager a {
    background-position: -190px -155px;
}
.bx-pager a:hover, .bx-pager a.active {
    background-position: -205px -155px;
}

/* MOBILE */

#promo-tiles {
    background-color:#212121;
}
#promo-tiles h3 {
    font-size:1.2em;
    font-weight:normal !important;
    padding:5px 20px;
    margin:0;
    color: #d4521c;
}
#promo-tiles .offer {
    display: block;
    overflow: hidden;
    margin-bottom: 4px;
    padding: 10px 20px;
    position: relative;
    text-decoration: none;
    text-align: left;
}
#promo-tiles .offer .thumb {
    float: left;
    width: 80px;
}
#promo-tiles .offer img {
    display: block;
    border-radius: 5px;
    width: 100% !important;
}
#promo-tiles .offer .thumb + .inner {
    margin-left: 90px;
}
#promo-tiles .offer .inner {
    display: block;
    padding: 0 60px 0 0;
    position: relative;
    color: #fff;
}
#promo-tiles .rarr i {
    background: url(mobile/images/sprite.svg) -20px -100px no-repeat;
    display: block;
    height: 20px;
    width: 20px;
    top: 50%;
    margin-top: -10px;
    right: 20px;
    position: absolute;
    z-index: 100;
}

/* MOBILE */

.admin #preview-template-b.preview-item { width:400px; }
#promo-tiles {
	background-color:#30200f;
}
#promo-tiles h3, .admin #promo-tiles h3 {
	font-size:1.2em;
	font-weight:normal !important;
	padding:5px 20px;
	margin:0;
	color: #c44b20;
}
#promo-tiles .offer {
	display: block;
	overflow: hidden;
	margin-bottom: 4px;
	padding: 10px 20px;
	position: relative;
	text-decoration: none;
	text-align: left;
}
#promo-tiles .offer .thumb {
	float: left;
	width: 80px;
}
#promo-tiles .offer img {
	display: block;
	border-radius: 5px;
	width: 100% !important;
}
#promo-tiles .offer .thumb + .inner {
	margin-left: 90px;
}
#promo-tiles .offer .inner, .admin #promo-tiles .inner .fs_descr {
	display: block;
	padding: 0 60px 0 0;
	position: relative;
	color: #fff;
	font-family:'Arial', sans-serif;
	text-transform:none !important;
}
.admin #promo-tiles .inner .fs_descr { padding:0; }
.admin #promo-tiles .inner .fs_title {
	color: #c44b20;
	display: block;
	font-size: 1.3em;
	line-height: 1;
	margin-bottom: 5px;
	font-family: 'Arial', sans-serif;
}
#promo-tiles .rarr i {
	background: url('mobile/images/sprite.svg') -20px -100px no-repeat;
	display: block;
	height: 20px;
	width: 20px;
	top: 50%;
	margin-top: -10px;
	right: 20px;
	position: absolute;
	z-index: 100;
}