/* The Intelligent Offer Stylesheet v0.1 */

div.Recommendations {
	color: #999;
	position: relative;
	width: 100%; 
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
}

div.Recommendations .header {
	position: relative; 
	padding: 0; 
	border-top: dashed 1px #CED4D3; 
	border-bottom: dashed 1px #CED4D3; 
}

div.Recommendations .header h3 {
	color: #3992c1;
	font-size: 1.5em;
	font-weight: normal;
	font-family: "Contrail One",Arial,Helvetica,Sans-Serif;
	padding:8px 0;
	line-height: 1;
}

div.Recommendations .header a.control {
	position: absolute; 
	opacity: 1; 
	outline: none;
	right: -30px; 
	top: 90px;
	height: 40px;
	width: 20px;
}

div.Recommendations .header a.control.disabled {
	opacity: 0.5; 
}

div.Recommendations .header a.control:first-child {
	left: -30px; 
}

div.Recommendations .header a.control span {
	background: url("icons-carousel-arrows-large.png") no-repeat 100% 0;
	display: block; 
	height: 100%;
	width: 100%;
}

div.Recommendations .header a.control:first-child span {
	background-position: 0 0;
}

div.Recommendations .clip {
	float: left; 
	width: 100%; 
	overflow: hidden; 
}

div.Recommendations ul.IORecommendations {
	position: relative; 
	border-bottom: 1px dashed #CED4D3;
}

div.Recommendations ul.IORecommendations:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

div.Recommendations ul.IORecommendations > li {
  float: left;
  padding: 1.4em;
  text-align: center;
  border-left: 1px dashed #CED4D3;
}

div.Recommendations ul.IORecommendations > li:first-child {
  border-left: none;
}

div.Recommendations ul.IORecommendations > li ul {
  margin: 0 auto;
}

/*  Start packshot bkg positioning */

div.Recommendations ul.IORecommendations li.pcGames {
	  /*background: url(bg_packshot-productlist-blue.png) no-repeat scroll 0 -771px transparent; 
	  height: 167px;*/
}

div.Recommendations ul.IORecommendations li.wiiU {
	  /*background: url(bg_packshot-productlist-blue.png) no-repeat scroll 0 -1px transparent; */
}

div.Recommendations ul.IORecommendations li.psVita {
	  /*background: url(bg_packshot-productlist-blue.png) no-repeat scroll 0 -1549px transparent; 
	  height: 134px;
	  padding-top: 15px;*/
}

div.Recommendations ul.IORecommendations li.psVita + .details {
	  /*background: url(bg_packshot-productlist-blue.png) no-repeat scroll 0 -1549px transparent; 
	  height: 134px;
	  margin-top: -15px;*/
}


div.Recommendations ul.IORecommendations li.nintendoWii {
	  /*background: url(bg_packshot-productlist-blue.png) no-repeat scroll 0 -320px transparent; 
	  height: 165px;
	  padding-top: 30px;*/
}

div.Recommendations ul.IORecommendations li.nintendoWii + .details {
	  /*margin-top: -30px;*/
}

div.Recommendations ul.IORecommendations li.playstation2 {
	  /*background: url(bg_packshot-productlist-blue.png) no-repeat scroll 0 -941px transparent; 
	  height: 167px;*/
}

div.Recommendations ul.IORecommendations li.playstation3 {
	  /*background: url(bg_packshot-productlist-blue.png) no-repeat scroll 0 -170px transparent; 
	  height: 146px;
	  padding-top: 12px;*/
}

div.Recommendations ul.IORecommendations li.playstation3 + .details {
	  /*background: url(bg_packshot-productlist-blue.png) no-repeat scroll 0 -170px transparent; 
	  height: 146px;
	  margin-top: -12px;*/
}

div.Recommendations ul.IORecommendations li.xboxLive {
	  /*background: url(bg_packshot-productlist-blue.png) no-repeat scroll 0 -1px transparent; */
	  /*padding-top: 15px;*/
}

div.Recommendations ul.IORecommendations li.xboxLive + .details {
	  /*background: url(bg_packshot-productlist-blue.png) no-repeat scroll 0 -1px transparent; */
	  /*margin-top: -15px;*/
}

div.Recommendations ul.IORecommendations li.xbox360 {
	  /*background: url(bg_packshot-productlist-blue.png) no-repeat scroll 0 -1px transparent; 
	  height: 165px;*/
}

div.Recommendations ul.IORecommendations li.bluRay {
	  /*background: url(bg_packshot-productlist-blue.png) no-repeat scroll 0 -1282px transparent; 
	  height: 155px;*/
}

