@import url("//img.game.co.uk/hub/css/Ultra-Hub-2016.css");



body#pgArticle.article.hub div#content {box-shadow: none;}
#aboutContainer h1 {color:#333333;}
#aboutContainer h2.aboutHeaders, div.navigationBlock ul.infoLinks, div.navigationBlock ul.infoLinks li.info, div.navigationBlock ul.infoLinks li {background-color:#333333;}

div.navigationBlock {margin:0;overflow: hidden;border-bottom: 1px solid #C1C1C1;padding:0 0 12px 0; width: 100%;}
div.navigationBlock h2 {margin-bottom:0!important;margin-top:0!important;padding-bottom:5px!important;padding-top:5px!important;display:block!important;}
div.navigationBlock ul {float:left;display:inline!important;clear:none;}
div.navigationBlock ul.infoLinks li.main {display: inline-block;float: right;}
div.navigationBlock ul.buyLinks li.main {display: inline-block;float: right;}
div.navigationBlock ul.infoLinks {padding:0; margin: 0 !important; width: 100%;}
div.navigationBlock ul.buyLinks {margin: 10px 0 !important; width: 100%; padding:0;}
div.navigationBlock ul.infoLinks li.info {float:left;border: medium none;}
div.navigationBlock ul.buyLinks li.info {float:left;border: medium none;}
div.navigationBlock ul.infoLinks li.info h2, div.navigationBlock ul.buyLinks li.info h2 {color:#FFFFFF;font-size: 13px;}
div.navigationBlock ul.infoLinks li, div.navigationBlock ul.buyLinks li {padding:2px 8px; color:#FFFFFF;list-style: none outside none;}
div.navigationBlock ul.infoLinks li {margin:0;border-left:1px solid #FFFFFF;}
div.navigationBlock ul.infoLinks li.main:hover {-webkit-transition: background-color 0.2s ease-in-out;-moz-transition: background-color 0.2s ease-in-out;-ms-transition: background-color 0.2s ease-in-out;-o-transition: background-color 0.2s ease-in-out;}
div.navigationBlock ul.buyLinks li {margin:0;border-left:1px solid #FFFFFF;}
div.navigationBlock ul.buyLinks li.main:hover {-webkit-transition: background-color 0.2s ease-in-out;-moz-transition: background-color 0.2s ease-in-out;-ms-transition: background-color 0.2s ease-in-out;-o-transition: background-color 0.2s ease-in-out;}
div.navigationBlock ul.infoLinks li a {color:#FFFFFF;font-size: 13px;}
div.navigationBlock ul.buyLinks li a {color:#FFFFFF;font-size: 13px;}

div.navigationBlock ul.buyLinks, div.navigationBlock ul.buyLinks li.info, div.navigationBlock ul.buyLinks li {background-color:#858585;}
div.navigationBlock ul.infoLinks li.main:hover {background-color:#A09FA0;}
div.navigationBlock ul.buyLinks li.main:hover {background-color:#CECECE;}
.textBox h3 a {color:#FFFFFF;}

.about {width: 100%; background-color: white; margin:0; padding:20px;}
.aboutSection {height: auto;margin-top: 12px;width: 100%;}
div.textBox.long {width: 100%;}
.section {width: 100%; background-color: white; margin: 20px 0; padding: 20px;}
.copy { display: inline-block; position: relative; vertical-align: top;width: 57%; line-height: 1.5em;}
.copy.left {margin-right: 2%;}
.copy.right {margin-left: 2%;}
.copy h2 {display: inline-block!important;}
.copy.long { width: 100%; }
.video { display: inline-block; position: relative; width: 40%;}
.video iframe {width: 100%; height: 255px;}
.video > img {width: 100%;}

.split_section {width: 48%; background-color: white; margin-right: 2%; display: inline-block; vertical-align: top; position: relative;}
.split_section:last-child {margin:0;}
.image {width: 100%;}
.image img { margin: 2% 4% 0; width: 92%;}
.split_section .copy { margin: 2% 4%;width: 92%;}
.split_section .buttons { background-color: #333; color: #fff; margin: 0 4% 4%; padding: 2%;  width: 92%;}
#aboutContainer h2.aboutHeaders, div.navigationBlock ul.infoLinks, div.navigationBlock ul.infoLinks li.info, div.navigationBlock ul.infoLinks li { background-color: #333333;}
h2.aboutHeaders { background-color: #333; color: #ffffff; display: inline-block !important; font-size: 18px; margin: 0 0 20px !important; padding: 10px 20px; width: 100%;}
.split_section h2.aboutHeaders { background-color: #333; color: #ffffff; display: inline-block !important; font-size: 18px; margin: 4% 4% 0 !important; padding: 10px 20px;width: 92%;}
h2.aboutHeaders span { float: right; font-size: 14px;}
#Guarantee.split_section { width: 49%;}
.bottom {width:100%; display:inline-block; position: relative;}
a { color: white;}

@media (max-width: 64.063em) {
body#pgArticle.article.hub div#content {width: 98%;}
#pgArticle #primary h1 {font-size: 3.5em;}
.infoLinks {width: 50% !important;}
.info { width: 100% !important;}
.infoLinks .main { width: 55% !important; float: left;}
.buyLinks {float: right!important;width: 48% !important; margin: 0!important;}
.about li.main {border-left: 0 none !important; float: left !important;}

div.navigationBlock ul.infoLinks li {float: left; }

.video { display: block; position: relative; width: 100%;}
.copy { display: block; width: 100%;}
.copy.right {margin:0!important;}
.copy.left {margin:0!important;}
.video img { width: 100%;}
.split_section {width:100%; padding: 2%;}
#Guarantee.split_section { margin-bottom: 20px; margin-top: 20px; width: 100%;}
.split_section h2.aboutHeaders {margin: 0!important; width: 100%;}
.image img { margin: 2% 0 0; width: 100%;}
.split_section .copy { margin: 2% 0 0; width: 100%;}
.split_section .buttons { background-color: #333; color: #fff; margin: 0; padding: 2%; width: 100%;}
}

/* mobile */
body#pgHub.mobile #aboutContainer h1, body#pgHub.mobile div.navigationBlock, body#pgHub.mobile #aboutContainer h2.aboutHeaders span {display:none!important;}

body#pgHub.mobile #articleContent {margin:0;}
body#pgHub.mobile #aboutContainer {padding:0;width:100%;}

body#pgHub.mobile .links {display:none;}
body#pgHub.mobile .copy { width: 100%;}
body#pgHub.mobile .video {width: 100%;}
body#pgHub.mobile .video img {width: 100%;}
body#pgHub.mobile .split_section {width: 100%; padding: 0;}
body#pgHub.mobile .image {width:100%;}
body#pgHub.mobile .about {padding: 0;}
body#pgHub.mobile .section {padding: 0;}
body#pgHub.mobile h2.aboutHeaders {width: 86%;}
body#pgHub.mobile h2.aboutHeaders span {display: none;}
body#pgHub.mobile .split_section .buttons {background-color: transparent;}
body#pgHub.mobile .specs h3 a { color: white !important;}
body#pgHub.mobile .shopNow {padding-top: 9px; padding-bottom: 9px; width:100%; background-color:transparent; color: #ffffff;}