﻿section.store {
    padding-bottom: 2em;
    text-align: center;
}

section.store > section.storecontent {
        display: block;
        margin: 0 auto;
        position: relative;
    }

strike {
    color: #929292;
    font-size: 0.75em;
}

    section.store h1 {
		color: #00cbe5;
		font: normal 2.25em "AgudaStencil2", "Segoe UI", Arial, Tahoma;
        margin-bottom: 0;
        text-transform: uppercase;
	}

    section h2 {
		color: #43f6ff;
        font: normal 1.25em "AgudaStencil2", "Segoe UI", Arial, Tahoma;
        margin: 0.25em auto 0;
	}

section p.disclaimer {
    margin: 2em auto 3em;
}


	
	section.store > section.storecontent img.title {
		display: block;
        margin: auto;
        max-width: 862px;
        padding: 2em;
        position: relative;
        width: 100%;
	}

    section.store > section.storecontent section.escalation {
        display: block;
        margin: 0 auto 4em;
        position: relative;
    }

    section.store > section.storecontent > section.escalation > div.community-discount
    {
	    background-color: #0e2125;
	    border: 1px solid #124a4f;
	    display:block;
	    margin: 0.75em auto;
        max-width: 895px;
	    padding: 10px;
	    width: 90%;
    }

    section.store > section.storecontent > section.escalation > div.community-discount > h2
    {
	    color: #ffc200;
	    margin: 0;
	    text-align: center;
	    text-transform: uppercase;
    }

    section.store > section.storecontent > section.escalation > div.community-discount > p
    {
	    color: #f6f6f6;
	    margin: 0.25em 0;
	    font-size: 14px;
	    text-align: center;
    }

    section.store > section.storecontent > section.escalation > div.community-discount > p span
    {
	    color: #ffc200;
        font-weight:bold;
    }

    section.store > section.storecontent section.escalation div.info
    {
        display: inline-block;
        margin: 1em auto;
        padding: 0 1.75em;
        position: relative;
        text-align: left;
        vertical-align: top;
        width: 440px;
    }

    section.store > section.storecontent section.escalation div.info h2 {
        font-size: 1.5em;
        font-weight: bold;
        margin: 0.25em 0 0;
        width: 380px;
    }

    section.store > section.storecontent section.escalation div.info p {
        font: 14px 'Segoe UI', Arial, Tahoma;
        width: 410px;
    }

    section.store > section.storecontent section.escalation h3 {
		font-size: 1.5em;
        margin-top: 0;
        text-transform: uppercase;
	}
    section.store > section.storecontent section.escalation h3.blue {
		color: #43f6ff;
        margin-bottom: 0.75em;
        margin-top: 1em;
	}
    section.store > section.storecontent section.escalation h3 span {
		color: #ffcb5a;
        font-weight: bold;
	}
    section.store > section.storecontent section.escalation div.ratings {
        display: block;
        margin-top: 1em;
        vertical-align: middle;
    }
        section.store > section.storecontent section.escalation div.ratings div.esrb {
            display: inline-block;
            margin-right: 1em;
            width: auto;
        }

        section.store > section.storecontent section.escalation div.ratings img.pegi {
            display: inline-block;
            vertical-align: middle;
        }

        section.store > section.storecontent section.escalation div.ratings div.esrb img {
            display: inline-block;
            margin-right: 0.25em;
            vertical-align: middle;
        }

        section.store > section.storecontent section.escalation div.ratings div.esrb div {
            display: inline-block;
            width: auto;
            vertical-align: middle;
        }

        section.store > section.storecontent section.escalation div.ratings div.esrb div p {
            display: block;
            font-size: 10px;
            width: auto;
            vertical-align: middle;
        }

            section.store > section.storecontent section.escalation div.ratings div.esrb div p.esrbtxt2 {
                border-top: 1px solid rgba(255, 255, 255, .5);
                margin-top: 0.5em;
                padding-top: 0.5em;
            }

            section.store > section.storecontent > section.escalation > div.description {
                display: inline-block;
                margin: 1em 1.75em;
                position: relative;
                text-align: left;
                width: 428px;
            }
	
	section.store > section.storecontent > section.escalation > div.description > p {
		display: block;
		font-size: 1.125em;
        margin: 0.5em auto 1em auto;
		position: relative;
	}

    section.store > section.storecontent > section.escalation > div.description > img.gamefeatures {
		margin: 1em auto 1.5em;
	}
	
	section.store > section.storecontent > section.escalation > div.description > div.features {
		display: block;
		margin: 0 auto;
		position: relative;
	}

    section.store > section.storecontent > section.escalation > div.description > div.features a {
		color: #ffffff;
        height: 100%;
        text-decoration: none;
        width: 428px;
	}

    section.store > section.storecontent > section.escalation > div.description > div.features a img {
		height: 200px;
        text-decoration: none;
        width: 428px;
	}

    section.store > section.storecontent > section.escalation > div.description > div.features p {
		color: #ffffff;
        font-size: 1.063em;
        margin: 0 auto;
	}

    /* #region Slick-Slider edits */

    section.store > section.storecontent > section.escalation > div.description .slick-dots {
        position: absolute;
        bottom: -45px;
        bottom: 0;
        height: 9px;
        top: -39px;
        display: block;
        width: 100%;
        padding: 0;
        list-style: none;
        text-align: left;
    }

    section.store > section.storecontent > section.escalation > div.description .slick-dots li {
        position: relative;
        display: inline-block;
        height: 9px;
        margin: 0 5px 0 0;
        padding: 0;
        cursor: pointer;
        width: 9px;
    }

    section.store > section.storecontent > section.escalation > div.description .slick-dots li button {
        height: 9px;
        width: 9px;
    }

    section.store > section.storecontent > section.escalation > div.description .slick-dots li button::before {
        color: #00cbe5;
        content: "\25FC";
        font-size: 14px;
        height: 9px;
        line-height: 9px;
	    opacity: 0.5;
        width: 9px;
    }

    section.store > section.storecontent > section.escalation > div.description .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 > section.storecontent > section.escalation > div.description .slick-prev {
        left: 10px;
        top: 100px;
        z-index: 100;
    }

    section.store > section.storecontent > section.escalation > div.description .slick-next {
        right: 22px;
        top: 100px;
        z-index: 100;
    }

    /* #endregion */

    section.store a.cart {
		background: url(/images/content/escalation/btn_getitnow_long.png) no-repeat;
		background-position: left top;
        display: block;
		height: 31px;
		position: relative;
		width: 204px;
	}
    section.store a.cart.dlc {
		background: url(/images/content/escalation/btn_getitnow_sm.png) no-repeat;
		background-position: left top;
        display: block;
		height: 31px;
		margin: 0 auto;
		position: relative;
		width: 167px;
	}
        section.store a.cart.wishlist {
            background: url(/images/content/escalation/btn_wishlist_gold_long.png) no-repeat;
            background-position: left top;
            display: block;
            height: 31px;
            margin: 0 auto;
            position: relative;
            width: 253px;
        }
    section.store a.cart:hover {
		background-position: left bottom;
        text-decoration: none;
	}

    section.store a.learnmore.dlc {
		background: url(/images/content/escalation/btn_learnmore.png) no-repeat;
		background-position: left top;
        display: block;
        font-size: 14px;
		height: 31px;
		margin: 1em 0 0;
		position: relative;
		width: 167px;
	}
    section.store a.learnmore:hover {
		background-position: left bottom;
        text-decoration: none;
	}

    section.store > section.storecontent section.escalation div.purchaseopt > a.upgradecart {
		background: url(/images/content/escalation/btn_upgradenow_grn.png) no-repeat;
		background-position: left top;
		display: block;
		height: 42px;
		margin: 0 auto;
		position: relative;
		width: 204px;
	}
	
	section.store > section.storecontent section.escalation div.purchaseopt > a.upgradecart:hover {
		background-position: left bottom;
        text-decoration: none;
	}
    section.store > section.storecontent section.escalation div.purchaseopt p.buystardock {
		font-size: 0.875em;
	}

    section.store > section.storecontent section.escalation div.purchaseopt p.buystardock a {
		color: #ffffff;
	}
	
	select{
		background: url(/images/content/store/release/arrow_additionaldistributors.png) no-repeat right #323232;
		background-position-x: 180px;
        border: 1px solid #6b6b6b;
		color: #dedede;
		font-size: 15px;
		height: 29px;
        margin: 0.5em auto 0;
		padding: 5px;
		-webkit-appearance: none;
		width: 202px;
	}

    section.store section.storecontent section.escalation p.disclaimer {
        font-size: 0.938em;
        margin: 0.75em 0 0;
	}

    section.store section.storecontent section.escalation p.disclaimer > a {
        color: #ffffff;
	}
    /* #endregion Purchase */

    section.store > section.storecontent section.otherpurchase
    {
        display: block;
        margin: -8em auto 2em ;
        position: relative;
        z-index: 100;
    }

    /* #region DLC */
	section.store > section.storecontent > section.otherpurchase > section.dlc {
		padding-bottom: 1em;
		text-align: center;
	}

	section.store > section.storecontent > section.otherpurchase > section.dlc.first {
		padding-top: 2em;
	}

    section.store > section.storecontent > section.otherpurchase > section.dlc > div.dlcinfo {
        display: inline-block;
        margin: 1em 2em 0;
        position: relative;
        text-align: left;
        width: 440px;
    }

	section.store > section.storecontent > section.otherpurchase > section.dlc > div.dlcinfo h2 {
		color: #43f6ff;
	}
    section.store > section.storecontent > section.otherpurchase > section.dlc > div.dlcinfo h2.subhead {
		color: #ffcb5a;
        font: normal 1.125em "AgudaStencil2", "Segoe UI", Arial, sans-serif;
        margin: 0.25em auto 0;
	}

    section.store > section.storecontent > section.otherpurchase > section.dlc > div.dlcinfo h2.subhead a.expand_btn {
		color: #fafafa;
        font: 0.875em "Segoe UI", Arial, Tahoma;
        margin: 0 auto;
	}

    section.store > section.storecontent > section.otherpurchase > section.dlc > div.dlcinfo h2.subhead a.expand_btn:hover {
		color: #43f6ff;
	}

    .details
    {
	    display: none;
    }

    section.store > section.storecontent > section.otherpurchase > section.dlc > div.dlcinfo > div.details > ul.list {
        list-style-type: none;
        padding: 0;
    }

    section.store > section.storecontent > section.otherpurchase > section.dlc > div.dlcinfo > div.details > ul.list > li > ul {
        list-style-type: none;
        margin-left: -1.5em;
    }

    section.store > section.storecontent > section.otherpurchase > section.dlc > div.dlcinfo > div.details > ul.list > li,
    section.store > section.storecontent > section.otherpurchase > section.dlc > div.dlcinfo > div.details > ul.list > li > ul > li {
        color: #fafafa;
        font: normal 1em "Segoe UI", Arial, sans-serif;
        margin: 0.5em 0 0.5em 0.5em;
    }

    section.store > section.storecontent > section.otherpurchase > section.dlc > div.dlcinfo > div.details > ul.list > li > span,
    section.store > section.storecontent > section.otherpurchase > section.dlc > div.dlcinfo > div.details > ul.list > li > ul > li > span {
        font-weight:bold;
    }

    section.store > section.storecontent > section.otherpurchase > section.dlc > div.dlcinfo > div.details > ul.list > li::before,
    section.store > section.storecontent > section.otherpurchase > section.dlc > div.dlcinfo > div.details > ul.list > li > ul > li::before {
        color: #ffcb5a;
        content: "| ";
        margin-left: -0.5em;
    }

    section.store > section.storecontent > section.otherpurchase > section.dlc > aside.purchase {
        display: inline-block;
		margin: 1em 2em;
		position: relative;
		text-align: center;
        vertical-align: top;
        width: 427px;
	}

    section.store > section.storecontent > section.otherpurchase > section.dlc > aside div.dlcscreenshots {
        display: block;
        height: 80px;
		margin: 0 auto;
		position: relative;
        width: 377px;
	}

    section.store > section.storecontent > section.otherpurchase > section.dlc > aside .slick-prev,
    section.store > section.storecontent > section.otherpurchase > section.dlc > aside .slick-next {
        background-color: #25848c;
        display: block;
        height: 80px;
        width: 20px;
	}

    section.store > section.storecontent > section.otherpurchase > section.dlc > aside .slick-prev:before {
        /* content: '←'; */
        content: '\00ab';
        /* content: "\2039"; */
	}

    section.store > section.storecontent > section.otherpurchase > section.dlc > aside .slick-next:before {
        /* content: '→'; */
        content: '\00bb';
        /* content: "\203A"; */
	}

    section.store > section.storecontent > section.otherpurchase > section.dlc > aside div.dlcscreenshots a {
		color: transparent;
	}

    section.store > section.storecontent > section.otherpurchase > section.dlc > aside div.dlcscreenshots a img {
        height: 80px;
        width: 122px;
	}

    section.store > section.storecontent > section.otherpurchase > 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.store > section.storecontent > section.otherpurchase > section.dlc > aside div.buydlc p.price {
        display: inline-block;
        font-size: 1.375em;
        margin: 0.125em auto;
        position: relative;
        text-align: center;
        vertical-align: top;
        width: 153px;
    }
    
    section.store > section.storecontent > section.otherpurchase > section.dlc > aside div.buydlc div.buttons {
        display: inline-block;
        margin: 0 auto;
        position: relative;
        vertical-align: top;
        width: 264px;
    }

        section.store > section.storecontent > section.otherpurchase > section.dlc > aside div.buydlc p.esrbtxt {
            margin-bottom: 0.5em;
            margin-top: 1.5em;
            text-align: left;
            line-height: 1em;
        }

            section.store > section.storecontent > section.otherpurchase > section.dlc > aside div.buydlc p.esrbtxt span {
                display: block;
                margin-bottom: 0.25em;
            }

        section.store > section.storecontent > section.otherpurchase > section.dlc > aside div.buydlc p.esrbtxt2 {
            border-top: 1px solid rgba(255, 255, 255, .5);
            line-height: 1em;
            margin-top: 0.5em;
            padding-top: 0.5em;
            text-align: left;
        }

    section.store > section.storecontent > section.otherpurchase > section.dlc > aside div.buydlc a.cart.dlc {
		background: url(/images/content/escalation/btn_getitnow_gold_long.png) no-repeat;
		background-position: left top;
        display: block;
		height: 31px;
		margin: 0 auto 0.5em;
		position: relative;
		width: 202px;
	}
	
	section.store > section.storecontent > section.otherpurchase > section.dlc > aside div.buydlc a.cart.dlc:hover {
		background-position: left bottom;
        text-decoration: none;
	}

    section.store > section.storecontent > section.otherpurchase > section.dlc > aside div.buydlc a.learnmore.dlc {
		background: url(/images/content/escalation/btn_learnmore_long.png) no-repeat;
		background-position: left top;
        display: block;
        font-size: 14px;
		height: 31px;
		margin: 0 auto 0.5em;
		position: relative;
		width: 202px;
	}
    section.store > section.storecontent > section.otherpurchase > section.dlc > aside div.buydlc a.learnmore:hover {
		background-position: left bottom;
        text-decoration: none;
	}

    section.store > section.storecontent > section.otherpurchase > section.dlc > aside div.buydlc select{
		margin: 0.25em auto 0;
	}

    hr.maindiv {
        background-color: #25848c;
        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: 1px solid #515151;
    margin: 0 auto 6em;
    max-width: 920px;
    padding: 1em 0;
    text-align: center;
    width: 93%;
}

