/* 2023 Changes */
@font-face {
	font-family: "Cafeteria";
	src:url(../fonts/cafeteria-black.ttf) format("truetype");
	src:url(../fonts/cafeteria-black.otf) format("opentype");
}

/* Buttons */

.button-default__2020 {
	height:auto;
	position:relative;
	box-sizing:border-box;
	width:100%;
	padding:5px 5px 10px 5px;
	border: #fff solid 1px;
	text-align:center;
	font-family: "Cafeteria", 'Arial Bold', sans-serif;
	font-size:14pt;
    overflow:hidden;
	cursor:pointer;
	outline:none;
}

.btn-single__2020 {
    width:90% !important;
	max-width:250px;
	display:block;
	margin:20px auto;
}

.button-yellow__2020 {
	color:#363636;
	background: #f6e250;
	background: -webkit-linear-gradient(#f6e250,#ebb233);
	background: -moz-linear-gradient(#f6e250,#ebb233);
	background: linear-gradient(#f6e250,#ebb233);
	border-radius: 15px;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(246,226,80,1), /* Same as top of gradient */
		inset 0px -3px 2px 3px rgba(196,124,25,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(253,249,220,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(246,226,80,1), /* Same as top of gradient */
		inset 0px -3px 2px 3px rgba(196,124,25,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(253,249,220,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
	box-shadow: inset 0px 0px 0px 1px rgba(246,226,80,1), /* Same as top of gradient */
		inset 0px -3px 2px 3px rgba(196,124,25,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(253,249,220,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
}
.button-yellow__2020:hover, .button-yellow__2020:focus, a:focus > .button-yellow__2020 {
	background: #ffff54;
	background: -webkit-linear-gradient(#ffff54,#ffd328);
	background: -moz-linear-gradient(#ffff54,#ffd328);
	background: linear-gradient(#ffff54,#ffd328);
	border-radius: 15px;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255,255,84,1), /* Same as top of gradient */
		inset 0px -3px 2px 3px rgba(234,143,9,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(255,255,243,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(255,255,84,1), /* Same as top of gradient */
		inset 0px -3px 2px 3px rgba(234,143,9,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(255,255,243,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
	box-shadow: inset 0px 0px 0px 1px rgba(255,255,84,1), /* Same as top of gradient */
		inset 0px -3px 2px 3px rgba(234,143,9,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(255,255,243,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
}
.button-yellow__2020:active {
	background: #ebb233;
	background: -webkit-linear-gradient(#ebb233,#f6e250);
	background: -moz-linear-gradient(#ebb233,#f6e250);
	background: linear-gradient(#ebb233,#f6e250);
	border-radius: 15px;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(235,178,51,1), /* Same as top of gradient */
		inset 0px -1px 2px 3px rgba(196,124,25,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(253,249,220,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(246,226,80,1), /* Same as top of gradient */
		inset 0px -1px 2px 3px rgba(196,124,25,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(253,249,220,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
	box-shadow: inset 0px 0px 0px 1px rgba(246,226,80,1), /* Same as top of gradient */
		inset 0px -1px 2px 3px rgba(196,124,25,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(253,249,220,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
}
.button-blue__2020 {
	color:#fff;
    text-shadow: 0 0 4px #000;
	background: #539ff3;
	background: -webkit-linear-gradient(#539ff3,#2556ba);
	background: -moz-linear-gradient(#539ff3,#2556ba);
	background: linear-gradient(#539ff3,#2556ba);
	border-radius: 15px;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(83,159,243,1), /* Same as top of gradient */
		inset 0px -3px 2px 3px rgba(29,63,112,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(208,229,252,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(83,159,243,1), /* Same as top of gradient */
		inset 0px -3px 2px 3px rgba(29,63,112,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(208,229,252,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
	box-shadow: inset 0px 0px 0px 1px rgba(83,159,243,1), /* Same as top of gradient */
		inset 0px -3px 2px 3px rgba(29,63,112,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(208,229,252,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
}
.button-blue__2020:hover, .button-blue__2020:focus, a:focus > .button-blue__2020 {
	color:#fff;
    text-shadow: 0 0 4px #000;
	background: #59c2ff;
	background: -webkit-linear-gradient(#59c2ff,#195de0);
	background: -moz-linear-gradient(#59c2ff,#195de0);
	background: linear-gradient(#59c2ff,#195de0);
	border-radius: 15px;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(89,194,255,1), /* Same as top of gradient */
		inset 0px -3px 2px 3px rgba(15,61,130,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(245,255,255,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(89,194,255,1), /* Same as top of gradient */
		inset 0px -3px 2px 3px rgba(15,61,130,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(245,255,255,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
	box-shadow: inset 0px 0px 0px 1px rgba(89,194,255,1), /* Same as top of gradient */
		inset 0px -3px 2px 3px rgba(15,61,130,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(245,255,255,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
}
.button-blue__2020:active {
	color:#fff;
    text-shadow: 0 0 4px #000;
	background: #2556ba;
	background: -webkit-linear-gradient(#2556ba,#539ff3);
	background: -moz-linear-gradient(#2556ba,#539ff3);
	background: linear-gradient(#2556ba,#539ff3);
	border-radius: 15px;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(37,86,186,1), /* Same as top of gradient */
		inset 0px -1px 2px 3px rgba(29,63,112,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(208,229,252,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(37,86,186,1), /* Same as top of gradient */
		inset 0px -1px 2px 3px rgba(29,63,112,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(208,229,252,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
	box-shadow: inset 0px 0px 0px 1px rgba(37,86,186,1), /* Same as top of gradient */
		inset 0px -1px 2px 3px rgba(29,63,112,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(208,229,252,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
}
.button-green__2020 {
	color:#000;
	background: #3bc92e;
	background: -webkit-linear-gradient(#3bc92e,#2b8a27);
	background: -moz-linear-gradient(#3bc92e,#2b8a27);
	background: linear-gradient(#3bc92e,#2b8a27);
	border-radius: 15px;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(59,201,46,1), /* Same as top of gradient */
		inset 0px -3px 2px 3px rgba(36,103,23,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(201,240,198,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(59,201,46,1), /* Same as top of gradient */
		inset 0px -3px 2px 3px rgba(36,103,23,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(201,240,198,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
	box-shadow: inset 0px 0px 0px 1px rgba(59,201,46,1), /* Same as top of gradient */
		inset 0px -3px 2px 3px rgba(36,103,23,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(201,240,198,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
}
.button-green__2020:hover, .button-green__2020:focus, a:focus > .button-green__2020 {
	color:#000;
	background: #37ef26;
	background: -webkit-linear-gradient(#37ef26,#2b8a27);
	background: -moz-linear-gradient(#37ef26,#2b8a27);
	background: linear-gradient(#37ef26,#2b8a27);
	border-radius: 15px;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(55,239,38,1), /* Same as top of gradient */
		inset 0px -3px 2px 3px rgba(24,118,7,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(239,255,235,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(55,239,38,1), /* Same as top of gradient */
		inset 0px -3px 2px 3px rgba(24,118,7,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(239,255,235,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
	box-shadow: inset 0px 0px 0px 1px rgba(55,239,38,1), /* Same as top of gradient */
		inset 0px -3px 2px 3px rgba(24,118,7,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(239,255,235,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
}
.button-green__2020:active {
	color:#000;
	background: #2b8a27;
	background: -webkit-linear-gradient(#2b8a27,#3bc92e);
	background: -moz-linear-gradient(#2b8a27,#3bc92e);
	background: linear-gradient(#2b8a27,#3bc92e);
	border-radius: 15px;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(43,138,39,1), /* Same as top of gradient */
		inset 0px -1px 2px 3px rgba(36,103,23,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(201,240,198,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(43,138,39,1), /* Same as top of gradient */
		inset 0px -1px 2px 3px rgba(36,103,23,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(201,240,198,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
	box-shadow: inset 0px 0px 0px 1px rgba(43,138,39,1), /* Same as top of gradient */
		inset 0px -1px 2px 3px rgba(36,103,23,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(201,240,198,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
}
.button-red__2020 {
	color:#fff;
    text-shadow: 0 0 4px #000;
	background: #f0311e;
	background: -webkit-linear-gradient(#f0311e,#ac2f1d);
	background: -moz-linear-gradient(#f0311e,#ac2f1d);
	background: linear-gradient(#f0311e,#ac2f1d);
	border-radius: 15px;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(240,49,30,1), /* Same as top of gradient */
		inset 0px -3px 2px 3px rgba(130,14,13,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(252,219,214,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(240,49,30,1), /* Same as top of gradient */
		inset 0px -3px 2px 3px rgba(130,14,13,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(252,219,214,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
	box-shadow: inset 0px 0px 0px 1px rgba(240,49,30,1), /* Same as top of gradient */
		inset 0px -3px 2px 3px rgba(130,14,13,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(252,219,214,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
}
.button-red__2020:hover, .button-red__2020:focus, a:focus > .button-red__2020 {
	color:#fff;
	background: #ff3721;
	background: -webkit-linear-gradient(#ff3721,#cf270b);
	background: -moz-linear-gradient(#ff3721,#cf270b);
	background: linear-gradient(#ff3721,#cf270b);
	border-radius: 15px;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255,55,33,1), /* Same as top of gradient */
		inset 0px -3px 2px 3px rgba(143,2,0,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(255,245,246,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(255,55,33,1), /* Same as top of gradient */
		inset 0px -3px 2px 3px rgba(143,2,0,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(255,245,246,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
	box-shadow: inset 0px 0px 0px 1px rgba(255,55,33,1), /* Same as top of gradient */
		inset 0px -3px 2px 3px rgba(143,2,0,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(255,245,246,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
}
.button-red__2020:active {
	color:#fff;
	background: #ac2f1d;
	background: -webkit-linear-gradient(#ac2f1d,#f0311e);
	background: -moz-linear-gradient(#ac2f1d,#f0311e);
	background: linear-gradient(#ac2f1d,#f0311e);
	border-radius: 15px;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(172,47,29,1), /* Same as top of gradient */
		inset 0px -1px 2px 3px rgba(130,14,13,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(252,219,214,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(172,47,29,1), /* Same as top of gradient */
		inset 0px -1px 2px 3px rgba(130,14,13,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(252,219,214,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
	box-shadow: inset 0px 0px 0px 1px rgba(172,47,29,1), /* Same as top of gradient */
		inset 0px -1px 2px 3px rgba(130,14,13,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(252,219,214,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
}
.button-purple__2020 {
	color:#fff;
    text-shadow: 0 0 4px #000;
	background: #9153f3;
	background: -webkit-linear-gradient(#9153f3,#7223b7);
	background: -moz-linear-gradient(#9153f3,#7223b7);
	background: linear-gradient(#9153f3,#7223b7);
	border-radius: 15px;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(145,83,243,1), /* Same as top of gradient */
		inset 0px -3px 2px 3px rgba(67,29,112,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(225,208,252,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(145,83,243,1), /* Same as top of gradient */
		inset 0px -3px 2px 3px rgba(67,29,112,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(225,208,252,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
	box-shadow: inset 0px 0px 0px 1px rgba(145,83,243,1), /* Same as top of gradient */
		inset 0px -3px 2px 3px rgba(67,29,112,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(225,208,252,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
}
.button-purple__2020:hover, .button-purple__2020:focus, a:focus > .button-purple__2020 {
	color:#fff;
    text-shadow: 0 0 4px #000;
	background: #ac7bff;
	background: -webkit-linear-gradient(#ac7bff,#ad22f6);
	background: -moz-linear-gradient(#ac7bff,#ad22f6);
	background: linear-gradient(#ac7bff,#ad22f6);
	border-radius: 15px;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(172,123,255,1), /* Same as top of gradient */
		inset 0px -3px 2px 3px rgba(94,21,174,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(253,253,255,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(172,123,255,1), /* Same as top of gradient */
		inset 0px -3px 2px 3px rgba(94,21,174,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(253,253,255,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
	box-shadow: inset 0px 0px 0px 1px rgba(172,123,255,1), /* Same as top of gradient */
		inset 0px -3px 2px 3px rgba(94,21,174,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(253,253,255,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
}
.button-purple__2020:active {
	color:#fff;
    text-shadow: 0 0 4px #000;
	background: #7223b7;
	background: -webkit-linear-gradient(#7223b7,#9153f3);
	background: -moz-linear-gradient(#7223b7,#9153f3);
	background: linear-gradient(#7223b7,#9153f3);
	border-radius: 15px;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(114,35,183,1), /* Same as top of gradient */
		inset 0px -1px 2px 3px rgba(67,29,112,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(225,208,252,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(114,35,183,1), /* Same as top of gradient */
		inset 0px -1px 2px 3px rgba(67,29,112,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(225,208,252,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
	box-shadow: inset 0px 0px 0px 1px rgba(114,35,183,1), /* Same as top of gradient */
		inset 0px -1px 2px 3px rgba(67,29,112,1), /* Bottom Shadow */
		inset 0px 2px 0px 1px rgba(225,208,252,1), /* Top Shine */
		0px 0px 0px 2px rgba(0,0,0,1); /* black outside border */
}

a:focus > .button-yellow__2020, a:focus > .button-blue__2020, a:focus > .button-green__2020, a:focus > .button-red__2020, a:focus > .button-purple__2020 {
	outline:none !important;
}

.button-default__2020:disabled {
	filter: grayscale(100);
}

/* Force Template Changes */
.membership-body .wrapper-bg, .membership-body .content-body, .membership-body .content-footer {
	background: none !important;
}

.membership-body  {
	background-image: url('https://images.neopets.com/premium/2023/premium_bg_top.png'), url('https://images.neopets.com/premium/2023/premium_bg_transition.png'), url('https://images.neopets.com/premium/2023/premium_bg_pattern.png');
	background-position: top,  0 calc((5 / 12 * 100vw)), center;
	background-size: calc(100vw + 10px) auto, 10px 200px, 200px;
	background-repeat: no-repeat, repeat-x, repeat;
}

.membership-body .content-body {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.membership-body .home-link, .membership-body .content-footer, .membership-body .content-body > div:nth-child(2), .membership-body .clear {
	display: none !important;
}

.membership-body .footer-wrapper::before {
	content: '';
	display: inline-block;
	width: 100%;
	border: 3px solid #faa819;
}

.membership-body .footer-wrapper {
	height: unset !important;
	margin-top: 0 !important;
	padding-bottom: 1em !important;
	background-color: #fed123 !important;
	background-image: url('https://images.neopets.com/themes/h5/basic/images/pattern-basic.svg');
	background-size: 121px 58px;
}

body.membership-body div.footer {
	width: 80%;
	max-width: 800px;
}

.membership-body .username-box {
	top: 0 !important;
	z-index: 1;
	right: 40px;
}

.membership-body .login-popup-mod-content {
	display: flex;
	flex-direction: row;
	gap: 1em;
}

.membership-body #login-popup form {
	width: auto !important;
	float: unset !important;
}

.membership-body .login-popup-mod-content .login-blurb {
	float: unset;
}

/* Payment Page Template Changes */
/*.form-container {
	float: unset;
	width: 80%;
	margin: auto;
	background-image: url(/nchub/np/images/gen/mbr-ftr-bg.png), url(/nchub/np/images/gen/mbr-hdr-bg.png);
	background-position: bottom, top;
	background-size: 100%, 100% 100%;
	background-repeat: no-repeat;
	display: grid;
	grid-template: auto 1fr / 70% 30%;
	padding: 2em;
	justify-content: center;
	gap: 1em;
}

.breadcrumb, .form-container .form-col, .form-container .sum-col, .sum-col-content h1, .sum-col-content h2, .sum-col-content h3, .sum-col-content h4, .form-container .legal {
	float: unset !important;
}

.breadcrumb {
	margin: auto;
}

.form-container #paywall-pay-header {
	display: flex;
	flex-direction: row;
	padding-top: 2em;
}

.form-container .form-col {
	grid-row: span 2;
	width: 90%;
    margin: auto;
}

.form-container .sum-col {
	padding-top: 2em;
	box-sizing: border-box;
}

main > .container-lg {
	box-sizing: border-box;
}

.form-container .legal {
	height: max-content;
	margin-left: 10px;
}*/

/* Manage Membership Page Template Changes */
/*.manage-container {
	width: 80%;
	padding: 4em;
	margin: 4em auto auto auto;
	background-image: url(/nchub/np/images/gen/mbr-ftr-bg.png), url(/nchub/np/images/gen/mbr-hdr-bg.png);
	background-position: bottom, top;
	background-size: 100%, cover;
	background-repeat: no-repeat;
}*/

/* Backgrounds */
.membership-container {
	position: relative;
	width: 100%;
	height: max-content;
	padding: 2em 0;
	/*background-image: url('https://images.neopets.com/premium/2023/premium_bg_top.png'), url('https://images.neopets.com/premium/2023/premium_bg_transition.png'), url('https://images.neopets.com/premium/2023/premium_bg_pattern.png');
	background-position: top,  0 calc((5 / 12 * 100vw)), center;
	background-size: 100%, 10px 200px, 200px;
	background-repeat: no-repeat, repeat-x, repeat;*/
	font-family: "Cafeteria", 'Arial Black', sans-serif;
	font-size: 14pt;
	box-sizing: border-box;
}

/* Content */
.membership-content {
	width: 80%;
	margin: auto;
}

.membership-anchor {
	width: 40%;
	padding-top: calc(28 / 85 * 40%);
	margin: auto;
	background: url('https://images.neopets.com/premium/2023/PremiumPageAnchorImage.png') center / 100% no-repeat;
}

/* Top Perks */
.membership-top-perks {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: center;
	gap: 1em;
	margin: 3em auto;
}

.membership-top-perks .top-perk {
	position: relative;
	padding: 2em 1.5em 3em;
	border: 4px solid #6478AA;
	border-radius: 40px;
	background: linear-gradient(90deg, #A8EAFF, #FFFFFF 60%);
	box-shadow: 0 0 11px 0 #51BBF6;
	opacity: 80%;
}

.membership-top-perks .top-perk .perk-label {
	font-size: 24pt;
    margin: .5em 0;
    line-height: 24pt;
}

.membership-top-perks .top-perk .perk-label, .membership-top-perks .top-perk .perk-description {
	position: relative;
	z-index: 1;
}

.membership-top-perks .perk-icon {
	position: absolute;
	top: 0;
	right: 0;
	opacity: 60%;
	width: 100px;
	height: 100px;
	z-index: 0;
}

.membership-top-perks .perk-icon > div {
	width: 100%;
	height: 100%;
}

.membership-top-perks .icon-slots {
	background: url('https://images.neopets.com/premium/2023/icon-petslots.png') center / 100% no-repeat;
}
.membership-top-perks .icon-np {
	background: url('https://images.neopets.com/premium/2023/icon-doublepoints.png') center / 100% no-repeat;
}
.membership-top-perks .icon-collectible {
	background: url('https://images.neopets.com/premium/2023/icon-npgift.png') center / 100% no-repeat;
}
.membership-top-perks .icon-neoboards {
	background: url('https://images.neopets.com/premium/2023/icon-premiumboards.png') center / 100% no-repeat;
}

.memebership-and-more {
	width: max-content;
	margin: auto;
	color: #fff;
	font-size: 24pt;
}

.membership-button, .membership-button:hover, .membership-button:active, .membership-button:focus {
	font-size: 20pt;
	color: #fff !important;
	font-weight: normal;
}


/* Perks List */
.membership-special {
	text-align: center;
	font-size: 28pt;
	margin-top: 0;
}

.membership-perks {
	padding: 3em;
	margin-top: 3em;
	background-image: url(/nchub/np/images/gen/mbr-ftr-bg.png), url(/nchub/np/images/gen/mbr-hdr-bg.png);
	background-position: bottom, top;
	background-size: 100%, 100% 100%;
	background-repeat: no-repeat;
	box-sizing: border-box;
}

.membership-perks-list {
	width: 90%;
	margin: auto;
	display: grid;
	grid-template: auto / 10% 60% 15% 15%;
	justify-content: center;
}

.membership-perks-list > div {
	border-bottom: 3px solid #D8E2EF;
}

.membership-perks-list > div:nth-child(8n+1),
.membership-perks-list > div:nth-child(8n+2),
.membership-perks-list > div:nth-child(8n+3),
.membership-perks-list > div:nth-child(8n+4) {
	background-color: #F3FAFF;
}

.membership-perks-list .perks-title {
	font-size: 24pt;
	padding: .5em 0;
}

.membership-perks-list .perks-title.membership, .membership-perks-list .perks-title.spacer, .membership-perks-list .perks-title.free {
	background: none !important;
}

.membership-perks-list .perks-title.membership {
	white-space: nowrap;
	padding-left: .5em;
}

.membership-perks-list .perks-title.free, .membership-perks-list .perks-title.premium {
	text-align: center;
}

.membership-perks-list .perks-title.premium .premium-icon {
	display: inline-block;
	vertical-align: bottom;
	background: url('https://images.neopets.com/premium/2023/icon-premium.png') center / 100% no-repeat;
	width: 35px;
	height: 35px;
}

.membership-perks-list .perk-icon {
	position: relative;
}

.membership-perks-list .perk-icon > div{
	width: 80%;
	padding-top: 80%;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.membership-perks-list .perk-label {
	font-size: 20pt;
	margin-bottom: 0;
}

.membership-perks-list .perk-description {
	margin-top: 0;
}

.membership-perks-list .perk-x {
	border-left: 3px solid #D8E2EF;
}

.membership-perks-list .perk-x .x {
	position: relative;
	top: calc(50% - 20px);
	display: block;
	width: 40px;
	height: 40px;
	margin: auto;
}

.membership-perks-list .perk-x .x:before, .membership-perks-list .perk-x .x::after{
    content:'';
    position:absolute;
    width:36px;
    height:4px;
    background-color:#9ba1a8;
    border-radius:2px;
    top:16px;
    box-shadow:0 0 2px 0 #9ba1a8;
}

.membership-perks-list .perk-x .x:before{
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg);
    left:2px;
}
.membership-perks-list .perk-x .x:after{
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg);
    right:2px;
}

.membership-perks-list .perk-check:nth-child(4) {
	border-top: 3px solid #F69501;
	border-radius: 30px 30px 0 0;
}

.membership-perks-list .perk-check {
	border-left: 3px solid #F69501;
	border-right: 3px solid #F69501;
	border-bottom: 3px solid #fbe3be;
	background: linear-gradient(109.41deg, #FBECB7 0%, rgba(255, 255, 255, 0.6) 100%);
}

.membership-perks-list .perk-check:last-child {
	border-bottom: 3px solid #F69501;
	border-radius: 0 0 30px 30px;
}

.membership-perks-list .perk-check .checkmark {
	display: block;
	width: 25px;
	height: 40px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin: auto;
	position: relative;
	top: calc(50% - 20px);
}

.membership-perks-list .perk-check .check-stem {
	position: absolute;
	width: 25%;
	height: 100%;
	background-color: #37b34a;
	left: 50%;
	top: 0;
}

.membership-perks-list .perk-check .check-kick {
	position: absolute;
	width: 50%;
	height: 15%;
	background-color: #37b34a;
	left: 0;
	bottom: 0;
}

.membership-perks-list .icon-ad-free {
	background: url('https://images.neopets.com/premium/2023/icon-noads.png') center / 100% no-repeat;
}

.membership-perks-list .icon-ssw {
	background: url('https://images.neopets.com/premium/2023/icon-supershopwizard.png') center / 100% no-repeat;
}

.membership-perks-list .icon-sfs {
	background: url('https://images.neopets.com/premium/2023/icon-scratchcards.png') center / 100% no-repeat;
}

.membership-perks-list .icon-cards {
	background: url('https://images.neopets.com/premium/2023/icon-tradingcards.png') center / 100% no-repeat;
}

.membership-perks-list .icon-gallery {
	background: url('https://images.neopets.com/premium/2023/icon-gallery.png') center / 100% no-repeat;
}

.membership-perks-list .icon-journal {
	background: url('https://images.neopets.com/premium/2023/icon-journal.png') center / 100% no-repeat;
}

.membership-perks-list .icon-species {
	background: url('https://images.neopets.com/premium/2023/icon-changepet.png') center / 100% no-repeat;
}

.membership-perks-list .icon-boons {
	background: url('https://images.neopets.com/premium/2023/icon-extraboon.png') center / 100% no-repeat;
}


/* Choose Plan */
.membership-choose {
	text-align: center;
	font-size: 28pt;
}

.membership-prices {
	text-align: center;
	font-size: 12pt;
	font-weight: normal;
	margin-bottom: 3em;
}

.membership-plans {
	width: 90%;
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
	gap: 2em;
}

.membership-plan {
	flex: 1 0 50%;
	border-radius: 40px;
	padding: 1em;
	box-sizing: border-box;
}

.membership-plan:hover {
	transform: translateY(-10px);
	filter: drop-shadow(1px 5px 2px #595858);
	cursor: pointer;
}

.membership-plan.plan-annual {
	position: relative;
	border: 3px solid #F69501;
	background-color: rgb(131,81,16);
	/*background-image: url('https://images.neopets.com/premium/2023/button-annual.png'), linear-gradient(rgba(131,81,16,1) 0%, rgba(226,202,71,1) 55%, rgba(214,204,119,1) 63%, rgba(156,106,40,1) 85%, rgba(246,191,117,1) 100%);*/
	background-image: url('https://images.neopets.com/premium/2023/button-annual.png'), linear-gradient(#FBECB7 -4.67%, rgba(255, 255, 255, 1) 70.48%);
	background-position: center left, center;
	background-size: auto 100%, 100%;
	background-repeat: no-repeat, repeat;
}

.membership-plan.plan-monthly {
	border: 3px solid #586DA8;
	background-color: rgb(108,108,108);
	/*background-image: url('https://images.neopets.com/premium/2023/button-monthly.png'), linear-gradient(rgba(108,108,108,1) 0%, rgba(225,224,221,1) 55%, rgba(213,213,212,1) 63%, rgba(161,161,160,1) 85%, rgba(244,243,242,1) 100%);*/
	background-image: url('https://images.neopets.com/premium/2023/button-monthly.png'), linear-gradient(#D6F4FD -4.67%, rgba(255, 255, 255, 1) 70.48%);
	background-position: center left, center;
	background-size: auto 100%, 100%;
	background-repeat: no-repeat, repeat;
}

.membership-plan.plan-annual .membership-best-deal {
	position: absolute;
	top: -10%;
	left: min(-5%, -50px);
	background: url('https://images.neopets.com/premium/2023/icon-deal.png') center / 100% no-repeat;
	width: 20%;
	min-width: 100px;
	padding-top: max(20%, 100px);
}

.membership-plan.plan-annual .membership-best-deal.black-friday-deal {
    background-image: url(/nchub/np/images/label/icon-10bucksoff.png);
}

.membership-plan .plan-info {
	width: 50%;
	margin: auto 0 auto auto;
	text-align: center;
}

.membership-plan .plan-subscription {
	font-size: 22pt;
}

.membership-plan .plan-subscription .annual {
	font-size: 30pt;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #F65901;
	font-weight: bold;
	-webkit-text-fill-color: transparent;
	background: rgb(153,153,153);
	background: -moz-linear-gradient(#FFC700 13.02%, #FFFFFF 42.71%, #FF7A00 81.77%);
	background: -webkit-linear-gradient(#FFC700 13.02%, #FFFFFF 42.71%, #FF7A00 81.77%);
	background: linear-gradient(180deg, #FFC700 13.02%, #FFFFFF 42.71%, #FF7A00 81.77%);
	background-clip: border-box;
	-webkit-background-clip: text;
	filter: drop-shadow(1px 2px 0 #000);
	letter-spacing: -1px;
}

.membership-plan .plan-subscription .monthly {
	font-size: 30pt;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #616161;
	font-weight: bold;
	-webkit-text-fill-color: transparent;
	background: rgb(153,153,153);
	background: -moz-linear-gradient(#ffffff 13.02%, #FFFFFF 42.71%, #ffffff 81.77%);
	background: -webkit-linear-gradient(#ffffff 13.02%, #FFFFFF 42.71%, #ffffff 81.77%);
	background: linear-gradient(180deg, #ffffff 13.02%, #FFFFFF 42.71%, #ffffff 81.77%);
	background-clip: border-box;
	-webkit-background-clip: text;
	filter: drop-shadow(1px 2px 0 #000);
	letter-spacing: -1px;
}

.membership-plan .plan-price {
	font-size: 24pt;
}

.membership-plan .plan-price .annual {
	font-size: 44pt;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #FFFFFF;
	font-weight: bold;
	-webkit-text-fill-color: transparent;
	background: rgb(153,153,153);
	background: -moz-linear-gradient(#FF9900 0%, #D18305 100%);
	background: -webkit-linear-gradient(#FF9900 0%, #D18305 100%);
	background: linear-gradient(180deg, #FF9900 0%, #D18305 100%);
	background-clip: border-box;
	-webkit-background-clip: text;
	filter: drop-shadow(1px 2px 0 #000);
	letter-spacing: -1px;
}

.membership-plan .plan-price .monthly {
	font-size: 44pt;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #FFFFFF;
	font-weight: bold;
	-webkit-text-fill-color: transparent;
	background: rgb(153,153,153);
	background: -moz-linear-gradient(#A9BECE 0%, #9C9C9C 32.81%, #616161 100%);
	background: -webkit-linear-gradient(#A9BECE 0%, #9C9C9C 32.81%, #616161 100%);
	background: linear-gradient(180deg, #A9BECE 0%, #9C9C9C 32.81%, #616161 100%);
	background-clip: border-box;
	-webkit-background-clip: text;
	filter: drop-shadow(1px 2px 0 #000);
	letter-spacing: -1px;
}

.membership-plan .plan-pay {
	font-size: 12pt;
}

.membership-plan .plan-billed {
	font-size: 12pt;
	padding: 6px 16px 6px 16px;
	margin: 10px auto;
}

.membership-plan.plan-annual .plan-billed {
	background-color: #FFCA79;
	border: 1px solid #FF9900;
	border-radius: 45px;
	width: fit-content;
}

.membership-plan.plan-annual .plan-billed .annual {
	color: #FFF;
	text-shadow: 1px 1px 0 #804C00, -1px -1px 0 #804C00, 1px 0 0 #804C00, 0 1px 0 #804C00, -1px 0 0 #804C00, 0 -1px 0 #804C00;
}

.membership-legal {
	width: 80%;
	margin: auto;
}

/* Mobile Version */
@media screen and (max-width: 1424px) {
	.membership-perks-list {
		width: 100%;
		grid-template: auto / 10% 50% 20% 20%;
	}

	.membership-plan.plan-annual {
		background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .6)), url('https://images.neopets.com/premium/2023/button-annual.png'), linear-gradient(#FBECB7 -4.67%, rgb(255, 255, 255) 70.48%);
		background-position: center, center left, center;
		background-size: 100%, auto 100%, 100%;
		background-repeat: repeat, no-repeat, repeat;
	}

	.membership-plan.plan-monthly {
		background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .6)), url('https://images.neopets.com/premium/2023/button-monthly.png'), linear-gradient(#D6F4FD -4.67%, rgba(255, 255, 255, 1) 70.48%);
		background-position: center, center left, center;
		background-size: 100%, auto 100%, 100%;
		background-repeat: repeat, no-repeat, repeat;
	}
}

@media screen and (max-width: 1080px) {
	.membership-top-perks {
		display: grid;
		grid-template: auto / 1fr 1fr;
	}

	.membership-plan .plan-info {
		width: 100%;
		margin: auto;
	}
}

@media screen and (max-width: 1000px) {
	.membership-content {
		width: 90%;
	}

	.membership-perks-list {
		width: 100%;
		grid-template: auto / 15% 35% 25% 25%;
	}

	.membership-perks-list .perk-description {
		padding-right: .5em;
	}
}

@media screen and (max-width: 750px) {
	.membership-content {
		width: 100%;
	}

	.membership-anchor {
		width: 70%;
		padding-top: calc(28 / 85 * 70%);
	}

	.membership-top-perks {
		display: flex;
		flex-direction: column;
		padding: 1em;
	}

	.membership-top-perks .perk-icon {
		width: 25%;
		padding-bottom: 25%;
	}

	.membership-top-perks .perk-icon > div {
		height: unset;
		padding-top: 100%;
	}

	.membership-perks-list .perks-title.membership {
		padding-left: 0;
		grid-column: span 4;
		text-align: center;
		border-bottom: none;
	}

	.perks-title.spacer {
		display: none;
	}

	.membership-perks-list .perks-title.free, .membership-perks-list .perks-title.premium {
		grid-column: span 2;
		position: sticky;
	    top: 0;
	    z-index: 1;
	}

	.perks-title.free.perk-x {
        border-left: none;
		background-color: #e5edf3 !important;
	}

	.membership-perks-list .perks-title.premium, .membership-perks-list .perk-check:last-child, .membership-perks-list .perk-check {
		border-radius: unset;
		border-left: 3px solid #D8E2EF;
		border-bottom: 3px solid #D8E2EF;
		border-top: 3px solid #fbe3be;
		border-right: none;
	}

	.membership-perks-list .perk-icon {
		border-bottom: none;
	}

	.membership-perks-list .perk-text {
		grid-column: span 3;
		border-bottom: none;
	}

	.membership-perks-list .perk-x:not(.perks-title) {
		grid-column: span 2;
		border-left: none;
		padding: 1em 0;
	}

	.membership-perks-list .perk-check:not(.perks-title) {
		grid-column: span 2;
		padding: 1em 0;
	}

	.membership-plans {
		flex-direction: column;
	}
}

/* End 2023 Changes */

ul.choose-membership {
	width: 870px;
	margin: 0px auto;
}

.choose-membership li {
	width: 290px;
	height: 265px;
	background: url(/nchub/np/images/gen/btn-payment-lrg.png) 0px 0px;
}
ul.what-get {
	width: 700px;
	margin: 0px auto;

}

.next-button {

	margin: 0px auto;
}

.burst {
	width: 135px;
	height: 165px;
    top: 50px;
    left: 840px;
    position: absolute;
    float: left;
}
.burst {
	background-image: url(/nchub/np/images/label/burst-best-deal.png);
	xbackground-image: url(/nchub/np/images/label/burst-anniversary-sale.png);
	xbackground-image: url(/nchub/np/images/label/burst-holiday-sale.png);
	xbackground-image: url(/nchub/np/images/label/burst-birthday-sale.png);
}
.burst-left {
	left: -60px;
	background-position: -135px 0px;
}
.burst.lang_nl {
	background-image: url(/nchub/np/images/label/burst-best-deal_nl.png);
	xbackground-image: url(/nchub/np/images/label/burst-anniversary-sale_nl.png);
	xbackground-image: url(/nchub/np/images/label/burst-holiday-sale_nl.png);
	xbackground-image: url(/nchub/np/images/label/burst-birthday-sale_nl.png);

}
.burst.lang_fr {
	background-image: url(/nchub/np/images/label/burst-best-deal_fr.png);
	xbackground-image: url(/nchub/np/images/label/burst-anniversary-sale_fr.png);
	xbackground-image: url(/nchub/np/images/label/burst-holiday-sale_fr.png);
	xbackground-image: url(/nchub/np/images/label/burst-birthday-sale_fr.png);

}
.burst.lang_es {
	background-image: url(/nchub/np/images/label/burst-best-deal_es.png);
	xbackground-image: url(/nchub/np/images/label/burst-anniversary-sale_es.png);
	xbackground-image: url(/nchub/np/images/label/burst-holiday-sale_es.png);
	xbackground-image: url(/nchub/np/images/label/burst-birthday-sale_es.png);

}
.burst.lang_pt {
	background-image: url(/nchub/np/images/label/burst-best-deal_pt.png);
	xbackground-image: url(/nchub/np/images/label/burst-anniversary-sale_pt.png);
	xbackground-image: url(/nchub/np/images/label/burst-holiday-sale_pt.png);
	xbackground-image: url(/nchub/np/images/label/burst-birthday-sale_pt.png);

}
.burst.lang_de {
	background-image: url(/nchub/np/images/label/burst-best-deal_de.png);
	xbackground-image: url(/nchub/np/images/label/burst-anniversary-sale_de.png);
	xbackground-image: url(/nchub/np/images/label/burst-holiday-sale_de.png);
	xbackground-image: url(/nchub/np/images/label/burst-birthday-sale_de.png);
}


.burst_holiday {
	background-image: url(/nchub/np/images/label/burst_holiday_sale.png)
}
.burst_holiday.lang_nl {
	background-image: url(/nchub/np/images/label/burst_holiday_sale_nl.png)
}
.burst_holiday.lang_fr {
	background-image: url(/nchub/np/images/label/burst_holiday_sale_fr.png)
}
.burst_holiday.lang_es {
	background-image: url(/nchub/np/images/label/burst_holiday_sale_es.png)
}
.burst_holiday.lang_pt {
	background-image: url(/nchub/np/images/label/burst_holiday_sale_pt.png)
}
.burst_holiday.lang_de {
	background-image: url(/nchub/np/images/label/burst_holiday_sale_de.png)
}

.burst-birthday {
	background-image: url(/nchub/np/images/label/burst-birthday-sale.png)
}
.burst-birthday.lang_nl {
	background-image: url(/nchub/np/images/label/burst-birthday-sale_nl.png)
}
.burst-birthday.lang_fr {
	background-image: url(/nchub/np/images/label/burst-birthday-sale_fr.png)
}
.burst-birthday.lang_es {
	background-image: url(/nchub/np/images/label/burst-birthday-sale_es.png)
}
.burst-birthday.lang_pt {
	background-image: url(/nchub/np/images/label/burst-birthday-sale_pt.png)
}
.burst-birthday.lang_de {
	background-image: url(/nchub/np/images/label/burst-birthday-sale_de.png)
}

.burst .burst-left {
	left: 10px;
}
/** plans **/
.choose-membership li a {
	width: 290px;
	height: 265px;
	display: block;
	font-size: 0px;
	line-height: 0px;

}
/*.choose-membership li.plan-container-3 {
	background-position: 0px 0px ;
}*/
.choose-membership li.plan-container-2 {
	background-position: -290px 0px ;
}
.choose-membership li.plan-container-1 {
	background-position: -580px 0px ;
}
.choose-membership li.plan-container-radio {
	width: 290px;
	height: 33px;
	background: none;
}
.choose-membership li.plan-container-radio a {
	width: 33px;
	height: 33px;
	background: url(/nchub/np/images/gen/btn-radio.png);
	margin: 0px auto;
}
.plan-3 {
	background: url(/nchub/np/images/label/NP1M-795-US-lrg.png);
}
._es .plan-3 {
	background: url(/nchub/np/images/label/NP1M-795-US-lrg_es.png);
}
._de .plan-3 {
	background: url(/nchub/np/images/label/NP1M-795-US-lrg_de.png);
}
._fr .plan-3 {
	background: url(/nchub/np/images/label/NP1M-795-US-lrg_fr.png);
}
._nl .plan-3 {
	background: url(/nchub/np/images/label/NP1M-795-US-lrg_nl.png);
}
._pt .plan-3 {
	background: url(/nchub/np/images/label/NP1M-795-US-lrg_pt.png);
}
.plan-2 {
	background: url(/nchub/np/images/label/NP4M-625mo-US-lrg.png);
}
._es .plan-2 {
	background: url(/nchub/np/images/label/NP4M-625mo-US-lrg_es.png);
}
._de .plan-2 {
	background: url(/nchub/np/images/label/NP4M-625mo-US-lrg_de.png);
}
._fr .plan-2 {
	background: url(/nchub/np/images/label/NP4M-625mo-US-lrg_fr.png);
}
._nl .plan-2 {
	background: url(/nchub/np/images/label/NP4M-625mo-US-lrg_nl.png);
}
._pt .plan-2 {
	background: url(/nchub/np/images/label/NP4M-625mo-US-lrg_pt.png);
}
.plan-1 {
	background: url(/nchub/np/images/label/NP1A-6995-US-lrg.png);
	xbackground: url(/nchub/np/images/label/NP1A-416-US-lrg.png);
}
.plan-1.ab-5 {
	background: url(/nchub/np/images/label/NP1A-583mo-US-lrg.png);
	xbackground: url(/nchub/np/images/label/NP1A-416-US-lrg.png);
}
.plan-1.ab-5.bf-deal {
	background: url(/nchub/np/images/label/NP1A-500-US-lrg.png);
}
.plan-2.ab-5 {
	background: url(/nchub/np/images/label/NP4M-625mo-US-lrg.png);
}
.plan-3.ab-5 {
	background: url(/nchub/np/images/label/NP1M-795mo-US-lrg.png);
}

/* languages */
._es .plan-1.ab-5 {
	background: url(/nchub/np/images/label/NP1A-583mo-US-lrg_es.png);
	xbackground: url(/nchub/np/images/label/NP1A-416-US-lrg_es.png);

}
._de .plan-1.ab-5 {
	background: url(/nchub/np/images/label/NP1A-583mo-US-lrg_de.png);
	xbackground: url(/nchub/np/images/label/NP1A-416-US-lrg_de.png);

}
._fr .plan-1.ab-5 {
	background: url(/nchub/np/images/label/NP1A-583mo-US-lrg_fr.png);
	xbackground: url(/nchub/np/images/label/NP1A-416-US-lrg_fr.png);

}
._nl .plan-1.ab-5 {
	background: url(/nchub/np/images/label/NP1A-583mo-US-lrg_nl.png);
	xbackground: url(/nchub/np/images/label/NP1A-416-US-lrg_nl.png);

}
._pt .plan-1.ab-5 {
	background: url(/nchub/np/images/label/NP1A-583mo-US-lrg_pt.png);
	xbackground: url(/nchub/np/images/label/NP1A-416-US-lrg_pt.png);

}
._es .plan-2.ab-5 {
	background: url(/nchub/np/images/label/NP4M-625mo-US-lrg_es.png);
}
._de .plan-2.ab-5 {
	background: url(/nchub/np/images/label/NP4M-625mo-US-lrg_de.png);
}
._fr .plan-2.ab-5 {
	background: url(/nchub/np/images/label/NP4M-625mo-US-lrg_fr.png);
}
._nl .plan-2.ab-5 {
	background: url(/nchub/np/images/label/NP4M-625mo-US-lrg_nl.png);
}
._pt .plan-2.ab-5 {
	background: url(/nchub/np/images/label/NP4M-625mo-US-lrg_pt.png);
}
._es .plan-3.ab-5 {
	background: url(/nchub/np/images/label/NP1M-795mo-US-lrg_es.png);
}
._de .plan-3.ab-5 {
	background: url(/nchub/np/images/label/NP1M-795mo-US-lrg_de.png);
}
._fr .plan-3.ab-5 {
	background: url(/nchub/np/images/label/NP1M-795mo-US-lrg_fr.png);
}
._nl .plan-3.ab-5 {
	background: url(/nchub/np/images/label/NP1M-795mo-US-lrg_nl.png);
}
._pt .plan-3.ab-5 {
	background: url(/nchub/np/images/label/NP1M-795mo-US-lrg_pt.png);
}

._es .plan-1 {
	background: url(/nchub/np/images/label/NP1A-416-US-lrg_es.png);
}
._de .plan-1 {
	background: url(/nchub/np/images/label/NP1A-416-US-lrg_de.png);
}
._fr .plan-1 {
	background: url(/nchub/np/images/label/NP1A-416-US-lrg_fr.png);
}
._nl .plan-1 {
	background: url(/nchub/np/images/label/NP1A-416-US-lrg_nl.png);
}
._pt .plan-1 {
	background: url(/nchub/np/images/label/NP1A-416-US-lrg_pt.png);
}

/* upgrading plans */

.plan-NPA1-FYS-5995-NOV24, .plan-NPA1-EX-5995-NOV24 {
	background: url(/nchub/np/images/label/NP1A-500-US-lrg.png);
}
._es .plan-NPA1-FYS-5995-NOV24, ._es .plan-NPA1-EX-5995-NOV24 {
    background: url(/nchub/np/images/label/NP1A-500-US-lrg.png);
}
._de .plan-NPA1-FYS-5995-NOV24, ._de .plan-NPA1-EX-5995-NOV24 {
    background: url(/nchub/np/images/label/NP1A-500-US-lrg.png);
}
._fr .plan-NPA1-FYS-5995-NOV24, ._fr .plan-NPA1-EX-5995-NOV24 {
    background: url(/nchub/np/images/label/NP1A-500-US-lrg.png);
}
._nl .plan-NPA1-FYS-5995-NOV24, ._nl .plan-NPA1-EX-5995-NOV24 {
    background: url(/nchub/np/images/label/NP1A-500-US-lrg.png);
}
._pt .NPA1-FYS-5995-NOV24, ._pt .plan-NPA1-EX-5995-NOV24 {
    background: url(/nchub/np/images/label/NP1A-500-US-lrg.png);
}

.plan-NPA1-FYS-4995-JUL21, .plan-NPA1-EX-4995-JUL21 {
	background: url(/nchub/np/images/label/NP1A-416-US-lrg.png);
}
._es .plan-NPA1-FYS-4995-JUL21, ._es .plan-NPA1-EX-4995-JUL21 {
    background: url(/nchub/np/images/label/NP1A-416-US-lrg_es.png);
}
._de .plan-NPA1-FYS-4995-JUL21, ._de .plan-NPA1-EX-4995-JUL21 {
    background: url(/nchub/np/images/label/NP1A-416-US-lrg_de.png);
}
._fr .plan-NPA1-FYS-4995-JUL21, ._fr .plan-NPA1-EX-4995-JUL21 {
    background: url(/nchub/np/images/label/NP1A-416-US-lrg_fr.png);
}
._nl .plan-NPA1-FYS-4995-JUL21, ._nl .plan-NPA1-EX-4995-JUL21 {
    background: url(/nchub/np/images/label/NP1A-416-US-lrg_nl.png);
}
._pt .plan-NPA1-FYS-4995-JUL21, ._pt .plan-NPA1-EX-4995-JUL21 {
    background: url(/nchub/np/images/label/NP1A-416-US-lrg_pt.png);
}

.plan-NPA1-FYS-4995-JUL20, .plan-NPA1-EX-4995-JUL20 {
	background: url(/nchub/np/images/label/NP1A-416-US-lrg.png);
}
._es .plan-NPA1-FYS-4995-JUL20, ._es .plan-NPA1-EX-4995-JUL20 {
    background: url(/nchub/np/images/label/NP1A-416-US-lrg_es.png);
}
._de .plan-NPA1-FYS-4995-JUL20, ._de .plan-NPA1-EX-4995-JUL20 {
    background: url(/nchub/np/images/label/NP1A-416-US-lrg_de.png);
}
._fr .plan-NPA1-FYS-4995-JUL20, ._fr .plan-NPA1-EX-4995-JUL20 {
    background: url(/nchub/np/images/label/NP1A-416-US-lrg_fr.png);
}
._nl .plan-NPA1-FYS-4995-JUL20, ._nl .plan-NPA1-EX-4995-JUL20 {
    background: url(/nchub/np/images/label/NP1A-416-US-lrg_nl.png);
}
._pt .plan-NPA1-FYS-4995-JUL20, ._pt .plan-NPA1-EX-4995-JUL20 {
    background: url(/nchub/np/images/label/NP1A-416-US-lrg_pt.png);
}

.plan-NPA1-FYS-4995-JUL19, .plan-NPA1-EX-4995-JUL19 {
	background: url(/nchub/np/images/label/NP1A-416-US-lrg.png);
}
._es .plan-NPA1-FYS-4995-JUL19, ._es .plan-NPA1-EX-4995-JUL19 {
	background: url(/nchub/np/images/label/NP1A-416-US-lrg_es.png);
}
._de .plan-NPA1-FYS-4995-JUL19, ._de .plan-NPA1-EX-4995-JUL19
{
	background: url(/nchub/np/images/label/NP1A-416-US-lrg_de.png);
}
._fr .plan-NPA1-FYS-4995-JUL19, ._fr .plan-NPA1-EX-4995-JUL19
{
	background: url(/nchub/np/images/label/NP1A-416-US-lrg_fr.png);
}
._nl .plan-NPA1-FYS-4995-JUL19, ._nl .plan-NPA1-EX-4995-JUL19
{
	background: url(/nchub/np/images/label/NP1A-416-US-lrg_nl.png);
}
._pt .plan-NPA1-FYS-4995-JUL19, ._pt .plan-NPA1-EX-4995-JUL19 {
	background: url(/nchub/np/images/label/NP1A-416-US-lrg_pt.png);
}

.plan-NPA1-FYS-4995-JUL18, .plan-NPA1-EX-4995-JUL18 {
	background: url(/nchub/np/images/label/NP1A-416-US-lrg.png);
}
._es .plan-NPA1-FYS-4995-JUL18, ._es .plan-NPA1-EX-4995-JUL18 {
	background: url(/nchub/np/images/label/NP1A-416-US-lrg_es.png);
}
._de .plan-NPA1-FYS-4995-JUL18, ._de .plan-NPA1-EX-4995-JUL18
{
	background: url(/nchub/np/images/label/NP1A-416-US-lrg_de.png);
}
._fr .plan-NPA1-FYS-4995-JUL18, ._fr .plan-NPA1-EX-4995-JUL18
{
	background: url(/nchub/np/images/label/NP1A-416-US-lrg_fr.png);
}
._nl .plan-NPA1-FYS-4995-JUL18, ._nl .plan-NPA1-EX-4995-JUL18
{
	background: url(/nchub/np/images/label/NP1A-416-US-lrg_nl.png);
}
._pt .plan-NPA1-FYS-4995-JUL18, ._pt .plan-NPA1-EX-4995-JUL18 {
	background: url(/nchub/np/images/label/NP1A-416-US-lrg_pt.png);
}

.plan-NPA1-FYS-4995-JUL17, .plan-NPA1-EX-4995-JUL17 {
	background: url(/nchub/np/images/label/NP1A-416-US-lrg.png);
}
._es .plan-NPA1-FYS-4995-JUL17, ._es .plan-NPA1-EX-4995-JUL17 {
	background: url(/nchub/np/images/label/NP1A-416-US-lrg_es.png);
}
._de .plan-NPA1-FYS-4995-JUL17, ._de .plan-NPA1-EX-4995-JUL17
{
	background: url(/nchub/np/images/label/NP1A-416-US-lrg_de.png);
}
._fr .plan-NPA1-FYS-4995-JUL17, ._fr .plan-NPA1-EX-4995-JUL17
{
	background: url(/nchub/np/images/label/NP1A-416-US-lrg_fr.png);
}
._nl .plan-NPA1-FYS-4995-JUL17, ._nl .plan-NPA1-EX-4995-JUL17
{
	background: url(/nchub/np/images/label/NP1A-416-US-lrg_nl.png);
}
._pt .plan-NPA1-FYS-4995-JUL17, ._pt .plan-NPA1-EX-4995-JUL17 {
	background: url(/nchub/np/images/label/NP1A-416-US-lrg_pt.png);
}

.plan-NPA1-FYS-4995-JUN14 {
	background: url(/nchub/np/images/label/NP1A-416-US-lrg.png);
}
._es .plan-NPA1-FYS-4995-JUN14 {
	background: url(/nchub/np/images/label/NP1A-416-US-lrg_es.png);
}
._de .plan-NPA1-FYS-4995-JUN14 {
	background: url(/nchub/np/images/label/NP1A-416-US-lrg_de.png);
}
._fr .plan-NPA1-FYS-4995-JUN14 {
	background: url(/nchub/np/images/label/NP1A-416-US-lrg_fr.png);
}
._nl .plan-NPA1-FYS-4995-JUN14 {
	background: url(/nchub/np/images/label/NP1A-416-US-lrg_nl.png);
}
._pt .plan-NPA1-FYS-4995-JUN14 {
	background: url(/nchub/np/images/label/NP1A-416-US-lrg_pt.png);
}

.plan-NPA1-FYS-4995-NOV14 {
	background: url(/nchub/np/images/label/NP1A-416-US-lrg.png);
}
._es .plan-NPA1-FYS-4995-JUN14 {
	background: url(/nchub/np/images/label/NP1A-416-US-lrg_es.png);
}
._de .plan-NPA1-FYS-4995-JUN14 {
	background: url(/nchub/np/images/label/NP1A-416-US-lrg_de.png);
}
._fr .plan-NPA1-FYS-4995-JUN14 {
	background: url(/nchub/np/images/label/NP1A-416-US-lrg_fr.png);
}
._nl .plan-NPA1-FYS-4995-JUN14 {
	background: url(/nchub/np/images/label/NP1A-416-US-lrg_nl.png);
}
._pt .plan-NPA1-FYS-4995-JUN14 {
	background: url(/nchub/np/images/label/NP1A-416-US-lrg_pt.png);
}

.plan-NPM4 {
	background: url(/nchub/np/images/label/NP4M-625mo-US-lrg.png);
}
._es .plan-NPM4 {
	background: url(/nchub/np/images/label/NP4M-625mo-US-lrg_es.png);
}
._de .plan-NPM4 {
	background: url(/nchub/np/images/label/NP4M-625mo-US-lrg_de.png);
}
._fr .plan-NPM4 {
	background: url(/nchub/np/images/label/NP4M-625mo-US-lrg_fr.png);
}
._nl .plan-NPM4 {
	background: url(/nchub/np/images/label/NP4M-625mo-US-lrg_nl.png);
}
._pt .plan-NPM4 {
	background: url(/nchub/np/images/label/NP4M-625mo-US-lrg_pt.png);
}

.plan-NPA1 {
	background: url(/nchub/np/images/label/NP1A-583mo-US-lrg.png);
}
._es .plan-NPA1 {
	background: url(/nchub/np/images/label/NP1A-583mo-US-lrg_es.png);
}
._de .plan-NPA1 {
	background: url(/nchub/np/images/label/NP1A-583mo-US-lrg_de.png);
}
._fr .plan-NPA1 {
	background: url(/nchub/np/images/label/NP1A-583mo-US-lrg_fr.png);
}
._nl .plan-NPA1 {
	background: url(/nchub/np/images/label/NP1A-583mo-US-lrg_nl.png);
}
._pt .plan-NPA1 {
	background: url(/nchub/np/images/label/NP1A-583mo-US-lrg_pt.png);
}


/* medium plans */
.choose-membership.med {
	width: 600px;
}
.choose-membership.med li {
	width: 200px;
	height: 160px;
	background: url(/nchub/np/images/gen/btn-payment-med.png);
	display: none;
}
/*.choose-membership.med li.plan-container-3 {
	background-position: 0px 0px ;
	display: inline;
}*/
.choose-membership.med li.plan-container-2 {
	background-position: -200px 0px ;
	display: inline;

}
.choose-membership.med li.plan-container-1 {
	background-position: -400px 0px ;
	display: inline;

}
.choose-membership.med li a {
	width: 200px;
	height: 160px;
}

/*.med .plan-3.ab-5 {
	background: url(/nchub/np/images/label/NP1M-795mo-US-med.png);
}*/
.med .plan-2.ab-5 {
	background: url(/nchub/np/images/label/NP1M-795mo-US-med.png);
	/*background: url(/nchub/np/images/label/NP4M-625mo-US-med.png);*/
}
.med .plan-1.ab-5 {
	background: url(/nchub/np/images/label/NP1A-583mo-US-med.png);
}
.med .plan-1.ab-5.bf-deal {
	background: url(/nchub/np/images/label/NP1A-500-US-med.png);
}
/*._es .med .plan-3.ab-5 {
	background: url(/nchub/np/images/label/NP1M-795mo-US-med_es.png);
}
._de .med .plan-3.ab-5 {
	background: url(/nchub/np/images/label/NP1M-795mo-US-med_de.png);
}
._fr .med .plan-3.ab-5 {
	background: url(/nchub/np/images/label/NP1M-795mo-US-med_fr.png);
}
._nl .med .plan-3.ab-5 {
	background: url(/nchub/np/images/label/NP1M-795mo-US-med_nl.png);
}
._pt .med .plan-3.ab-5 {
	background: url(/nchub/np/images/label/NP1M-795mo-US-med_pt.png);
}*/
._es .med .plan-2.ab-5 {
	background: url(/nchub/np/images/label/NP1M-795mo-US-med_es.png);
	/*background: url(/nchub/np/images/label/NP4M-625mo-US-med_es.png);*/
}
._de .med .plan-2.ab-5 {
	background: url(/nchub/np/images/label/NP1M-795mo-US-med_de.png);
	/*background: url(/nchub/np/images/label/NP4M-625mo-US-med_de.png);*/
}
._fr .med .plan-2.ab-5 {
	background: url(/nchub/np/images/label/NP1M-795mo-US-med_fr.png);
	/*background: url(/nchub/np/images/label/NP4M-625mo-US-med_fr.png);*/
}
._nl .med .plan-2.ab-5 {
	background: url(/nchub/np/images/label/NP1M-795mo-US-med_nl.png);
	/*background: url(/nchub/np/images/label/NP4M-625mo-US-med_nl.png);*/
}
._pt .med .plan-2.ab-5 {
	background: url(/nchub/np/images/label/NP1M-795mo-US-med_pt.png);
	/*background: url(/nchub/np/images/label/NP4M-625mo-US-med_pt.png);*/
}
._es .med .plan-1.ab-5 {
	background: url(/nchub/np/images/label/NP1A-583mo-US-med_es.png);
}
._de .med .plan-1.ab-5 {
	background: url(/nchub/np/images/label/NP1A-583mo-US-med_de.png);
}
._fr .med .plan-1.ab-5 {
	background: url(/nchub/np/images/label/NP1A-583mo-US-med_fr.png);
}
._nl .med .plan-1.ab-5 {
	background: url(/nchub/np/images/label/NP1A-583mo-US-med_nl.png);
}
._pt .med .plan-1.ab-5 {
	background: url(/nchub/np/images/label/NP1A-583mo-US-med_pt.png);
}

/*.med .plan-3 {
	background: url(/nchub/np/images/label/NP1M-795-US-med.png);
}
._es .med .plan-3 {
	background: url(/nchub/np/images/label/NP1M-795-US-med_es.png);
}
._de .med .plan-3 {
	background: url(/nchub/np/images/label/NP1M-795-US-med_de.png);
}
._fr .med .plan-3 {
	background: url(/nchub/np/images/label/NP1M-795-US-med_fr.png);
}
._nl .med .plan-3 {
	background: url(/nchub/np/images/label/NP1M-795-US-med_nl.png);
}
._pt .med .plan-3 {
	background: url(/nchub/np/images/label/NP1M-795-US-med_pt.png);
}*/
.med .plan-2 {
	background: url(/nchub/np/images/label/NP1M-795-US-med.png);
	/*background: url(/nchub/np/images/label/NP4M-2495-US-med.png);*/
}
._es .med .plan-2 {
	background: url(/nchub/np/images/label/NP1M-795-US-med_es.png);
	/*background: url(/nchub/np/images/label/NP4M-2495-US-med_es.png);*/
}
._de .med .plan-2 {
	background: url(/nchub/np/images/label/NP1M-795-US-med_de.png);
	/*background: url(/nchub/np/images/label/NP4M-2495-US-med_de.png);*/
}
._fr .med .plan-2 {
	background: url(/nchub/np/images/label/NP1M-795-US-med_fr.png);
	/*background: url(/nchub/np/images/label/NP4M-2495-US-med_fr.png);*/
}
._nl .med .plan-2 {
	background: url(/nchub/np/images/label/NP1M-795-US-med_nl.png);
	/*background: url(/nchub/np/images/label/NP4M-2495-US-med_nl.png);*/
}
._pt .med .plan-2 {
	background: url(/nchub/np/images/label/NP1M-795-US-med_pt.png);
	/*background: url(/nchub/np/images/label/NP4M-2495-US-med_pt.png);*/
}
.med .plan-1 {
	background: url(/nchub/np/images/label/NP1A-6995-US-med.png);
	/*background: url(/nchub/np/images/label/NP1A-4995-US-med.png);*/

}
._es .med .plan-1 {
	background: url(/nchub/np/images/label/NP1A-6995-US-med_es.png);
}
._de .med .plan-1 {
	background: url(/nchub/np/images/label/NP1A-6995-US-med_de.png);
}
._fr .med .plan-1 {
	background: url(/nchub/np/images/label/NP1A-6995-US-med_fr.png);
}
._nl .med .plan-1 {
	background: url(/nchub/np/images/label/NP1A-6995-US-med_nl.png);
}
._pt .med .plan-1 {
	background: url(/nchub/np/images/label/NP1A-6995-US-med_pt.png);
}


/** Spacers **/
.top-bump {
	margin-top: 20px;
}