.header-wrap {
	max-width: 960px;
	margin: 0 auto;
}

#content .content--title {
	/*background-color: #9B9B9B;*/
	background: -moz-linear-gradient(0deg, #0043b7 0%, #1ac1f5 100%);
	background: -webkit-linear-gradient(0deg, #0043b7 0%, #1ac1f5 100%);
	background: -o-linear-gradient(0deg, #0043b7 0%, #1ac1f5 100%);
	background: -ms-linear-gradient(0deg, #0043b7 0%, #1ac1f5 100%);
	background: linear-gradient(90deg, #0043b7 0%, #1ac1f5 100%);
	padding: 5% 5% 6% 5%;
}

/*@media (min-width: 750px) {*/
	#content .content--title h1 {
	    font-size: 5.8rem;
	}
	#content .content--title span {
    	width: 45px;
    	height: 45px;
    	color: white;
    	padding: 0 15px;
    	font-size: 2em;
	}
	
/* Percs revamp changes -start */
.getpercs-content {
	max-width: 100%;
	margin-left: 0% !important;
	margin-top: 2%;
}

.getpercs-content-img {
	margin-top: 5%;
}

.getpercs-content-img-rewards {
	margin-top: -90px;
}

.getpercs-content-title {
	color: #53BAE5 !important;
	font-size: 25px;
	margin-bottom: 1%;
	margin-top: 3%;
}

.getpercs-content-div p {
	color: #7F7F7F;
	font-size: 16px;
	margin: 2%;
	margin-top: 0%;
	margin-left: 0%;
}

.status_block {
	text-align: left;
	font-size: 20px;
}

.extra_dot {
	margin-left: 1%;
}

#newpoints .ref_font {
	color: #0172CA;
	font-weight: 600;
}

.share_history {
	padding-top: 4%;
	float: left;
    width: 100%;
    display: flex;
}

.percs_history {
	width: 40%;
	margin-left: 12%;
}

.receive_box {
	overflow: auto;
}

.edit_percs_prog {
	height: 490px !important;
}

.get_percs .rec_red_link_without_point {
	float: left;
	text-align: center;
	width: 30%;
	margin: 0;
	background-color: #00387C;
	border-radius: 20px 20px 20px 20px;
	padding: 1.5% 3%;
	color: white;
}

.itembox_log_faq {
	width: 30% !important;
	padding-left: 3% !important;
	padding-top: 5%;
	margin: 0px !important;
	float: left;
}

.percs_faq_text {
	margin-left: 15%;
}

.percs_rwds_programs {
	display: inline-block;
	text-align: center;
}

.percs_rwds_partners {
	border-radius: 12px;
	display: inline-block;
}

.percs_rwds_referrals {
	margin-left: 2%;
	border-radius: 12px;
	display: inline-block;
}

/* Percs revamp changes - close */

/* Percs revised changes-start */
.more_section .share {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin-bottom: 3%;
}

.more_section .share li {
	display: inline-block;
}

.more_section .share a {
	background: url("/resources/images/buttons/share-icons.png") no-repeat
		scroll 0 0 transparent;
	display: block;
	height: 38px;
	text-indent: -999em;
	width: 48px;
}

.more_section .share ul li.facebook a {
	background-position: 0 0;
}

.more_section .share ul li.twitter a {
	background-position: -52px 0;
}

.more_section .share ul li.buzz a {
	background-position: -104px 0;
}

.cspire_rapid {
	margin-bottom: 15%;
	width: 100%;
}

.rapid_upgrades {
	margin-left: 2%;
	border-radius: 12px;
	display: inline-block;
	font-size: 30px;
}

.logo_box {
	border-radius: 12px;
	display: inline-block;
	margin-top: 2%;
}

.percs_rwds_programs img {
	vertical-align: initial;
}
/* Percs revised changes-close */
#percs_foot_wrap {
	clear: both;
	width: 100%;
	background-color: #003c78;
	height: 200px;
	margin-top: 2%;
}

#cboxLoadedContent {
	margin-top: 10px !important;
}

.transfer_box {
	margin-left: 22px !important;
}

.offset1 {
	text-align: left;
}

.gift_card {
	padding-top: 1%;
}

#storeLocator {
	display: none;
}

#perc_right_gift .loggedout #newpoints_gift {
	bottom: 38px !important;
}

#perc_right_gift .loggedout #newpoints_gift .percs_info_gift {
	margin-left: 0px;
}

#perc_right_gift .loggedout #newpoints_gift .percs_Name_gift {
	margin: 0px;
}

#perc_right_gift .loggedout #newpoints_gift .pointlabel,
	#perc_right_gift .loggedout #newpoints_gift .pointsinfo_gift {
	margin-right: 0px;
}

#perc_right_gift .loggedout {
	display: block;
	height: 107px;
	position: relative;
	color: white;
	text-align: left;
	background: url("/resources/images/rewards/perc_points_bg_logIN.png")
		no-repeat;
	background-position: -50px -78px;
	width: 210px;
	border-radius: 14px;
	margin-top: 76px;
	margin-left: 42px;
}

#main_points_gift {
	display: block;
	max-height: 200px;
	position: relative;
	margin: 0 auto;
	background: url("/resources/images/rewards/perc_points_bg_logIN.png")
		no-repeat scroll center top;
	color: white;
	text-align: left;
	height: 200px;
}

#genie .tab-content {
	/* This is used in genie, because bootstrap sets that to auto */
	overflow: visible;
}

body {
	margin: 0 !important;
	background: #fff url(/resources/images/iphone/bg_super.jpg) center
		-210px no-repeat #002146;
	padding: 0 !important;
}

.theme_default, .theme_herospace {
	background: none;
}

.theme_herospace #content {
	padding: 0;
	width: 100%;
}

#wrapper {
	background-attachment: scroll;
	/* background: url("/resources/images/iphone/bg_super.jpg") no-repeat
		scroll center 0px #FFF; */
	margin: 0 auto;
	width: 100%;
}

#header {
	margin: 0;
	width: 960px;
	height: 256px;
	background-color: transparent;
}

#header_logged {
	margin: 30px 0 0 0;
	width: 960px;
	height: 256px;
	background-color: transparent;
}

#left {
	width: 50%;
	height: 161px;
	float: left;
	background: url(/resources/images/rewards/bg_left_percCentral.png)
		no-repeat left center;
	background-size: contain;
	position: relative;
	z-index: 1;
}

.manage_points, .rewards-history-button {
	margin-top: 110px;
	background: url(/resources/images/rewards/btn_manage_points.png)
		no-repeat center top;
	width: 168px;
	height: 33px;
	display: inline-block;
	zoom: 1;
	text-indent: -9999px;
}

#rewards_optin.manage_points {
	background-image: url(/resources/images/rewards/btn_opt_in.png);
	text-indent: -9999px;
}

a.manage_points:link, .rewards-history-button:link {
	background-position: center top;
}

a.manage_points:hover, .rewards-history-button:hover {
	background-position: center bottom;
}

.rewards-history-button {
	background: url('/resources/images/buttons/btn_rewards_history.png');
}

.signup_login {
	margin-top: 65px;
	background: url(/resources/images/rewards/btn_login.png) no-repeat
		center top;
	width: 168px;
	height: 33px;
	display: block;
	text-indent: -9999px;
}

a.signup_login:link {
	background-position: center top;
}

a.signup_login:hover {
	background-position: center bottom;
}

#right {
	width: 372px;
	height: 136px;
	margin-top: 35px;
	margin-right: 10%;
	float: right;
	background-color: #0B3861;
	position: relative;
	z-index: 1;
	border-top-right-radius: 70px 70px;
	border-bottom-right-radius: 70px 70px;
}

#right .main_points .perc_points {
	font-size: 12px;
}

#right.opted_out {
	background: url("/resources/images/rewards/opted_out.png") no-repeat
		scroll center top transparent
}

#right_logged {
	width: 800px;
	height: 136px;
	margin: 120px 0 0 0px;
	float: right;
	background: url(/resources/images/rewards/main_perc.png) no-repeat left
		top;
	position: relative;
	z-index: 1;
}

#main_perc {
	margin: 100px 0 0 0;
}

#perc_badge {
	float: left;
	margin: 8px 0 0 -88px;
	position: relative;
	width: 100%;
	z-index: 10;
}

#perc_badge_logged {
	margin: 100px 0 0 0;
	float: left;
	position: relative;
	z-index: 10;
}

.main_points {
	color: white;
	text-align: left;
}

.small_points {
	color: #0072c7;
	text-align: right;
	font: bold 16px "Montserrat", Arial, sans-serif;
	margin: 35px 25px 0 0;
}

#inner {
	font-family: "Montserrat", sans-serif;
}

#subnavWrapper { /* required to avoid jumping */
	left: 0px;
	top: 48px;
	z-index: 50;
	position: relative;
	margin-left: 0px;
	width: 280px;
}

#subnav {
	position: absolute;
	top: 0;
	background: url(/resources/images/rewards/bg_subnav.png) no-repeat
		center top;
	width: 960px;
	height: 56px;
}

#subnav.fixed {
	position: fixed;
	top: 0;
}

/* Menu */
ul#subnav_menu {
	padding: 10px 0 0 135px;
	list-style: none;
	clear: both;
	margin: 0 auto;
}

#subnav_menu li {
	overflow: hidden;
	text-indent: -9999px;
	display: inline;
	float: left;
	margin-right: 0px;
}

#subnav_menu li a {
	background: url('/resources/images/percsCentral_2013/btn_subnav.png')
		no-repeat;
	width: 100%;
	height: 100%;
	display: block;
}

/* VIP Contest Button */
#subnav_menu li.vip_contest {
	width: 100px;
	height: 35px;
	display: none;
}

#subnav_menu li.vip_contest a {
	background-position: 0px top;
}

#subnav_menu li.vip_contest a:hover {
	background-position: 0px bottom;
}

/* All Your Offers Button */
#subnav_menu li.all_offers {
	width: 115px;
	height: 35px;
	margin-left: 75px;
}

#subnav_menu li.all_offers a {
	background-position: -100px top;
}

#subnav_menu li.all_offers a:hover {
	background-position: -100px bottom;
}

/* Gift Cards */
#subnav_menu li.giftCards {
	height: 32px;
	width: 165px
}

#subnav_menu li.giftCards a {
	background-position: -269px -4px;
}

#subnav_menu li.giftCards a:hover {
	background-position: -271px -37px;
}

/* Social PERCs */
#subnav_menu li.socialPERCs {
	height: 32px;
	width: 135px
}

#subnav_menu li.socialPERCs a {
	background-position: -559px -4px;
}

#subnav_menu li.socialPERCs a:hover {
	background-position: -559px -37px;
}

/* Two Ways for Rewards Button */
#subnav_menu li.two_ways {
	width: 171px;
	height: 35px;
}

#subnav_menu li.two_ways a {
	background-position: -220px top;
}

#subnav_menu li.two_ways a:hover {
	background-position: -220px bottom;
}

/* Status Levels Button */
#subnav_menu li.status_levels {
	width: 133px;
	height: 32px;
}

#subnav_menu li.status_levels a {
	background-position: -131px -4px;
}

#subnav_menu li.status_levels a:hover {
	background-position: -133px -37px;
}

/* Perc Points Button */
#subnav_menu li.perc_points {
	width: 121px;
	height: 32px;
}

#subnav_menu li.perc_points a {
	background-position: -6px -4px;
}

#subnav_menu li.perc_points a:hover {
	background-position: -8px -37px;
}

/*FAQs Button */
#subnav_menu li.faqs {
	width: 76px;
	height: 32px;
}

#subnav_menu li.faqs a {
	background-position: -438px -4px;
}

#subnav_menu li.faqs a:hover {
	background-position: -440px -37px;
}

/*Back to Top Button */
#subnav_menu li.top {
	width: 37px;
	height: 32px;
}

#subnav_menu li.top a {
	background-position: -518px -4px;
}

#subnav_menu li.top a:hover {
	background-position: -518px -37px;
}

.panel {
	/*height: 473px;*/
	background: url(/resources/images/rewards/bg_panel.png) no-repeat center
		48px;
}

.panel_hdr {
	margin: 75px 30px 30px 30px;
}

.panelone_hdr {
	margin: 75px 30px 15px 30px;
	float: left;
}

/*== Panel 1
----------------------------------------------------------------------------------------------------------*/
.one {
	height: 700px;
	padding-top: 65px;
}

.one  img.panel_hdr {
	margin: 30px 30px 20px 30px;
}

.one .left_tall {
	width: 235px;
	height: 505px;
	display: block;
	margin: 0 0 0 30px;
	float: left;
}

.one .right {
	width: 645px;
	height: 505px;
	display: block;
	margin: 0 0 0 15px;
	float: left;
}

.one .right_top_wide {
	width: 645px;
	height: 260px;
	margin: 0 0 15px 0;
	display: block;
}

.one .right_bottom {
	width: 645px;
	height: 230px;
	display: block;
}

.one .right_bottom_left {
	width: 340px;
	height: 230px;
	display: block;
	float: left;
}

.one .right_bottom_right {
	width: 290px;
	height: 230px;
	margin: 0 0 0 15px;
	display: block;
	float: right;
}

.one_logged {
	height: 631px;
	padding-top: 85px;
}

.one_logged .left_box {
	margin: 0px 0 0 0;
	float: left;
	width: 330px;
}

.one_logged .left_box .h6 {
	color: #0072c7;
	font: 32px Arial, Helvetica, sans-serif;
	margin-left: 0px;
}

.one_logged .left_box p {
	color: #3a3a3a;
	font: 14px/20px Arial, Helvetica, sans-serif;
	margin: 15px 25px 15px 37px;
}

.one_logged .left_box hr {
	border: 2px solid #ddd;
}

.one_logged .right_box {
	margin: 0 50px 0 0;
	float: right;
	background: #ddd;
	padding: 2px;
}

/*== Panel 2
----------------------------------------------------------------------------------------------------------*/
.two {
	height: 641px;
	margin: 0 0 0 -2px;
	display: none;
}

.two_content {
	width: 920px;
	height: 640px;
	display: block;
	padding: 0 0px;
}

.two .vip_left {
	width: 250px;
	height: 450px;
	display: block;
	margin: 0 0 0 30px;
	float: left;
}

.vip_head {
	font: 30px/50px "Montserrat", Arial, sans-serif;
	color: #2e8197;
	border-bottom: 2px solid #2e8197;
}

.vip_text p {
	margin-top: 20px;
	font: 14px/24px "Montserrat", Arial, sans-serif;
}

.vip_text .one {
	color: white;
}

/*== Panel 3
----------------------------------------------------------------------------------------------------------*/
.three {
	height: 540px;
}

.three .offer_phone {
	width: 196px;
	height: 392px;
	background: transparent;
	padding: 0 5px;
}

.three .offer_phone img {
	border: 1px solid #057bc4;
}

.three_logged {
	height: 1592;
}

/* PLUS */
#externalNav a.slide04 {
	margin: 0 0 0 5px;
	text-indent: -9999px;
	display: inline-block;
	padding: 0;
	background: url(/resources/images/rewards/btns_perc_slider.png)
		no-repeat center;
	background-position: -23px -5px;
	width: 211px;
	height: 32px;
	zoom: 1;
}

#externalNav a.slide04:link, #externalNav a.slide04:visited {
	display: inline-block;
	padding: 0;
	background: url(/resources/images/rewards/btns_perc_slider.png)
		no-repeat center;
	background-position: -23px -5px;
	width: 211px;
	height: 32px;
	zoom: 1;
}

#externalNav a.slide04:hover, #externalNav a.slide04:active {
	display: inline-block;
	padding: 0;
	background: url(/resources/images/rewards/btns_perc_slider.png)
		no-repeat center;
	background-position: -23px -44px;
	width: 211px;
	height: 32px;
	zoom: 1;
}

#externalNav a.slide04.cur {
	display: inline-block;
	padding: 0;
	background: url(/resources/images/rewards/btns_perc_slider.png)
		no-repeat center;
	background-position: -23px -44px;
	width: 211px;
	height: 32px;
	zoom: 1;
}

