
/* Homepage MPU */

#mpu-wrapper {

	width: 960px;
	height: 600px;
	overflow: hidden;
	position: relative;
	margin-bottom: 15px;

}

#mpu {

	width: 960px;
	height: 600px;
	position: absolute;
	overflow: hidden;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	
}

#mpu-nav {

	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 9999;
	height: 30px;
	margin-right: 10px;
	
}

#mpu-nav a {

	display: inline-block;
	background: url(../images/mpu-nav.png) no-repeat;
	width: 15px;
	height: 15px;
	text-indent: -9999px;
	overflow: hidden;
	
}

#mpu-nav a.activeSlide { background-position: -30px 0 !important; }

#mpu section {

	display: block;
	width: 960px;
	height: 600px;
	position: relative;

}

#mpu h2 { margin: 0; }

#mpu .button-standard {

	margin: 15px auto 25px;
	display: inline-block;
	padding: 15px 25px;
	background-color: #2b2b2b;
	color: #fff;
	text-decoration: none;
	font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B',helvetica,arial,sans-serif;
	font-weight: 500;
	font-style: normal;
	font-variant: small-caps;
	text-transform: lowercase;
	letter-spacing: 2px;
	-moz-transition: all 1s; 
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;		

}

#mpu .button-standard:hover { color: #c2aa6a; }

#mpu div.outer {

	background: url(../images/overlay-1.png) repeat;
	padding: 20px;
	position: absolute;

}

#mpu div.inner-1 {

	padding: 7px;
	background-color: #e9e5d6;
	
}

#mpu div.inner-2 {

	padding: 20px;
	border: 1px solid #fff;
	background-color: #e9e5d6;
	text-align: center;
	width: 325px;
	
}

#mpu p {

	font-family: 'Sentinel SSm A', 'Sentinel SSm B',georgia,times new roman,serif;
	font-weight: 300;
	font-style: italic;
	line-height: 24px;
	width: 250px;
	margin: 0 auto 15px;
	font-size: 12px;
	color: #6d6565;
	
}

	/* Purdey MPU */
	
	#mpu #purdey div.outer { 
	
		top: 55px;
		left: 55px;

	}	
		
	#mpu #purdey {

		background: url(../images/mpu/purdey-2014.jpg) no-repeat; 

	}
	
	#mpu #purdey h2 {
	
		background: url(../images/mpu/purdey-logo.gif) no-repeat 50% 100%;
		padding-bottom: 50px;
		margin: 40px 0 35px;
		font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B',helvetica,arial,sans-serif;
		font-weight: 400;
		font-style: normal;
		text-transform: lowercase;
		font-variant: small-caps;
		color: #282828;
		font-size: 18px;
		letter-spacing: 3px;
	
	}
	
	/* Fjallraven MPU */

	#mpu #fjallraven {

		background: url(../images/mpu/fjallraven.jpg) no-repeat; 

	}
	
	#mpu #fjallraven div.outer { 
	
		top: 55px;
		right: 55px;

	}	
	
	#mpu #fjallraven h2 {
	
		background: url(../images/mpu/fjallraven-logo.gif) no-repeat 50% 100%;
		padding-bottom: 100px;
		margin: 40px 0 35px;
		font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B',helvetica,arial,sans-serif;
		font-weight: 400;
		font-style: normal;
		text-transform: lowercase;
		font-variant: small-caps;
		color: #282828;
		font-size: 18px;
		letter-spacing: 3px;
	
	}

/* Secondary CTAs */

#secondary-wrapper { margin-bottom: 10px; }

#secondary-wrapper .col {

	width: 310px;
	float: left;
	margin-right: 15px;

}

#secondary-wrapper .col-last { margin-right: 0 !important; }

#secondary-wrapper figure {

	width: 310px;
	height: 240px;
	position: relative;
	text-align: center;
	margin-bottom: 15px;
	
}

#secondary-wrapper figure a {

	display: block;
	width: 310px;
	height: 240px;
	text-decoration: none; 
	
}

#secondary-wrapper figure figcaption {

	width: 205px;
	height: 105px;
	background-color: #2b2b2b;
	position: absolute;
	top: 63px;
	left: 48px;
	-moz-transition: all 1s; 
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;		
	padding: 5px;
	
}

#secondary-wrapper figure:hover figcaption { opacity: 0.1; }

#secondary-wrapper figure figcaption span {

	display: block;
	width: 204px;
	height: 74px;
	border: 1px solid #434141;
	padding-top: 30px;

}

#secondary-wrapper figure a h3 {

	color: #fff;
	font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B',helvetica,arial,sans-serif;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 2px;
	font-size: 13px;
	text-transform: lowercase;
	font-variant: small-caps;
	margin: 0;
	
}

#secondary-wrapper figure a h4 {

	margin: 0;
	color: #cebb8c;
	text-transform: lowercase;
	font-variant: small-caps;
	font-family: 'Sentinel SSm A', 'Sentinel SSm B',georgia,times new roman,serif;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 1px;
	
}


#secondary-wrapper figure.fjallraven-new { background: url(../images/mpu/fjallraven-new.jpg) no-repeat; }
#secondary-wrapper figure.brady20 { background: url(../images/mpu/brady20.jpg) no-repeat; }
#secondary-wrapper figure.chameau { background: url(../images/mpu/chameau.jpg) no-repeat; }
#secondary-wrapper figure.kanken { background: url(../images/mpu/kanken.jpg) no-repeat; }

#secondary-wrapper a#gift-cards {

	display: block;
	width: 310px;
	height: 495px;
	background: url(../images/mpu/gift-cards.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	
}