.temp#promotions {
	background: url("img/promotion/temp/bg.jpg") no-repeat top / auto 100%;
}
.temp#promotions section {
	margin: 0px auto; width: 960px; padding-top: 160px;
}
.temp#promotions h1 {
	background: url("img/promotion/temp/logo.png") no-repeat 0px 0px rgba(0, 0, 0, 0); margin: 0px 0px 60px; width: 192px; height: 79px;
}
.temp#promotions h2 {
	font: 36px/42px "abstergoSansLite", Arial, sans-serif; margin: 0px 0px 20px; font-size-adjust: none; font-stretch: normal;
}
.temp#promotions .description {
	font: 14px/22px "abstergoSans", Arial, sans-serif; margin: 0px 0px 60px; font-size-adjust: none; font-stretch: normal;
}
#promotions {
	background: url("img/missions/ops-shadow.png") no-repeat top / 100% 100%, url("img/missions/ops-perlin.png") center 14px / auto auto, url("img/promotion/bg.jpg") top / auto 100%; font: 16px/19px "abstergoSans", Arial, sans-serif; font-size-adjust: none; font-stretch: normal;
}
#promotions section {
	margin: 0px auto; width: 1000px; padding-top: 115px; padding-bottom: 170px;
}
#promotions .sub {
	font: 11px "ac3EagleSansRegular", Arial, sans-serif; margin: 0px 0px 6px; text-transform: uppercase; font-size-adjust: none; font-stretch: normal;
}
#promotions h1 {
	font: 24px/28px "abstergoSans", Arial, sans-serif; margin: 0px 0px 10px; font-size-adjust: none; font-stretch: normal;
}
#promotions p {
	margin-top: 0px;
}
#promotions a:not(.button) {
	color: rgb(210, 210, 210); text-decoration: underline;
}
#promotions a:not(.button):hover {
	color: rgb(255, 255, 255);
}
#promotions .box {
	padding: 26px 28px 34px 27px;
}
#promotions .primary-box {
	background: rgba(4, 14, 24, 0.9);
}
#promotions .secondary-box {
	background: rgba(4, 14, 24, 0.7);
}
#promotions .hide {
	display: none;
}
#promotions #redeem-code {
	background: url("img/promotion/glitch-code.png") no-repeat right top; margin: 0px auto; width: 600px; padding-right: 50px; position: relative;
}
#promotions .corner {
	background: url("img/promotion/corner.png") no-repeat right top; top: -4px; width: 21px; height: 21px; right: -4px; position: absolute;
}
#promotions #redeem-code h1 {
	font: 32px/38px "abstergoSansLite", Arial, sans-serif; font-size-adjust: none; font-stretch: normal;
}
#promotions #redeem-code sup {
	top: 2px; font-size: 34px;
}
#promotions #redeem-code .primary-box p {
	font: 20px/24px "abstergoSansLite", Arial, sans-serif; margin: 0px 0px 40px; font-size-adjust: none; font-stretch: normal;
}
#promotions #redeem-code form {
	background: url("img/login/dashed.png") repeat-x left -4px; padding-top: 9px; position: relative;
}
#promotions #redeem-code input {
	background: rgb(255, 255, 255); border-width: 1px 0px; border-style: solid; border-color: rgb(142, 145, 148); font: 16px/45px "Arial", Helvetica, sans-serif; padding: 0px 12px; border-image: none; width: 396px; height: 45px; color: rgb(102, 102, 102); margin-bottom: 16px; font-size-adjust: none; font-stretch: normal; box-shadow: inset 0px 3px 0px rgba(0,0,0,0.2);
}
#promotions #redeem-code input::-ms-clear {
	display: none;
}
#promotions #redeem-code .input-holder {
	position: relative;
}
#promotions #redeem-code .valid-format {
	border-color: rgb(0, 166, 81); box-shadow: inset 0px 2px 0px #00a651, inset 0px -2px 0px #00a651;
}
#promotions #redeem-code .primary-box .valid-format + .valid {
	display: block;
}
#promotions #redeem-code .primary-box .valid {
	background: url("img/promotion/icon-valid-format.png") no-repeat 0px; font: bold 10px/45px "Arial", Helvetica, sans-serif; margin: 0px; padding: 0px 20px 0px 18px; top: 0px; right: 0px; color: rgb(118, 118, 118); text-transform: uppercase; display: none; position: absolute; font-size-adjust: none; font-stretch: normal;
}
#promotions #redeem-code button {
	padding: 13px 0px; width: 146px; line-height: 17px; float: right;
}
#promotions #redeem-code button:active {
	padding: 14px 0px 12px;
}
#promotions #redeem-code .box .customer {
	font: 14px/normal "abstergoSans", Arial, sans-serif; margin: 0px; color: rgb(192, 192, 192); font-size-adjust: none; font-stretch: normal;
}
#promotions #redeem-code .customer a {
	color: rgb(192, 192, 192); text-decoration: underline;
}
#promotions #redeem-code a:hover {
	color: rgb(255, 255, 255);
}
#promotions #redeem-code .secondary-box {
	padding: 20px 28px 20px 27px; color: rgb(121, 124, 128);
}
#promotions #redeem-code .secondary-box h2 {
	margin: 0px 0px 10px; text-transform: uppercase; line-height: 18px; font-size: 14px;
}
#promotions #redeem-code .secondary-box p {
	margin: 0px; line-height: 18px; font-size: 12px;
}
#promotions #reward {
	position: relative;
}
#promotions #reward #offer {
	background: rgba(4, 14, 24, 0.8); padding: 24px 28px 28px; width: 650px; float: left; min-height: 520px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
