/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

@media all and (min-width: 721px) {

.product-list .item-box .ribbon-wrapper {
	display: table-cell;
	float: none;
	width: 40%;
	margin: 0;
    border-right: 30px solid transparent; /*margin replacement for table-cell layout*/
	vertical-align: top;
}
.product-list .item-box .ribbon-wrapper .picture {
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
}

}

/* The ribbon used to slide up and fade out on hover (bottom: 100px /
   opacity: 0 at >=1025px, 112px at >=1321px) so it would not block the
   hover-revealed button lane that sat over the bottom of the picture. That
   lane no longer exists - the card's actions are in flow underneath the
   image - so there is nothing to clear, and fading the ribbon out just made
   it vanish whenever the pointer touched the card. The ribbon now stays put
   on hover; only the .product-list width override below is still needed. */

@media all and (min-width: 1321px) {

.product-list .item-box .ribbon-wrapper {
	width: 330px;
}

}