@charset "utf-8";


/* CTA BUTTON POSITIONS */

#slot3 .main-cta {left:25px; top:220px;}
#slot3 .product-cta {width:56px; right:94px; bottom:140px;} /* All product ctas need a width */

#slot5 .jumpers-cta {left:20px; top:400px;}
#slot5 .cardigans-cta {left:20px; top:460px;}
#slot5 .all-cta {left:20px; top:520px;}
#slot5 .product-cta {width:56px; right:35px; top:100px;} /* All product ctas need a width */

#slot6 .main-cta {left:103px; top:200px;}

#slot7 .main-cta {left:10px; bottom:14px;}

#slot8 .slot-cta, #slot9 .slot-cta, #slot10 .slot-cta {left:30px; bottom:9px;}

#slot11 .slot-cta {left:245px; top:109px;}


/* LAYOUT */

#content-div {
	position:relative;
	width:100%;
	height:1610px;
	margin:10px 0 0;
	padding:0;
}
.main, .slot {display:block; width:100%; height:100%;}
.main img, .slot img {display:block;}

#slot2 {
	position:absolute;
	width:80%;
	height:auto;
	padding:0 10%;
	left:0;
	bottom:10px;
	text-align:center;
}
#slot2 h2, #slot2 p {
	font-family:Calibri,Arial,Helvetica,sans-serif;
	color:#444;
	font-weight:normal;
	line-height:17px;
	letter-spacing:0.5px;
}
#slot2 h2 {font-size:14px; text-transform:uppercase; margin:0 0 5px 0;}
#slot2 p {font-size:12px;}

#slot3 {position:relative; width:100%; height:auto; margin:0 0 13px;}
.main {display:block; width:100%; height:100%;}
.main-title {position:absolute; left:0; top:60px;}
.main-sizes {position:absolute; right:30px; top:20px;}

#slot4, #slot5, #slot6, #slot7, #slot8, #slot9, #slot10, #slot11 {
	float:left;
	position:relative;
	height:auto;
}
#slot4 {width:100%; margin:0 0 13px;}
#slot4 img {display:block;}

#slot5 {width:663px; margin-right:13px; margin-bottom:20px}
#slot5 .slot-title {position:absolute; left:0; top:30px;}

#slot6, #slot7 {width:324px;}
#slot6 {margin-bottom:11px;}
#slot7 {margin-bottom:20px;}

#slot8, #slot9, #slot10 {margin-bottom:20px;}

#slot8, #slot9 {width:325px; margin-right:13px;}

#slot10 {width:324px;}

#slot11 {width:100%;}

.size-usps {width:100%;}


/* CTA BUTTON STYLES */

a.PMA-button, span.PMA-button {
	font-family:Calibri,Arial,Helvetica,sans-serif;	
	position:absolute;
	font-weight:bold;
	color:#fff!important;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none !important;
	background-color:#f47920;
	border-radius:4px;
	cursor:pointer;
	 -webkit-transition:all 0.2s ease-in-out;
		-moz-transition:all 0.2s ease-in-out;
		  -o-transition:all 0.2s ease-in-out;
			 transition:all 0.2s ease-in-out;
}
#content-div a.PMA-button:hover, #content-div a.PMA-button:focus, span.PMA-button:hover, span.PMA-button:focus {background-color:#f16500; border-radius:0;}

.main-cta {
	font-size:16px;
	letter-spacing:1px;
	padding:14px 19px;
}
.product-cta {
	font-size:11px;
	padding:9px 14px;
	letter-spacing:0.5px;
	line-height:13px;
}
/* keyline (pointer) for product cta button */
.product-cta:after {
	content:"";
	display:block;
	width:160px;
	height:1px;
	position:relative;
	left:-90px;
	bottom:-12px;
	background-color:#f47920;
}
.slot-cta {
	font-size:14px;
	padding:11px 19px;
	letter-spacing:1px;
}
a.black-cta, span.black-cta {color:#fff; background-color:#000;}
a.black-cta:hover, a.black-cta:focus, span.black-cta:hover, span.black-cta:focus {color:#000!important; background-color:#fff;}

a.IHM-cta, span.IHM-cta {color:#fff; background-color:#276f83;}
a.IHM-cta:hover, a.IHM-cta:focus, span.IHM-cta:hover, span.IHM-cta:focus {background-color:#145364;}