/* Header & text styles - Sprint 33 fixes*/
plp .plpHeader > h1, #plp .plpHeader .categoryTitleEspot h1 {
	color: #ffffff!important;
	padding: 10px 15px;
	text-transform: uppercase;
}

/* end Header & text styles - Sprint 33 fixes*/

.homePageEspots {
  width: 100%;
  display: table;
  margin-bottom: 20px; }
  .homePageEspots > ul {
    display: table-cell;
    background: white;
    padding: 10px; }
  .homePageEspots li {
    vertical-align: top;
    display: inline-block;
    padding: 10px; }
    .homePageEspots li span {
      position: absolute;
      bottom: 10px;
      left: 0;
      width: 100%;
      color: black; }
      .homePageEspots li span > * {
        background: rgba(255, 255, 255, 0.9);
        padding: 4px 12px;
        float: left;
        clear: both; }
  .homePageEspots a {
    position: relative;
    display: inline-block;
    width: 100%; }
  .homePageEspots h2 {
    font-size: 14px;
    margin-bottom: 5px; }
  .homePageEspots .primaryEspots {
    width: 66.6%;
    padding: 10px 0 10px 10px;
	float: left;}
    .homePageEspots .primaryEspots li {
      width: 50%; }
      .homePageEspots .primaryEspots li:first-of-type {
        float: left; }
  .homePageEspots .secondaryEspots {
    width: 33.4%;
	padding:10px 10px 10px 0px;	}
    .homePageEspots .secondaryEspots li {
      width: 100%; }

.homePageEspots div {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: #f7f7f7;
  height: auto; }
  .homePageEspots div img {
    width: 100%; }
.homePageEspots .primaryEspots li:first-of-type div {
  height: auto; }

  
