/* <i class="pr-sprite pr-sprite-card"></i>
<i class="pr-sprite pr-sprite-delivery"></i>
<i class="pr-sprite pr-sprite-guarantee"></i>
<i class="pr-sprite pr-sprite-protection"></i> */

.pr-sprite {
    background-image: url(../images/pr-sprite.png);
    background-repeat: no-repeat;
    display: block;
}

.pr-sprite-card {
    width: 123px;
    height: 77px;
    background-position: -25px -25px;
}

.pr-sprite-delivery {
    width: 141px;
    height: 84px;
    background-position: -25px -152px;
}

.pr-sprite-guarantee {
    width: 64px;
    height: 78px;
    background-position: -216px -25px;
}

.pr-sprite-protection {
    width: 65px;
    height: 80px;
    background-position: -216px -153px;
}

/* <i class="main-sprite main-sprite-arrow-bottom"></i>
<i class="main-sprite main-sprite-arrow-left"></i>
<i class="main-sprite main-sprite-arrow-right"></i>
<i class="main-sprite main-sprite-arrow-top"></i>
<i class="main-sprite main-sprite-basket"></i>
<i class="main-sprite main-sprite-basket-two"></i>
<i class="main-sprite main-sprite-basket-white"></i>
<i class="main-sprite main-sprite-cart"></i>
<i class="main-sprite main-sprite-search"></i>
<i class="main-sprite main-sprite-user"></i> */

.main-sprite {
    background-image: url(../images/main-sprite.png);
    background-repeat: no-repeat;
    display: block;
	position:relative;
}
.main-sprite-calс {
    width: 30px;
    height: 18px;
    background-position: -71px -135px;
	display:inline-block;
}
.main-sprite-basket-two {
    width: 25px;
    height: 25px;
    background-position: -223px -127px;
}

.main-sprite-arrow-bottom {
    width: 30px;
    height: 13px;
    background-position: -15px -15px;
}

.main-sprite-arrow-left {
    width: 14px;
    height: 38px;
    background-position: -75px -15px;
}

.main-sprite-arrow-right {
    width: 14px;
    height: 38px;
    background-position: -119px -15px;
}

.main-sprite-arrow-top {
    width: 30px;
    height: 13px;
    background-position: -15px -83px;
}

.main-sprite-basket {
    background-image: url(../images/cart_small.png);
    width: 27px;
    height: 27px;
    background-position: 0 0;
}

.main-sprite-basket-white {
    width: 24px;
    height: 25px;
    background-position: -163px -15px;
}

.main-sprite-cart {
    width: 38px;
    height: 32px;
    background-position: -162px -68px;
}

.main-sprite-search {
    width: 30px;
    height: 30px;
    background-position: -132px -125px;
}

.main-sprite-user {
    width: 30px;
    height: 27px;
    background-position: -225px -15px;
}


/* .menu-sprite */
.menu-sprite {
    background-image: url(../images/menu-sprite.png);
    background-repeat: no-repeat;
    display: block;
}

.icon1{
    width: 70px;
    height: 54px;
    background-position: 19px 0;
}
.icon2{
    width: 70px;
    height: 54px;
    background-position: -78px 0;
}
.icon3{
    width: 70px;
    height: 54px;
    background-position: -175px 0;
}
.icon4{
    width: 70px;
    height: 54px;
    background-position: -277px 0;
}
.icon5{
    width: 70px;
    height: 54px;
    background-position: -379px 0;
}
.icon6{
    width: 70px;
    height: 54px;
    background-position: -479px 0;
}
.icon7{
    width: 70px;
    height: 54px;
    background-position: -578px 0;
}
.icon8{
    width: 70px;
    height: 54px;
    background-position: -680px 0;
}
.icon9{
    width: 70px;
    height: 54px;
    background-position: -780px 0;
}
.icon10{
    width: 70px;
    height: 54px;
    background-position: -888px 0;
}
.icon11{
    width: 85px;
    height: 54px;
    background-position: -988px 0;
}
.icon12{
    width: 70px;
    height: 54px;
    background-position: -1103px 0;
}

/* .delivery-sprite */
.delivery-sprite {
    background-image: url(../images/dev.jpg);
    background-repeat: no-repeat;
    display: block;
}
.pony{
	background-position:-16px -7px;
	width:100px;
	height:60px;
}
.spsr{
	background-position:-180px -6px;
	height:60px;
	width:95px;
}
.ems{
	background-position:-315px -10px;
	height:60px;
	width:188px;
}

/* .themes-section */
.themes-section {
    background-image: url(../images/sprite-themes-section.png);
    background-repeat: no-repeat;
    display: block;
	width:13px;
	height:13px;
	margin-bottom:0;
}
.table{
	background-position:0 0;
}
.tile{
	background-position:-72px 0;
}
.list{
	background-position:-34px 0;
}


/* <i class="pay-sprite pay-sprite-big-car">&nbsp;</i>
<i class="pay-sprite pay-sprite-car">&nbsp;</i>
<i class="pay-sprite pay-sprite-elpay">&nbsp;</i>
<i class="pay-sprite pay-sprite-fasttime">&nbsp;</i>
<i class="pay-sprite pay-sprite-money">&nbsp;</i>
<i class="pay-sprite pay-sprite-pickup">&nbsp;</i>
<i class="pay-sprite pay-sprite-purse">&nbsp;</i>
<i class="pay-sprite pay-sprite-sber">&nbsp;</i>
<i class="pay-sprite pay-sprite-time">&nbsp;</i>
<i class="pay-sprite pay-sprite-ur">&nbsp;</i> */

.pay-sprite {
    background-image: url(../images/sprite-pay-page.jpg);
    background-repeat: no-repeat;
    display: inline-block;
	position:relative;
	margin-right:5px;
}

.pay-sprite-big-car {
    width: 61px;
    height: 34px;
    background-position: -15px -15px;
	top:4px;
}

.pay-sprite-car {
    width: 34px;
    height: 33px;
    background-position: -106px -15px;
}

.pay-sprite-elpay {
    width: 40px;
    height: 34px;
    background-position: -106px -78px;
}

.pay-sprite-fasttime {
    width: 33px;
    height: 31px;
    background-position: -15px -142px;
}

.pay-sprite-money {
    width: 46px;
    height: 28px;
    background-position: -78px -142px;
	top:4px;
}

.pay-sprite-pickup {
    width: 34px;
    height: 36px;
    background-position: -154px -142px;
}

.pay-sprite-purse {
    width: 50px;
    height: 51px;
    background-position: -176px -15px;
	top:-4px;
}

.pay-sprite-sber {
    width: 33px;
    height: 32px;
    background-position: -218px -96px;
}

.pay-sprite-time {
    width: 35px;
    height: 34px;
    background-position: -218px -158px;
}

.pay-sprite-ur {
    width: 37px;
    height: 33px;
    background-position: -15px -222px;
}