/* PRIORITY */
#externalNav a.slide03 {
	margin: 0 0 0 5px;
	text-indent: -9999px;
	display: inline-block;
	padding: 0;
	background: url(/resources/images/rewards/btns_perc_slider.png)
		no-repeat center;
	background-position: -253px -5px;
	width: 211px;
	height: 32px;
	zoom: 1;
}

#externalNav a.slide03:link, #externalNav a.slide03:visited {
	display: inline-block;
	padding: 0;
	background: url(/resources/images/rewards/btns_perc_slider.png)
		no-repeat center;
	background-position: -253px -5px;
	width: 211px;
	height: 32px;
	zoom: 1;
}

#externalNav a.slide03:hover, #externalNav a.slide03:active {
	display: inline-block;
	padding: 0;
	background: url(/resources/images/rewards/btns_perc_slider.png)
		no-repeat center;
	background-position: -253px -44px;
	width: 211px;
	height: 32px;
	zoom: 1;
}

#externalNav a.slide03.cur {
	display: inline-block;
	padding: 0;
	background: url(/resources/images/rewards/btns_perc_slider.png)
		no-repeat center;
	background-position: -253px -44px;
	width: 211px;
	height: 32px;
	zoom: 1;
}

/* PREMIER */
#externalNav a.slide02 {
	margin: 0 0 0 5px;
	text-indent: -9999px;
	display: inline-block;
	padding: 0;
	background: url(/resources/images/rewards/btns_perc_slider.png)
		no-repeat center;
	background-position: -482px -5px;
	width: 211px;
	height: 32px;
	zoom: 1;
}

#externalNav a.slide02:link, #externalNav a.slide02:visited {
	display: inline-block;
	padding: 0;
	background: url(/resources/images/rewards/btns_perc_slider.png)
		no-repeat center;
	background-position: -482px -5px;
	width: 211px;
	height: 32px;
	zoom: 1;
}

#externalNav a.slide02:hover, #externalNav a.slide02:active {
	display: inline-block;
	padding: 0;
	background: url(/resources/images/rewards/btns_perc_slider.png)
		no-repeat center;
	background-position: -482px -44px;
	width: 211px;
	height: 32px;
	zoom: 1;
}

#externalNav a.slide02.cur {
	display: inline-block;
	padding: 0;
	background: url(/resources/images/rewards/btns_perc_slider.png)
		no-repeat center;
	background-position: -482px -44px;
	width: 211px;
	height: 32px;
	zoom: 1;
}

/* ELITE */
#externalNav a.slide01 {
	margin: 0 0 0 12px;
	text-indent: -9999px;
	display: inline-block;
	padding: 0;
	background: url(/resources/images/rewards/btns_perc_slider.png)
		no-repeat center;
	background-position: -712px -5px;
	width: 211px;
	height: 32px;
	zoom: 1;
}

#externalNav a.slide01:link, #externalNav a.slide01:visited {
	display: inline-block;
	padding: 0;
	background: url(/resources/images/rewards/btns_perc_slider.png)
		no-repeat center;
	background-position: -712px -5px;
	width: 211px;
	height: 32px;
	zoom: 1;
}

#externalNav a.slide01:hover, #externalNav a.slide01:active {
	display: inline-block;
	padding: 0;
	background: url(/resources/images/rewards/btns_perc_slider.png)
		no-repeat center;
	background-position: -712px -44px;
	width: 211px;
	height: 32px;
	zoom: 1;
}

#externalNav a.slide01.cur {
	display: inline-block;
	padding: 0;
	background: url(/resources/images/rewards/btns_perc_slider.png)
		no-repeat center;
	background-position: -712px -44px;
	width: 211px;
	height: 32px;
	zoom: 1;
}

/*== Panel 4
----------------------------------------------------------------------------------------------------------*/
.four {
	height: 560px;
	margin-top: 28px;
}

.four_content {
	width: 920px;
	height: 450px;
	margin: 0 0 0 30px;
	background: url(/resources/images/rewards/bg_slide4a.png) no-repeat
		center top;
}

.four_left {
	width: 350px;
	height: 350px;
	float: left;
	margin: 50px 0 0 25px;
}

.four_left h4 {
	color: #0072c7;
	font: 20px "Montserrat", Arial, sans-serif;
}

.four_left p {
	font: 14px/22px "Montserrat", Arial, sans-serif;
	color: #3a3a3a;
}

.four_left ul {
	font: 14px/22px "Montserrat", Arial, sans-serif;
	color: #3a3a3a;
}

.four_right {
	width: 350px;
	height: 350px;
	float: right;
	margin: 50px 75px 0 0;
}

.four_right h4 {
	color: #0072c7;
	font: 20px "Montserrat", Arial, sans-serif;
}

.four_right p {
	font: 14px/22px "Montserrat", Arial, sans-serif;
	color: #3a3a3a;
}

.socialPercs_btn {
	background:
		url(/resources/images/percsCentral_2013/PERCS_social-percs.png)
		no-repeat center top;
}

/*== Panel 5
----------------------------------------------------------------------------------------------------------*/
.five {
	height: 590px;
}

.five_content {
	width: 920px;
	height: 500px;
	margin: 0 0 0 30px;
	background: url(/resources/images/rewards/status_levels.png) no-repeat
		center top;
}

/*== Panel 6
----------------------------------------------------------------------------------------------------------*/
.six {
	height: 1165px;
}

.perc_slideOne {
	width: 960px;
	height: 440px;
	background: url(/resources/images/rewards/bg_points_slide1a.png)
		no-repeat center top;
	padding: 0 0 0 0px;
}

.perc_hdr {
	margin: 20px 0 0 20px;
}

.perc_points_info ul {
	padding: 120px 0 0 115px;
}

.perc_points_info ul li {
	color: #fff;
	font: 14px/34px "Montserrat", Arial, sans-serif;
	margin: 0px 0 0 0;
}

.perc_left {
	padding: 63px 0 0 100px;
}

.perc_slideTwo {
	width: 960px;
	padding: 20px 0 0 0px;
	text-align: center;
}

/*== Panel 7
----------------------------------------------------------------------------------------------------------*/
.seven {
	margin: 40px 0 75px 0;
	min-height: 473px;
}

.turqouise_terms {
	font-size: 14px;
}

.vip_image {
	margin-top: 38px;
}

.vip_image_logged_in {
	margin-top: 38px;
}

/*rewards history*/
.rewards-history-content {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #fff;
	border-radius: 4px;
	color: #333;
	font-family: Arial, sans-serif;
	padding: 20px;
	text-align: left;
}

.rewards-history-content h2 {
	display: inline;
	font-size: 24px;
	font-weight: 700;
	text-align: left;
}

.rewards-history-content .top .mobile-number {
	left: 400px;
	top: 5px;
	position: absolute;
	width: 260px;
}

.rewards-history-content .top .mobile-number.dropdown {
	left: 450px;
	top: 10px;
	width: 220px;
}

.rewards-history-content .top #mdn {
	padding: 2px;
	top: 4px;
	width: 150px;
}

.rewards-history-content .top {
	border-bottom: 1px solid #333;
	padding-bottom: 10px;
	position: relative;
}

.rewards-history-content .filters {
	padding: 20px 0;
}

.rewards-history-content table.rewards-history th {
	font-size: 16px;
	text-align: left;
}

.rewards-history-content .filters .points {
	border-left: 1px solid #bbb;
	float: left;
	margin-left: 10px;
	padding-left: 10px;
	width: 55%;
}

.rewards-history-content .filters .points span {
	font-size: 14px;
	font-weight: 700;
	padding: 0 10px;
	text-transform: uppercase;
}

.rewards-history-content .filters label {
	font-size: 14px;
	line-height: 20px;
	margin-right: 10px;
}

.rewards-history-content table.rewards-history .fourth-col,
	.rewards-history-content table.rewards-history .second-col,
	.rewards-history-content table.rewards-history .third-col {
	border-left: 1px solid #ddd;
}

.ie7 .rewards-history-content table.rewards-history thead th, .ie8 .rewards-history-content table.rewards-history thead th
	{
	background-color: #c2eefb;
}

.ie7 table.rewards-history thead th, .ie8 table.rewards-history thead th
	{
	border-left: 1px solid #c2eefb
}

.ie7 table.rewards-history thead th:first-child, .ie8 table.rewards-history thead th:first-child
	{
	border-left: none;
}

.first-col {
	text-transform: capitalize;
}

.third-col.red, .fourth-col.red {
	color: red;
}

#history_type {
	width: 16%;
	background: none;
}

#history_date {
	width: 20%;
	background: none;
}

#history_amount {
	width: 18%;
	background: none;
}

#history_description {
	background: none;
}

table.rewards-history {
	width: 100%;
	border-top: 1px solid #bbbbbb;
	border-left: none !important;
	border-right: none !important;
	border-bottom: none !important;
	border-radius: 0px !important;
	text-align: left;
}

table.ui-data-table {
	border-collapse: separate;
	border: 1px solid #E2E2E2;
	border-radius: 5px 5px 0 0;
	margin: 0;
}

table.ui-data-table.use-row-border {
	border-bottom: 0;
}



table.ui-data-table.use-thead-a thead tr th {
	line-height: 16px;
	background: #f7f7f7;
	border-color: #e2e2e2;
}

table.ui-data-table.use-row-separator tbody tr td {
	background-image: url("/resources/images/white-row-separator.png");
	background-position: right center;
	background-repeat: no-repeat;
}

table.ui-data-table.use-row-separator tbody tr td.no-separator {
	background-image: none;
}

.ie7 table.ui-data-table {
	border-spacing: 0;
	border-collapse: collapse;
}

table.ui-data-table thead tr th:first-child {
	border-radius: 5px 0 0 0;
}

table.ui-data-table thead tr th:last-child {
	border-radius: 0 5px 0 0;
}

table.ui-data-table thead tr th, table.ui-data-table tbody tr td {
	padding: 10px;
	line-height: 30px;
	background: #f7f7f7;
	font-size: 13px;
}

table.ui-data-table tbody tr.master-row td, table.ui-data-table thead tr th
	{
	background-color: #c2eefc; /* Old browsers */
	/* background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczNTMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNDMkVFRkMiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNDMkVFRkMiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0IwRTlGQiIgb2Zmc2V0PSIwLjUxIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0IwRTlGQiIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzM1MykiIC8+Cjwvc3ZnPg==); */
	background-size: 100% 100%;
	background-repeat: repeat-x;
	background-position: 0 0;
	background-image: -webkit-linear-gradient(top, #c2eefc 0%, #c2eefc 50%, #b0e9fb 51%, #b0e9fb 100%); /* Chrome, Safari, iOS */
	background-image: -moz-linear-gradient(top, #c2eefc 0%, #c2eefc 50%, #b0e9fb 51%, #b0e9fb 100%); /* FF3.6+ */
	background-image: -o-linear-gradient(top, #c2eefc 0%, #c2eefc 50%, #b0e9fb 51%, #b0e9fb 100%); /* Opera */
	background-image: linear-gradient(to bottom, #c2eefc 0%, #c2eefc 50%, #b0e9fb 51%, #b0e9fb 100%); /* W3C */
	border-bottom: 1px solid #D4F5FF;
	border-right: 1px solid #D4F5FF;
	border-left: 1px solid #7DCAE2;
	font-weight: bold;
}

.ie7 table.ui-data-table tbody tr.master-row td, .ie7 table.ui-data-table thead tr th,
	.ie8 table.ui-data-table tbody tr.master-row td, .ie8 table.ui-data-table thead tr th
	{
	filter: 0;
	background-image: url(/resources/images/mma/ico-spr-mma-ie7-8.png);
	background-repeat: no-repeat;
	background-position: top right;
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid #D4F5FF;
}

.ie7 table.ui-data-table tbody tr.master-row td.details, .ie8 table.ui-data-table tbody tr.master-row td.details,
	.ie7 table.ui-data-table tbody tr.master-row td.warnings, .ie8 table.ui-data-table tbody tr.master-row td.warnings
	{
	background-position: 0 0;
}

table.ui-data-table tbody tr.selected td, table.ui-data-table.use-row-border tbody tr td
	{
	border-bottom: 1px solid #e2e2e2;
}

table.ui-data-table tbody tr td:first-child, table.ui-data-table tbody tr td.first,
	table.ui-data-table thead tr th:first-child, table.ui-data-table thead tr th.first
	{
	border-left: 0;
}

table.ui-data-table tbody tr td:last-child, table.ui-data-table tbody tr td.last,
	table.ui-data-table thead tr th:last-child, table.ui-data-table thead tr th.last
	{
	border-right: 0;
}

table.ui-data-table tbody tr td.details {
	width: 100px;
	border-left: 0;
	border-right: 0;
	font-size: 11px;
}

table.ui-data-table tr.child-row td span.ui-block {
	border-right: 1px solid #aeaeae;
	height: 30px;
	overflow: hidden;
}

table.ui-data-table tr.child-row td.ui-no-padding-right {
	padding-right: 0;
}

table.ui-inner-data-table {
	border: 1px solid #e2e2e2;
}

table.ui-inner-data-table thead tr.title th {
	background: 0;
	border-bottom: 1px solid #e2e2e2;
	border-top: 0;
}

table.ui-inner-data-table thead tr.headings th {
	background: 0;
	border: 1px solid #e2e2e2;
	border-width: 0 1px 1px 0;
}

table.ui-inner-data-table thead tr.headings th.last {
	border-width: 0 0 1px 0;
}

table.ui-inner-data-table tbody tr.last td {
	border-bottom: 1px solid #e2e2e2;
}

#date-search {
	font-weight: 700;
	background-color: #28CDFF;
	border-radius: 20px 20px 20px 20px;
	color: #FFFFFF;
	cursor: pointer;
	padding: 2% 4%;
	text-align: center;
}

.date-range-search {
	margin: 0 0 20px 5px;
}

.date-range-search span {
	font-weight: 700;
	margin-right: 15px;
}

#date-begin {
	margin-right: 15px;
	width: auto;
}

#date-end {
	margin-right: 10px;
	width: auto;
}

.backupLabel {
	color: #666;
	font-size: .75em;
	margin-right: 10px;
	margin-left: -10px;
}
/* VIP UPDATES */
/*#subnav_menu li.vip_contest{width:117px; height:35px;}
#subnav_menu li.all_offers{width:149px; height:35px;margin-left: 0px;}
.two {height: 640px;}*/
/* END VIP UPDATES */

/*****************************************/
/****                                 ****/
/****        PERCS Central 2013       ****/
/****                                 ****/
/*****************************************/
#panel01 {
	margin-top: 10px;
}

#panel01_lout {
	margin-top: 10px;
}

#lout_leftcol {
	float: left;
	width: 315px;
	height: 575px;
	margin-bottom: 13px;
	background: url('/resources/images/percsCentral_2013/lout_bg_left.jpg')
		no-repeat top center;
}

#lout_rightcol {
	float: left;
	width: 645px;
	height: 575px;
	margin-bottom: 13px;
	background: url('/resources/images/percsCentral_2013/lout_bg_right.jpg')
		no-repeat top center;
}

#percsNav {
	height: 70px;
	width: 960px;
	background: url('/resources/images/percsCentral_2013/percsNav.png')
		no-repeat center bottom;
}

#VIPcontest {
	float: left;
	height: 520px;
	width: 256px;
}

#rightCont {
	float: left;
	width: 704px;
	background: url('/resources/images/percsCentral_2013/bg_carousel.png')
		no-repeat right 75px;
}

#testimonials {
	margin: 0;
	clear: both;
	padding: 0 -100px 0 0;
	width: 960px;
	height: 105px;
}

#testimonials ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}

#testimonials li {
	margin: 0;
}

#lout_testimonials {
	margin: -20px 0 0 0;
	clear: both;
	padding: 0 -116px 0 0;
	width: 960px;
	height: 105px;
	background:
		url("/resources/images/percsCentral_2013/testimonial_caroBG.png")
		no-repeat center top;
}

#lout_testimonials ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}

#lout_testimonials li {
	margin: 0;
}

#title {
	height: 75px;
	background: url('/resources/images/percsCentral_2013/allYourOffers.png')
		no-repeat 20px center
}

#earnPercs_chart {
	background: url('/resources/images/percs2b/bigchart.jpg') no-repeat
		center top;
	height: 1222px;
	width: 960px;
}

.list_carousel {
	margin: 0 0 30px 0;
	width: 700px;
	height: 400px;
}

