html
{
	background: #000 url('/shared/images/layout/lh/purchase/background.jpg') no-repeat scroll center top;
}

.clearb
{
	clear: both;
}

.clearblock
{
	clear: both;
    display: block;
    height: 10px;
}

a:link, a:visited
{
	color: #fff;
	text-decoration: underline;
}

div#purchase
{
	background-image: url('/shared/images/layout/lh/background.png');
	background-position: left top;
	background-repeat: repeat-x;
    background-size: auto 100%;
    height: 100%;
	padding-top: 10px;
}

div#purchase div#purchase_wrapper
{
	padding-top: 10px;
	margin: 0 auto;
	width: 992px;
}

div#purchase_wrapper:first-child
{
	margin-top: 32px;
}
div#purchase_wrapper > #purchase_content
{
	text-align: left;
	width: 992px;
}
div#purchase_wrapper > div#purchase_content div.community-discount {
    background-color: #031117;
    border: 1px solid #878c8e;
    display: block;
    margin: 0;
    margin-top: 15px;
    padding: 10px;
    width: 712px;
}

    div#purchase_wrapper > div#purchase_content div.community-discount h2 {
        color: #a88100;
        font: 1.275em Helvetica,Arial,sans-serif;
        margin: 0;
        text-align: center;
        text-transform: uppercase;
    }

    div#purchase_wrapper > div#purchase_content div.community-discount p {
        margin: 0.25em 0;
        font-size: 14px;
        line-height: 1.25em;
        text-align: center;
    }

        div#purchase_wrapper > div#purchase_content div.community-discount p span {
            color: #a88100;
            font-weight: bold;
        }

/* System Requirements */
div#purchase_wrapper > #purchase_content > div.sysreqs_wrapper
{
    float: right;
    width: 215px;
}
div#purchase_wrapper > #purchase_content > div.sysreqs_wrapper > img.divider
{
    float: left;
}
div#purchase_wrapper > #purchase_content > div.sysreqs_wrapper > div.sysreqs
{
	color: #808080;
	float: left;
    margin-top: 20px;
    padding: 0 15px;
	width: 175px
}
div#purchase_wrapper > #purchase_content > div.sysreqs_wrapper > div.sysreqs > h1
{
	font: bold 13px Arial;
	margin-bottom: 7px;
}
div#purchase_wrapper > #purchase_content > div.sysreqs_wrapper > div.sysreqs > h2
{
	display: inline;
	font: bold 11px Arial;
}
div#purchase_wrapper > #purchase_content > div.sysreqs_wrapper > div.sysreqs > p
{
    display: inline;
	font: normal 11px Arial;
}
/* End System Requirements */

div#purchase_wrapper > div#purchase_content .description
{
	background: transparent url('/shared/images/layout/fe/purchase/gradient_bg_repeat.png') repeat-y center top;
	display: inline-block;
    float: left;
	height: auto;
    overflow: hidden;
    text-align: left;
	width: 735px;
}
div#purchase_wrapper > div#purchase_content .description h1
    {
        color: #fff;
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 10px;
    }
    div#purchase_wrapper > div#purchase_content .description h1 > span
    {
        color: #9d8007;
        font-size: 18px;
    }
div#purchase_wrapper > div#purchase_content .description h2
    {
        color: #9d8007;
        font-size: 15px;
        font-weight: normal;
        line-height: 1.33em;
        margin-bottom: 10px;
        margin-top: -5px;
    }
div#purchase_wrapper > div#purchase_content > div#description_notloggedin.description
{
    padding: 20px 0 0 0;
}
div#purchase_wrapper > div#purchase_content .description img.divider
{
    float: left;
    margin: 0 33px;
}
div#purchase_wrapper > div#purchase_content > .description > div.content
{
    float: left;
    font-size: 13px;
    width: 325px;
}
div#purchase_wrapper > div#purchase_content > .description > div h5
{
    font-size: 15px;
    font-weight: bold;
}
    div#purchase_wrapper > div#purchase_content > .description > div h5 > span
    {
        color: #9d8007; 
        font-size: 18px;
    }

div#purchase_wrapper > div#purchase_content > .description > div h6
{
    color: #9d8007;
    font-size: 15px;
    font-weight: normal;
    margin: 5px 0;
}
    div#purchase_wrapper > div#purchase_content > .description > div h6 > a
    {
        color: #9d8007;
        font-size: 15px;
        font-weight: normal;
        margin: 5px 0;
        text-decoration: underline;
    }