#promotions #reward #offer .dashed {
	margin-bottom: 4px;
}
#promotions #medias {
	background: url("img/login/dashed.png") repeat-x left bottom; padding-bottom: 14px; position: relative;
}
#promotions #reward #medias li {
	font: 16px/26px "abstergoSans", Arial, sans-serif; margin-top: 18px; font-size-adjust: none; font-stretch: normal;
}
#promotions #reward #medias h2 {
	margin: 0px; font-size: 22px;
}
#promotions #medias p {
	margin: 0px;
}
#promotions #medias .exclusives {
	left: 28px; bottom: 28px; position: absolute;
}
#promotions #medias img {
	border: 1px solid rgb(107, 114, 120); border-image: none;
}
#promotions #reward aside {
	width: 350px; float: left;
}
#promotions #reward .steps > li {
	background: rgba(4, 14, 24, 0.6); transition:background 1s; position: relative; -moz-transition: background 1s; -webkit-transition: background 1s; -o-transition: background 1s;
}
#promotions .loading {
	background: url("img/report/glitch.gif") no-repeat 248px -24px rgba(0, 0, 0, 0.3); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
#promotions #redeem-code .loading {
	background-position: 497px -24px;
}
#promotions #reward .steps li.selected {
	background: rgba(4, 14, 24, 1);
}
#promotions #reward aside .step {
	font: 16px/50px "abstergoSans", Arial, sans-serif; margin: 0px; transition:font-size 1s, color 1s; height: 50px; color: rgba(255, 255, 255, 0.8); padding-left: 57px; display: block; position: relative; font-size-adjust: none; font-stretch: normal; -moz-transition: font-size 1s, color 1s; -webkit-transition: font-size 1s, color 1s; -o-transition: font-size 1s, color 1s;
}
#promotions #reward .selected .step {
	color: rgba(255, 255, 255, 1); font-size: 18px;
}
#promotions #reward .red-highlight {
	background: rgb(121, 0, 0); padding: 0px 3px; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 20px; font-size: 18px; display: inline-block;
}
#promotions #reward aside .step .state {
	background: url("img/promotion/icon-states.png") no-repeat left bottom; left: 15px; top: 11px; width: 28px; height: 28px; display: block; position: absolute;
}
#promotions #reward aside .completed .state {
	background-position: left top;
}
#promotions #reward .options {
	background: url("img/promotion/option-separator.png") no-repeat 0px 0px; font: 16px/18px "abstergoSans", Arial, sans-serif; transition:max-height 1s; overflow: hidden; position: relative; max-height: 0px; font-size-adjust: none; font-stretch: normal; -moz-transition: max-height 1s; -webkit-transition: max-height 1s; -o-transition: max-height 1s;
}
#promotions #reward .selected .options {
	max-height: 600px;
}
#promotions #reward .layout {
	padding: 32px 28px;
}
#promotions #reward .options h3 {
	margin: 0px 0px 18px; font-size: 20px;
}
#promotions #reward .options .text {
	color: rgb(209, 207, 207); font-size: 13px; margin-bottom: 5px;
}
#promotions #reward .platforms .layout {
	padding: 32px 24px;
}
#promotions .platforms p {
	margin-bottom: 10px;
}
#promotions .platforms li {
	background: url("img/promotion/gradient.png") repeat-x left -20px padding-box content-box rgba(255, 255, 255, 0.4); border: 3px solid transparent; transition:background 0.2s linear; border-image: none; width: 140px; height: 80px; float: left; position: relative; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3), inset 0px -1px 0px rgba(255,255,255,0.3); -webkit-transition: background 0.2s linear; -o-transition: background 0.2s linear;
}
#promotions .platforms li.unavailable {
	background-image: none;
}
#promotions .platforms li:not(.unavailable):hover {
	background-position: left 0px; background-color: rgba(255, 255, 255, 0.5);
}
#promotions .platforms li:not(.unavailable):active {
	background-position: left -20px; background-color: rgba(255, 255, 255, 0.4);
}
#promotions .platforms .choose {
	border-color: rgb(255, 255, 255);
}
#promotions .platforms li:not(.unavailable):active .console {
	top: 1px; position: relative;
}
#promotions .platforms li:nth-child(2n+1) {
	margin-right: 10px;
}
#promotions .platforms .console {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; cursor: pointer; background-image: url("img/promotion/console-sprite.png"); background-repeat: no-repeat;
}
#promotions .platforms [data-console=pc] {
	background-position: 0px 0px;
}
#promotions .platforms [data-console=ps3] {
	background-position: 0px -80px;
}
#promotions .platforms [data-console=ps4] {
	background-position: 0px -160px;
}
#promotions .platforms [data-console=wiiu] {
	background-position: 0px -240px;
}
#promotions .platforms [data-console=x360] {
	background-position: 0px -320px;
}
#promotions .platforms [data-console=xone] {
	background-position: 0px -400px;
}
#promotions .platforms .disabled {
	background: url("img/promotion/disabled-x.png") no-repeat 52px 20px, url("img/promotion/disabled.png") 0px 0px rgba(4, 14, 24, 0.75);
}
#promotions .platforms .options a.new-code {
	margin-top: 30px;
}
#promotions #reward .form {
	display: none; position: relative;
}
#promotions #reward .selected.form {
	display: block;
}
#promotions #reward .loading {
	z-index: 2;
}
#promotions #reward .uplay {
	top: 0px; right: 0px;
}
#promotions input.error {
	border-color: rgb(158, 11, 15);
}
#promotions #reward input {
	margin: 0px 0px 15px;
}
#promotions #reward .custom-checkbox {
	margin: 0px 0px 15px;
}
#promotions #reward .toggle-link {
	margin: 0px; top: 13px; float: right; position: relative;
}
#promotions #reward .options .toggle-link a {
	font-size: 16px; text-decoration: underline;
}
#promotions .options :not(.arrow).button {
	margin-top: 10px;
}
#promotions #reward .confirm {
	color: rgb(190, 190, 190); font-size: 14px; -ms-word-wrap: break-word;
}
#promotions #reward .confirm .highlight {
	color: rgb(255, 255, 255); font-size: 16px;
}
#promotions #reward .confirm .button {
	margin: 0px 0px 10px;
}
#promotions #reward .red-highlight {
	background: rgb(121, 0, 0); padding: 0px 3px; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 20px; font-size: 18px; display: inline-block;
}
#promotions #reward .sent-to {
	line-height: 14px; font-size: 12px;
}
#promotions #confirmation {
	width: 700px; position: relative;
}
#promotions #confirmation a:not(.button) {
	color: rgb(155, 0, 0);
}
#promotions #confirmation a:not(.button):hover {
	color: rgb(196, 22, 28);
}
#promotions #confirmation strong {
	font-family: "abstergoSans", Arial, sans-serif; font-weight: normal;
}
#promotions #confirmation .primary-box {
	padding: 0px;
}
#promotions #confirmation .medium {
	line-height: 17px; font-size: 14px;
}
#promotions #confirmation .small {
	line-height: 14px; font-size: 12px;
}
#promotions #confirmation .primary-box h1 {
	font: 24px/28px "abstergoSansLite", Arial, sans-serif; margin: 0px; padding: 30px 28px 30px 97px; position: relative; font-size-adjust: none; font-stretch: normal;
}
#promotions #confirmation .primary-box h1::before {
	background: url("img/promotion/icon-success.png") no-repeat 0px 0px; left: 38px; top: 38px; width: 33px; height: 38px; position: absolute; content: "";
}
#promotions #confirmation .important {
	background: rgb(255, 255, 255); padding: 35px 38px; color: rgb(95, 95, 95);
}
#promotions #confirmation .important strong {
	color: rgb(64, 64, 64);
}
#promotions #confirmation .aci.important .how {
	margin: 0px;
}
#promotions #confirmation .important .how {
	line-height: 17px; padding-left: 26px; font-size: 14px; margin-bottom: 37px; display: inline-block; position: relative;
}
#promotions #confirmation .important .how::before {
	background: url("img/profile/radio-btn-help.png") no-repeat 0px 0px; left: 0px; top: 0px; width: 17px; height: 17px; position: absolute; content: "";
}
#promotions #confirmation .important p {
	margin-bottom: 21px;
}
#promotions #confirmation .important p:last-child {
	margin: 0px;
}
#promotions #confirmation .code {
	border-width: 1px 0px; border-style: solid; border-color: rgb(194, 194, 194); font: 32px/36px "Arial", Helvetica, sans-serif; padding: 26px 0px; border-image: none; color: rgb(64, 64, 64); font-size-adjust: none; font-stretch: normal;
}
#promotions #confirmation .important .small {
	color: rgb(121, 124, 128);
}
#promotions #confirmation .support {
	padding: 30px 28px; color: rgb(121, 124, 128);
}
#promotions #confirmation .support h2 {
	margin: 0px 0px 10px; text-transform: uppercase; line-height: 17px; font-size: 14px;
}
#promotions #confirmation .support p {
	margin: 0px;
}
#promotions #confirmation .secondary-box {
	background-position: 27px top, left -4px; background-image: url("img/promotion/confirmation-glitch.png"), url("img/login/dashed.png"); background-repeat: no-repeat, repeat-x;
}
#promotions #confirmation .secondary-box h1 {
	background: url("img/promotion/logo-glitch.png") no-repeat left bottom; margin: 0px 0px 40px; padding-bottom: 25px;
}
#promotions #confirmation .secondary-box p {
	line-height: 22px; font-size: 18px;
}
#promotions #confirmation .button {
	margin-right: 12px;
}
#promotions .rule p {
	margin: 0px; padding: 0px 0px 5px; line-height: 12px; font-size: 12px;
}
#promotions .rule h4 {
	margin: 0px; line-height: 16px; padding-bottom: 10px; font-size: 16px;
}
#promotions .rule {
	color: rgb(204, 204, 204); margin-bottom: 10px; display: none;
}
#promotions .show.rule {
	display: block;
}
#promotions .login-warning {
	background: rgb(121, 0, 0); padding: 10px 27px; color: rgb(255, 255, 255); text-transform: uppercase; cursor: pointer;
}
#promotions .login-warning a {
	color: rgb(255, 255, 255);
}