﻿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 6%;
}

/* #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_mercenaries_release2.png') no-repeat center top;
	display: block;
	height: 163px;
	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: 2px;
	position: relative;
	width: 288px;
}

/* #region Info */
div.content > div.right > section.info
{
	background: url('/images/layout/home/release.info-squared.png') no-repeat center top;
	display: block;
	height: 481px;
	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: 1.5em 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.625em;
	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-left: 2.5em;
	margin-top: 1em;
	text-align: left;
}
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: 1em;
	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;
}
/* #endregion Info */

/* #region DLC */

div.content > div.right > section.dlc
{
	background: url('/images/layout/home/dlc6.png') no-repeat center top;
	display: block;
	height: 221px;
	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 */