.promotionHolder
{
    width:calc(100% - 22px);
    height:300px;
	position:relative;
	background-color:white;
	overflow:hidden;
    /*  */
}

.promotion .product
{
    width:100%;
    height:300px;
    margin-bottom:14px;
    position:absolute; top:0; left:0;
	visibility:hidden;
    transition:1s ease;
	padding:0px 70px;
	box-sizing:border-box;
	padding-left:500px;
}

.promotion .product.current
{
	visibility:visible;
}

.promotion .product:hover
{
    filter: grayscale(0%);
}

.promotion .product > img
{
    width:250px;
    height:250px;
	position:absolute;
	left:-250px;
	bottom:25px;
    transition:right 1s ease, left 1s ease;
    /*  */
    /*  */
}

.promotion .product.current > img
{
	left:100px;
}

.promotion .product.swap > img
{
	left:auto;
	right:-250px;
}

.promotion .product.swap.current > img
{
	right:100px;
}

.promotion .product .productName
{
    position:absolute;
    top:-250px;
    right:100px;
    color:#B06B33;
	font-size:2.5em;
	text-align:right;
	width:calc(100% - 300px);
    transition:font-size 0.5s linear, top 1s ease;
	/*  */
}

.promotion .product.swap .productName
{
	right:auto;
	left:100px;
	text-align:left;
}

.promotion .product.current .productName
{
	top:20px;
}

.promotion .product .price
{
    position:absolute;
    bottom:-250px;
    right:100px;
    color:white;
	font-size:3em;
    transition:font-size 0.5s linear;
	background-image:url("../img/woodbackdark.gif");
	background-size:100% 100%;
	padding:0px 30px 10px 30px;
	box-shadow:5px 5px -10px white;
    transition:1s ease;
	transform: scale(0.1);
    filter:drop-shadow(15px 15px 20px rgba(80,25,0,1));
}

.promotion .product.swap .price
{
	right:auto;
	left:100px;
}

.promotion .product.current .price
{
	bottom:50px;
	transform: rotate(-15deg) scale(1);
}

.promotion .product.current.swap .price
{
	bottom:50px;
	transform: rotate(15deg) scale(1);
}

.promotion .product .price2
{
    position:absolute;
    bottom:0;
    right:0;
    padding:5px 15px 5px 25px;
    background-color:#EEEEEE;
    color:black;
    border-top-left-radius:40px;
}

.promotion .product .NotAvailable
{
    display:none;
}

@media screen and (max-width: 1300px)
{
    .promotion .product
    {
		padding:0 0;
    }

    .promotion .product .productName,
	.promotion .product .price
    {
		right:30px;
    }

    .promotion .product.swap .productName,
	.promotion .product.swap .price
    {
		left:30px;
    }

	.promotion .product.current > img
	{
		left:30px;
	}

	.promotion .product.swap.current > img
	{
		left:auto;
		right:30px;
	}

    /*.promotion .product
    {
        margin-left: 3px;
        margin-bottom: 3px;
        width:133px;
        height:180px;
    }

    .promotion .product img
    {
        width:115px;
        height:115px;
    }

    .promotion .product .productName
    {
        width:133px;
    }*/
}

@media screen and (max-width: 1000px)
{
    .promotionHolder
    {
        width: calc(100%);
    }
}



@media screen and (max-width: 600px)
{
    .promotionHolder,
    .promotion .product
    {
		height:250px;
    }

    .promotion .product > img
    {
		width:210px;
		height:210px;
    }

    .promotion .product .productName
    {
		font-size:1.6em;
		width:calc(100% - 250px);
    }

    .promotion .product .price
    {
		font-size:2.5em;
    }
}

/* Temporary */
.promotion .product .InCart
{
    display:none;
}