﻿div.content > div.left
{
	float: left;
	position: relative;
	top: 0;
	width: 690px;
}

div.content > div.right
{
	display: inline-block;
	margin-left: 8px;
	position: relative;
	top: -3px;
	width: 288px;
}

div.content > footer
{
	display: inline-block;
	margin: auto;
}

/* #region Sale */
div.content > div.right > section.sale
{
	background: url('/images/layout/home/sale.info.png') no-repeat center top;
	display: block;
	height: 606px;
	margin-bottom: 3px;
	padding-top: 3px;
	position: relative;
}
div.content > div.right > section.sale > a.salebanner > img
{
	margin: 2px;
}
div.content > div.right > section.sale > hr
{
	background: url('/images/content/home/line.gold.png') no-repeat center top;
	border: none;
	display: inline-block;
	height: 2px;
	margin: 0 auto;
	padding-left: 0;
	position: absolute;
	right: 0;
	width: 286px;
}
div.content > div.right > section.sale > hr.white
{
	background: url('/images/content/home/line.white.png') no-repeat center top;
}
div.content > div.right > section.sale > h1
{
	color: #fff;
	font: 1.063em 'BankGothicMdBT', arial, sans-serif;
	line-height: 1.375em;
	padding-top: 0.25em;
	text-align: center;
	text-transform: uppercase;
}
div.content > div.right > section.sale > h1.yellow2
{
	color: #e3a726;
	padding-bottom: 0.25em;
	padding-left: 20px;
	padding-top: 0.750em;
	text-align: left;
}
div.content > div.right > section.sale > p.disclaimer
{
	color: #fff;
	font: .65em 'Segoe UI', Arial, Verdana, sans-serif;
	margin-left: 2.5em;
	margin-top: 1em;
	text-align: left;
}
div.content > div.right > section.sale  > ul
{
	list-style-position: inside;
	list-style-type: none;
}
div.content > div.right > section.sale  > ul > li
{
	color: #fff;
	font: 0.938em 'Segoe UI', Arial, Verdana, sans-serif;
	margin-bottom: 0.563em;
	padding-left: 20px;
}
div.content > div.right > section.sale  > ul > li:before
{
	content: "| ";
	color: #e3a726;
}
div.content > div.right > section.sale > a.btn
{
	background: url('/images/content/home/btn_playnow.png') no-repeat center top;
	display: inline-block;
	height: 43px;
	margin-left: 0.75em;
	margin-top: 0.813em;
	width: 264px;
}
div.content > div.right > section.sale > a.btn:hover
{
	background-position: center bottom;
}
div.content > div.right > section.sale > a.steam
{
	display: inline-block;
	height: 32px;
	margin-left: 1.625em;
    margin-top: 0.75em;
	width: 236px;
}
/* #endregion */

/* #region Expansion */
div.content > div.right > section.expansion > a {
    background: url('/images/content/home/expansionbox_retribution_release.png') no-repeat center top;
    display: block;
    height: 161px;
    margin-bottom: 4px;
    margin-top: 2px;
    position: relative;
    width: 288px;
}

div.content > div.right > section.expansion > a:hover
{
	background-position: center bottom;
}

div.content > div.right > section.gold > a
{
	background: url('/images/content/home/gc3_gold_box.png') no-repeat center top;
	display: block;
	height: 139px;
	margin-bottom: 4px;
    margin-top: 1px;
	position: relative;
	width: 288px;
}

