/* What's in your medical bag Style Sheet */

/* Article Page */
.mb-shop {
	margin: 0 auto;
	max-width: 960px;
	overflow-x: hidden;
	position: relative;
	width: 100%;
}

.mb-shop img {
	background-size: contain;
	border: none;
	height: auto;
	max-width: 100%;
}

.mb-shop > a:nth-of-type(1) {
	height: 20%;
	left: 8%;
	position: absolute;
	top: 17%;
	width: 34%;
	z-index: 2;
}

.mb-shop > a:nth-of-type(2) {
	height: 17%;
	left: 62%;
	position: absolute;
	top: 31%;
	width: 25%;
	z-index: 2;
}

.mb-shop > a:nth-of-type(3) {
	height: 11%;
	left: 9%;
	position: absolute;
	top: 50%;
	width: 48%;
	z-index: 2;
}

.mb-shop > a:nth-of-type(4) {
	height: 19%;
	left: 12%;
	position: absolute;
	top: 66%;
	width: 30%;
	z-index: 2;
}

.mb-shop > a:nth-of-type(5) {
	height: 24%;
	left: 50%;
	position: absolute;
	top: 66%;
	width: 45%;
	z-index: 2;
}

/* Category Page */
.mb-shop-cat {
	margin: 0 auto;
	max-width: 960px;
	overflow: hidden;
	width: 100%;
}

.mb-shop-cat .main {
	float: left;
	max-width: 444px;
	width: 100%;
}

.mb-shop-cat .cats {
	float: left;
	max-width: 516px;
}

.mb-shop-cat .cats a {
	background-image: url("http://i.allheart.com/images/articles/medical-bag-shop/medical-bag-cat-page-sprite.png");
	background-color: #d27a7e;
	float: left;
	font-family: "Source Sans Pro", sans-serif;
	height: 135px;
	margin: 0 0 6px 6px;
	text-decoration: none;
	text-indent: -200%;
	text-transform: uppercase;
	width: 166px;
}

/* Hover / Active States */
.mb-shop-cat .cats a:nth-of-type(1):hover, .mb-shop-cat .cats a:nth-of-type(1).active {
	background-color: #ee3e42;
	background-position: 0 -135px;
}

.mb-shop-cat .cats a:nth-of-type(2) {
	background-position: -166px 0;
}

.mb-shop-cat .cats a:nth-of-type(2):hover, .mb-shop-cat .cats a:nth-of-type(2).active {
	background-color: #ee3e42;
	background-position: -166px -135px;
}

.mb-shop-cat .cats a:nth-of-type(3) {
	background-position: -332px 0;
}

.mb-shop-cat .cats a:nth-of-type(3):hover, .mb-shop-cat .cats a:nth-of-type(3).active {
	background-color: #ee3e42;
	background-position: -332px -135px;
}

.mb-shop-cat .cats a:nth-of-type(4) {
	background-position: -498px 0;
}

.mb-shop-cat .cats a:nth-of-type(4):hover, .mb-shop-cat .cats a:nth-of-type(4).active {
	background-color: #ee3e42;
	background-position: -498px -135px;
}

.mb-shop-cat .cats a:nth-of-type(5) {
	background-position: -664px 0;
}

.mb-shop-cat .cats a:nth-of-type(5):hover, .mb-shop-cat .cats a:nth-of-type(5).active {
	background-color: #ee3e42;
	background-position: -664px -135px;
}

.mb-shop-cat .cats a:nth-of-type(6) {
	background-position: -830px 0;
}

.mb-shop-cat .cats a:nth-of-type(6):hover, .mb-shop-cat .cats a:nth-of-type(6).active {
	background-color: #ee3e42;
	background-position: -830px -135px;
}

@media (max-width: 960px) {
	.mb-shop-cat .cats {
		clear: both;
		max-width: 444px;
	}

	.mb-shop-cat .cats a {
		background-image: none;
		box-sizing: border-box;
		color: #ffffff;
		font-size: 120%;
		font-weight: bold;
		height: auto;
		margin: 1px 0 0;
		padding: 5px;
		text-indent: 20px;
		width: 100%;
	}
}