.shuffle-item {
   float: left;
	display: block;
	margin: 0;
	padding: 0;
	width: 33.33333333%;
}
.vap-modshuffle-card-inner {
	padding: 10px;
}
.vap-modshuffle-boxdiv {
	width: 100%;
	display: inline-block;
	border: 1px solid #ddd;
	background: #fff !important;
	transition: all 400ms ease-in-out 0s;
}
.vap-modshuffle-card-inner img {
    width: 100%;
}
.vap-modshuffle-itm-details {
	text-align: center;
	padding-top: 10px;
}
.vap-modshuffle-itm-name {
	text-transform: uppercase;
	color: #444;
	font-size: 1.1em;
	font-weight: 600;
}
.vap-modshuffle-itm-cost {
	color: #999;
	font-weight: 400;
}
.vap-modshuffle-itm-cont {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	margin: 10px 0 0;
	padding-bottom: 15px;
}
.vap-modshuffle-itm-cont a {
	background: none repeat scroll 0 0 #006699;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    padding: 8px 20px;
    margin: 10px 0 0;
    transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
}
.vap-modshuffle-itm-cont a:hover {
	background: none repeat scroll 0 0 #0088cc;
    transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
}
.vap-modshuffle-itm-cont a:active {
	background: none repeat scroll 0 0 #0079b6;
}
.vap-modshuffle-itm-cat {
    font-size: 0.8em;
    color: #999;
    border-top: 1px solid #eee;
    padding: 7px 10px;
    text-align: right;
}
.vap-modshuffle-filtlist a {
	background: #eee;
	border:1px solid #ddd;
	padding: 5px 15px;
	display: inline-block;
	color: #666;
}
.vap-modshuffle-filtlist a:hover,
.vap-modshuffle-filtlist a.active {
	background: #ddd;
}
.vap-modshuffle-itm-group {
	text-align: center;
	font-size: .9em;
	margin-bottom: 5px;
}


.float-left {
    float: left;
    position: relative;
    top: -10px;
    margin-right: 15px;
}

.float-right {
    float: right;
    position: relative;
    top: -10px;
    margin-right: 15px;
}

#vap-modshuffle-container {
    width: 960px;
    margin: 0 auto;
}

/* filters */

#vap-modshuffle-filter {
    list-style-type: none;
    margin: 0;
    padding: 0
}

#vap-modshuffle-filter li {
    display: inline-block;
    margin: 3px 2px;
}

/* Responsiveness is handled by the Shuffle plugin */

/*
@media screen and (max-width : 680px) {
    .shuffle-item {
        width: 50%;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
    }
}
@media screen and (max-width : 550px) {
    .shuffle-item {
        width: 100%;
    }
}
*/