/* #region Info */
div.content > div.right > section.info
{
	background: url('/images/layout/home/release.info-squared3.png') no-repeat center top;
	display: block;
	height: 550px;
	margin-bottom: 8px;
	position: relative;
	width: 288px;
}
div.content > div.right > section.info > hr
{
	background: url('/images/content/home/line.gold.png') no-repeat center top;
	border: none;
	display: inline-block;
	height: 2px;
	margin: 0 auto;
	padding-left: 0;
	position: absolute;
	right: 0;
	width: 286px;
}
div.content > div.right > section.info > hr.white
{
	background: url('/images/content/home/line.white.png') no-repeat center top;
}
div.content > div.right > section.info > hr:first-child
{
	margin: 1em auto 0 auto;
}
div.content > div.right > section.info > h1
{
	color: #fff;
	font: 1.063em 'BankGothicMdBT', arial, sans-serif;
	line-height: 1.375em;
	padding-top: 1.25em;
	text-align: center;
	text-transform: uppercase;
}
div.content > div.right > section.info > h1.yellow
{
	color: #e3a726;
	margin: 1.75em auto 0.25em 0;
}
div.content > div.right > section.info > h1.yellow2
{
	color: #e3a726;
	padding-top: 0.750em;
	padding-left: 20px;
	text-align: left;
}
div.content > div.right > section.info > h1.imminent
{
	color: #fff;
	font-size: 1.250em;
	margin: 1.5em auto 0 0;
}
div.content > div.right > section.info > p.imminent
{
	color: #fff;
	font: 0.938em 'Segoe UI', Arial, Verdana, sans-serif;
	margin-bottom: 0.563em;
	margin-top: 1em;
	padding-left: 20px;
}
div.content > div.right > section.info > p.imminent > span.yellow
{
	color: #e3a726;
}
div.content > div.right > section.info > p.disclaimer
{
	color: #fff;
	font: .65em 'Segoe UI', Arial, Verdana, sans-serif;
	margin-top: 1.25em;
	text-align: center;
}
div.content > div.right > section.info  > ul
{
	list-style-position: inside;
	list-style-type: none;
}
div.content > div.right > section.info  > ul > li
{
	color: #fff;
	font: 0.938em 'Segoe UI', Arial, Verdana, sans-serif;
	margin-bottom: 0.563em;
	padding-left: 20px;
}
div.content > div.right > section.info  > ul > li:before
{
	content: "| ";
	color: #e3a726;
}
div.content > div.right > section.info > a.btn
{
	background: url('/images/content/home/btn_playnow.png') no-repeat center top;
	display: inline-block;
	height: 43px;
	margin-left: 0.75em;
	margin-top: 0.75em;
	width: 264px;
}
div.content > div.right > section.info > a.btn:hover
{
	background-position: center bottom;
}
div.content > div.right > section.info > a.steam
{
	display: inline-block;
	height: 32px;
	margin-left: 1.625em;
    margin-top: 0.75em;
	width: 236px;
}
    div.content > div.right > section.info > div.esrb {
        display: block;
        margin: 0.25em auto 0;
        text-align: center;
    }

        div.content > div.right > section.info > div.esrb img {
            display: inline-block;
            margin-right: 0.25em;
            vertical-align: middle;
        }

        div.content > div.right > section.info > div.esrb div {
            color: #ffffff;
            display: inline-block;
            font-size: 10px;
            text-align: left;
            width: auto;
            vertical-align: middle;
        }

            div.content > div.right > section.info > div.esrb p.esrbtxt2 {
                border-top: 1px solid rgba(255, 255, 255, .5);
                margin-top: 0.5em;
                padding-top: 0.5em;
            }
/* #endregion Info */