.list_carousel ul {
	margin: 10px 47px;
	padding: 0;
	list-style: none;
	display: block;
}

.list_carousel li {
	font-size: 40px;
	color: #999;
	text-align: center;
	background-color: #eee;
	width: 195px;
	height: 390px;
	margin: 5px;
	display: block;
	float: left;
}

.list_carousel.responsive {
	width: auto;
	margin-left: 0;
}

.left_carousel {
	margin: 0 0 30px 0;
	float: left;
	width: 323px;
	height: 575px;
}

.left_carousel ul {
	margin: 156px 70px;
	padding: 0;
	list-style: none;
	display: block;
}

.left_carousel li {
	font-size: 40px;
	color: #999;
	text-align: center;
	background-color: #eee;
	width: 177px;
	height: 356px;
	margin: 0px;
	display: block;
	float: left;
}

.left_carousel li img {
	width: 177px;
	height: 358px;
}

.right_carousel {
	margin: 0 0 30px 0;
	float: left;
	width: 300px;
	height: 575px;
}

.right_carousel ul {
	margin: 156px 53px;
	padding: 0;
	list-style: none;
	display: block;
}

.right_carousel li {
	width: 177px;
	height: 356px;
	margin: 0px;
	display: block;
	float: left;
}

.right_carousel li img {
	width: 177px;
	height: 358px;
}

.clearfix {
	float: none;
	clear: both;
}

.lin_prev {
	float: left;
	margin-left: 19px;
	margin-top: -220px;
	width: auto;
	height: auto;
}

.lin_next {
	float: right;
	margin-right: 8px;
	margin-top: -220px;
}

.lout_prevL {
	float: left;
	margin-left: 38px;
	margin-top: -400px;
	width: auto;
	height: auto;
}

.lout_nextL {
	float: right;
	margin-right: 25px;
	margin-top: -400px;
}

.lout_prevR {
	float: left;
	margin-left: 20px;
	margin-top: -400px;
	width: auto;
	height: auto;
}

.lout_nextR {
	float: right;
	margin-right: 20px;
	margin-top: -400px;
}

#leftTop {
	width: 276px;
	height: 344px;
}

#leftTop img {
	margin: 183px 0 0 35px;
}

#leftMid {
	width: 276px;
	height: 126px;
}

#leftMid img {
	margin: 74px 0 0 42px;
}

/*--------*/
#earnPercs_caro {
	background:
		url('/resources/images/percsCentral_2013/bg_earnPercs_caro.jpg')
		no-repeat center 28px;
	margin: 0;
	clear: both;
	padding: 158px 0 0 58px;
	width: 902px;
	height: 243px;
}

.earnCarousel {
	margin: 0 0 0 6px;
	padding: 0;
	clear: both;
	width: 830px;
	height: 114px;
	position: relative;
}

.earnCarousel img {
	width: 114px;
	height: 114px;
	margin: 0 27px 0 0;
	display: block;
	float: left;
}

.earn_prev {
	background: url('/resources/images/percsCentral_2013/btn_earn_prev.png')
		no-repeat transparent;
	width: 21px;
	height: 28px;
	display: block;
	margin: -70px 0 0 -35px;
}

.earn_next {
	background: url('/resources/images/percsCentral_2013/btn_earn_next.png')
		no-repeat transparent;
	width: 21px;
	height: 28px;
	display: block;
	float: left;
	margin: -28px 0 0 845px;
}

.bigBTN {
	clear: both;
	margin: 33px 0 0 -10px;
	width: 864px;
	height: 67px;
}

.eight {
	height: 415px;
	padding: 44px 0 0 0;
	margin: 50px 0 75px;
}

.eight #gift_cards {
	background: url(/resources/images/gift_cards/gcc_percsPanel.png)
		no-repeat center 51px;
	display: block;
	height: 340px;
	padding-top: 257px;
}

.eight #gift_cards p {
	line-height: 19px;
	margin-left: 45px;
	margin-bottom: 20px;
	width: 300px;
}

.eight #gift_cards a {
	margin-left: 45px;
}

/*****************************************/
/****                                 ****/
/****        PERCS Hub Page 2013       ****/
/****                                 ****/
/*****************************************/
/*  COMPLETED --------------------------------------------   */
#percs_hub {
	width: 100%;
	color: #505050;
	/* overflow: auto;  */
	/* height: auto;
overflow: auto; */
}
/* Percs Scrolling Bar */
#percs_header {
	position: relative;
	text-align: center;
	width: 100%
}

#percs_header ul#percs_nav {
	color: white;
}

a:hover {
	text-decoration: none;
}

ul#percs_nav li {
	background: none repeat scroll 0 0 #28cdff;
	border-right: 1px solid #DFDFDF;
	display: inline-block;
	height: 5%;
	padding: 1.3%;
	font-size: 110%;
	margin-right: -3px;
}

ul#percs_nav li#percs_status {
	border-bottom-left-radius: 10% 20%;
}

ul#percs_nav li#faqs {
	border-bottom-right-radius: 10% 20%;
	border-right: 0 none;
}

ul#percs_nav li a span {
	color: #ffffff;
}
/*  COMPLETED --------------------------------------------   */

/* PERCS Central Tab*/
/* Section 1 - Download Percs and Profile Details */
#perc_content_profile_info {
	color: #FFFFFF;
	height: auto;
	max-width: 100%;
	margin: 0 auto;
	clear: both;
	/* new css changes  */
	/* background: url("/resources/images/rewards/percs_bg.png") no-repeat scroll left top transparent; */
}

#perc_content_profile_info_gift {
	color: #FFFFFF;
	height: 277px;
	max-width: 960px;
	margin: 0 auto;
	clear: both;
	background: url("/resources/images/rewards/percs_bg.png") no-repeat
		scroll left top transparent;
}

#perc_section_one {
	height: 100%;
	margin: 0 auto;
	width: 100%;
}

div#perc_left {
	width: 35%;
	float: left;
	margin: 0% 3%;
	display: inline-block;
}

#perc_left div {
	color: #ffffff;
	font-weight: bold;
	margin: 7% 0%;
}

#download_percs div {
	font-size: 260%;
}

#download_percs {
	text-align: center;
}

.perc_hub_btn {
	background-color: #28CDFF;
	border-radius: 20px 20px 20px 20px;
	color: #FFFFFF !important;
	font-size: 16px;
	font-weight: normal;
	padding: 1.5% 6%;
}

#perc_section_two .perc_hub_btn, #perc_section_three .perc_hub_btn,
	#perc_section_four .perc_hub_btn, #status_percs_rewards .perc_hub_btn {
	font-size: 130%;
	font-weight: normal;
}

#perc_section_one #perc_right {
	display: block;
	position: relative;
	max-width: 960px;
	margin: 0 auto;
}

#perc_section_one #perc_right_gift {
	display: block;
	height: 140px;
	position: relative;
	width: 482px;
	padding-top: 65px;
}
/* new css changes for logged out page */
#percs_details {
	width: 960px;
	margin: auto;
}

.what_header_is {
	height: 196px;
	display: inline-block;
}

#what_head_right {
	/* width: 62%;
	float: left;
	margin: 20px 0px;
	color: #2B2B2B; */
	padding: 40px 20px;
}

#what_head_right p {
	font-size: 23px;
	color: #666666;
	line-height: 32px;
}

#what_head_left {
	display: inline-block;
	width: 30%;
	margin-left: 5%;
	margin-top: 3%;
	float: left;
}

#content_up {
	font-size: 27px;
	color: rgb(0, 214, 255);
	font-style: italic;
}

#content_down {
	color: rgb(37, 15, 122);
	font-size: 50px;
}

#percs_prog {
	clear: both;
	width: 100%;
	background-color: #ECECEC;
	height: auto;
	background-image: url("/resources/images/rewards/percs_shadow_below_programs.png");
	background-repeat: no-repeat;
	background-size: 100% 29px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/resources/images/rewards/percs_shadow_below_programs.png', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/resources/images/rewards/percs_shadow_below_programs.png', sizingMethod='scale')";
}

.percs_programs {
	background-color: #ECECEC;
	height: 44px;
	font-size: 30px;
	text-align: center;
	color: #00387B;
	padding: 18px 1px 1px 1px;
	border-top: 1px solid #ccc;
}

.percs_programs_login {
	width: 100%;
	background-color: #ECECEC;
	height: auto;
	text-align: center;
	color: #57799C;
	padding-top: 3.9%;
	padding-bottom: 6%;
	border-bottom: 1px solid lightgray;
	font-size: 25px;
}

.percs_border {
	background-color: lightgrey;
	width: 100%;
	max-width: 960px;
	margin: 0 auto 20px;
	border-radius: 5px;
}

#rewards-top-carousel-wrapper {
	max-width: 960px;
	margin: 0 auto;
	position: relative;
}

#rewards-top-carousel {
	height: 100% !important;
}

#rewards-top-carousel .promos {
	display: block;
	text-align: center;
}

#rewards-top-carousel .promos img {
	max-width: 100%;
}

#rewards-top-carousel-nav {
	max-width: 960px;
	margin: 0 auto;
}

#what_left_border {
	padding: 0 2% 0;
	width: 42%;
	float: left;
	margin: 2% 0 0 2.5%;
	background-color: white;
	border-radius: 5px 5px 0 0;
	position: relative;
}

#in_header {
	font-size: 39px;
	color: #013879;
	height: 100px;
	text-align: left;
	margin-top: 32px;
}

#what_mid_border {
	padding: 0 2% 0;
	width: 42%;
	float: left;
	margin: 2% 0 0 2.5%;
	background-color: white;
	border-radius: 5px 5px 0 0;
	position: relative;
}

#what_mid_border p {
	width: 100%;
}

#what_right_border {
	padding: 0 2% 0;
	width: 26%;
	float: left;
	margin: 2% 2.5% 0 2.5%;
	background-color: white;
	border-radius: 5px 5px 0 0;
	position: relative;
}

#what_right_border p {
	width: 100%;
}

.header_blank {
	background: #f7f7f7;
	height: 50px;
}

.what_is_percs {
	width: 100%;
	/* background:
		url("/resources/images/rewards/percs_shadow_below_programs.png")
		#ECECEC no-repeat; */
	max-width: 960px;
	margin: 0 auto;
}

#whatispercstable {
	width: 100%;
	background:
		url("/resources/images/rewards/percs_shadow_below_programs.png")
		no-repeat;
	background-size: 100% 20px;
	padding-top: 2%;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/resources/images/rewards/percs_shadow_below_programs.png',
		sizingMethod='scale');
	-ms-filter:
		"progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/resources/images/rewards/percs_shadow_below_programs.png', sizingMethod='scale')";
}

#whatispercstable p {
	font-size: 16px;
	color: #2B2B2B;
	margin: 8% 0;
}

.blue_btn_percs {
	border-radius: 22px;
	padding: 10px 10px;
	color: #ffffff !important;
	background-color: #00387B;
}

.blue_btn_percs_mid {
	border-radius: 22px;
	padding: 10px 27px;
	color: #ffffff !important;
	background-color: #00387B;
	margin: 30px 0;
	display: inline-block;
	margin-left: 7px;
	margin-top: 68px;
	font-size: 18px;
}

.blue_btn_percs_right {
	border-radius: 22px;
	padding: 10px 17px;
	color: #ffffff !important;
	background-color: #00387B;
	display: inline-block;
	margin: 3% 0;
	font-size: 18px;
}

#waystoearn_carousel_new_percs {
	max-width: 960px;
	margin: 0 auto;
}

#waystoearn_carousel_new_percs .span4:FIRST-CHILD .itembox {
	background: none;
}

#waystoearn_carousel_new_percs .itembox img {
	display: block;
	margin: 0px auto;
	position: relative;
}

#waystoearn_carousel_new_percs .itembox {
	display: block;
	padding: 10px 0;
	position: relative;
	text-align: center;
	background: url(/resources/images/rewards/percs_programs_vert_hr.png)
		no-repeat transparent;
	margin: 14px 0px;
}

#acc-content {
	position: relative;
	background: url(/resources/images/rewards/percs_caro_bg.jpg) no-repeat
		transparent;
	background-size: 100% 100%;
}

#panel_navigation {
	display: block;
	float: right;
	position: relative;
	margin-top: -30px;
	width: 129px;
}

#acc-content #panel_nav_left {
	display: block;
	position: absolute;
	background: url(/resources/images/rewards/percs_caro_btn_left.png)
		no-repeat transparent;
	height: 40px;
	width: 40px;
	top: 45%;
	opacity: 0.7;
	cursor: pointer;
}

#acc-content #panel_nav_right {
	display: block;
	position: absolute;
	background: url(/resources/images/rewards/percs_caro_btn_right.png)
		no-repeat transparent;
	height: 40px;
	width: 40px;
	top: 45%;
	opacity: 0.7;
	cursor: pointer;
	right: 0px;
}

#panel_navigation a {
	background: url("/resources/images/nav/bg_buttons.png") no-repeat scroll
		-17px -31px/30px auto transparent;
	margin: 5px;
	padding: 0px 11px;
	text-decoration: none;
	text-indent: -999px;
	display: inline-block;
	overflow: hidden;
}

#panel_navigation a.selected {
	background: url("/resources/images/nav/bg_buttons.png") no-repeat scroll
		-17px -14px/30px auto transparent;
}

.circles {
	margin-top: -127px;
	right: -5px;
	position: absolute;
}

#circle_num {
	position: relative;
	top: -88px;
	font-size: 71px;
	color: #fff;
	text-align: center;
}

#percs_app_wrapper {
	/*background-color: #9B9B9B;*/
	background: -moz-linear-gradient(0deg, #0043b7 0%, #1ac1f5 100%);
	background: -webkit-linear-gradient(0deg, #0043b7 0%, #1ac1f5 100%);
	background: -o-linear-gradient(0deg, #0043b7 0%, #1ac1f5 100%);
	background: -ms-linear-gradient(0deg, #0043b7 0%, #1ac1f5 100%);
	background: linear-gradient(90deg, #0043b7 0%, #1ac1f5 100%);
	padding: 20px 1% 0px;
}

.perc_app {
	max-width: 960px;
	margin: 0 auto;
	background: url(/resources/images/cspire-app/hdr_phone01@2x.png)
		no-repeat right 40px;
	overflow: hidden;
	background-size: 26%;
	height: 300px;
}

#app_left {
	/* width: 40%; */
	float: left;
	color: #ffffff;
}

#app_right {
	width: 50%;
	float: left;
	padding: 2%;
	margin-left: 5%;
	color: white;
}

#app_first {
	font-size: 20px;
}

#app_middle {
	/* font-size: 40px; */
	font-size: 4em;
	margin: 5% 0 3%;
	letter-spacing: 1px;
}

#app_last {
	/* font-size: 20px; */
	font-size: 2.2em;
	margin: 2% 0 5%;
	letter-spacing: 1px;
}

#app_buttons_left {
	margin-top: 15px;
	float: left;
	width: 45%;
}

#app_buttons_right {
	float: left;
	width: 45%;
	margin-top: 15px;
	margin-left: 2%;
}

#app_button .caption__link_dark {
	background-color: #1ac1f5;
	border-color: #1ac1f5;
	border-radius: 4px;
	color: #ffffff;
	display: inline-block;
	font-size: 20px;
	font-weight: 500;
	padding: 15px 70px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#percs_ques_wrapper {
	display: block;
	width: 100%;
	/* background-color: #00387B; */
}

.perc_questions {
	max-width: 960px;
	margin: 0 auto;
	padding-top: 1%;
	padding-bottom: 1%;
}

#perc_questionmark {
	width: 30%;
	display: inline-block;
	margin: 0 5% 0 0%;
	border-right: #505050 solid 1px;
	text-align: center;
	font-size: 2em;
	letter-spacing: 1px;
	float: left;
	height: 50px;
	padding-top: 1%;
	color: #505050;
}

#perc_quescontent {
	display: inline-block;
	width: 59%;
	float: left;
	padding: 1% 0;
}

#perc_quescontent span {
	color: #505050;
}

#perc_quescontent P {
	color: #505050;
	font-size: 20px;
	text-align: left;
	margin-top: initial;
	letter-spacing: 1px;
}

.perc_ques {
	margin-top: 0px !important
}