div#purchase_wrapper > div#purchase_content > .description > div p
{
    line-height: 17px;
    margin: 15px 0;
}
div#purchase_wrapper > div#purchase_content > .description div price
{
    font-size: 20px;
    font-weight: bold;
}
div#purchase_wrapper > div#purchase_content > .description div strike
{
    color: #808080;
    display: inline-block;
    font-size: 15px;
    margin-bottom: 15px;
    text-decoration: line-through;
}
div#purchase_wrapper > div#purchase_content > .description div strike.block
{
    display: block;
    margin: 5px 0 0;
}
div#purchase_wrapper > div#purchase_content > .description > div strike
{
    color: #7d7d7d;
    display: block;
    font-size: 15px;
    margin-bottom: 10px;
}
div#purchase_wrapper > div#purchase_content > .description > div small
{
    font-size: 10px;
    font-weight: bold;
}
div#purchase_wrapper > div#purchase_content > .description > div small > a
{
    color: #fff;
    text-decoration: underline;
}
div#purchase_wrapper > div#purchase_content > .description div.horzline
{
    background: url(/shared/images/layout/fe/purchase/horz-line-short.png) no-repeat center center;
    height: 66px;
}
    div#purchase_wrapper > div#purchase_content > .description div.horzline.medium
    {
        background: url(/shared/images/layout/fe/purchase/horz-line-med.png) no-repeat center center;
        height: 50px;
        width: 500px;
    }
    div#purchase_wrapper > div#purchase_content > .description div.horzline.long
    {
        background: url(/shared/images/layout/fe/purchase/horz-line-long.png) no-repeat center center;
        height: 50px;
        width: 725px;
    }

div#purchase_wrapper > div#purchase_content > .description > div.vertline
{
    background: url(/shared/images/layout/fe/purchase/vert-line.png) no-repeat center center;
    height: 600px;
    width: 66px;
}
div#purchase_wrapper > div#purchase_content > .description > div.vertline.short
{
    background: url(/shared/images/layout/fe/purchase/vert-line-short.png) no-repeat center center;
    float: left;
    height: 200px;
    width: 66px;
}
/* Expander */
div#purchase_wrapper > div#purchase_content .description ul
{
    list-style-type: none;
}
div#purchase_wrapper > div#purchase_content .description ul li
{
    padding: 33px 0 33px 25px;
    position: relative;
}
div#purchase_wrapper > div#purchase_content .description ul li.light
{
    background: url('/shared/images/layout/fe/purchase/expander-bg-light.png') repeat-y center top;
}
    div#purchase_wrapper > div#purchase_content .description ul li.game
    {
        padding-left: 0;
    }
    div#purchase_wrapper > div#purchase_content .description ul li.addall
    {
        padding: 5px 23px;
    }
	div#purchase_wrapper > div#purchase_content .description ul li.addall.middle
    {
        padding-bottom: 40px;
    }
    div#purchase_wrapper > div#purchase_content .description ul li.addall a
    {
        float: right;
    }
	div#purchase_wrapper > div#purchase_content .description ul li.separator
    {
        padding-bottom: 0px;
    }

div#purchase_wrapper > div#purchase_content .description ul li img.separator
{
    left: 0px;
    position: absolute;
    top: 0px;
}
div#purchase_wrapper > div#purchase_content .description ul li div.purchase
{
    float: right;
    margin: 0px 15px 0px 33px;
    width: 200px;
}
    div#purchase_wrapper > div#purchase_content .description ul li p
    {
        line-height: 16px;
        max-width: 66%;
    }
    div#purchase_wrapper > div#purchase_content .description ul li h1
    {
        color: #fff;
        font-size: 20px;
        font-weight: bold;
    }
    div#purchase_wrapper > div#purchase_content .description ul li h2
    {
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-size: 15px;
        font-weight: bold;
        text-decoration: underline;
    }
    div#purchase_wrapper > div#purchase_content .description ul li h3
    {
        color: #9d8007;
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 10px;
    }
    div#purchase_wrapper > div#purchase_content .description ul li span
    {
        color: #9d8007;
        cursor: default;
        display: inline-block;
        font-size: 18px;
        margin-bottom: 15px;
        text-decoration: none;
    }
div#purchase_wrapper > div#purchase_content .description ul li div.moreinfo
{
    display: none;
    width: 100%;
}
div#purchase_wrapper > div#purchase_content .description ul li div.moreinfo p
{
    margin: 15px 0;
    max-width: 66%;
}
div#purchase_wrapper > div#purchase_content .description ul li div.moreinfo a.screenshot img
{
    height: 88px;
    margin-right: 10px;
    width: 145px;
}
div.moreinfo > div.loot_pack_details
{
    display: none;
}
div.moreinfo > div.loot_pack_details > div.category
{
    display: inline-block;
    vertical-align:top;
    width: 325px;
}
div.moreinfo > div.loot_pack_details > div.category.right
{
    float: right;
    margin-right: 25px;
}
div.moreinfo > div.loot_pack_details > div.category.padded
{
    margin-bottom: 15px;
    margin-top: 20px;
}
div.moreinfo > div.loot_pack_details > div.category > h4
{
    color: #937808;
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 5px;
}
div#purchase_wrapper > div#purchase_content .description ul li div.moreinfo > div.loot_pack_details > div.category > ul
{
    list-style-type: disc;
    list-style-position: outside;
    padding-left: 10px;
}
div#purchase_wrapper > div#purchase_content .description ul li div.moreinfo > div.loot_pack_details > div.category > ul > li
{
    line-height: 16px;
    padding: 7px 0;
}
div#purchase_wrapper > div#purchase_content .description ul li a.expand_btn
{
    background: url('/shared/images/layout/fe/purchase/expand-btn.png') no-repeat center top;
    display: inline-block;
    height: 14px;
    left: 0px;
    position: absolute;
    top: 33px;
    width: 14px;
}
div#purchase_wrapper > div.purchase_content .description ul li a.expand_btn.expanded
{
    background-position: center bottom;
}