section.expansion.gold {
    background-color: #0e3236;
    border: 1px solid #268a90;
    margin: 0 auto 3em;
    max-width: 920px;
    padding: 1em 0 3em;
    text-align: center;
    width: 93%;
}

    section.expansion.gold img.golddlc {
        padding: 1.5em 0 0;
        max-width: 874px;
        width: 95%;
    }

    section.expansion div.description {
        display: inline-block;
        margin: 1em 1em 0 1em;
        max-width: 470px;
        width: 90%;
    }

        section.expansion div.description h2 {
            color: #ffcb5a;
            text-align: left;
        }

        section.expansion div.description p {
            margin-top: 0.25em;
            text-align: left;
        }

        section.expansion aside.purchase {
            display: inline-block;
            margin: 1em 1em 0 1em;
            position: relative;
            text-align: center;
            vertical-align: top;
        }

    section.expansion aside.purchase p.price {
        display: inline-block;
        font-size: 1.375em;
        margin: 0.125em auto;
        position: relative;
        text-align: center;
        vertical-align: top;
        width: 153px;
    }

            section.expansion aside.purchase div.buydlc {
                margin-top: 1.25em;
            }

                section.expansion aside.purchase div.buydlc p.esrbtxt {
                    margin-bottom: 0.5em;
                    margin-top: 1.5em;
                    text-align: left;
                    line-height: 1em;
                }

                    section.expansion aside.purchase div.buydlc p.esrbtxt span {
                        display: block;
                        margin-bottom: 0.25em;
                    }

                section.expansion aside.purchase div.buydlc p.esrbtxt2 {
                    border-top: 1px solid rgba(255, 255, 255, .5);
                    line-height: 1em;
                    margin-top: 0.5em;
                    padding-top: 0.5em;
                    text-align: left;
                }

    section.expansion aside.purchase div.buttons {
        display: inline-block;
        margin: 0 auto;
        position: relative;
        vertical-align: top;
    }

    section.expansion aside.purchase a.cart.dlc {
        background: url(/images/content/escalation/btn_getitnow_gold_long.png) no-repeat;
        background-position: left top;
        display: block;
        height: 31px;
        margin: 0 auto 0.5em;
        position: relative;
        width: 202px;
    }

        section.expansion aside.purchase a.cart.dlc:hover {
            background-position: left bottom;
            text-decoration: none;
        }

    section.store > section.storecontent > section.expansion > div.description h2 {
        color: #43f6ff;
    }

    section.store > section.storecontent > section.expansion > div.description h2.subhead {
        color: #ffcb5a;
        font: normal 1.125em "AgudaStencil2", "Segoe UI", Arial, sans-serif;
        margin: 0.25em auto 0;
    }

    section.store > section.storecontent > section.expansion > div.description h2.subhead a.expand_btn {
        color: #fafafa;
        font: 0.875em "Segoe UI", Arial, Tahoma;
        margin: 0 auto;
    }

    section.store > section.storecontent > section.expansion > div.description h2.subhead a.expand_btn:hover {
        color: #43f6ff;
    }

    .details {
        display: none;
    }