.dots_login {
	margin-top: -33px;
}

/* new css changes */
#perc_history_heading {
	text-align: left;
	margin-left: 3%;
}

#perc_history_heading_name {
	font-size: 20px;
	color: #28CDFF;
}

#perc_history_heading_description {
	font-size: 16px;
	color: gray;
}

.in_a_line {
	display: inline-block !important;
}

#all-transactions {
	margin-left: -20%;
	margin-right: 2.5%;
}

#status-change {
	margin-left: 4%;
	margin-right: 2.5%;
}

.points_head {
	margin-left: -10px;
	margin-right: 0%;
}

.no_space {
	margin-left: 0%;
}

.space {
	margin-left: 2%;
	margin-right: 3%;
}

.filter_border {
	border-top: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
	width: 100%;
	margin-left: 2%;
	height: 40px;
}

.left {
	padding-top: .8%;
	height: 40px;
}

.thru {
	margin-right: 7%;
	margin-left: -40%;
}

.tranfer_head {
	margin-left: 10% !important;
	margin-right: 1%;
}

#account-from {
	width: 100%;
}

#account-to {
	width: 100%;
}

.bold {
	font: bold;
}

.to {
	margin-left: -4% !important;
}

.bottom {
	border-bottom: 1px solid #bbbbbb;
	margin-bottom: 2%;
}

.welcome_status {
	text-align: left;
	color: black;
	font-size: 20px;
	font-weight: bold;
}

.welcome {
	color: #5BDAFD;
	font-size: 20PX;
	margin-left: 8%;
}

.welcome_head {
	color: #5BDAFD;
	font-size: 20PX;
	margin-left: 8%;
}

.thanks {
	color: gray;
	font-size: 18px;
	margin-left: 5%;
}

.no_savings {
	color: gray;
	font-size: 18px;
	margin-left: 5%;
	margin-top: 8.3%;
	margin-bottom: 10.3%;
	width: 75%;
}

.points_balance {
	color: #0172CA;
	font-size: 46px;
	font-weight: 100;
	text-align: left;
}

.save_price {
	color: #0172CA;
	font-size: 54px;
	font-weight: 100;
	margin-left: 16%;
}

.itembox_log {
	display: block;
	float: left;
	position: relative;
	width: 100%;
	height: 140px;
	text-align: center;
	box-shadow: 0px 1px #D9D9D9;
}

.itembox_log img {
	display: block;
	margin: 15px auto;
	position: relative;
	width: 95%;
	margin-top: 37px;
	padding-left: 1%;
}

#what_left_border #button_percs {
	display: block;
}

.rec_red_head {
	color: #013879;
	font-size: 38px;
}

.rec_red_content {
	color: gray;
}

.rec_red_back {
	background-color: lightgray;
	border-radius: 10px;
	margin-top: 5%;
	margin-left: 4%;
	width: 86%;
	height: 183px;
	padding: 4%;
}

.rec_red_back_space {
	margin-right: 10%;
	width: 86%;
	margin-top: 1%;
}

.rec_red_link {
	float: left;
	text-align: center;
	width: 45%;
	margin: 0;
	color: white;
	background-color: #00387C;
	border-radius: 20px 20px 20px 20px;
	padding: 2% 0%;
}

.get_percs {
	margin-top: 5%;
}

.redeem_percs {
	margin-top: 5%;
}

#percs_prog_log {
	clear: both;
	width: 100%;
	background-color: #ECECEC;
	height: auto;
}

.right_section_percs {
	width: 100%;
}

.no_left {
	margin-left: 0% !important;
}

.span3_no_left {
	width: 25.623932% !important;
}

.border_img {
	margin-top: 7px;
	margin-bottom: 10px;
}

#percs_login_box {
	/* background:
		url("/resources/images/rewards/percs_shadow_under_loggedin.png")
		no-repeat; */
	background-size: 100% 15%;
	padding-top: 4%;
	padding-bottom: 4%;
	margin-bottom: 1%;
}

.perc_app_loggedin {
	background-color: #9B9B9B;
	height: 244px;
	margin-top: 44px;
	width: 135%;
}

.perc_app_loggedin #app_left img {
	margin-top: 0px;
}

.perc_questions_loggedin {
	background-color: #00387B;
	height: 60px;
	margin-top: -17px;
	float: left;
	width: 135%;
}

.percs_info .statuslevels.ELITE {
	background-image:
		url("/resources/images/nav/percs_status_vip_elite.png") !important;
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: 0px !important;
	right: 5px;
}

.percs_info_gift .statuslevels.ELITE {
	background-image:
		url("/resources/images/nav/percs_status_vip_elite.png") !important;
	background-size: 90% 100%;
	background-repeat: no-repeat;
	background-position: 0px !important;
	right: 5px;
}

.percs_info .statuslevels.PREMIER {
	background-image:
		url("/resources/images/nav/percs_status_vip_premier.png") !important;
	background-size: 90% 100%;
	background-repeat: no-repeat;
	background-position: 0px !important;
	right: 5px;
}

.percs_info_gift .statuslevels.PREMIER {
	background-image:
		url("/resources/images/nav/percs_status_vip_premier.png") !important;
	background-size: 90% 100%;
	background-repeat: no-repeat;
	background-position: 0px !important;
	right: 5px;
}

.percs_info .statuslevels.PRIORITY {
	background-image: url("/resources/images/nav/percs_status_priority.png")
		!important;
	background-size: 90% 100%;
	background-repeat: no-repeat;
	background-position: 0px !important;
	right: 5px;
}

.percs_info_gift .statuslevels.PRIORITY {
	background-image: url("/resources/images/nav/percs_status_priority.png")
		!important;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 0px !important;
	right: 5px;
}

.percs_info .statuslevels.PLUS {
	background-image: url("/resources/images/nav/percs_status_plus.png")
		!important;
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: 0px !important;
	right: 5px;
}

.percs_info_gift .statuslevels.PLUS {
	background-image: url("/resources/images/nav/percs_status_plus.png")
		!important;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 0px !important;
	right: 5px;
}

.percs_info .statuslevels {
	display: block;
	float: left;
	height: 160px;
	margin: -6px -78px 0 0;
	position: relative;
	width: 90%;
}

#button_percs, #register_percs {
	text-align: center;
	margin: 10% 0 10%;
}

.status_image {
	margin-top: 3%;
	max-width: 100%;
	/* margin-left: 14%; */
}

.member_section {
	width: 46%;
	border-radius: 5px;
	display: inline-block;
	padding: 1%;
}

.vip_section {
	width: 46%;
	border-radius: 5px;
	display: inline-block;
	padding: 1%;
}

.member_heading {
	color: #0070D4;
	text-align: center;
	font-size: 30px;
}

.plus_section {
	display: inline-block;
	width: 50%;
	margin: 0px auto;
	text-align: center;
	float: left;
}

.immediately {
	font-size: 15px;
	text-align: center;
	color: #0070D4;
}

.priority_section {
	display: inline-block;
	width: 50%;
	margin: 0px auto;
	text-align: center;
}

.two_years {
	font-size: 15px;
	text-align: center;
	color: #0070D4;
	margin: 5%;
}

.start_getting {
	font-size: 42px;
	color: #007ACC;
	margin-left: 5%;
	margin-top: 2.5%;
	margin-bottom: 3%;
}

#redeempoints #details {
	max-width: 70%;
	margin-left: 14%;
}

/* .more_section {
	margin-bottom: -24%;
	
} */

.percs_content #redeempoints .row-fluid {
	width: 70%;
	margin-left: 14%;
}

#redeempoints #bar {
	max-width: 100%;
	/* margin-left: 14%; */
	width: 100%;
}

.rowalign {
	width: 97%;
	margin-left: 1.5%;
}

.first_col {
	width: 55%;
	padding-left: 2% !important;
	color: #018FDD;
}

#details .first_col a {
	color: #018FDD;
}

#details tbody tr:nth-child(even) {
	background: #EDEDED;
}

#details tbody tr:nth-child(odd) {
	background: white;
}

#details .table td {
	border-right: 1px solid #dddddd;
	border-top: 0;
}

#details .table {
	border-bottom: 1px solid #dddddd;
}

.sec_thi_th {
	background: #0272C8;
	color: white;
	text-align: center !important;
	font-size: 19px;
	font-weight: bold;
}

.sec_thi_col {
	text-align: center !important;
	color: #018FDD;
	font-weight: bold;
}

.bar {
	padding: 0 !important;
	line-height: 0 !important;
	margin-bottom: .5%;
	border-bottom: 1px solid white;
}

.bar img {
	width: 99.5%;
	height: 21px;
}

.bar .last_bar_img {
	width: 100%;
	height: 21px;
}

#bar .table td {
	border-top: 0;
}

.status_heading_color {
	background: #0573C8;
	color: white;
	font-size: 18px;
}

.status_heading_color span {
	font-size: 12px;
}

.status_heading_color td {
	text-align: center;
}

.discounts {
	color: #0092D7;
	font-weight: bold;
}

.discounts span {
	font-weight: normal;
}

.discounts td {
	text-align: center;
	border-right: 1px solid lightgray;
}

#cbox_hidden {
	display: none;
}

.get_percs .rec_red_link {
	color: white;
}

.redeem_percs .rec_red_link {
	color: white;
}

#bar table {
	border-bottom: 1px solid gray;
	overflow: hidden;
}

.accessory_discounts {
	color: #53BAE5;
	text-align: center;
	font-size: 25px;
	margin-bottom: 1%;
	margin-top: 3%;
	width: 100%;
	display: inline-block;
}

.and_more {
	color: #028BD3;
	font-size: 45px;
	text-align: center;
	margin-top: 2%;
}

.random_acts {
	color: #7F7F7F;
	font-size: 16px;
	text-align: center;
	margin: 1%;
	margin-top: 0%;
}

@media screen and (max-width: 375px) {
	.col-xs-10 {
		width: 85% !important;
	}
}

@media screen and (max-width: 360px) {
	.points_balance {
		font-size: 34px !important;
	}
	#img1 {
		width: 80%;
		margin-left: 34%;
		margin-top: 5%;
	}
	#img2 {
		width: 70%;
		margin-left: 33%;
	}
	#img3 {
		width: 80%;
		margin-left: 34%;
		margin-top: 5%;
	}
	#img4 {
		width: 90%;
		margin-left: 30%;
	}

	/* #acc-content .caroufredsel_wrapper {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	height: 99px !important;
	background: url(/resources/images/rewards/percs_caro_bg.jpg) no-repeat
		transparent;
		margin-left: -21% !important;
width: 141% !important;
} */
	.panel_nav_btns, #panel_navigation {
		display: none !important;
	}
	#waystoearn_carousel_new_percs {
		background-color: #ECECEC;
	}
	#whatispercstable {
		margin-top: 6%;
		display: inline-block;
	}
	#percs_activation {
		width: 100%;
	}
	#percs_giftcards h2 {
		margin-top: 4%;
		margin-left: 4%;
		color: #28CDFF;
		font-size: 30px;
		font-family: "Montserrat", Arial, sans-serif;
	}
	#percs_giftcards p {
		color: #000000;
		margin-left: 4%;
		text-align: left;
		font-size: 15px;
		width: 100%;
	}
	#percs_giftcards img {
		width: 100%;
		margin-top: 5%;
	}
	.rec_red_back {
		overflow: auto;
		margin-top: 2%;
		width: 94% !important;
		font-size: 16px;
	}
}

@media screen and (max-width: 384px) {
	#img1 {
		width: 80%;
		margin-left: 34%;
		margin-top: 5%;
	}
	#img2 {
		width: 70%;
		margin-left: 33%;
		margin-top: 19%;
	}
	#img3 {
		width: 70%;
		margin-left: 34%;
		margin-top: 5%;
	}
	#img4 {
		width: 90%;
		margin-left: 30%;
	}

	/* #acc-content .caroufredsel_wrapper {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	height:101px !important;
	background: url(/resources/images/rewards/percs_caro_bg.jpg) no-repeat
		transparent;
		margin-left: -21% !important;
width: 141% !important;
} */
	.perc_content .subHeading {
		text-transform: uppercase;
		text-align: center;
		font-size: 200% !important;
		padding: 1%;
		margin: 30px 0 0 0;
		color: #0059D1;
		font-family: "Montserrat", Arial, sans-serif;
	}
	#perc_quescontent P {
		color: #00A8D9;
		margin-left: 14px;
		margin-top: 4px;
		font-size: 16px;
		/* 	width: 100%; */
	}
	#perc_questionmark {
		margin-left: 11px;
	}
	#waystoearn_carousel_new_percs .itembox img {
		display: block;
		margin: 0px auto;
		position: relative;
		/* margin-left: 74px; */
	}
	#waystoearn_carousel_new_percs .itembox {
		/* border-right: 1px solid #F8F8F8; */
		display: block;
		float: left;
		height: 158px;
		margin: 5px;
		padding: 10px;
		position: relative;
		text-align: center;
		width: 100%;
		box-shadow: 2px 2px #D9D9D9;
		border-bottom: 1px solid lightgray;
	}
	#percs_prog {
		height: auto;
	}
	#app_left {
		width: 40%;
		float: left;
	}
	#app_right {
		width: 50%;
		float: left;
		padding: 2%;
		margin-left: 5%;
	}
	.panel_nav_btns, #panel_navigation {
		display: none !important;
	}
	#acc-content img {
		border: none !important;
		max-width: 100%;
		/*height: 92px;*/
		/* margin-top: 15%; */
	}
	
	#waystoearn_carousel_new_percs {
		background-color: #ECECEC;
	}
	
	.blue_btn_devpas {
		border-radius: 20px;
		padding: 8px 0;
		color: #ffffff !important;
		margin: 23px 0;
		display: inline-block;
		width: 256px;
		/* font-style: italic; */
		background-color: #01509D;
		font-size: 20px;
		MARGIN-LEFT: 1% !important;
		font-family: "Montserrat", Arial, sans-serif;
	}
	#percs_activation {
		width: 100%;
	}
}

@media screen and (max-width: 320px) {
	#img1 {
		width: 80%;
		margin-left: 34%;
		margin-top: 5%;
	}
	#img2 {
		width: 85%;
		margin-left: 33%;
		margin-top: 17%;
	}
	#img3 {
		width: 80%;
		margin-left: 34%;
		margin-top: 5%;
	}
	#img4 {
		width: 90%;
		margin-left: 30%;
	}

	/* #acc-content .caroufredsel_wrapper {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	height: 90px !important;
	background: url(/resources/images/rewards/percs_caro_bg.jpg) no-repeat
		transparent;
		margin-left: -21% !important;
width: 141% !important;
} */
	.no_savings {
		width: 208% !important;
		margin-left: 33%;
	}
	.percs_info .statuslevels.VIP {
		display: block;
		float: right;
		height: 101px;
		margin: -6px -148px 0 0;
		position: relative;
		width: 76%;
		margin-right: -146px !important;
	}
	.percs_redem_header img {
		margin-left: -10% !important;
		width: 243%;
		margin-top: 4%;
	}
	.welcome {
		color: #5BDAFD;
		font-size: 20PX;
		margin-left: 60%;
		width: 136% !important;
	}
	.points_balance {
		color: #0172CA;
		font-size: 30px !important;
		font-weight: 100;
	}
	#what_head_right {
		width: 90%;
		display: inline-block;
		margin: 2%;
	}
	
	#what_head_left {
		width: 100%;
		display: inline-block;
		margin: 2%;
	}
	#whatispercstable {
		margin-top: 6%;
		display: inline-block;
	}
	#app_left {
		width: 100%;
		text-align: center;
	}
	#app_right {
		width: 100%;
		padding: 2%;
	}
	.rec_red_back {
		width: 95% !important;
	}
	.redeem_percs .rec_red_link {
		width: 55% !important;
	}
	#app_left img {
		width: 106%;
		margin-left: 2px !important;
	}
	/* #app_right {
 margin-left: 8% !important; 
} */
	.blue_btn_devpas {
		border-radius: 20px;
		padding: 8px 0;
		color: #ffffff !important;
		margin: 23px 0;
		display: inline-block;
		width: 256px;
		/* font-style: italic; */
		background-color: #01509D;
		font-size: 20px;
		MARGIN-LEFT: 0% !important;
		font-family: "Montserrat", Arial, sans-serif;
	}
	#percs_second #percs_activation {
		width: 100%;
	}
	#waystoearn_carousel_new_percs .itembox img {
		display: block;
		margin: 0px auto;
		position: relative;
	}
	#app_buttons_left img {
		float: left;
		/* margin-left: 27px; */
	}
	#app_buttons_right img {
		float: left;
		/* margin-left: 27px; */
	}
}

