/* Structure */

.tilePack
{
	float: left;
	clear: both;
	margin-bottom: 12px;
}

.tilePackHeader
{
	float: left;
	margin-bottom: 0;
	padding: 3px 12px 4px;
}

.tilePackHeaderContainer
{
	margin-bottom: 12px;
}

.tilePackHeaderText
{
	padding: 0;
}

.tilePackHeader img
{
	height: 24px;
}

.tilePack .tiles
{
	float: left;
	clear: both;
	margin-top: 0;
}

.tilePack .tile
{
	float:left;
	margin-top: 0;
	margin-bottom: 12px;
	margin-left: 12px;
}

.tileImage
{
	overflow: hidden;
}

.tileImage a,
.tileImage img
{
	display: block;
	overflow: hidden;
}

.tileImage a.tileImageOverlay
{
	display: none; /* Hide overlay */
}

.tileImage.tileImageOverlay a.tileImageOverlay
{
	display: block; /* Show overlay only inside tileImageOverlay container */
}

.tileImage a.tileImageOverlay
{
	height: 30px;
	line-height: 30px;
}

.tileTextPosition
{
	margin-top: 12px;
	padding: 0 12px;
}

.tileButtonPosition
{
	clear: both;
}

.tile img
{
	border: none;
}

.tile.w72,
.tile.w96,
.tile.w108,
.tile.w144,
.tile.w180,
.tile.w540
{
	height: auto;
	overflow: visible;
}

.w540 .tileImage {
	height: 234px;
    width: 540px;
}

.w180 .tileImage
{
	width: 180px;
	height: 150px;
}

.w144 .tileImage
{
	width: 144px;
	height: 120px;
}

.w108 .tileImage {
	width: 108px;
	height: 90px;
}

.w72 .tileImage
{
	width: 72px;
	height: 60px;
}

.tile.w108 .tileImageOverlay a.tileImage
{
	height: 75px;
}

.tile.w144 .tileImageOverlay a.tileImage
{
	height: 93px;
}

.tile.w180 .tileImageOverlay a.tileImage
{
	height: 120px;
}

.tile.w540 .tileImageOverlay a.tileImage {
    height: 204px;
}

.tile.w108 a.tileImageOverlay
{
	height: 15px;
	line-height: 13px !important;
	font-size: 10px;
}

.tile.w144 a.tileImageOverlay
{
	height: 27px;
	line-height: 27px !important;
}

/* Presentation */

.tilePackHeader
{
	color: white;
	background-color: black;
	font: normal normal 19px/19px "Arial";
    text-transform: uppercase;
    height: auto;
}

.tilePackHeaderBold
{
	font: normal bold 19px/19px "Arial Black";
}

a.tileImageOverlay
{
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
}

.tileTitle,
.tileTitle a
{
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

.tileTextPosition,
.tileTextPosition a
{
	/*font-size: 12px;*/
	/*line-height: 14px;*/
}

.tileButtonPosition a
{
	display: block;	
	width: 50px;
	height: 18px;
}

.tileButtonPosition a:hover
{
}

.tileButtonPosition a span
{
	display: none;
}

/**
 * Promo Tile Pack Style
 */

.tilePackStylePromo .tiles
{
	margin: 0;
}

.tilePackStylePromo .tile
{
	padding: 5px;
	margin-left: 0;
}

.tilePackStylePromo .adtile
{
	padding: 0;
	margin: 0;
}

.tilePackStylePromo .tileTextPosition,
.tilePackStylePromo .tileButtonPosition
{
	display: none;
}

/**
 * Detail Tile Pack Style
 */

.tilePackStyleDetail .tilePack
{
	width: 100%;
}

.tilePackStyleDetail .tilePack .tile
{
	clear: both;
	width: auto;
	margin-bottom: 12px;
}

.tilePackStyleDetail .tileTextPosition
{
	margin: 0;
	padding: 0;
	width: 192px;
	margin-left: 6px;
	clear: right;
}

.tilePackStyleDetail .tileButtonPosition
{
	text-align: right;
	height: 18px;
}

*:first-child+html .tilePackStyleDetail .tileButtonPosition
{
	height: auto !important;
}

.tilePackStyleDetail .tileButtonPosition a
{
	display: inline-block;
}

.tilePackStyleDetail .tileImage
{
	float: left;
}

/**
 * List Tile Pack Style
 */

.tilePackStyleList .tile
{
	width: auto;
}

.tilePackStyleList .tileTextPosition
{
	margin: 0;
	padding: 0;
	width: 192px;
	margin-left: 6px;
}

.tilePackStyleList .tileButtonPosition
{
	display: none;
}

.tilePackStyleList .tileImage
{
	float: left;
}

/**
 * Feature Tile Pack Style
 */

.tilePackStyleFeature .featuredTile
{
	clear: both;
	width: 100%;
}

.tilePackStyleFeature .featuredTile .tilePackHeader
{
	line-height: 22px;
	padding: 0 0 2px;
}

.tilePackStyleFeature .featuredTile .tilePackHeader .tilePackHeaderText
{
	text-transform: uppercase;
	padding: 4px 12px;
}

.tilePackStyleFeature .featuredTile .tile
{
	margin: 0;
	padding: 12px 6px 24px 12px;
	width: auto;
}

.tilePackStyleFeature .featuredTile .tileTextPosition
{
	float: left;
	clear: right;
	padding: 0;
	margin: 0;
	margin-top: -12px;
}

.tilePackStyleFeature .featuredTile .tileDescription
{
	clear: both;
	padding: 24px;
	padding-left: 12px;
}

.tilePackStyleFeature .featuredTile .tileTitle
{
	display: none;
}

.tilePackStyleFeature .tiles .tile
{
	width: auto;
	margin-top: 24px;
}

.tilePackStyleFeature .tiles .tileTextPosition
{
	margin: 0;
	padding: 0;
	margin-left: 6px;
}

.tilePackStyleFeature .tiles
{
	margin: 0;
	padding-top: 0;
	padding-right: 12px;
}

.tilePackStyleFeature .tiles .tileSubtitle
{
	display: none;
}

.tilePackStyleFeature .tiles .tileImage
{
	float: left;
}

/* Dimensions */

.tilePackStyleFeature
{
	width: 421px;
}

.tilePackStyleFeature .tilePack
{
	margin-top: 12px;
}

.tilePackStyleFeature .featuredTile .tilePackHeader
{
	width: 265px;
	height: 48px;
}

.tilePackStyleFeature .featuredTile .tileTextPosition
{
	width: 253px;
}

.tilePackStyleFeature .tiles .tileTextPosition
{
	width: 108px;
}

/**
 * Play Tile Pack Style
 */

.tilePackStylePlay .tileTextPosition
{
	display: none;
}

.tilePackStylePlay .tilePack .tile
{
	margin-left: 12px;
	margin-right: 12px;
	margin-bottom: 24px;
}