section.store > section.storecontent > section.expansion > div.description > div.details > ul.list {
    list-style-type: none;
    padding: 0;
    text-align: left;
}

    section.store > section.storecontent > section.expansion > div.description > div.details > ul.list > li > ul {
        list-style-type: none;
        margin-left: -1.5em;
    }

    section.store > section.storecontent > section.expansion > div.description > div.details > ul.list > li,
    section.store > section.storecontent > section.expansion > div.description > div.details > ul.list > li > ul > li {
        color: #fafafa;
        font: normal 1em "Segoe UI", Arial, sans-serif;
        margin: 0.5em 0 0.5em 0.5em;
    }

    section.store > section.storecontent > section.expansion > div.description > div.details > ul.list > li > span,
    section.store > section.storecontent > section.expansion > div.description > div.details > ul.list > li > ul > li > span {
        font-weight: bold;
    }

    section.store > section.storecontent > section.expansion > div.description > div.details > ul.list > li::before,
    section.store > section.storecontent > section.expansion > div.description > div.details > ul.list > li > ul > li::before {
        color: #ffcb5a;
        content: "| ";
        margin-left: -0.5em;
    }
/* #endregion */


/* #region System Requirements */
section.store > section.storecontent > section.otherpurchase > div.sysreq {
    /*background-color: #192835;
        border: 1px solid #416a8e;*/
    display: block;
    margin: 0 auto;
    text-align: center;
}

    section.store > section.storecontent > section.otherpurchase > div.sysreq aside.syscolumn {
        display: inline-block;
        margin: 0 3em;
        vertical-align: top;
    }

        section.store > section.storecontent > section.otherpurchase > div.sysreq aside.syscolumn h2.subhead {
            color: #ffcb5a;
            font: normal 1.125em "AgudaStencil2", "Segoe UI", Arial, sans-serif;
            margin: 0;
            text-transform: uppercase;
        }

        section.store > section.storecontent > section.otherpurchase > div.sysreq aside.syscolumn p.disclaimer {
            font: 0.75em 'Segoe UI', Arial, Verdana, sans-serif;
        }

        section.store > section.storecontent > section.otherpurchase > div.sysreq aside.syscolumn ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            text-align: left;
        }

            section.store > section.storecontent > section.otherpurchase > div.sysreq aside.syscolumn ul li {
                color: #fafafa;
                font: normal 0.938em "Segoe UI", Arial, sans-serif;
                line-height: 2.5em;
            }

                section.store > section.storecontent > section.otherpurchase > div.sysreq aside.syscolumn ul li span.bold {
                    font-weight: bold;
                }

                section.store > section.storecontent > section.otherpurchase > div.sysreq aside.syscolumn ul li ul li {
                    color: #fafafa;
                    font: 1em 'Segoe UI', Arial, Verdana, sans-serif;
                    list-style-type: none;
                    margin-left: 7px;
                }

                section.store > section.storecontent > section.otherpurchase > div.sysreq aside.syscolumn ul li::before {
                    color: #ffcb5a;
                    content: "| ";
                    font: 1em bold 'Segoe UI', Arial, Verdana, sans-serif;
                }
/* #endregion System Requirements */


@media (max-width: 1140px) {
    section .store > section.storecontent section.features, section.store > section.storecontent section.otherpurchase {
        background-image: none;
        height: auto;
    }
    section.store > section.storecontent section.escalation div.purchaseopt {
        margin: 1em auto;
    }
}

.lightspeed-box .lsb-content {
    height: 80%;
}