@media ( min-width : 400px ) and (max-width : 599px) {
	#perc_content_profile_info {
		background-color: #0071bd !important;
	}
	#whatispercs {
		margin-left: 10px !important;
		margin-right: 10px !important;
	}
	#waystoearn_carousel_new_percs .itembox {
		border-bottom: 1px solid lightgray;
	}
	#percsFAQ {
		margin-left: 10px !important;
		margin-right: 10px !important;
	}
	.box {
		padding-left: 5px !important;
	}
	#redeempoints {
		max-width: 95% !important;
	}
	#what_head_left, #what_head_right {
		width: 90%;
	}
	#what_head_right p {
		padding: 3%;
	}
	#what_left_border, #what_mid_border, #what_right_border {
		border: 5px solid lightgrey;
		width: 95%;
		padding: 7px;
		margin: 3% auto;
		border-radius: 2%;
	}
	#whatispercstable p {
		min-height: 56px;
	}
	.percs_border {
		width: 96%;
		margin: 0 auto;
		border-radius: 1%;
		background-color: white;
		display: block;
	}
	#app_left {
		width: 100%;
		text-align: center;
	}
	#app_right {
		width: 100%;
		padding: 2%;
	}
}


#perc_right #optin_percs {
	text-indent: 0;
}

#perc_right .main_points {
	display: block;
	max-height: 200px;
	position: relative;
}
.header_blank .percs_Name {
    margin: 0 auto;
    padding: 1%;
    max-width: 960px;
    color: gray;
    font-size: 24px;
}
#newpoints .percs_Name {
	clear: both;
	padding: 0;
	color: #0172CA;
	font-size: 30px;
	margin-bottom: 2.5%;
}

#newpoints_gift .percs_Name_gift {
	clear: both;
	font-size: 22px;
	margin: 0 150px 0 0;
	padding: 0;
}

#newpoints .span3 .percs_info {
	width: 100%;
}

#newpoints .percs_info {
	clear: both;
	margin-top: 0px;
	color: black;
	width: 25%;
	float: left;
	margin-left: 0px;
	height: auto;
}

#newpoints .percs_info_points {
	clear: both;
	height: 35px;
	margin-top: 0px;
	color: black;
	margin-left: 0px;
}

.name_status_block {
	float: left;
	width: 75%;
}

#newpoints_gift .percs_info_gift {
	clear: both;
	height: 35px;
	margin-top: 0px;
	width: 100%;
	margin-left: -30px;
}

#newpoints .pointlabel {
	color: #DFDFDF;
	font-size: 20px;
	margin-right: 80px;
	padding: 0;
	text-align: left;
}

#newpoints_gift .pointlabel {
	color: #DFDFDF;
	font-size: 20px;
	margin-right: 80px;
	padding: 0;
	text-align: left;
}

#newpoints .pointsinfo {
	clear: both;
	/* display: block;
	font-weight: bold;
	line-height: 35px;
	width: 100%;
	border-radius: 100%; */
	font-size: 20px;
	color: gray;
	text-align: center;
	/* background-color: #d3d3d3;
	padding-top: 10%;
	padding-bottom: 20.5%;
	overflow: visible; */
}
.points_balance span{
	color: gray;
}
#newpoints_gift .pointsinfo_gift {
	clear: both;
	display: block;
	font-weight: bold;
	line-height: 35px;
	font-size: 30px;
	text-align: center;
	margin-right: 100px;
}

#perc_section_one #perc_right .statuslevels {
	background-image: url("/resources/images/rewards/percs_sprite.png");
	background-repeat: no-repeat;
	display: inline-block;
	float: none;
	height: 81px;
	width: 97px;
	clear: both;
	margin-left: 305px;
	margin-top: -81px;
	background-position: 1000px 0px;
}

#perc_section_one #perc_right_gift .statuslevels {
	background-image: url("/resources/images/rewards/percs_sprite.png");
	background-repeat: no-repeat;
	display: inline-block;
	float: none;
	height: 81px;
	width: 97px;
	clear: both;
	margin-left: 280px;
	margin-top: -81px;
	background-position: 1000px 0px;
}

#perc_section_one #perc_right .main_points ul li {
	background: url(/resources/images/rewards/percs_light.png) no-repeat left top;
	margin-top: 3%;
}

#perc_section_one #perc_right .main_points ul li div.percs_profile_section
	{
	background-image: url("/resources/images/nav/percs_light.png");
	background-position: 0 6px;
	background-repeat: no-repeat;
	border: medium none !important;
	color: #DFDFDF;
	display: block;
	font-size: 16px;
	margin: 0 auto 0 32%;
	padding-left: 15px;
	text-align: justify;
	width: 23%;
}

#perc_section_one #perc_right .main_points ul li span.percs_profile_data
	{
	clear: both;
	display: block;
	font-size: 25px;
	font-weight: bold;
	height: 35px;
	line-height: 35px;
	margin: -29px auto 0 22%;
	padding-left: 35%;
	text-align: left;
}

#perc_right .main_points .log_in_percs {
	font-size: 60%;
	padding: 6px;
}

.perc_content .subHeading {
	text-transform: uppercase;
	text-align: center;
	font-size: 325%;
	padding: 1%;
	margin: 30px 0 0 0;
	color: #0059D1;
	font-family: "Montserrat", Arial, sans-serif;
}

.perc_content .heading {
	font-family: "Montserrat", Arial, sans-serif;
	font-size: 25px;
	padding: 1%;
	text-align: center;
	text-transform: uppercase;
}

#right_column .heading {
	font-family: "Montserrat", Arial, sans-serif;
	font-size: 250%;
	padding: 1%;
	text-align: left;
	text-transform: uppercase;
}

.perc_content .subHeading.whatIsPercs {
	color: #28cdff;
}

.perc_content .subHeading.twoWays {
	color: #28cdff;
	font-size: 400%;
}

.perc_content .subHeading.statusPercs {
	color: #0072C7;
	padding-bottom: 10px;
}

div.perc_content .section_content_right {
	color: #505050;
	float: left;
	line-height: 150%;
	margin: 3% 5%;
	text-align: left;
	width: 60%;
	display: inline-block;
	font-size: 115%;
}

div.perc_content .section_image_left {
	margin-top: 3%;
	display: inline-block;
	width: 30%;
	text-align: center;
}

div.perc_content .section_image_left img {
	width: auto;
}

div.perc_content .section_image_right {
	float: left;
	margin: 3% 4% 0% 5%;
	width: 35%;
}

div.perc_content .section_image_right img {
	width: 100%;
}

div.perc_content .section_content_left {
	float: right;
	margin-top: 3%;
	margin-bottom: 5%;
	width: 56%;
	color: #505050;
}

.perc_content {
	background: none repeat scroll 0 0 #FFFFFF;
	font-family: "Montserrat", Arial, sans-serif;
}

.get_content {
	background: none repeat scroll 0 0 #FFFFFF;
	font-family: "Montserrat", Arial, sans-serif;
}
/* Section 2 - WHAT IS PERCS */
#perc_section_two {
	color: #0072C7;
	clear: both;
	padding: 2% 0%;
	width: 80%;
	margin: 0% auto;
}

/* Section 3 - STATUS PERCS */
#perc_section_three, #status_percs_section {
	width: 70%;
	text-align: center;
}

#perc_section_three {
	padding: 2% 0 0;
	margin: 1% auto;
}

#status_percs_section {
	margin: 0 auto;
}

.section_background_line {
	background: url(/resources/images/rewards/hr_nogradient.png) no-repeat
		center 0;
	margin-top: 25px;
}

#perc_section_three ul, #status_percs_section ul {
	padding: 3% 1%;
	text-align: center;
}

div#perc_section_three ul li, #status_percs_section ul li {
	display: inline-block;
	margin: 1%;
	width: 22%;
}

#status_percs_section ul li.elite, #status_percs_section ul li.plus,
	#status_percs_section ul li.priority, #status_percs_section ul li.premier
	{
	opacity: 1;
}

#status_percs_section ul li.loggedIn {
	opacity: .4;
}

#status_percs_section ul li {
	float: left;
	margin-left: 2%;
}

#status_percs_section .bg_darkblue {
	background-color: #003a7a;
	padding: 4%;
	color: #7CA4D4;
	margin-bottom: 1%;
	margin-top: 5%;
	width: 90%;
	font-size: 135%;
}

#status_percs_section .bg_darkblue span {
	color: #ffffff;
	font-weight: bold;
}

#status_percs_section .bg_lightblue {
	background: #00AEEF;
	padding: 4%;
	color: #FFFFFF;
	margin-bottom: 1%;
	margin-top: 1%;
	width: 90%;
	text-align: left;
	font-size: 100%;
	font-weight: normal;
}

#status_percs_section .bg_lightblue_plus {
	background: #507aad;
	padding: 4%;
	color: #FFFFFF;
	margin-bottom: 1%;
	margin-top: 1%;
	width: 90%;
	text-align: left;
	font-size: 100%;
	font-weight: normal;
}

#status_percs_section .bg_lightblue_priority {
	background: #336699;
	padding: 4%;
	color: #FFFFFF;
	margin-bottom: 1%;
	margin-top: 1%;
	width: 90%;
	text-align: left;
	font-size: 100%;
	font-weight: normal;
}

#status_percs_section .bg_lightblue_premier {
	background: #6699cc;
	padding: 4%;
	color: #FFFFFF;
	margin-bottom: 1%;
	margin-top: 1%;
	width: 90%;
	text-align: left;
	font-size: 100%;
	font-weight: normal;
}

#status_percs_section .bg_lightblue_elite {
	background: #336699;
	padding: 4%;
	color: #FFFFFF;
	margin-bottom: 1%;
	margin-top: 1%;
	width: 90%;
	text-align: left;
	font-size: 100%;
	font-weight: normal;
}

#perc_section_three .learn_more, #perc_section_four .perc_hub_btn {
	padding: 1% 5%;
	font-weight: bold;
}

/* Section 4 - HOW TO EARN POINTS */
#perc_section_four {
	padding: 2% 0 0;
	width: 70%;
	margin: 3% auto;
	text-align: center;
}

#perc_section_four div.earnRedeemShare {
	margin: 2% 0% 5%;
}

#perc_section_four div.earnRedeemShare h1 {
	color: #28CDFF;
	margin-bottom: 5%;
	font-size: 265%;
}

#status_percs_rewards .boxrewards {
	border: 1px solid #D6E6F5;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 3px 3px 10px #D6E6F5;
	display: inline-block;
	margin-bottom: 20px;
	margin-left: auto;
	padding: 19px;
}

#status_percs_rewards .not_logged_in {
	margin-top: 10px;
}

#status_percs_rewards .boxrewards p {
	margin-top: 5px;
	text-align: left;
}

#status_percs_rewards .not_logged_in div h2 {
	color: #28CDFF;
}

#perc_section_four div.earnRedeemShare div {
	border-radius: 10px 10px 10px 10px;
	box-shadow: 3px 3px 10px #D6E6F5;
	display: inline-block;
	float: left;
	margin-left: 2%;
	margin-right: 2%;
	padding: 1%;
	width: 27%;
}

#perc_section_four div.earnRedeemShare div p {
	margin: 4% 2%;
	color: #505050;
	text-align: left;
}

#perc_section_four div.earnRedeemShare img {
	width: auto;
}

.perc_content .section_image_right {
	margin-left: 10%;
}

/* Section 9 - FAQ DOWNLOAD*/
#perc_section_nine {
	width: 70%;
	margin: 0% auto;
	height: auto;
	padding: 4% 0%;
}

#transfer_points, #perc_history {
	text-align: center;
}

#perc_history p {
	width: 90%;
	margin-left: 4%;
}

#perc_section_nine #share_faqs, #perc_section_nine #share_download {
	padding: 2%;
	width: 39%;
	border: 1px solid #CCCCDD;
	border-radius: 10px;
	box-shadow: 3px 3px 10px #D6E6F5;
}

#perc_section_nine #share_faqs {
	display: inline-block;
	margin-left: 6%;
}

#perc_section_nine #share_download {
	float: right;
	margin-right: 6%;
}

#share_faqs #faqs_content, #share_download #download_content {
	float: right;
	color: #505050;
	width: 60%;
}

#share_faqs #faqs_image, #share_download #download_image {
	display: inline-block;
}

#share_download #download_content {
	float: right;
	color: #505050;
}

.perc_section_subheading {
	color: #0072C7;
	text-align: center;
	font-size: 180%;
}

.perc_section_subheading_lightblue {
	color: #28CDFF;
	text-align: center;
	font-size: 170%;
}

.perc_section_heading3 {
	color: #28CDFF;
	text-align: center;
	font-size: 280%;
	padding-top: 18px;
}

.perc_section_heading4 {
	margin-bottom: 2%;
	color: #28CDFF;
	text-align: left;
	font-size: 180%;
}

.FAQswrapper h3 {
	font-size: 180% !important;
	font-weight: normal !important;
}

/**** redeem points tab start*******/
#redeem_wrapper {
	width: 80%;
	height: 10%;
	padding-top: .1%;
	overflow: hidden;
	left: 50%;
	top: 50%;
}

#redeem_carousel div.redeem_element {
	border: 1px solid #CCCCDD;
	border-radius: 10px 10px 10px 10px;
	float: left;
	height: 135px;
	margin: 0 10px 10px;
	overflow: hidden;
	padding: 20px;
	width: 7%;
}

#redeem_carousel div.redeem_element img {
	width: 100%;
}

#redeem_carousel div.redeem_element:hover {
	background: url("/resources/images/bg/selected_bg.png") repeat;
}

a#prev, a#next {
	background: url("/resources/images/nav/arrow_sprite.png");
	background-repeat: no-repeat;
	position: relative;
	padding: 1.75%;
	bottom: 145px;
}

a#prev {
	background-position: 15px 27px;
}

a#next {
	background-position: -21px 27px;
	margin-left: 93%;
}

#redeem_notloggedin .redeem_subsection {
	background: url(/resources/images/rewards/percs_earn_box.png) no-repeat
		center top;
	background-size: 104% auto;
	display: inline-block;
	float: left;
	margin-bottom: 2%;
	margin-left: 2%;
	padding: 2%;
	width: 23%;
}

/**** redeem points tab end *******/
/*********My Percs -Transfer Start ********/
.myPercsHeading {
	color: #57799C;
	font-size: 25px;
	margin-left: 5%;
	padding-top: 2%;
	padding-bottom: 5px;
	border-bottom: #1ac1f5 solid 1px;
}

#tabs {
	margin-left: 4%;
	width: 100%;
}

#tabs #tab_gap {
	border-bottom: 1px solid #CCCDDD;
	content: "";
	float: left;
	padding-top: 6.4%;
	width: 2%;
}

.left_tab {
	border-radius: 4px;
	float: left;
	text-align: center;
	width: 80%;
	margin: 0;
	background-color: #28CDFF;
	/* border-radius: 20px 20px 20px 20px; */
	padding: 2%;
	/* color: #014E8B; */
	/* margin-top: 6.3%;
	margin-bottom: 6.2%;
	margin-left: 5%; */
}

.right_tab {
	border-radius: 4px;
	float: left;
	text-align: center;
	width: 75%;
	margin: 0;
	background-color: #28CDFF;
	/* border-radius: 20px 20px 20px 20px; */
	padding: 2%;
	/* color: #014E8B;
	margin-top: 6.3%;
	margin-bottom: 6.2%; */
	margin-left: 5%;
	position: relative;
}

.last_tab {
	border-radius: 4px;
	float: left;
	text-align: center;
	width: 75%;
	margin: 0;
	background-color: #28CDFF;
	/* border-radius: 20px 20px 20px 20px; */
	padding: 2%;
	/* color: #014E8B;
	margin-top: 6.3%;
	margin-bottom: 6.2%; */
	margin-left: 5%;
	position: relative;	
}