@media (max-width: 64.063em) {
  #homePage.container,
  .latestNews .container {
    width: 100%;
    padding: 0 20px; }

  .homePageEspots {
    display: inline-block;
    margin: 0; }
    .homePageEspots div {
      height: auto; }
    .homePageEspots .primaryEspots,
    .homePageEspots .secondaryEspots {
      display: inline-block;
      margin-bottom: 20px;
      width: 100%;
      border: none;
	  padding:10px;}
    .homePageEspots .secondaryEspots li {
      width: 50%;
      float: left; }
    .homePageEspots .primaryEspots li:first-of-type div {
      height: auto; }

  .community label {
    width: 45.7%; }
  .community .franchise > div,
  .community .franchise ul {
    width: 50%; } 
	body#pgProductLister.games.landing #categoryRow10 .infoSecondary a > div{width: 100%;}
body#pgProductLister.games.landing #categoryRow10 .infoMain img{width:25%;} }
	
	.textSpot h2{ padding: 20px;}
body#pgProductLister.games.landing #categoryRow10 div.textSpot div, body#pgProductLister.games.landing #categoryRow10 div.textSpot img{display: inline-block;}
body#pgProductLister.games.landing #categoryRow10 .infoMain img{margin: 0 20px 0 0;}
body#pgProductLister.games.landing #categoryRow10 .infoMain div{vertical-align: top;width:70%;}
body#pgProductLister.games.landing #categoryRow10 .infoSecondary{margin-bottom: 20px;font-size: 13px;line-height: 18px;width: 100%;padding: 0 20px 0 20px;}
body#pgProductLister.games.landing #categoryRow10 .infoSecondary a > div{background: #333;height: 140px;margin: 5px;padding: 10px;position: relative;width: 32%;}
body#pgProductLister.games.landing #categoryRow10 .infoSecondary a div > div{color: #fff;vertical-align: top;width: 57%;}
body#pgProductLister.games.landing #categoryRow10 .infoSecondary a div > img{color: #fff;vertical-align: top;width: 100px;float: right;}
body#pgProductLister.games.landing #categoryRow10 .infoSecondary a div div > div{font-weight: bold;}
body#pgProductLister.games.landing #categoryRow10 .infoSecondary a div > div p{padding: 0;margin: 0 10px 10px 0;font-size: 13px;line-height: 18px;}
body#pgProductLister.games.landing #categoryRow10 .infoSecondary a div > div h3{margin:0 5px 10px 0;font-size: 16px;font-weight: bold;}

/* Format headers START 
#plp {padding-top: 0px!important;}
.fullWidthContent { background: #ffffff none repeat scroll 0 0; height: auto; margin: 1.5% 0; padding: 2% 8% 5%; vertical-align: middle;}
.formatlogo {margin: 0 7%;}
.fullWidthContent h1 { color: white; height: inherit; line-height: initial;vertical-align: middle;}
.logotext { display: inline-block; position: relative; text-align: center; width: 40%;}

.categoryheroes { display: inline-block; float: right; height: auto; position: relative; text-align: center;  width: 60%;}
.categoryheroes > ul { display: inline-block; position: relative; width: 100%;}
.categoryheroes li { display: inline-block; position: relative; width: 25%;}
.categoryheroes li:hover {text-decoration: underline!important; color: white;}
.titles {  display: table-cell;  position: relative; text-align: center; vertical-align: bottom; width: 44%; padding: 5px 0 0 0;}
.titles > a {color: white;}
.titles > a:hover {text-decoration: underline!important;}

@media (max-width: 64.063em) {
.fullWidthContent { margin-top: 1.5%; padding: calc(4% - 20px) 3% calc(35% - 14px);vertical-align: middle;}
.logotext {display: block; width: 100%;}
.categoryheroes {display: block; width: 100%; margin-top: 2%;}
.titles {display: inline-block; }
}
Format headers END */

#plp {padding-top: 0px!important;}
.fullWidthContent {height: 220px; margin: 1.5% 0; width: 100%; padding:0!important;}
.maincontain {height: inherit; margin: 0 auto; width: 1200px;}
.logotext {display: inline-block; float: left; height: auto; margin: 45px 0; position: relative; text-align: center; vertical-align: middle; width: 35%;}
.formatlogo {display: block; margin: 0;}
.formatlogo img { display: block; max-width: 100%;}
.fullWidthContent h1 { color: white; display: block; line-height: initial; position: relative; text-align: center; vertical-align: middle;}
.categoryheroes {display: inline-block; float: right; height: 220px; position: relative; text-align: center; vertical-align: middle; width: 65%;}
.categoryheroes > ul { display: inline-block; height: 220px; margin: auto 0; padding: 0; position: relative; width: 100%;}
.categoryheroes li { display: inline-block; margin: 25px 0; position: relative; text-align: center; width: 25%;}
.packshots { display: block; position: relative; text-align: center; width: 100%;}
.packshots > img { display: inline; max-width: 100%;}
.titles {color: white; display: inline; padding: 5px 0 0; position: relative; text-align: center; width: 100%; font-size: 1em;}

.titles > a { color: white;}

@media (max-width: 64.063em) {
.fullWidthContent {margin-top:0!important; padding: 0 2%;}
.maincontain {width: 100%;}
.categoryheroes {margin-top:0!important;}
.categoryheroes li {vertical-align: top;}
}


/* About sections fix */
.infoMain { padding: 0 20px;}

/* Text deals on DEALS page */
.textboxer { border-top: 20px solid #e7e7e7; display: inline-block; margin: 0; width: 100%;}
.textboxer > h2 { font-size: 1.4em;}
.textboxer > ul { margin: 0 2%;}
.textboxer li { display: inline-block; float: left; margin-right: 2%; width: 31%; padding: 10px 0; border-right: 1px solid #999;}
.textboxer li:last-child { border: 0 none !important;}
.textboxer ul li > h2 { font-size: 1em; padding: 0;}
.textboxer p { margin-top: 5px;}
.textboxer a { float: left; font-weight: bold; color: #a12283; margin-top:5px;}

/*Format Category Buttons*/
.formatHeader{width:100%;height:110px;background:#333;}
.formatHeader  img{margin-top:8px;max-width:50%;}
.formatHeader  h1{float:right;font-size:25px;margin:0 60px 0 0;padding:0;line-height:110px;color:#fff;}@media(max-width:660px){
	.formatHeader h1{font-size:20px;margin-left:10px}}@media(max-width:959px){
		.formatUSP{margin:20px auto 30px}}@media(min-width:960px){
			.formatUSP{max-width:1200px;margin:30px auto;}}
			.formatUSP a{display:inline-block;width:25%;height:51px;border:2px solid #333;background:#fff;color:#333;font-weight:700;text-align:center;line-height:43px;font-size:16px;}
			.formatUSP a span{padding-left:10px}
			.test-layout__usps a span img{vertical-align:middle}@media(min-width:960px){
				.formatUSP>a:not(:last-child){margin-right:16px;width:calc(25% - 20px)}}@media(max-width:959px){
					.formatUSP{text-align:center;}
					.formatUSP>a{width:calc(49% - 20px);margin:10px 10px 0;}}
					
.cat589106 .formatHeader, .cat94617  .formatHeader, .cat737259 .formatHeader{background:#107c10;}
.cat589106  .formatUSP a , .cat94617  .formatUSP a , .cat737259  .formatUSP a {border:2px solid #107c10;color:#107c10;}
.cat404634 .formatHeader, .cat737266 .formatHeader, .cat94616  .formatHeader{background:#01458C;}
.cat404634  .formatUSP a, .cat737266  .formatUSP a , .cat94616  .formatUSP a{border:2px solid #01458C;color:#01458C;}
.cat233143 .formatHeader{background:#0096C8;}
.cat233143 .formatUSP a {border:2px solid #0096C8;color:#0096C8;}
.cat29510  .formatHeader{background:#CF181F;}
.cat29510  .formatUSP a {border:2px solid #CF181F;color:#CF181F;}
.cat1000648  .formatHeader{background:#990000;}
.cat1000648  .formatUSP a {border:2px solid #990000;color:#990000;}
.cat1237766  .formatHeader{background:#e70012;}
.cat1237766  .formatUSP a {border:2px solid #e70012;color:#e70012;}



/*Format Category Info Boxes*/
body#pgProductLister.cat94616.games.landing #categoryRow10 .infoSecondary a > div {background: #01458C none repeat scroll 0 0;}
body#pgProductLister.cat737266.games.landing #categoryRow10 .infoSecondary a > div {background: #01458C none repeat scroll 0 0;}
body#pgProductLister.cat404634.games.landing #categoryRow10 .infoSecondary a > div {background: #01458C none repeat scroll 0 0;} 

body#pgProductLister.cat737259.games.landing #categoryRow10 .infoSecondary a > div {background: #107c10 none repeat scroll 0 0;}
body#pgProductLister.cat94617.games.landing #categoryRow10 .infoSecondary a > div {background: #107c10 none repeat scroll 0 0;}
body#pgProductLister.cat589106.games.landing #categoryRow10 .infoSecondary a > div {background: #107c10 none repeat scroll 0 0;} 

body#pgProductLister.cat233143.games.landing #categoryRow10 .infoSecondary a > div {background: #0096C8 none repeat scroll 0 0;}

body#pgProductLister.cat29510.games.landing #categoryRow10 .infoSecondary a > div {background: #CF181F none repeat scroll 0 0;}

body#pgProductLister.cat1237766.games.landing #categoryRow10 .infoSecondary a > div {background: #e70012 none repeat scroll 0 0;}

/* Information section changes */
.infoMain {
    width: 100% !important;
}

/*Pre-owned Format Fix*/
.cat348116 .secondaryEspots li:first-child h2{
  font-size:0;
}
.cat348116 .secondaryEspots li:first-child h2:after{
  content:"Pre-owned iPhone 4 16GB";
  font-size:14px;
}
/**********************************/
/* START COLEY PLP CSS OVERWRITES */
/**********************************/

/*********** 08/02/2018 ***********/

/* Product title on lister */
#plp .productHeader h2 a {
    font-weight: bold;
}

#plp .productContent .priceContainer>a {
    margin: 4px -5px;
}

/* Mint price colour change */
#plp .productContent .priceContainer>a.mintPrice.row {
    font-weight: bold;
    color: #ffffff;
    background-color: #9f2280;
    padding: 5px;
}

/* Pre-owned kits price colour change */
#plp .productContent .priceContainer>a.mintPrice.row.preownedPrice {    
    color: #000000;    
}

/* Pre-owned price background colour and bold */
#plp .productContent .priceContainer>a.preownedPrice.row {
    font-weight: bold;
    background-color: #f9b100;
    padding: 5px;       
}

/* Download price background colour and bold */
#plp .productContent .priceContainer>a.preownedPrice.row.downloadPrice {
    font-weight: bold;
    background-color: #2e2e2e;
    color: #FFFFFF;
    padding: 5px;       
}

/*PLP Overrides 26 Feb 2016 - repair for three items, allowing other buyingoptions text to appear - SW (other offers from... does not show on Stage, therefore you didnt see it, please show and edit in stage next time?)*/

#plp article {
    max-height: 476px;
}

#plp .productContent .priceContainer>a.other {
    bottom: -18px;
}

/* Dividing line above price */
#plp .productContent .priceContainer {
    border-top: 1px solid #dbdbdb;
    padding-top: 5px;
    height: 114px !important;
}
/* end PLP improvements */

/* Tablet Fixes*/
@media (max-width: 64.063em) {
#plp main.formatPage {width: 100%}
}

@media (max-width: 340px) {
.mobile main h1 {font-size:2.1rem;}
}