/* End Expander */

/* Buttons */
div#purchase_wrapper > div#purchase_content > div#description_notloggedin.description a.login_button
{
	background: url('/shared/images/layout/fe/purchase/btn.loginnow.png') no-repeat center top;
	display: block;
	margin-top: 15px;
	margin-right: 15px;
	height: 27px;
	width: 191px;
}
div#purchase_wrapper > div#purchase_content > div#description_notloggedin.description a.login_button:hover
{
	background-position: center bottom;
}
div#purchase_wrapper > div#purchase_content > div.description a.preorder_button
{
	background: url('/shared/images/layout/fe/purchase/preorder_btn.png') no-repeat center top;
	display: block;
	margin-right: 0;
	margin-top: 15px;
	height: 27px;
	width: 191px;
}
div#purchase_wrapper > div#purchase_content > div.description a.preorder_button:hover
{
	background-position: center bottom;
}
div#purchase_wrapper > div#purchase_content > div.description a.myaccount_button
{
	background: url('/shared/images/layout/fe/purchase/button.myaccount.png') no-repeat center top;
	display: block;
	height: 25px;
	width: 191px;
}
div#purchase_wrapper > div#purchase_content > div.description a.myaccount_button:hover
{
    background-position: center bottom;
}
div#purchase_wrapper > div#purchase_content > div.description a.purchase_button
{
	background: url('/shared/images/layout/fe/purchase/purchase_btn.png') no-repeat center top;
	display: block;
	margin-right: 0;
	margin-top: 15px;
	height: 27px;
	width: 191px;
}
div#purchase_wrapper > div#purchase_content > div.description a.purchase_button:hover
{
	background-position: center bottom;
}
div#purchase_wrapper > div#purchase_content > div.description a.addboth_button
{
	background: url('/shared/images/layout/fe/purchase/button.addboth.png') no-repeat center top;
	display: block;
	margin-right: 0;
	margin-top: 15px;
	height: 37px;
	width: 191px;
}
div#purchase_wrapper > div#purchase_content > div.description a.addboth_button:hover
{
	background-position: center bottom;
}
div#purchase_wrapper > div#purchase_content > div.description a.addall_button
{
	background: url('/shared/images/layout/fe/purchase/button.addall.png') no-repeat center top;
	display: block;
	margin-right: 0;
	margin-top: 15px;
	height: 37px;
	width: 191px;
}
div#purchase_wrapper > div#purchase_content > div.description a.addall_button:hover
{
	background-position: center bottom;
}
div#purchase_wrapper > div#purchase_content > div.description a.upgrade_button
{
	background: url('/shared/images/layout/fe/purchase/upgrade_to_retail_btn.png') no-repeat center top;
	display: block;
	margin-right: 0;
	margin-top: 15px;
	height: 27px;
	width: 191px;
}
div#purchase_wrapper > div#purchase_content > div.description a.upgrade_button:hover
{
	background-position: center bottom;
}
/* End Buttons */
div#purchase_wrapper > div#purchase_content > div#purchase_more
{
    float: left;
    margin-bottom: 40px;
    margin-top: 20px;
}
div#purchase_bottombar 
{
	background-image: url('/shared/images/layout/horizontalbar.png');
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
	height: 2px;
}
div#purchase_wrapper > div#purchase_content > div.sysreqs_wrapper > div.feultimate > a.purchase_button
{
	display: block;
	position: relative;
	height: 30px;
	margin-bottom: 20px;
	margin-top: -57px;
	z-index: 100;
}
div#purchase_wrapper > div#purchase_content > div.sysreqs_wrapper > div.feultimate > a.learnmore
	{
		display: block;
		height: 237px;
		position: relative;
		text-decoration: none;
		width: 214px;
	}
div#purchase_wrapper > div#purchase_content > div.sysreqs_wrapper > div.feultimate > a.learnmore > h3
	{
		color: #D7C573;
		font: 20px "trajan-pro-3", 'Times New Roman';
		font-weight: normal;
		margin-top: -91px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
	}