.tab_heading {
	font-family: "Montserrat", Arial, sans-serif;
	font-weight: 500;
	padding: 1%;
	font-size: 15px;
	text-transform: uppercase;
	color: #FFFFFF;
}

.tab_desc {
	color: #505050;
	font-family: "Montserrat", Arial, sans-serif;
	font-size: 1.2em;
	padding: 1%;
}

.hr {
	background: none no-repeat scroll center center black;
	height: 2px;
	left: 48.6%;
	position: relative;
	width: 35.8%;
}

.rewards_balance, .status_desc {
	color: #28CDFF;
	font-family: "Montserrat", Arial, sans-serif;
	font-size: 1.3em;
	padding: 1%;
	border-top: 1px solid lightgray;
}

.transfer, .filters {
	color: black;
	font-family: "Montserrat", Arial, sans-serif;
	font-size: 1.2em;
}

.filters {
	margin-left: 3%;
}

.transfer_button, .status_percs .learn_more, #status_percs_rewards .learn_more
	{
	background-color: #28CDFF;
	border-radius: 20px 20px 20px 20px;
	color: #FFFFFF;
	cursor: pointer;
	margin: 0 3%;
	padding: 1% 2%;
	border-style: none;
}

.status_heading {
	background: url("/resources/images/bg/hr.png") no-repeat scroll center
		40px transparent;
	color: #002245;
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	font-size: 225%;
	padding: 6% 0 2%;
	text-align: center;
	text-transform: uppercase;
}

.status_percs img {
	display: block;
	float: left;
	height: 114px;
	margin: 0 27px 0 0;
	width: 114px;
}

.status_percs {
	width: 80%;
	margin-left: 11%;
}

.learnmore {
	background-color: #28CDFF;
	border-radius: 20px 20px 20px 20px;
	color: #FFFFFF;
	cursor: pointer;
	margin: 17% 42% 0;
	padding: 1% 2%;
	text-align: center;
}

#perc_history .filters .points {
	border-left: 1px solid #BBBBBB;
	float: left;
	margin-left: 0%;
	padding-left: 10px;
}

.points span, .date_range_search span {
	color: #28CDFF;
	font-family: "Montserrat", Arial, sans-serif;
	font-size: 1.2em;
}



.date-Format-Msg {
	padding: 18px 0 18px 54px;
	background: url(/resources/images/error_exclamation.gif) no-repeat 10px
		center #fce2e2;
	color: #eb3c3c;
	font-size: 14px;
	font-weight: bold;
	margin: 0.5em 0;
	width: 75%;
	margin-left: 4%;
	margin-top: 15px;
}

.date_range_search {
	color: black;
	font-family: "Montserrat", Arial, sans-serif;
	margin-top: 4%;
}

#rewards-history-table {
	margin-top: 5%;
	/* new css changes  */
	width: 95%;
	margin-left: 2.2%;
}

.reward-success {
	color: black;
	margin-top: 2%;
	padding: 2%;
}

.reward-error {
	margin-top: 2%;
	padding: 2%;
}

/*********My Percs -Transfer Ends ********/

/*********Perc points Start**************/
.social_info {
	color: #666666;
	font-size: 130%;
	padding: 1.5% 0 3%;
	text-align: center;
}

#ways_to_share {
	background: url("/resources/images/bg/hr.png") no-repeat scroll center
		top transparent;
	width: 100%;
	margin: auto;
	text-align: center;
}

#ways_to_share .heading {
	color: #0072C7 !important;
	font-size: 180% !important;
	text-align: left !important;
}

#ways_to_share .text {
	font-size: 14px !important;
	color: #333 !important;
	text-align: left !important;
	padding-left: 5px;
	line-height: 200%;
}

#ways_to_share #left_column img {
	width: auto;
}

#ways_to_share #left_column {
	display: inline-block;
	padding: 2%;
	width: 46%;
	float: left;
}

#left_column {
	display: inline-block;
	padding: 2%;
	width: 46%;
	float: left;
}

#ways_to_share #right_column {
	display: inline-block;
	margin-bottom: 5%;
	margin-top: 1%;
	width: 46%;
	text-align: left;
}

#right_column {
	display: inline-block;
	margin-bottom: 5%;
	margin-top: 1%;
	width: 46%;
	text-align: left;
}

.social_image {
	margin-bottom: 2%;
	text-align: center;
}

.social_image img {
	margin-top: 3%;
	width: 20%;
}

.purpose_learn_more, .redeem_learn_more {
	margin-bottom: 15px;
}

#purpose_learn_more_link, #redeem_learn_more_link {
	background-color: #28CDFF;
	border-radius: 20px 20px 20px 20px;
	color: #FFFFFF;
	padding: 10px 20px;
}

#ways_to_redeem {
	background: url("/resources/images/bg/hr.png") no-repeat scroll center
		top transparent;
	color: #002248;
	margin: auto;
	text-align: center;
	padding-top: 1%;
}

#ways_to_redeem .subHeading {
	color: #0C78D3;
}

#percs_phones h2 {
	margin-top: 4%;
	color: #28CDFF;
	font-size: 30px;
	margin-left: 4%;
	font-family: "Montserrat", Arial, sans-serif;
}

#percs_phones p {
	color: #000000;
	text-align: left;
	font-size: 15px;
	width: 80%;
	margin-left: 4%;
}

#percs_phones img {
	width: 100%;
	margin-top: 8%;
}

#percs_phones table {
	color: #767676;
	text-align: left;
	width: 100%;
	margin: 165px 0px 0px 0px;
	background-color: #ECECEC;
}

.blue_btn_shop {
	border-radius: 20px;
	padding: 8px 0;
	color: #ffffff !important;
	margin: 23px 0;
	display: inline-block;
	width: 286px;
	background-color: #01509D;
	font-size: 20px;
	font-family: "Montserrat", Arial, sans-serif;
}

#percs_smart h2 {
	margin-top: 4%;
	color: #28CDFF;
	font-size: 30px;
	margin-left: 4%;
	font-family: "Montserrat", Arial, sans-serif;
}

#percs_smart p {
	color: #000000;
	text-align: left;
	font-size: 15px;
	margin-left: 4%;
}

#percs_smart img {
	width: 100%;
	margin-top: 14%;
}

#percs_smart table {
	color: #767676;
	text-align: left;
	width: 100%;
	margin: 165px 0px 0px 0px;
	background-color: #ECECEC;
}

.blue_btn_smart {
	border-radius: 20px;
	padding: 9px 0;
	color: #ffffff !important;
	margin: 21px 0;
	display: inline-block;
	width: 273px;
	background-color: #01509D;
	font-size: 20px;
	font-family: "Montserrat", Arial, sans-serif;
}

.blue_btn_accessr {
	border-radius: 20px;
	padding: 9px 0;
	color: #ffffff !important;
	margin: 21px 0;
	display: inline-block;
	width: 273px;
	background-color: #01509D;
	font-size: 20px;
	font-family: "Montserrat", Arial, sans-serif;
}

#percs_accessorie h2 {
	margin-top: 4%;
	color: #28CDFF;
	font-size: 30px;
	margin-left: 4%;
	font-family: "Montserrat", Arial, sans-serif;
}

#percs_accessorie p {
	color: #000000;
	text-align: left;
	font-size: 15px;
	margin-left: 4%;
	width: 80%;
}

#percs_accessorie img {
	width: 100%;
	margin-top: 8%;
}

#percs_accessorie table {
	color: #767676;
	text-align: left;
	width: 100%;
	margin: 165px 0px 0px 0px;
	background-color: #ECECEC;
}

#percs_giftcards {
	width: 100%;
}

#percs_giftcards h2 {
	margin-top: 1%;
	color: #28CDFF;
	font-size: 30px;
	margin-left: 4%;
	font-family: "Montserrat", Arial, sans-serif;
}

#percs_giftcards p {
	color: #000000;
	text-align: left;
	font-size: 15px;
	margin-left: 4%;
}

#percs_giftcards img {
	width: 100%;
	margin-top: 5%;
}

#percs_giftcards table {
	color: #767676;
	text-align: left;
	width: 100%;
	background-color: #ECECEC;
}

.blue_btn_access {
	border-radius: 20px;
	padding: 8px 0;
	color: #ffffff !important;
	margin: 23px 0;
	display: inline-block;
	width: 274px;
	background-color: #01509D;
	font-size: 20px;
	font-family: "Montserrat", Arial, sans-serif;
}

#percs_devicerep {
	float: left;
	width: 100%;
}

#percs_devicerep h2 {
	margin-top: 0%;
	color: #28CDFF;
	font-size: 30px;
	margin-left: 4%;
	font-family: "Montserrat", Arial, sans-serif;
}

#percs_devicerep p {
	color: #000000;
	text-align: left;
	font-size: 15px;
	margin-left: 4%;
}

#percs_devicerep img {
	width: 100%;
	margin-top: 4%;
}

#percs_devicerep table {
	color: #767676;
	text-align: left;
	width: 100%;
	margin: 165px 0px 0px 0px;
	background-color: #ECECEC;
}

.blue_btn_devpas {
	border-radius: 20px;
	padding: 8px 0;
	color: #ffffff !important;
	margin: 23px 0;
	display: inline-block;
	width: 256px;
	background-color: #01509D;
	font-size: 20px;
	font-family: "Montserrat", Arial, sans-serif;
	text-transform: uppercase;
}

#percs_activation {
	width: 100%;
}

#percs_activation h2 {
	margin-top: 1%;
	color: #28CDFF;
	font-size: 30px;
	margin-left: 4%;
	font-family: "Montserrat", Arial, sans-serif;
}

#percs_activation p {
	color: #000000;
	text-align: left;
	font-size: 15px;
	margin-left: 4%;
}

#percs_activation img {
	width: 100%;
	margin-top: 11%;
}

#percs_activation table {
	color: #767676;
	text-align: left;
	width: 100%;
	margin: 165px 0px 0px 0px;
	background-color: #ECECEC;
}

.blue_btn_activation {
	border-radius: 20px;
	padding: 8px 0;
	color: #ffffff !important;
	margin: 5%;
	display: inline-block;
	width: 266px;
	background-color: #01509D;
	font-size: 20px;
	font-family: "Montserrat", Arial, sans-serif;
}

#percs_second {
	margin-top: 40px;
	height: 375px;
}

.redeem_content, #percs_second {
	max-width: 960px;
	margin: 0 auto;
}

#ways_to_redeem .earnRedeemShare {
	margin: auto;
	padding: 2% 3%;
	width: 90%;
}

.redeem_heading {
	text-transform: uppercase;
	text-align: center;
	font-size: 290%;
	padding: 1%;
	color: #18549E;
}

.redeem_element h2 {
	color: #28CDFF;
	margin: 20px 0px 10px;
}

.redeem_element p {
	color: #000000;
	margin-top: 10px;
	text-align: left;
}

.redeem_element img {
	width: 100%;
}

.perc_content .heading.pwapHdr {
	text-align: left;
}

.redeem_element table {
	color: #767676;
	text-align: left;
	width: 100%;
	margin: 10px 0px 0px 0px;
}

.redeem_element td {
	padding: 10px 0px;
	border-bottom: 1px solid #ccc;
}

.redeem_element tr td:nth-child(2n+2) {
	text-align: center;
}

.redeem_element tr td:nth-child(3n+3) {
	text-align: right;
}

.redeem_element td.last {
	padding: 10px 0px;
	border-bottom: 0px;
}

.promo_section {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-origin: padding-box;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 104% auto;
	border: 1px solid #CCCCDD;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 2px 2px 2px #CCCCCC;
	min-height: 200px;
	margin: 10px;
}

.title {
	font-family: "Montserrat", Arial, sans-serif;
	font-weight: 500;
	font-size: 3em;
	padding: 3% 1% 2%;
	text-align: center;
	text-transform: uppercase;
}

.element_heading {
	font-family: "Montserrat", Arial, sans-serif;
	font-weight: 500;
	font-size: 1.3em;
	padding: .5%;
	text-align: center;
	text-transform: uppercase;
	color: #0072C7
}

.title1 {
	font-family: "Montserrat", Arial, sans-serif;
	font-weight: 500;
	font-size: 1.9em;
	padding: .5%;
	text-align: center;
	text-transform: uppercase;
	color: #0072C7
}

.title2 {
	font-family: "Montserrat", Arial, sans-serif;
	font-weight: 500;
	font-size: 2.5em;
	padding: .5%;
	text-align: center;
	text-transform: uppercase;
	color: #0072C7
}

.earn_image {
	margin-top: 7%;
	text-align: center;
}

.text {
	margin-bottom: 10%;
}

@media ( max-width : 1050px) {
	#status_percs_rewards .not_logged_in div img {
		width: 100%;
	}
	#share_faqs #faqs_image img, #share_download #download_image img {
		width: 100%;
	}
	div.perc_content .section_image_left img {
		width: 100%;
	}
}
/*********Perc points End**************/
.perc_content .waysToRedeemHdr {
	color: #28CDFF;
}

/** WAYS TO EARN CAROUSEL***/
#waystoearn_carousel {
	width: 70%;
	margin: 2% auto;
	background: url("/resources/images/rewards/hr_gradient.png") no-repeat
		scroll center top transparent;
	text-align: center;
}

#waystoearn_carousel .heading {
	font-size: 250%;
	padding: 1%;
}

#waysToEarn_wrapper {
	width: 80%;
	left: 5%;
	overflow: hidden;
	margin: 2% auto;
}

#waysToEarn_carousel div.waysToEarn_element {
	margin: 10px 5px;
	display: block;
	float: left;
	border: 1px solid #CCCCDD;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 2px 2px 2px #CCCCCC;
	padding: 10px;
	text-align: center;
}

#waysToEarn_carousel div.waysToEarn_element img {
	margin: 10px 0px;
	width: 42%;
}

#waysToEarn_carousel div.waysToEarn_element:hover {
	background: url("/resources/images/bg/featured_device_hover.png") repeat;
}

#waystoearn_prev, #waystoearn_next {
	width: 1%;
	background: url("/resources/images/nav/arrow_sprite.png") no-repeat;
	position: relative;
	bottom: 115px;
	padding: 11.5px 7px;
}

#waystoearn_prev {
	float: left;
	background-position: 4px -23px;
}

#waystoearn_next {
	float: right;
	background-position: -19px -23px;
}

#waysToEarn_wrapper a#perc_activity_list {
	border-radius: 30px 30px 30px 30px;
	color: #FFFFFF;
	display: inline-block;
	font-size: 65%;
	margin: 7% 4%;
	padding: 3% 14%;
}

#perc_activity_list {
	padding: .8% 6%;
}

.activity_btn {
	background-color: #28CDFF;
	border-radius: 20px 20px 20px 20px;
	color: #FFFFFF !important;
	font-size: 125%;
	font-weight: bold;
	padding: 2% 10%;
}

.activityListDiv {
	background-color: #FFFFFF;
	padding: 10px;
	text-align: left;
}

.activityListDiv h6 {
	color: #0072C7;
	font: bold 16px arial, sans-serif;
	margin: 0;
}

.activityListDiv ul li {
	font: 13px arial, sans-serif;
	list-style-type: circle !important;
	margin-left: 30px;
}

.activityListDiv h6 a:link, a:visited {
	color: #0072C7;
	font: bold 16px arial, sans-serif;
	margin: 0;
	text-decoration: none;
}

.activityListDiv h6 a:hover {
	color: #0072C7;
	font: bold 16px arial, sans-serif;
	margin: 0;
	text-decoration: underline;
}

/**  MY REWARDS CAROUSEL  ****/
#status_percs_rewards {
	width: 70%;
	margin: 0% auto 2% auto;
	background: url("/resources/images/rewards/hr_nogradient.png") no-repeat
		scroll center top transparent;
	text-align: center;
	padding: 2%;
}

#myRewards_wrapper {
	width: 100% !important;
	height: 450px !important;
	overflow: hidden;
	margin: 0 auto;
}

#myRewards_wrapper .caroufredsel_wrapper {
	padding-bottom: 50px !important;
	margin: 0 auto;
}

#myRewards_carousel div.myRewards_element {
	border: 1px solid #D6E6F5;
	border-radius: 10px 10px 10px 10px;
	margin: 10px 11px;
	display: block;
	float: left;
	color: #28CDFF;
	padding: 10px;
}

