@charset "utf-8";

/******************************************************************************\
 * Identified Styles
\******************************************************************************/
#CouponPopUp {
	position:absolute;
	background:#fff;
	width:285px;
	top:110px;
	left:43%;
	left:calc(50% - 142px);
	z-index:1010;
	box-shadow:0 0 130px rgba(0,0,0,0.6);
}
#CouponPopUp h2 {
	clear:both;
	font-size:2.1rem;
    font-weight:700;
	line-height:1.1em;
	margin-bottom:0.2em;
}
#CouponPopUp h2.Returned {
	font-size:1.0rem;
	line-height:1.1em;
}
#CouponPopUp label {
	margin-bottom:5px;
	float:left;
	clear:left;
}
#CouponPopUp input {
	width:100%;
	border:1px solid #ccc;
	margin-bottom:10px;
	clear:left;
	font-size:0.9rem;
	line-height:1em;
	padding:3px;
	box-sizing:border-box;
}
#CouponPopUp select::-ms-expand {
    display: none;
}
#CouponPopUp form, #CouponPopUp fieldset, #CouponPopUp .Field {
	width:100%;
	padding:0;
	height:auto;
	overflow:hidden;
}
#CouponPopUp select {
	width:100%;
	font-size:0.9rem;
	line-height:1em;
	border:1px solid #ccc;
	border-radius:2px;
	padding:3px;
	width:100%;
	box-sizing:border-box;
	margin-bottom:10px;
	background:linear-gradient(#e8e8e8, #fff);
	background:url(../Images/CouponPopUpType.jpg) 0 0 no-repeat #fff;
	background-size:100%;
	-webkit-appearance:none;
	-mox-appearance:none;
	appearance:none;
	text-ident:1px;
	text-overflow: "";
}
#CouponPopUp select:focus {
	outline:0;
}
#CouponPopUp button {
	float:right;
	background:#3090bb;
	font-size:1.0rem;
	font-weight:700;
	color:#fff;
	border:0;
	padding:5px 8px;
	cursor:pointer;
}
#CouponPopUp button:focus {
	outline:0;
}
#CouponPopUp .Req {
	color:#3090bb;
	font-style:italic;
}
#CouponPopUpValue {
	float:right;
	width:107px;
	font-family:"proxima-nova",Arial;
	font-weight:900;
	font-size:3.95rem;
	line-height:3.55rem;
	color:#3090bb;
	vertical-align:top;
	text-transform:uppercase;
	margin-top:17px;
}
#CouponPopUpValue span {
	float:left;
	clear:left;
}
#CouponPopUpValue .Currency {
	font-size:2.75rem;
	line-height:1em;
}
#CouponPopUpValue .Value {
	font-size:4.3rem;
	line-height:3.75rem;
	clear:none;
}
#CouponPopUpReqLegend {
	float:left;
}
#CouponPopUpHandle {
	background:#3090bb;
	height:auto;
	overflow:hidden;
}
#CouponPopUpClose {
	float:right;
	background:#fff;
	color:#3090bb;
	font-family:Arial;
	font-weight:bold;
	font-size:0.95rem;
	line-height:1em;
	padding:2px;
	text-decoration:none;
	margin:2px 2px 2px 0;
	height:8px;
	width:8px;
	text-align:center;
}
#CouponPopUpContent {
	padding:10px 25px;
	text-align:left;
	color:#434243;
    font-family:"proxima-nova",Arial;
	font-size:0.8rem;
	line-height:1.2em;
}
#CouponPopUpContent strong {
	color:#3090bb;
	font-weight:700;
	font-size:0.9rem;
	line-height:1.2em;
}
#CouponPopUpGraphic {
	float:left;
	width:46%;
	margin-bottom:10px;
}
#PopUpOverlay {
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.5);
	z-index: 1009;
}

@media screen and (min-width:400px) {
	#CouponPopUp { 
		width:356px;
		left:44%;
		left:calc(50% - 178px);
	}
	#CouponPopUp h2 {
		font-size:2.625rem;
		line-height:1.1em;
		margin-bottom:0.2em;
	}
	#CouponPopUp h2.Returned {
		font-size:1.25rem;
		line-height:1.1em;
	}
	#CouponPopUp label {
		margin-bottom:6px;
	}
	#CouponPopUp input {
		margin-bottom:12px;
		font-size:1.125rem;
		line-height:1em;
		padding:4px;
	}
	#CouponPopUp select {
		font-size:1.125rem;
		line-height:1em;
		border-radius:2px;
		padding:4px;
		margin-bottom:12px;
	}
	#CouponPopUp button {
		font-size:1.25rem;
		padding:6px 10px;
	}
	#CouponPopUpValue {
		width:134px;
		font-size:4.93rem;
		line-height:4.43rem;
		margin-top:22px;
	}
	#CouponPopUpValue .Currency {
		font-size:3.43rem;
		line-height:1em;
	}
	#CouponPopUpValue .Value {
		font-size:5.375rem;
		line-height:4.68rem;
	}
	#CouponPopUpClose {
		font-size:1.19rem;
		line-height:1em;
		padding:4px;
		margin:4px 4px 4px 0;
		height:10px;
		width:10px;
	}
	#CouponPopUpContent {
		padding:12px 31px;
		font-size:1.1rem;
		line-height:1.2em;
	}
	#CouponPopUpContent strong {
		font-size:1.1rem;
		line-height:1.2em;
	}
	#CouponPopUpGraphic {
		margin-bottom:12px;
	}
}

