section.store { padding-bottom: 3em; text-align: center; } img.title { display: block; margin: -80px auto 20px; position: relative; text-align: center; z-index: 100; } strike { color: #929292; font-size: 0.75em; } section.store h1 { color: #88dbda; font: bold 1.5em Nevis, 'Segoe UI', Arial, sans-serif; margin-bottom: 0; text-transform: uppercase; } section h2 { color: #C67854; font: normal 1.25em Nevis, 'Segoe UI', Arial, sans-serif; margin: 0.25em auto 0; text-transform: uppercase; } section h2 span { color: #ffffff; } section.store > p { margin: 0.25em auto; padding: 0 2em; } p { color: #f6f6f6; line-height: 1.25em; } div.asterisk { display: block; margin: 0 2em; margin-top: 1em; position: relative; text-align: left } div.asterisk p.disclaimer { color: #ffffff; font-size: 11px; } section > div.description { display: inline-block; margin: 1em 2em 0; position: relative; text-align: left; width: 440px; } section > div.description > p { display: block; font-size: 0.875em; margin: 0.5em auto 1em auto; position: relative; } section > div.description > img.gamefeatures { margin: 1em auto 1.5em; } section > div.description > div.features { display: block; margin: 0 auto; position: relative; } section > div.description > div.features a { height: 100%; text-decoration: none; width: 440px; } section > div.description > div.features a img { height: 200px; text-decoration: none; width: 428px; } section > div.description > div.features p { color: #ffffff; font-size: 0.875em; margin: 0 auto; } /* #region Slick-Slider edits */ .slick-dots { position: absolute; bottom: -45px; bottom: 0; height: 9px; top: -26px; display: block; width: 100%; padding: 0; list-style: none; text-align: left; } .slick-dots li { position: relative; display: inline-block; height: 9px; margin: 0 5px 0 0; padding: 0; cursor: pointer; width: 9px; } .slick-dots li button { height: 9px; width: 9px; } .slick-dots li button::before { color: #00cbe5; content: "\25FC"; font-size: 14px; height: 9px; line-height: 9px; opacity: 0.5; width: 9px; } .slick-dots li.slick-active button:before { color: #00cbe5; content: "\25FC"; font-size: 14px; height: 9px; line-height: 9px; opacity: 1; width: 9px; } section.store .slick-prev { left: 10px; top: 100px; z-index: 100; } section.store .slick-next { right: 22px; top: 100px; z-index: 100; } /* #endregion */ section.store div.community-discount { background-color: #0d2120; border: 1px solid #1a7873; display: block; margin: 0 auto; margin-bottom: 1em; max-width: 915px; padding: 10px; width: 92%; } section.store div.community-discount > h2 { color: #88dbda; font: normal 1.25em Nevis, 'Segoe UI', Arial, sans-serif; margin: 0; text-align: center; text-transform: uppercase; } section.store div.community-discount > p { margin: 0.25em 0; font-size: 14px; text-align: center; } section.store div.community-discount > p span { color: #88dbda; font-weight:bold; } section.store > aside.purchase { background: url(/Images/content/store/release/box_purchaseoptions4.png) no-repeat; display: inline-block; height: 546px; margin: 1em 2em 0; position: relative; text-align: center; vertical-align: top; width: 427px; } /*section.store > aside.purchase { background: url(/Images/content/store/release/box_purchaseoption_standard.png) no-repeat; display: inline-block; height: 304px; margin: 1em 2em 0; position: relative; text-align: center; vertical-align: top; width: 427px; }*/ /*section.store > aside.purchase { background: url(/Images/content/store/release/box_purchaseoption_freeweekend.png) no-repeat; display: inline-block; height: 497px; margin: 1em 2em 0; position: relative; text-align: center; vertical-align: top; width: 427px; }*/ section.store > aside.purchase > div { display: block; margin: 0 auto; position: relative; } section.store > aside.purchase > div.deluxe { margin-top: 3.5em; } section.store > aside.purchase > div.standard { margin-top: 4.75em; } /*section.store > aside.purchase > div.freeweekend { margin-top: 4.5em; } section.store > aside.purchase > div.standard { margin-top: 3.5em; }*/ section.store > aside.purchase > div > h2 { margin: 0.25em auto 0; } section.store > aside.purchase > div > p.price { color: #ffffff; font-size: 20px; margin: 0.25em auto; } section.store > aside.purchase > div > p.price > strike.sidebyside { display: inline-block; } section.store > aside.purchase > div > p.includes { color: #C67854; font-size: 0.875em; line-height: 1.25em; margin: 0.75em auto 1em; } /*section.store > aside.purchase > div > p.price > span { color: #00cbe5; }*/ section.store > aside.purchase > div > a.cart { background: url(/images/content/store/release/btn_getitnow.png) no-repeat; background-position: left top; display: block; height: 47px; margin: 0 auto 0.5em; position: relative; width: 230px; } section.store > aside.purchase > div > a.cart:hover { background-position: left bottom; } /*section.store > aside.purchase > div.freeweekend > h2 { margin-bottom: 0.75em; } section.store > aside.purchase > div.freeweekend > p { font-size: 0.875em; line-height: 1.25em; margin: 0.5em auto; } section.store > aside.purchase > div.freeweekend > p.red { color: #C67854; margin-bottom: 1em; } section.store > aside.purchase > div.freeweekend > p.red > span { font-weight: bold; } section.store > aside.purchase > div > a.tryfree { background: url(/images/content/store/release/btn_tryitfree.png) no-repeat; background-position: left top; display: block; height: 49px; margin: 0 auto 0.5em; position: relative; width: 230px; } section.store > aside.purchase > div > a.tryfree:hover { background-position: left bottom; }*/ section.store > aside.purchase > div.standard > div.multipack { display: block; margin: 0 auto; margin-top: 1em; position: relative; } section.store > aside.purchase > div.standard > div.multipack > div { display: inline-block; margin: auto 0.25em; position: relative; } section.store > aside.purchase > div.standard > div.multipack > div > p { display: inline-block; font-size: 18px; margin: 0.5em auto; position: relative; } section.store > aside.purchase > div.standard > div.multipack > div > p > strike { color: #929292; font-size: 13px; } section.store > aside.purchase > div.standard > div.multipack > div > a.twopackbtn { background: url(/images/content/store/release/btn_2pack_small.png) no-repeat; background-position: left top; display: block; height: 47px; margin: 0 auto; position: relative; width: 151px; } section.store > aside.purchase > div.standard > div.multipack > div > a.twopackbtn:hover { background-position: left bottom; } section.store > aside.purchase > div.standard > div.multipack > div > a.fourpackbtn { background: url(/images/content/store/release/btn_4pack_small.png) no-repeat; background-position: left top; display: block; height: 47px; margin: 0 auto; position: relative; width: 151px; } section.store > aside.purchase > div.standard > div.multipack > div > a.fourpackbtn:hover { background-position: left bottom; } select{ background: url(/images/content/store/release/arrow_additionaldistributors.png) no-repeat right #3A552A; background-position-x: 195px; border: 1px solid #8CD260; color: #FFFFFF; height: 36px; padding: 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 230px; } select::-ms-expand { display: none; } section.store > aside.purchase > hr { background-color: #424242; border: none; display: block; height: 1px; margin: 2em auto 1.5em auto; position: relative; width: 320px; } section.store > aside.purchase > div { display: block; margin: 0 auto; position: relative; } section.store > aside.purchase > div.asterisk > p.minsys { color: #00cbe5; font-size: 11px; margin: 0 auto; } section.store > aside.purchase > div.asterisk > p.minsys > a { color: #00cbe5; } section.store > aside.purchase > div.asterisk > p.minsys > a:hover { color: #12ddf7; } /* #region DLC */ section.dlc { padding-bottom: 2em; text-align: center; } section.dlc.first { padding-top: 2em; } section.dlc h2 { color: #88dbda; } section h2.subhead { color: #C67854; font: normal 1em Nevis, 'Segoe UI', Arial, sans-serif; margin: 0.25em auto 0; } section h2.subhead a.expand_btn { color: #ffffff; font: 0.875em 'Segoe UI', Arial, Tahoma; margin: 0 auto; } section h2.subhead a.expand_btn:hover { color: #88dbda; } .details { display: none; } section > div.description > div.details > ul.list { list-style-type: none; padding: 0; } section > div.description > div.details > ul.list > li > ul { list-style-type: none; margin-left: 1em; } section > div.description > div.details > ul.list > li, section > div.description > div.details > ul.list > li > ul > li { color: #f6f6f6; font: normal 0.875em 'Segoe UI', Arial, sans-serif; margin-left: 0.5em; } section > div.description > div.details > ul.list > li > span, section > div.description > div.details > ul.list > li > ul > li > span { font-weight:bold; } section > div.description > div.details > ul.list > li::before, section > div.description > div.details > ul.list > li > ul > li::before { color: #C67854; content: "| "; margin-left: -0.5em; } section.dlc > aside.purchase { display: inline-block; margin: 1em 2em; position: relative; text-align: center; vertical-align: top; width: 427px; } section.dlc > aside div.dlcscreenshots { display: block; height: 80px; margin: 0 auto; position: relative; width: 377px; } section.dlc > aside .slick-prev, section.dlc > aside .slick-next { background-color: #325858; display: block; height: 80px; width: 20px; } section.dlc > aside .slick-prev:before { /* content: '←'; */ content: '\00ab'; /* content: "\2039"; */ } section.dlc > aside .slick-next:before { /* content: '→'; */ content: '\00bb'; /* content: "\203A"; */ } section.dlc > aside div.dlcscreenshots a { color: transparent; } section.dlc > aside div.dlcscreenshots a img { height: 80px; width: 122px; } section.dlc > aside div.buydlc { background: url(/Images/content/store/release/dlc_ss_bkgd.png) no-repeat; display: block; height: 118px; margin: 0 auto; padding-top: 1.5em; position: relative; text-align: center; /*vertical-align: top;*/ width: 427px; } section.dlc > aside div.buydlc p.price { display: inline-block; font-size: 1.25em; margin: 1em auto 0; position: relative; text-align: center; vertical-align: top; width: 153px; } section.dlc > aside div.buydlc div.buttons { display: inline-block; margin: 0 auto; position: relative; vertical-align: top; width: 264px; } section.dlc > aside div.buydlc a.wishlist { background: url(/images/content/store/release/button_wishlist.png) no-repeat; background-position: left top; display: block; height: 49px; margin: 0 auto 0.5em; position: relative; width: 230px; } section.dlc > aside div.buydlc a.wishlist:hover { background-position: left bottom; } section.dlc > aside div.buydlc a.cart { background: url(/images/content/store/release/btn_getitnow.png) no-repeat; background-position: left top; display: block; height: 47px; margin: 0 auto 0.5em; position: relative; width: 230px; } section.expansion div.buydlc div.dropdownpurchase div { margin-bottom: 0.5em; text-align: left; } section.expansion div.buydlc p.price { color: #f6f6f6; display: inline-block; font: 1.275em 'Segoe UI', Arial, sans-serif; padding-bottom: 0; text-align: left; width: 108px; } section.expansion div.buydlc p.price > strike { color: #929292; display: block; font: 0.75em 'Segoe UI', Arial, sans-serif; } section.expansion div.buydlc a.cart { background: url(/images/content/store/release/btn_getitnow.png) no-repeat; background-position: left top; display: block; height: 47px; margin: 0 auto 0.5em; position: relative; width: 230px; } section.expansion div.buydlc a.cart:hover { background-position: left bottom; } hr .maindiv { background-color: #3A5653; border: none; display: block; height: 1px; margin: 2em auto 1.5em auto; position: relative; max-width: 936px; width: 100%; } /* #endregion */ /* #region Expansion */ section.expansion { background-color: #202020; border: 2px solid #515151; margin: 0 auto 3em; max-width: 935px; padding-bottom: 2em; text-align: center; width: 93%; } section.expansion.last { margin: 0 auto 0; } section.expansion.gold { background-color: #775a03; border: 2px solid #fdbe00; margin: 0 auto; max-width: 935px; padding-bottom: 2em; text-align: center; width: 93%; } section.expansion.gold img.golddlc { padding: 1.5em 0 0; max-width: 882px; width: 95%; } section.expansion div.description { margin: 1em 1em 0 1em; max-width: 470px; width: 90%; } section.expansion h2 { color: #88dbda; text-align: left; } section.expansion p { text-align: left; } section.expansion p a { color: #88dbda; } section.expansion p a:hover { color: #88dbda; } section.expansion p.disclaimer { color: #8a8989; font-style: italic; margin-bottom: 0; text-align: left; } section.expansion > aside.purchase { display: inline-block; margin: 1em 1em 0 1em; position: relative; text-align: center; vertical-align: top; width: 377px; } section.expansion > aside div.expscreenshots { display: block; height: 80px; margin: 0 auto; position: relative; width: 377px; } section.expansion > aside div.expscreenshots a { color: transparent; } section.expansion > aside div.expscreenshots a img { height: 80px; width: 122px; } section.expansion > aside div.buydlc { display: block; margin: 0 auto; padding-top: 1.5em; position: relative; text-align: right; /*vertical-align: top;*/ width: 377px; } section.expansion > aside div.buydlc div.buttons { display: inline-block; margin: 0 auto; margin-right: 2px; position: relative; vertical-align: top; } section.expansion > aside div.buydlc a.learnmore { background: url(/images/content/store/release/button_learnmore.png) no-repeat; background-position: left top; display: block; height: 49px; margin: 0 auto 0.5em; position: relative; width: 230px; } section.expansion > aside div.buydlc a.learnmore:hover { background-position: left bottom; } section.expansion > aside div.buydlc a.wishlist { background: url(/images/content/store/release/button_wishlist.png) no-repeat; background-position: left top; display: block; height: 49px; margin: 0 auto 0.5em; position: relative; width: 230px; } section.expansion > aside div.buydlc a.wishlist:hover { background-position: left bottom; } /* #endregion Expansion */ /* #region System Requirements */ div.sysreq { display: block; margin: 0; padding-left: 2.375em; text-align: center; } div.sysreq div { margin-top: 2em; } div.sysreq aside.syscolumn { display: inline-block; margin: 0 1.5em 2em; vertical-align: top; text-align: left; } div.sysreq h2.subhead { color: #C67854; font: normal 1.250em Nevis, 'Segoe UI', Arial, sans-serif; margin: 2em 0 0.5em 0; text-transform: uppercase; text-align: center; } div.sysreq aside.syscolumn h3 { color: #C67854; font: normal 0.875em Nevis, 'Segoe UI', Arial, sans-serif; } div.sysreq aside.syscolumn hr { border-top: 1px solid #C67854; margin: 0; } div.sysreq aside.syscolumn p.disclaimer { font: 0.75em 'Segoe UI', Arial, Verdana, sans-serif; } div.sysreq aside.syscolumn ul { list-style-type: none; } div.sysreq aside.syscolumn ul li { color: #f6f6f6; font: 0.75em 'Segoe UI', Arial, Verdana, sans-serif; line-height: 2.5em; } div.sysreq aside.syscolumn ul li span.bold { font-weight: bold; } div.sysreq aside.syscolumn ul li ul li { color: #f6f6f6; font: 1em 'Segoe UI', Arial, Verdana, sans-serif; list-style-type: none; margin-left: 7px; } div.sysreq aside.syscolumn ul li::before { color: #C67854; content: "| "; font: 1em bold 'Segoe UI', Arial, Verdana, sans-serif; } div.sysreq aside.syscolumn table.game_language_options { border-collapse: collapse; margin-top: 0.75em; } div.sysreq aside.syscolumn table.game_language_options th { font-size: 12px; color: #ffffff; font-weight: normal; } div.sysreq aside.syscolumn table.game_language_options th.lan { text-align: left; width: 148px; } div.sysreq aside.syscolumn table.game_language_options th.checkcol { text-align: center; width: 62px; } div.sysreq aside.syscolumn table.game_language_options tr { border-bottom: 1px solid #7d7d7d; } div.sysreq aside.syscolumn table.game_language_options td { color: #ffffff; padding: 3px 0px 3px 0px; text-align: center; font-size: 12px; } div.sysreq aside.syscolumn table.game_language_options td.lan { text-align: left; width: 148px; } div.sysreq aside.syscolumn table.game_language_options td.checkcol { color: #C67854; font-family: Segoe UI Symbol; width: 62px; } div.sysreq aside.syscolumn table.game_language_options td.checkcol img { border: none; } /* #endregion System Requirements */ .lightspeed-box .lsb-content { height: 80%; }