#myRewards_carousel div.myRewards_element h2 {
	text-align: center;
}

#myRewards_carousel div.myRewards_element img {
	margin: 0 auto;
}

#myRewards_carousel div.myRewards_element p {
	text-align: left;
	color: #505050;
	margin: 8% 5% 0;
}

#myRewards_prev, #myRewards_next {
	width: 1%;
	background: url("/resources/images/nav/arrow_sprite.png") no-repeat;
	position: relative;
	bottom: 225px;
	padding: 11.5px 7px;
}

#myRewards_prev {
	float: left;
	background-position: 4px -23px;
}

#myRewards_next {
	float: right;
	background-position: -19px -23px;
}

.thumbnail {
	border: none !important;
	box-shadow: none !important;
}

.centered {
	display: block;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

#whatispercs {
	margin: 0 auto;
	max-width: 960px;
	clear: both;
	height: 445px;
	width: 960px;
	background: none;
}

#whatispercs p {
	font-size: 16px;
	color: #2B2B2B;
	padding: 10px 30px 10px 10px;
	line-height: 26px;
}

#whatispercs .title-copy {
	color: #0072C7;
	font-size: 22px;
	line-height: 40px;
	font-family: "Montserrat", Arial, sans-serif;
}

#statusPercs {
	margin: 20px auto;
	max-width: 960px;
}

#earnpoints {
	margin: 20px auto;
	max-width: 960px;
}

#earnpoints .box {
	border-radius: 10px 10px 10px 10px;
	box-shadow: 3px 3px 10px #D6E6F5;
	padding: 1%;
	margin: 10px;
	min-height: 290px;
}

#earnpoints h1 {
	color: #28CDFF;
	text-align: center;
	margin: 6% auto;
	font-size: 200%;
}

#earnpoints p {
	color: #505050;
	min-height: 60px;
	padding: 10px;
	text-align: left;
}

#faqAndDownload {
	margin: 10px auto;
	max-width: 960px;
	padding: 20px 0px;
}

#faqAndDownload .box {
	border: 1px solid #CCCCDD;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 3px 3px 10px #D6E6F5;
	padding: 10px;
	margin: 10px 0px 10px 0px;
}

#newpoints {
	bottom: 46px;
	display: block;
	width: 100%;
	/* text-align: center; */
	color: black;
}

#newpoints_gift {
	bottom: 46px;
	display: block;
	width: 100%;
	text-align: center;
	color: white;
	position: absolute;
}

/*being used in b2b */
.loggedout #newpoints {
	color: #FFFFFF;
	display: block;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

.loggedout #newpoints .percs_info_points {
	margin-top: -10px;
	color: black;
	margin-left: 0px;
	clear: both;
	height: 35px;
}

.loggedout .name_status_block {
	margin-left: 23%;
}

#your-percs-wrap {
	background: #f7f7f7;
}

#mypercscontent {
	margin: 0 auto;
	max-width: 960px;
}

#mypercscontent label {
	display: inline-block;
	margin: 5px;
	margin-bottom: 5px;
	padding: 2px;
}

#percsFAQ {
	margin: 0px auto;
	max-width: 960px;
}

#redeempoints {
	margin: 0 auto;
	max-width: 960px;
	/* margin-bottom: 14%; */
}

#redeempoints .title {
	background: url("/resources/images/rewards/hr_nogradient.png") no-repeat
		scroll center bottom transparent;
	font-size: 400%;
}

#waystoearn_carousel_new  .carousel-inner {
	height: 145px;
}

#waystoearn_carousel_new div {
	margin-left: 1.25% !important;
}

#waystoearn_carousel_new .itembox {
	border: 1px solid #CCCCDD;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 2px 2px 2px #CCCCCC;
	display: block;
	float: left;
	height: 155px;
	margin: 5px;
	padding: 10px;
	position: relative;
	text-align: center;
	width: 85%;
}

#waystoearn_carousel_new .itembox h3 {
	padding-bottom: 0px;
}

#waystoearn_carousel_new .itembox img {
	display: block;
	margin: 15px auto;
	position: relative;
	width: 100px;
}

.label {
	background: none !important;
}

#social_percs {
	margin: 0 auto;
	width: 100%;
}

#social_percs .socialcontainer {
	margin: 0 auto;
	width: 55%;
}

#social_percs a {
	display: block;
	text-align: center;
}

/* Fixed PERCS Sub-Nav */
.back-to-top-wrapper {
	width: 100%;
	background-color: #ececec;
	border-bottom: 1px solid #cfcfcf;
}

.back-to-top {
	color: #0072C7;
	font-size: 14px;
	padding: 0px;
	z-index: 1000;
	margin: 0 auto;
	max-width: 960px;
}

.back-to-top a {
	color: #0072C7;
	font-weight: normal;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

.back-to-top-inner {
	float: left;
	background-color: #ececec;
}

.back-to-top a:hover {
	background-color: #0072C7;
	color: #ffffff;
}

.back-to-top-inner .current {
	background-color: #00B9F2;
	color: #ffffff;
	text-decoration: underline !important;
}

.back-to-top-fixed {
	position: fixed;
	top: 0px;
}

.navbar-nav {
	display: none;
}

.back-to-top-bottom {
	position: fixed;
	bottom: 80px;
	right: 0px;
	text-decoration: none;
	color: #ffffff !important;
	background-color: #00AEEF;
	font-size: 12px;
	padding: 1em;
	padding-left: 1.5em;
	padding-right: 1.5em;
	display: none;
	z-index: 1000;
}

.back-to-top-bottom:hover {
	background-color: #0072C7;
}
/* End Fixed PERCS Sub-Nav */

/* Smartphones (portrait and landscape) ----------- */
/*@media ( max-width : 767px) */
@media only screen and (max-width : 767px) {
	#waystoearn_carousel_new_percs .span4:FIRST-CHILD .itembox {
		background: none;
	}
	.percs_info .statuslevels.ELITE {
		background-size: 80%;
	}
	#percs_login_box {
		background: none;
	}
	.thru {
		margin-left: 7%;
	}
	.percs_rwds_programs img {
		width: 95%;
	}
	.status_image img {
		width: 100%;
	}
	.percs_rwds_referrals, .rapid_upgrades, .percs_rwds_partners {
		margin-left: 0%;
		margin-top: 2%;
	}
	#get_percs #redeempoints {
		display: inline-block;
		text-align: center;
		max-width: 100% !important;
	}
	#get_percs #percs_app_wrapper, #get_percs .perc_questions {
		text-align: left;
	}
	#redeempoints #bar {
		margin-left: 0%;
		display: inline-block;
	}
	.member_section {
		width: 96%;
		padding: 2%;
	}
	.vip_section {
		width: 96%;
		padding: 2%;
		margin-top: 4%;
	}
	.member_heading {
		font-size: 25px;
	}
	.start_getting {
		font-size: 25px;
		text-align: center;
		margin-bottom: 0%;
	}
	.start_getting img {
		width: 100%;
	}
	#perc_section_one #perc_right {
		width: 90%;
		margin-left: 5%;
		background-size: 100% 100%;
	}
	#app_buttons_left img, #app_buttons_right img {
		width: 87%;
	}
	.random_acts {
		font-size: 13px;
	}
	#perc_quescontent {
		width: 97%;
	}
	.transfer_box {
		margin-left: 0% !important;
		width: 95% !important;
	}
	#account-to {
		width: 95% !important;
	}
	.tranfer_head {
		margin-left: 0% !important;
	}
	.span3 .in_a_line {
		margin-top: 4%;
	}
	.points span, .date_range_search span {
		color: #28CDFF;
		font-family: "Montserrat", Arial, sans-serif;
		font-size: 11px;
	}
	.welcome {
		color: #5BDAFD;
		font-size: 20PX;
		margin-left: 60%;
		width: 129%;
	}
	.thanks {
		color: gray;
		font-size: 18px;
		margin-left: 28%;
		width: 193%;
		margin-top: 6%;
	}
	.save_price {
		color: #0172CA;
		font-weight: 100;
		font-size: 40px;
		width: 200%;
		text-align: center;
		margin-bottom: 10%;
	}
	#newpoints .percs_Name {
		font-size: 18px !important;
		margin: 0 8px 0 auto !important;
		margin-left: 93%;
		text-align: left;
	}
	#percs_giftcards h2 {
		color: #28CDFF;
		font-size: 30px;
		font-family: "Montserrat", Arial, sans-serif;
	}
	#percs_giftcards p {
		color: #000000;
		text-align: left;
		font-size: 15px;
		width: 100%;
	}
	#percs_giftcards img {
		width: 100%;
		margin-top: 5%;
	}
	.rec_red_back {
		width: 88% !important;
		font-size: 15px;
		margin-top: 2%;
		display: inline-block;
		overflow: auto;
		margin-left: 2%;
		height: auto;
	}
	.itembox_log {
		height: auto;
	}
	.right_section_percs {
		margin-left: 0%;
	}
	.span3_no_left {
		width: 100% !important;
	}
	#app_left {
		width: 100%;
		text-align: left;
		padding:0 10px;
	}
	.edit_percs_prog {
		height: auto !important;
	}
	#perc_questionmark {
		margin-left: 4%;
	}
	#perc_quescontent P {
		color: #00A8D9;
		margin-left: 4%;
		margin-top: 4px;
		font-size: 16px;
	}
	#app_left img {
		width: 106%;
	}
	#app_buttons_left {
		width: 100%;
	}
	#app_buttons_right {
		width: 100%;
		margin-left: 0;
	}
	#app_right {
		color: white;
		width: 100%;
		padding: 2%;
	}
	.rec_red_back_space {
		margin-right: 5%;
	}
	.percs_info {
		margin-left: 25% !important;
		margin-bottom: 16% !important;
	}
	.left_tab, .right_tab {
		margin-left: 5% !important;
		float: left;
		text-align: center;
		width: 85%;
		background-color: #28CDFF;
		border-radius: 20px 20px 20px 20px;
		padding: 2%;
		color: #014E8B;
		margin-top: 8.3%;
		position: relative;
	}
	#perc_content_profile_info {
		background-color: #0071bd !important;
	}
	#whatispercst {
		margin-left: 10px !important;
		margin-right: 10px !important;
	}
	#percsFAQ {
		margin-left: 10px !important;
		margin-right: 10px !important;
	}
	#what_head_left, #what_head_right {
		width: 90%;
	}
	#what_head_right p {
		padding: 3%;
	}
	#what_left_border, #what_mid_border, #what_right_border {
		border: 5px solid lightgrey;
		width: 95%;
		padding: 7px;
		margin: 3% auto;
		border-radius: 2%;
	}
	#whatispercstable p {
		min-height: 150px;
	}
	.percs_border {
		width: 96%;
		margin: 0 auto;
		border-radius: 1%;
		background-color: white;
		display: block;
	}
	#in_header {
		font-size: 35px;
		text-align: left;
	}
	.perc_app{
	  height:330px;
	  background-position-y:70px;
	}

	#app_middle {
	 	margin:0;
	}
	#app_last{
		margin:2% 30% 5% 0;
	}
	.extra_dot {
		display: none;
	}
	.back-to-top .row-fluid {
		display: none;
	}
	#newpoints .percs_info {
		margin-bottom: 0% !important;
		margin-left: -20px !important;
		width: 20%;
	}
	.name_status_block {
		width: 45%;
		margin-top: 5%;
	}
	.navbar-nav {
		color: #2B2B2B;
		display: block;
		background-color: #eeeeee;
		text-align: center;
	}
	.navbar-nav:hover {
		display: block;
		background-color: #eeeeee;
		text-align: center;
	}
	.navbar-nav a {
		color: #2B2B2B;
		font-weight: normal;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.navbar-nav a:visited {
		color: #2B2B2B;
	}
	.dropdown-menu {
		background-color: #eeeeee;
		position: relative;
		float: none !important;
	}
	#perc_section_one #perc_right .statuslevels {
		margin-left: 230px !important;
	}
	#perc_section_one #perc_right .statuslevels.PLUS {
		margin-left: 230px !important;
	}
	.percs_info .statuslevels.PRIORITY {
		margin-left: 230px !important;
	}
	.percs_info .statuslevels.PREMIER {
		margin-left: 245px !important;
	}
	#newpoints {
		bottom: 0 !important;
		position: relative !important;
		width: 100%;
	}
	#newpoints .span7 {
		float: left;
	}
	#newpoints .pointlabel {
		font-size: 15px !important;
		margin-right: 85px;
	}
	#newpoints .pointsinfo {
		font-size: 19px !important;
		padding-bottom: 10.5%;
	}
	#newpoints .percs_info_points {
		float: right;
		width: 35%;
		height: auto;
		margin-top: -105px;
	}
	#waystoearn_carousel_new_percs {
		width: 80%;
	}
	.redeem_percs .rec_red_link {
		padding: 2%;
	}
	.points_balance {
		color: #0172CA;
		font-size: 38px;
		font-weight: 100;
		text-align: left;
	}
	.percs_info .statuslevels {
		display: block;
		float: right;
		height: 101px;
		margin: 0;
		position: relative;
		width: 76%;
	}
	.no_savings {
		width: 200%;
		margin-left: 33%;
	}
	.percs_info .statuslevels.VIP {
		display: block;
		float: right;
		height: 101px;
		margin: -6px -164px 0 0;
		position: relative;
		width: 76%;
	}
	#percs_second {
		height: auto;
		padding: 0px;
		background: none;
	}

	
	#percs_prog_log {
		width: 100%;
	}
	
	#perc_right #signup_percs {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
		float: none !important;
		margin: 55px auto 0 !important;
		position: relative !important;
		text-align: center !important;
		width: 320px !important;
		height: 85px !important;
	}
	
	#perc_right .main_points {
		background: none !important;
		max-height: 220px;
	}
	#whatispercs {
		margin-left: 10px !important;
		margin-right: 10px !important;
	}
	
	.box {
		padding-left: 5px !important;
	}
	#redeempoints {
		max-width: 95% !important;
		margin: 0px auto 0 !important;
	}
	/** For B2B Accounts*/
	#perc_right .loggedout {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
		margin: 0 !important;
		padding: 0 !important;
		position: relative !important;
		text-align: center !important;
	}
	#perc_right .loggedout #newpoints {
		margin: 0 auto;
		position: relative;
		text-align: center;
		padding: 0 !important;
		width: 95% !important;
	}
	#perc_right .loggedout .percs_Name {
		display: block;
		width: 100%;
	}
	#perc_right .loggedout .percs_info {
		display: block;
		margin: 0 auto !important;
		position: relative;
		width: 100%;
	}
	#perc_right .loggedout .pointlabel {
		clear: both;
		display: block;
		margin: 0 auto !important;
		position: relative;
		text-align: center !important;
	}
	#perc_right .loggedout .pointsinfo {
		position: relative;
		width: 100%;
	}
	#myRewards_wrapper {
		width: 90% !important;
	}
	#myRewards_carousel div.myRewards_element {
		margin: 10px 5px !important;
	}
	
	#waystoearn_carousel_new_percs .itembox {
		background: none;
		box-shadow: none;
	}
	#percs_prog {
		background-image: none;
	}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) { /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) { /* Styles */
	#perc_right .loggedout .pointsinfo {
		margin-left: 4% !important;
	}
	#redeempoints #bar {
		max-width: 83%;
		margin-left: 0%;
	}
	.percs_redem_header img {
		width: 174% !important;
		margin-left: 0% !important;
	}
	.status_image img {
		width: 90%;
	}
	.member_section {
		width: 97%;
		padding: 1%;
	}
	.member_heading {
		font-size: 21px;
	}
	.start_getting {
		font-size: 23px;
		margin-bottom: 0%;
	}
	#perc_section_one #perc_right {
		height: auto;
		width: 100%;
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width
	: 1024px) { /* Styles */
	.row-fluid .span9 {
		width: 73.468085% !important;
	}
	.percs_rwds_referrals {
		margin-left: 0%;
		margin-top: 2%;
	}
	.rapid_upgrades {
		margin-left: 0%;
		margin-top: 2%;
	}
	.span3_no_left {
		width: 26.5% !important;
	}
	#percs_login_box {
		margin-bottom: 4.5%;
	}
	.itembox_log {
		height: 142px;
	}
	#what_head_right {
		margin-left: 5%;
	}
	#what_head_left {
		margin-left: 3%;
	}
	#app_right {
		padding-right: 0%;
		margin-left: 8%;
	}
	#perc_quescontent {
		margin-left: 5%;
	}
}