@media screen and (min-width:480px) {
	#CouponPopUp { 
		width:428px;
		left:44%;
		left:calc(50% - 214px);
	}
	#CouponPopUp h2 {
		font-size:3.15rem;
		line-height:1.1em;
		margin-bottom:0.2em;
	}
	#CouponPopUp h2.Returned {
		font-size:1.5rem;
		line-height:1.1em;
	}
	#CouponPopUp label {
		margin-bottom:7px;
	}
	#CouponPopUp input {
		margin-bottom:15px;
		font-size:1.35rem;
		line-height:1em;
		padding:5px;
	}
	#CouponPopUp select {
		font-size:1.35rem;
		line-height:1em;
		border-radius:3px;
		padding:5px;
		margin-bottom:15px;
	}
	#CouponPopUp button {
		font-size:1.6rem;
		padding:7px 12px;
	}
	#CouponPopUpValue {
		width:161px;
		font-size:5.925rem;
		line-height:5.325rem;
		margin-top:26px;
	}
	#CouponPopUpValue .Currency {
		font-size:4.125rem;
		line-height:1em;
	}
	#CouponPopUpValue .Value {
		font-size:6.45rem;
		line-height:5.625rem;
	}
	#CouponPopUpClose {
		font-size:1.45rem;
		line-height:1em;
		padding:3px;
		margin:3px 3px 3px 0;
		height:12px;
		width:12px;
	}
	#CouponPopUpContent {
		padding:15px 37px;
		font-size:1.2rem;
		line-height:1.2em;
	}
	#CouponPopUpContent strong {
		font-size:1.2rem;
		line-height:1.2em;
	}
	#CouponPopUpGraphic {
		margin-bottom:15px;
	}
}

@media screen and (min-width:560px) {
	#CouponPopUp { 
		width:500px;
		left:44%;
		left:calc(50% - 250px);
	}
	#CouponPopUp h2 {
		font-size:3.675rem;
		line-height:1.1em;
		margin-bottom:0.2em;
	}
	#CouponPopUp h2.Returned {
		font-size:1.75rem;
		line-height:1.1em;
	}
	#CouponPopUp label {
		margin-bottom:8px;
	}
	#CouponPopUp input {
		margin-bottom:17px;
		font-size:1.6rem;
		line-height:1em;
		padding:6px;
	}
	#CouponPopUp select {
		font-size:1.6rem;
		line-height:1em;
		border-radius:4px;
		padding:7px;
		margin-bottom:17px;
	}
	#CouponPopUp button {
		font-size:1.8rem;
		padding:8px 14px;
	}
	#CouponPopUpValue {
		width:188px;
		font-size:6.89rem;
		line-height:6.21rem;
		margin-top:30px;
	}
	#CouponPopUpValue .Currency {
		font-size:4.81rem;
		line-height:1em;
	}
	#CouponPopUpValue .Value {
		font-size:7.525rem;
		line-height:6.56rem;
	}
	#CouponPopUpClose {
		font-size:1.67rem;
		line-height:1em;
		padding:4px;
		margin:4px 4px 4px 0;
		height:14px;
		width:14px;
	}
	#CouponPopUpContent {
		padding:17px 43px;
		font-size:1.4rem;
		line-height:1.2em;
	}
	#CouponPopUpContent strong {
		font-size:1.4rem;
		line-height:1.2em;
	}
	#CouponPopUpGraphic {
		margin-bottom:17px;
	}
}

@media screen and (min-width:640px) {
	#CouponPopUp { 
		width:570px;
		left:44%;
		left:calc(50% - 285px);
	}
	#CouponPopUp h2 {
		font-size:4.2rem;
		line-height:1.1em;
		margin-bottom:0.2em;
	}
	#CouponPopUp h2.Returned {
		font-size:2.0rem;
		line-height:1.1em;
	}
	#CouponPopUp label {
		margin-bottom:10px;
	}
	#CouponPopUp input {
		margin-bottom:20px;
		font-size:1.8rem;
		line-height:1em;
		padding:6px;
	}
	#CouponPopUp select {
		font-size:1.8rem;
		line-height:1em;
		border-radius:4px;
		padding:8px;
		margin-bottom:20px;
	}
	#CouponPopUp button {
		font-size:2.0rem;
		padding:10px 16px;
	}
	#CouponPopUpValue {
		width:215px;
		font-size:7.9rem;
		line-height:7.1rem;
		margin-top:35px;
	}
	#CouponPopUpValue .Currency {
		font-size:5.5rem;
		line-height:1em;
	}
	#CouponPopUpValue .Value {
		font-size:8.6rem;
		line-height:7.5rem;
	}
	#CouponPopUpClose {
		font-size:1.9rem;
		line-height:1em;
		padding:4px;
		margin:4px 4px 4px 0;
		height:16px;
		width:16px;
	}
	#CouponPopUpContent {
		padding:20px 50px;
		font-size:1.6rem;
		line-height:1.2em;
	}
	#CouponPopUpContent strong {
		font-size:1.8rem;
		line-height:1.2em;
	}
	#CouponPopUpGraphic {
		margin-bottom:20px;
	}
}