/*
	$Id: tile.css, v 1.0 2009-03-05 9:59:42 AM rgerber Exp $
	Copyright (c) 2009 Raphael Gerber, raphael.gerber@gmail.com
	All rights reserved.

	File:			tile.css
	Author:			Reto Misteli (rmisteli)
	Description:	Tile view Stylesheet

	History:
		v 1.0 2014-10-02 rmisteli Created
*/

.tileContainer {
	width:			68.333em;
}

.tilePromoContainer {
	width:			53.200em;
}

.tile,
.tile-disabled {
	width: 			13.333em;
	margin:			0.166em 0.166em 0.600em 0.166em;
	float: 			left;
	line-height: 	1.500em;
}

.tile-disabled {
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	filter: alpha(opacity=40);
	opacity: 0.40;
}

.tileHeader {
	height: 	 	1.666em;
	line-height: 	1.666em;
	padding:  	 	0.0em  0.416em;
	color: 		 	#ffffff;
	text-shadow: 	0 0.067em 0 #425184;
	/*text-shadow:	-0.067em -0.067em 0 #000,
	    			 0.067em -0.067em 0 #000,
	    			-0.067em  0.067em 0 #000,
	    			 0.067em  0.067em 0 #000;  */
	background:  #e2e3e4 url('../../nas/img/template/bg_carousel_releases.png') top left repeat-x !important;
}

.tileHeader img {
	float:			right;
	vertical-align: middle;
	padding-top: 	0.250em;
	padding-bottom: 0.250em;
	padding-left:   0.400em;
	padding-right:  0.400em;
}

.tileHeader img.trend {
	float:			right;
	vertical-align: middle;
	padding-top: 	0.400em;
	padding-bottom: 0.250em;
	padding-left:   0.400em;
	padding-right:  0.400em;
}

.tileHeader img.platformIcon {
	float: left !important;
	vertical-align: middle;
	padding-top: 	0.250em;
	padding-bottom: 0.250em;
	padding-left:   0.250em;
	padding-right:  0.600em;
}

.tileHeader span {
	float:			right;
}

/* Cover image 118 x 150 */
.tileProduct {
	height: 		15.800em;
	position: 		relative;
}

.tileCover {
	float: 			left;
	width:			7.866em;
	height: 		10.000em;
	margin: 		0.600em 0.0em 0.0em 0.600em;
}

.tileInfo {
	float: 			right;
	width:			3.133em;
	height: 		10.000em;
	margin: 		0.600em 0.600em 0.0em 0.0em;
	position: 		relative;
}

/* Cover image 130 x 130 */
.tileProduct130 {
	height: 		14.533em;
	position: 		relative;
}

.tileCover130 {
	float: 			left;
	width:			8.666em;
	height: 		8.666em;
	margin: 		0.600em 0.0em 0.0em 0.600em;
}

.tileInfo130 {
	float: 			right;
	width:			2.533em;
	height: 		8.666em;
	margin: 		0.600em 0.600em 0.0em 0.0em;
	position: 		relative;
}

/* Cover image 135 x 120 */
.tileProduct135 {
	height: 		13.800em;
	position: 		relative;
}

.tileCover135 {
	float: 			left;
	width:			9.000em;
	height: 		8.000em;
	margin: 		0.600em 0.0em 0.0em 0.600em;
}

.tileInfo135 {
	float: 			right;
	width:			3.066em;
	height: 		8.000em;
	margin: 		0.600em 0.600em 0.0em 0.0em;
	position: 		relative;
}


.titleCoverImg {
	max-height:		100%;
	max-width:		100%;
}

.tileInfoRating{
	float: 			right;
	margin: 		0.0em;
}

.tileSerieInfo {
	position: 		absolute;
	bottom: 		-0.20em;
	right: 			-0.20em;
}

.tileSerieInfo img.icon {
	float: 			right;
	margin-top: 	0.600em;
}

.tileInfoArea {
	position: 		absolute;
	bottom: 		-0.20em;
	right: 			-0.20em;
}

.tileInfoArea img.icon {
	width: 			2.400em;
}

.tileSpacer {
	border: 		0px;
	color: 			#aaa;
	background-color: #aaa;
	height: 		1px;
	width: 			80%;
	text-align:		center;
	margin: 		0.200em auto;
}

.tileTitle {
	height: 		2.667em;
	padding: 		0.333em;
	color: 			#464548 !important;
	text-align: 	center;
	overflow: 		hidden;
}

.tileTitle a {
	color: 			#464548 !important;
}

.tilePrice {
	height: 		1.333em;
	line-height: 	1.333em;
	width:  		13.333em;
	text-align: 	center;
	position: 		absolute;
	bottom: 		0.250em;
}

.tilePrice a {
	color: 			#a4333a !important;
}

/* Promo cover image 135 x 150 */
.tilePromo {
	width: 			17.330em;
	margin:			0.200em 0.200em 0.416em 0.200em;
	float: 			left;
	line-height: 	1.500em;
}

/* Promo Cover image 118 x 150 */
.tileProductPromo {
	height: 		15.800em;
	position: 		relative;
}

.tileCoverPromo {
	float: 			left;
	width:			7.866em;
	height: 		10.000em;
	margin: 		0.600em 0.0em 0.0em 0.600em;
}

.tileInfoPromo {
	float: 			right;
	width:			2.866em;
	height: 		10.000em;
	margin: 		0.600em 0.600em 0.0em 0.0em;
	position: 		relative;
}

/* Cover image 130 x 130 */
.tileProductPromo130 {
	height: 		14.533em;
	position: 		relative;
}

.tileCoverPromo130 {
	float: 			left;
	width:			8.666em;
	height: 		8.666em;
	margin: 		0.600em 0.0em 0.0em 0.600em;
}

.tileInfoPromo130 {
	float: 			right;
	width:			2.866em;
	height: 		8.666em;
	margin: 		0.600em 0.600em 0.0em 0.0em;
	position: 		relative;
}

/* Cover image 135 x 120 */
.tileProductPromo135 {
	height: 		13.800em;
	position: 		relative;
}

.tileCoverPromo135 {
	float: 			left;
	width:			9.000em;
	height: 		8.000em;
	margin: 		0.600em 0.0em 0.0em 0.600em;
}

.tileInfoPromo135 {
	float: 			right;
	width:			2.866em;
	height: 		10.000em;
	margin: 		0.600em 0.600em 0.0em 0.0em;
	position: 		relative;
}

.tilePricePromo {
	height: 		1.333em;
	line-height: 	1.333em;
	width:  		17.330em;
	text-align: 	center;
	position: 		absolute;
	bottom: 		0.250em;
}

.tilePricePromo a {
	color: 			#a4333a !important;
}

.tileBackNormal {
	background-color: #ececec;
}

.tileBackHighlighted {
	background-color: #ffeeaa;
}