@media only screen and (max-width : 414px) {
	#perc_right .loggedout .pointsinfo {
		margin-top: -77px;
		margin-left: 34%;
	}
	.col-xs-10 {
		width: 86% !important;
	}
	.getpercs-content-img-rewards {
		margin-top: 3%;
		margin-bottom: 5%;
	}
	.table {
		table-layout: fixed;
	}
	#bar .table td {
		white-space: inherit;
		padding: 3px;
	}
	.getpercs-content-div {
		text-align: left;
	}
}
/* iphone 4 specific changes ----------- */
@media only screen and (max-width : 320px) and (max-height :480px) {
	#newpoints .pointsinfo {
		border-radius: 108px;
		line-height: 32px;
	}
	.status_block {
		font-size: 17px;
	}
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width
	: 1024px) and (orientation : landscape) { /* Styles */
	#img2 {
		margin-top: 6%;
	}
	/* .member_heading_ipad {
		 margin-bottom: 11% !important;
		
	} */
	.plus_section_ipad {
		margin-bottom: 2px;
	}
	.col-sm-7 {
		width: 68.333333% !important;
	}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width
	: 1024px) and (orientation : portrait) { /* Styles */
	.member_heading_ipad {
		margin-bottom: 10%;
	}
	.start_getting {
		margin-left: -3%;
	}
	.col-sm-7 {
		width: 66.333333% !important;
	}
	.getpercs-content-img {
		margin-top: 10%;
	}
	#in_header {
		margin-left: -215px;
	}
	.plus_section_ipad {
		margin-bottom: 0%;
	}
	#what_left_border {
		width: 45%;
	}
	#what_mid_border {
		margin-left: 3% !important;
		width: 45%;
		height: 332px;
	}
	#button_percs {
		margin-top: 16%;
	}
	#app_buttons_right {
		margin-left: 5%;
	}
	.rec_red_back_space {
		width: 82%;
	}
	.rec_red_back {
		width: 82%;
	}
	.name_status_block {
		width: 70%;
	}
	#newpoints .percs_info {
		width: 30%;
	}
	#newpoints .pointsinfo {
		width: 115%;
	}
	.blue_btn_shop {
		width: 233px;
	}
	.blue_btn_smart {
		width: 233px;
	}
	.blue_btn_access {
		width: 233px;
	}
	.blue_btn_activation {
		width: 233px;
		margin-left: 2px;
	}
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) { /* Styles */
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) { /* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5) , only
	screen and (min-resolution : 1.5dppx) { /* Styles */
}

/**------------LOGGED OUT-------------**/
#mobileNav, #mobileVis {
	display: none;
}

#perc_right #signup_percs {
	background: url("/resources/images/rewards/perc_points_bg_logOUT.png")
		no-repeat scroll center top/contain rgba(0, 0, 0, 0);
	height: 95px;
	width: 220px;
	float: left;
	font-size: 160%;
	padding-top: 18px;
	margin: 145px 0 0 56px;
	text-align: center;
	max-height: 120px;
}

#signup_percs a {
	border-radius: 30px 30px 30px 30px;
	color: #FFFFFF;
	display: inline-block;
	font-size: 20px;
	margin-top: 5px;
}

#perc_right .loggedout {
	display: block;
	margin: 0 auto;
	max-height: 200px;
}

/**------------PANEL 2--------------**/


#what_head {
	height: 100px;
	width: 960px;
	text-indent: -9999px;
	background: url('/resources/images/rewards/what_header.png') center
		center no-repeat;
}

#what_left {
	padding: 0 29px 0;
	width: 262px;
	float: left;
	margin: 0;
	border-right: 1px solid #ccc;
}

#what_left>p {
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	color: #777;
	margin: 15px 0;
	padding: 0;
}

#what_mid {
	padding: 0 26px 0;
	width: 266px;
	float: left;
	margin: 0;
	border-right: 1px solid #ccc;
}

#what_mid>p {
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	color: #777;
	margin: 15px 0;
	padding: 0;
}

#what_right {
	padding: 0 26px 0;
	width: 264px;
	float: right;
	margin: 0;
}

#what_right>p {
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	color: #777;
	margin: 15px 0;
	padding: 0;
}

/**------------PANEL 3--------------**/
#twoways_wrap {
	clear: both;
	width: 100%;
	background-color: #eee;
	height: 535px;
}

#twoways {
	height: 535px;
	width: 900px;
	margin: 0 auto;
	padding: 0 30px;
	background: none;
}

#twoways_head {
	height: 100px;
	width: 960px;
	text-indent: -9999px;
	background: url('/resources/images/rewards/twoways_head.png') center
		center no-repeat;
}

#twoways_left {
	padding: 0;
	width: 450px;
	float: left;
	margin: 0 25px 0 0;
	border-right: 1px solid #ccc;
}

#twoways_right {
	padding: 0;
	width: 420px;
	float: right;
	margin: 0;
}

.twoways_btn {
	margin: 20px 0 0 110px;
}

/**------------PANEL 4--------------**/
#programs {
	clear: both;
	height: 530px;
	width: 960px;
	margin: 0 auto;
	background: none;
}

#programs_head {
	height: 100px;
	width: 960px;
	text-indent: -9999px;
	background: url('/resources/images/rewards/programs_head.png') center
		center no-repeat;
}

/**   GRID   **/
#half_left {
	width: 480px;
	height: 430px;
	float: left;
	background: pink;
}

#half_right {
	width: 480px;
	height: 430px;
	float: right;
	background: teal;
}

#quart_left_vert {
	width: 240px;
	height: 430px;
	float: left;
	background: orange;
}

#quart_right_vert {
	width: 240px;
	height: 430px;
	float: right;
	background: red;
}

#square {
	width: 240px;
	height: 215px;
	background-color: blue;
}

#square a:link /**------------PANEL 5--------------**/   
	
#percs_foot_wrap {
	clear: both;
	width: 100%;
	background-color: #003c78;
	height: 180px;
}

#percs_foot {
	width: 960px;
	margin: 0 auto;
	height: 180px;
}

#foot_leftAD {
	width: 432px;
	height: 108px;
	padding: 0 23px 0 24px;
	margin: 36px 0 36px 0;
	float: left;
	border-right: 1px solid #002146;
}

#foot_rightAD {
	width: 424px;
	height: 108px;
	padding: 0 23px 0 30px;
	margin: 36px 0 36px 0;
	float: right;
}

/* Smartphones ---------------------- */
@media ( max-width : 480px) {
	#perc_section_one #perc_right_gift {
		width: 320px;
		padding-top: 72px;
	}
	.table td {
		padding: 3px;
	}
	#main_points_gift {
		background: none !important;
	}
	#newpoints_gift {
		bottom: 0 !important;
		margin: 70px auto !important;
		position: relative !important;
	}
	#newpoints_gift .percs_Name_gift {
		font-size: 18px !important;
		margin: 0 140px 0 auto !important;
	}
	#newpoints_gift .pointlabel {
		font-size: 15px !important;
		margin-right: 85px;
	}
	#newpoints_gift .pointsinfo_gift {
		font-size: 25px !important;
		margin-left: 10px;
		margin-right: 85px;
	}
	.redeem_percs .rec_red_link {
		width: 50%;
	}
	#perc_section_one #perc_right_gift .statuslevels {
		margin-left: 230px !important;
	}
	.percs_redem_header img {
		margin-left: -10%;
		width: 243%;
		margin-top: 4%;
	}
	.points span, .date_range_search span {
		color: #28CDFF;
		font-family: "Montserrat", Arial, sans-serif;
		font-size: 12px;
	}
	#perc_history .filters .points {
		border-left: 1px solid #BBBBBB;
		float: left;
		margin-left: -7%;
		padding-left: 4%;
		margin-bottom: 3%;
	}

	/* Styles */
	.tab_heading #cboxLoadedContent {
		width: 100%;
	}
	#percs_giftcards {
		width: 100%;
	}
	#mobileVis {
		display: block;
		height: 30px;
		width: 300px;
		clear: both;
		font-size: 12px;
		text-align: center;
		margin: 15px auto;
		padding: 0px;
	}
	#mobileNav {
		display: block;
		width: 320px;
		height: 105px;
		background: url('/resources/images/rewards/mobileNav_bg.png') white
			no-repeat center top;
		text-align: center;
		background-size: 100%;
		color: white;
		font: normal normal 14px "Montserrat", Arial, sans-serif;
		font-weight: 500;
	}
	#mobnav_top {
		clear: both;
		height: 47px;
		width: 320px;
	}
	#topLeft a {
		display: block;
		float: left;
		height: 32px;
		width: 160px;
		padding-top: 15px;
		color: white;
	}
	#topLeft a:hover {
		background: #28cdff;
		color: white;
	}
	#topRight a {
		display: block;
		float: right;
		height: 32px;
		width: 160px;
		padding-top: 15px;
		color: white;
	}
	#topRight a:hover {
		background: #28cdff;
		color: white;
	}
	#mobnav_bot {
		clear: both;
		height: 50px;
		width: 320px;
	}
	#bottomLeft a {
		display: block;
		float: left;
		height: 33px;
		width: 160px;
		padding-top: 16px;
		color: white;
	}
	#bottomLeft a:hover {
		background: #28cdff;
		color: white;
	}
	#bottomRight a {
		display: block;
		float: right;
		height: 33px;
		width: 160px;
		padding-top: 16px;
		color: white;
	}
	#bottomRight a:hover {
		background: #28cdff;
		color: white;
	}
	#percs_second {
		height: auto;
		padding: 0px;
		background: none;
	}

	/**------------LOGGED OUT-------------**/
	#perc_section_one #perc_right {
		padding-top: 0px;
	}
	#perc_right #signup_percs {
		background: none;
		height: 95px;
		width: 200px;
		float: left;
		font-size: 160%;
		padding-top: 9px;
		margin: 0 0 0 0;
		text-align: center;
		max-height: 120px;
	}
	#signup_percs a {
		border-radius: 30px 30px 30px 30px;
		color: #FFFFFF;
		display: inline-block;
		font-size: 20px;
		margin-top: 5px;
	}
	#perc_right .loggedout {
		background: none !important;
		display: block;
		height: 60px;
		margin: 0 auto;
		width: 319px;
		background-size: 100%;
	}
	#inner {
		width: 100%;
		margin: 0 auto;
	}
	#percs_hub {
		width: 100%;
		height: auto;
	}
	#whatispercs {
		width: 300px;
		margin: 0 auto;
		height: auto;
	}
	#what_head {
		width: 300px;
		height: 60px;
	}
	#what_left {
		width: 300px;
		border-right: none;
		float: left;
		margin: 0;
		padding: 0;
	}
	#what_left>img {
		margin: 0 0 0 16px;
	}
	#what_head_left {
		width: 100%;
	}
	#what_mid {
		width: 300px;
		border-right: none;
		float: left;
		margin: 0;
		padding: 0;
	}
	#what_mid>img {
		margin: 0 0 0 16px;
	}
	#what_right {
		width: 300px;
		border-right: none;
		float: left;
		margin: 0;
		padding: 0;
	}
	#what_right>img {
		margin: 0 0 0 16px;
	}
	#twoways_wrap {
		background-color: #FFF;
		height: 750px;
	}
	#twoways {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
		height: 730px;
		margin: 0 auto;
		padding: 0;
		width: 320px;
	}
	#twoways_head {
		background: url("/resources/images/rewards/twoways_head.png") no-repeat
			scroll center center/300px auto rgba(0, 0, 0, 0);
		height: 65px;
		text-indent: -9999px;
		width: 320px;
		border-top: 1px solid #ccc;
	}
	#twoways_left {
		border: none;
		float: left;
		margin: 0;
		padding: 0;
		width: 320px;
	}
	#twoways_left>img {
		width: 320px;
	}
	#twoways_right {
		float: left;
		background-color: white;
		border-top: 1px solid #ccc;
		margin: 20px 0 0;
		padding: 20px 0 0 0;
		width: 320px;
	}
	#twoways_right>img {
		width: 320px;
	}
	.twoways_btn {
		margin: 15px 0 0 55px;
	}
	#programs {
		width: 320px;
		height: 695px;
		margin: 15px auto;
	}
	#programs_head {
		background: url("/resources/images/rewards/programs_head.png") no-repeat
			scroll center center/230px auto rgba(0, 0, 0, 0);
		height: 68px;
		text-indent: -9999px;
		width: 320px;
	}
	#half_left {
		background: none repeat scroll 0 0 #FFC0CB;
		float: left;
		height: 300px;
		width: 320px;
	}
	#quart_left_vert {
		background: none repeat scroll 0 0 #FFA500;
		float: left;
		height: 300px;
		width: 160px;
	}
	#quart_right_vert {
		background: none repeat scroll 0 0 #FF0000;
		float: left;
		height: 300px;
		width: 160px;
	}
	#square {
		background-color: #0000FF;
		height: 150px;
		width: 160px;
	}
	#square a img {
		background-color: #0000FF;
		height: 150px;
		width: 160px;
	}
	#half_right {
		background: none repeat scroll 0 0 #fff;
		float: right;
		height: 310px;
		width: 320px;
	}
	#half_right a img {
		background-color: #0000FF;
		height: 300px;
		width: 320px;
	}
	#percs_foot_wrap {
		clear: both;
		width: 320px;
		background-color: #003c78;
		height: 220px;
	}
	#percs_foot {
		width: 300px;
		margin: 0 auto;
		height: 120px;
	}
	#foot_leftAD {
		border-right: none;
		float: left;
		height: 77px;
		margin: 20px 0;
		padding: 0 0px 0 0px;
		width: 300px;
	}
	#foot_leftAD a img {
		height: auto;
		width: 300px;
	}
	#foot_rightAD {
		border-right: none;
		float: left;
		height: 77px;
		margin: 0 0 20px 0;
		padding: 0 0 20px 0;
		width: 300px;
	}
	#foot_rightAD a img {
		height: auto;
		width: 300px;
	}
	#perc_content_profile_info {
		background-attachment: scroll;
		background-clip: border-box;
		background-color: #0071BD !important;
		background-origin: padding-box;
		background-position: center top 10px;
		background-repeat: no-repeat;
		background-size: auto auto;
	}
	#perc_content_profile_info_gift {
		background-attachment: scroll;
		background-clip: border-box;
		background-color: #0071BD !important;
		background-image: url("/resources/images/rewards/percs_bg_mobile.png");
		background-origin: padding-box;
		background-position: center top 10px;
		background-repeat: no-repeat;
		background-size: auto auto;
		max-height: 225px !important;
		width: 320px;
	}
	#what_head_left, #what_head_right {
		width: 100%;
		margin: 3% auto;
		clear: both;
	}
	#what_head_right p {
		padding: 3%;
		text-align: justify;
	}
	#what_left_border, #what_mid_border, #what_right_border {
		border: 5px solid lightgrey;
		width: 95%;
		padding: 7px;
		margin: 3% auto;
		border-radius: 2%;
		margin-left: -4px;
	}
	#whatispercstable p {
		min-height: 100px;
	}
	.percs_border {
		width: 96%;
		margin: 0 auto;
		border-radius: 1%;
		background-color: white;
		display: block;
	}
	.perc_app{
	  height: 360px;
	}
	#app_left {
		width: 100%;
		text-align: left;
	}
	#app_right {
		width: 100%;
		padding: 2%;
	}
	#app_buttons_left {
		width: 100%;
	}
	#app_buttons_right {
		width: 100%;
		margin-left: 0;
	}
}
@media (max-width: 321px){
	.perc_app{
	  height: 380px;
	  background-position-y:130px;
	}
}
@media ( max-width : 800px ) and (min-width:600px) {
	#what_left_border, #what_mid_border, #what_right_border {
		border: 5px solid lightgrey;
		padding: 7px;
		margin: 3% auto;
		border-radius: 2%;
	}
	.percs_border {
		width: 96%;
		margin: 0 auto;
		border-radius: 1%;
		background-color: white;
		display: block;
	}
	#in_header {
		font-size: 30px;
		text-align: center;
	}
}