/* CSS Document */
#fancy_div{
	background:#fff !important;
	color:#535353 !important;
}
.loyalty_popup_content{
	text-align: left;
	padding: 20px;
}
.loyalty_popup_content .loy_popup_signup a{
	background: #343a40;
    text-decoration: none;
    color: #fff;
    padding: 10px 30px;
    display: inline-block;
    font-weight: 500;
    margin-bottom: 20px;
    border-radius: 3px;
}

.loyalty_popup_content .loy_popup_campaign ul{
	text-align: left;
	margin-left: 0px;
	width:100%;
	max-width: 400px;
	margin: 0px auto;
}
.loyalty_popup_content .loy_popup_campaign ul li{
	list-style: none;
	display: block;
	text-align: left;
	clear:left;
}
.loy_popup_banner, .loy_popup_title, .loy_popup_campaign, .loy_popup_content, .loy_popup_signup{padding-top:10px; display:block;}
.loy_popup_banner img{width: 100%;max-width:400px;}

.loyalty_popup_content .loy_popup_campaign ul li span.popup_campaign_name{
	float: left;
	width: 150px;
}	
.loyalty_popup_content .loy_popup_campaign ul li span.popup_campaign_value{
	float: left;
}
.loyalty_popup_left {
	float: left;
	width: 50%;
}
.loyalty_popup_right {
	float: right;
	width: 50%;
}
.loy_popup_content{clear:left;}

/*for product details page*/
.LoyaltyProductDetails{
	position: relative;
	text-align: center;
	padding: 12px 0px;
	background: #eff4f5;
	color:#221924;
}
.LoyaltyProductExtraLabel{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: red;
	color: #fff;
	padding: 3px;
	font-weight: bold;
}
.LoyaltyProductEarn{

}
.LoyaltyProductExtra{

}
/*end*/

@media screen and (max-width: 800px) {
	.loyalty_popup_left {
		float: none;
		width: 100%;
	}
	.loyalty_popup_right {
		float: none;
		width: 100%;
	}
}