div.Recommendations ul.IORecommendations li.ds,
div.Recommendations ul.IORecommendations li.3ds,
div.Recommendations ul.IORecommendations li.gameboy,
div.Recommendations ul.IORecommendations li.gba,
div.Recommendations ul.IORecommendations li.gameboyadvance {
	  /*background: url(bg_packshot-productlist-blue.png) no-repeat scroll 0 -488px transparent; 
	  height: 109px;*/
}

div.Recommendations ul.IORecommendations li.image {
  height: 130px;
  margin: 0 0 1em;
  text-align: center; 
}

/*  End packshot bkg positioning */

div.Recommendations ul.IORecommendations li.image a {
	display: block; 
}

div.Recommendations ul.IORecommendations li.image img {
  max-width: 100%; 
  display: block;
  margin: 0 auto;
}

div.Recommendations ul.IORecommendations li.details {
  font-size: 1.1em;
  line-height: 1;
  margin: 0 auto;
}

div.Recommendations ul.IORecommendations li.details a {
	color: inherit; 
}

div.Recommendations ul.IORecommendations li.details li {
	margin: 0.25em 0 0; 
}

div.Recommendations ul.IORecommendations li.details li.category {
	height: 2.2em; 
}

div.Recommendations ul.IORecommendations li.details li.name {
  color: #A12283;
  font-size: 1.2em;
}

div.Recommendations ul.IORecommendations li.details li.name a {
	display: block; 
	height: 4em; /* 4 lines */
	overflow: hidden; 
	font-family: "Contrail One",Arial,Helvetica,Sans-Serif; 
}

div.Recommendations ul.IORecommendations li.details li.category a, 
div.Recommendations ul.IORecommendations li.details li.price {
  color: #656565;
}

div.Recommendations ul.IORecommendations li.details li.category:before {
  content: "("; 
  	color: #656565;
}

div.Recommendations ul.IORecommendations li.details li.category:after {
  color: #656565;
  content: ")";
}

/* transitions -- */
div.Recommendations ul.IORecommendations {
	-moz-transition: left 1s; 
	-webkit-transition: left 1s; 
	-o-transition: left 1s; 
	transition: left 1s; 
}

div.Recommendations .header a.control {
	-moz-transition: opacity 0.5s; 
	-webkit-transition: opacity 0.5s; 
	-o-transition: opacity 0.5s; 
	transition: opacity 0.5s; 
}
/* -- transitions */




/* Adding IO in basket JR UNTIL CSS ORDER IS FIXED ONLY */

/* Turning on */
#pgBasket #similarGames {display: block; margin-top:3em;}
/* Outer container for items fix padding and width issues */
div.Recommendations ul.IORecommendations {text-align:center;}
/* Outer container for items fix padding and width issues */
div.Recommendations ul.IORecommendations > li {padding: 2em;max-width: 20%;}
/* Fixing borders */
div.Recommendations ul.IORecommendations > li {border-left:1px solid #dddddd;}
div.Recommendations ul.IORecommendations {border-bottom: 1px solid #dddddd;}
div.Recommendations .header {border-bottom: medium none;border-top: 1px solid #dddddd;}


/* Styling product name link */
div.Recommendations ul.IORecommendations li.details li.name a {display: block;font-family: "Helvetica Neue",Helvetica,sans-serif,sans-serif;font-weight: bold; overflow: hidden;}
/* Category text */
div.Recommendations ul.IORecommendations li.details li.category {color: #3992c1 !important;font-weight: bold;height: 2.2em;}
/* Category link Styling */
div.Recommendations ul.IORecommendations li.details li.category a, div.Recommendations ul.IORecommendations li.details li.category a:hover {color: #3992c1 !important;text-decoration:none;}
/* Styling Category Brackets added with Pseudo class */
div.Recommendations ul.IORecommendations li.details li.category:before {color:#3992c1;}
div.Recommendations ul.IORecommendations li.details li.category:after {color: #3992c1;}
/* Price Styling */
div.Recommendations ul.IORecommendations li.details li.price {color: #a12283;font-size: 1.3em;font-weight: bold;}

/* Button Styling */
ul.IORecommendations .addToBasketMiniButton {background: none repeat scroll 0 0 #a12283;border-radius: 5px;color: #ffffff !important;display: inline-block;font-family: "Helvetica neue",Helvetica,sans-serif;font-size: 1.2em;font-weight: bold;margin-top: 1em;padding: 0.5em 1.5em;text-decoration: none;}
/* Button Hover Styling */
ul.IORecommendations .addToBasketMiniButton:hover {background: none repeat scroll 0 0 #b61d92;}  

/* Product Titles */
div.Recommendations ul.IORecommendations li.details li.name a {display: block;font-family: "Contrail One",Arial,Helvetica,sans-serif;font-size: 1.1em;font-weight: bold;height: 4em;overflow: hidden;}