/* #region First to Know */
div.content > div.right > div.firsttoknow {
	background: url('/images/layout/home/box_subscribe.png') no-repeat;
	display: block;
	height: 130px;
	margin-bottom: 8px;
    position: relative;
    text-align: center;
	width: 288px;
}
div.content > div.right > div.firsttoknow > h2 {
        color: #ffffff;
        font: normal 0.75em 'Segoe UI', Arial, Verdana, Sans-Serif;
        line-height: 1.25em;
        margin: 0 auto;
        margin-bottom: 1em;
        padding-top: 3.5em;
        text-transform: none;
	}

    div.content > div.right > div.firsttoknow > div.form > span {
	    display: inline-block;
	    position: relative;
	    vertical-align: middle;
    }

	div.content > div.right > div.firsttoknow > div.alert {
		padding: 0 0.5em;
	}

    div.content > div.right > div.firsttoknow > div.alert > p {
		color: #ffffff;
        font-size: 0.75em;
        font-weight: normal;
	}

    div.content > div.right > div.firsttoknow > div.alert > p > span {
		color: #e3a726;
	}

	div.content > div.right > div.firsttoknow > div.success .email_address{
        word-wrap: break-word;
	} 

    div.content > div.right > div.firsttoknow > div.form > span > label {
        color: #7f7f7f;
        cursor: text;
        display: inline-block;
        font-size: 0.813em;
        left: 10px;
        position: absolute;
        top: 5px;
    }

    div.content > div.right > div.firsttoknow > div.form > span > input {
	    background-color: #ffffff;
        border: 1px solid #7f7f7f;
        font-size: 0.813em;
        height: 27px;
        line-height: 25px;
        padding: 0 1em;
        width: 147px;
    }

    div.content > div.right > div.firsttoknow > div.form > button {
		background-color: #0d4d8b;
	    background: -webkit-linear-gradient(#0161c1, #0d4d8b); /* For Safari 5.1 to 6.0 */
	    background: -o-linear-gradient(#0161c1, #0d4d8b); /* For Opera 11.1 to 12.0 */
	    background: -moz-linear-gradient(#0161c1, #0d4d8b); /* For Firefox 3.6 to 15 */
	    background: linear-gradient(#0161c1, #0d4d8b); /* Standard syntax */
	    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0161c1', endColorstr='#0d4d8b');/*For IE7-8-9*/
	    -moz-box-shadow: inset 0 0 4px #488ed3;
	    -webkit-box-shadow: inset 0 0 4px #488ed3;
	    box-shadow: inset 0 0 4px #488ed3;
	    border: 1px solid #0d4e8d;
		display: inline-block;
		height: 29px;
		margin: 0 auto;
		outline: none;
		position: relative;
        vertical-align: top;
		width: 80px;
	}
	
	div.content > div.right > div.firsttoknow > div.form > button:hover {
        background-color: #1061b2;
	    background: -webkit-linear-gradient(#007efb, #1061b2); /* For Safari 5.1 to 6.0 */
	    background: -o-linear-gradient(#007efb, #1061b2); /* For Opera 11.1 to 12.0 */
	    background: -moz-linear-gradient(#007efb, #1061b2); /* For Firefox 3.6 to 15 */
	    background: linear-gradient(#007efb, #1061b2); /* Standard syntax */
	    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#007efb', endColorstr='#1061b2');/*For IE7-8-9*/
	    -moz-box-shadow: inset 0 0 4px #4798e9;
	    -webkit-box-shadow: inset 0 0 4px #4798e9;
	    box-shadow: inset 0 0 4px #4798e9;
	    border: 1px solid #0d4e8d;
	    color: #fff;
	    text-decoration: none;
	}

    div.content > div.right > div.firsttoknow > div.form > button > span {
		color: #ffffff;
        font-size: 1em;
	}

    /* #endregion */

/* #region DLC */

div.content > div.right > section.dlc
{
	background: url('/images/layout/home/dlc14.png') no-repeat center top;
	display: block;
	height: 449px;
	margin-bottom: 8px;
	position: relative;
	width: 288px;
}
div.content > div.right > section.dlc > ul
{
	list-style-position: inside;
	list-style-type: none;
	padding-top: 2.75em;
}
div.content > div.right > section.dlc > ul > li
{
	color: #fff;
	font: 0.938em 'Segoe UI', Arial, Verdana, sans-serif;
	margin-bottom: 0.563em;
	padding-left: 20px;
}
div.content > div.right > section.dlc > ul > li:before
{
	content: "| ";
	color: #e3a726;
}
div.content > div.right > section.dlc > ul > li > a
{
	text-decoration: none;
}
div.content > div.right > section.dlc > ul > li > a:hover {
	color: #fff;
    text-decoration: underline;
}
/* #endregion */

/* #region Wiki */
div.content > div.right > section.wiki
{
	background: url('/images/layout/home/wiki.png') no-repeat center top;
	display: block;
	height: 101px;
	margin-bottom: 8px;
	position: relative;
	width: 288px;
}
div.content > div.right > section.wiki > a
{
	margin: 2.375em 1.750em auto 1.750em;
	display: inline-block;
}
/* #endregion Wiki */

/* #region Stay Connected */
div.content > div.right > section.stayconnected
{
	background: url('/images/layout/home/stayconnected.png') no-repeat center top;
	display: block;
	height: 103px;
	margin-bottom: 8px;
	position: relative;
	width: 288px;
}
div.content > div.right > section.stayconnected > img.social
{
	bottom: 23px;
	left: 56px;
	position: absolute;
}
div.content > div.right > section.stayconnected > a
{
	color: #fff;
	font-size: 0.875em;
	position: absolute;
	text-decoration: none;
}
div.content > div.right > section.stayconnected > a:hover
{
	text-decoration: underline;
}
div.content > div.right > section.stayconnected > a.login
{
	left: 90px;
	top: 30px;
}
div.content > div.right > section.stayconnected > a.signup
{
	left: 154px;
	top: 30px;
}
/* #endregion Stay Connected */

/* # region Reviews */
div.content > div.left > section.reviews
{
	background: url('/images/layout/home/reviews.png') no-repeat center top;
	display: block;
	height: 161px;
	margin-bottom: 5px;
	position: relative;
	width: 690px;
}
div.content > div.left > section.reviews  > div
{
	margin: 2.75em 1.5em auto 1.5em;
	display: inline-block;
}
div.content > div.left > section.reviews  > div > ul
{
	display: inline-block;
	list-style-position: inside;
	list-style-type: none;
}
div.content > div.left > section.reviews  > div > ul:last-child
{
	margin-left: 1.5em;
}
div.content > div.left > section.reviews  > div  > ul > li
{
	color: #fff;
	font: 0.750em 'Segoe UI', Arial, Verdana, sans-serif;
	line-height: 1.75em;
	margin-bottom: 1em;
	padding-left: 20px;
}
div.content > div.left > section.reviews  > div  > ul > li a
{
	color: #e3a726;  
	text-decoration: none;
}
div.content > div.left > section.reviews  > div  > ul > li a:hover
{
	text-decoration: underline;
}
div.content > div.left > section.reviews  > div  > ul > li:before
{
	content: "| ";
	color: #e3a726;
}
/* #endregion Reviews */

/* #region Latest News */
div.content > div.left > section.news 
{
	background: url('/images/layout/home/latestnews_596.png') no-repeat center top;
	color: #fff;
	display: block;
	height: 492px;
	overflow: hidden;
	padding: 75px 60px 40px 60px;
	position: relative;
	width: 570px;
}
div.content > div.left > section.news > hr
{
	background: transparent url('/images/layout/home/news_separator.png') no-repeat center center;
	border: 0;
	width: 100%;
}
div.content > div.left > section.news > a.title
{
	color: #e3a726;
	font-size: 1.129em;
	text-decoration: underline;
}
div.content > div.left > section.news > p.article
{
	font-size: 0.938em;
	margin: 5px 0;
}
div.content > div.left > section.news > p.article > a.readmore
{
	color: #fff;
	font-size: 0.813em;
	text-decoration: underline;
}
div.content > div.left > section.news > span.date
{
	color: #fff;
	font-size: 0.75em;
}
div.content > div.left > section.news > span.separator
{
	display: inline-block;
	margin: 0 7px;
}
div.content > div.left > section.news > a.username
{
	color: #fff;
	font-size: 0.75em;
	text-decoration: underline;
}
div.content > div.left > section.news > div.viewmore
{
	bottom: 40px;
	color: #bbb;
	display: inline-block;
	font-size: 0.868em;
	position: absolute;
	right: 50px;
}
div.content > div.left > section.news > div.viewmore > a
{
	color: #bbb;
}
div.content > div.left > section.news > div.viewmore > a:hover
{
	color: #6aace8;
}
/* #endregion Latest News */

/* #region Lightslider */
div.content > div.left > section.lightslider
{
	display: block;
	height: 416px;
	margin-bottom: 8px;
	position: relative;
	width: 686px;
}
ul.gallery
{
	list-style: none outside none;
	padding-left: 0;
    margin: 0;
}
.demo
{
	width: 800px;
}
.lSAction > a {
	background-image: url('/images/content/home/controls.png');
}
.lSSlideOuter
{
	background-color: #000000;
	border: #5990c3 solid 2px;
	width: 686px;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li
{
	opacity: 0.4;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover
{
	border-radius: 0;
	opacity: 1;
	outline: #e3a726 solid 1px;
	outline-offset: -1px;
}
/* #endregion Lightslider */

.lightspeed-box .lsb-content {
    height: 80%;
}