
/***************************************************************
 *  File: /css/reset.css
 ***************************************************************/
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.hidden {
	display: none;
}
/***************************************************************
 *  File: css/dropshadows.css
 ***************************************************************/
.maincontainerright {
	background: url("http://cdn2.dolimg.com/explore/media/defaultportfolio/SHADOWS/upperrightfade.png") right top no-repeat;
	margin-bottom: -6px;
	float: left;
	display: inline;
}

.maincontainerleft {
	background: url("http://cdn1.dolimg.com/explore/media/defaultportfolio/SHADOWS/lowerleftfade.png") left bottom no-repeat;
	padding-top: 6px;
	padding-left: 6px;
}

.shadowholder {
	background: url("http://cdn.dolimg.com/explore/media/defaultportfolio/SHADOWS/shadow.png") bottom right;
}

.innercontainer {
	position: relative;
	left: -6px;
	top: -6px;
}

.shadowholder img {
	vertical-align: bottom;
}

.shadowCompensation {
	margin-bottom: -6px;
}

/* correct bottom margin for left navigation */
.navList .maincontainerright { 
	margin-bottom: 0; 
}

/***************************************************************
 *  File: css/base12LayoutStructure.css
 ***************************************************************/
/* Navigation */

.section_menu {
	margin-bottom: 24px;
}

.navList {
	list-style: none;
	padding-left: 0px;
	margin-left: 12px;
}

.navItem {
	cursor: pointer;
	display: block;
}

.navItem .navText {
        display: block;
        padding-top: 3px;
        padding-right: 12px;
}

.navItem:hover {
        padding-left: 0px;
        padding-right: 0px;
}

.navItem:hover .navText {
        padding-left: 12px;
}

.navList li:hover {
		margin-left: 12px;
}

.navBoxVerticalSpacer { 
        padding-top: 6px;
}
.navBoxHorizontalSpacer {
        padding-left: 12px;
}

.navText a
{
	display: block;
}

/* Tier C */

body {
}

.hidden {
	display: none;
}

.nomargin {
	margin: 0px;
}

div#layout {
	width: 996px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1;
}

.leaderboardRegion * {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}

.leaderboardRegion table {
	margin-left: auto;
	margin-right:auto;
}

.leaderboardRegion #leaderboardinnerad {
	padding-top: 3px;
	padding-bottom: 12px;
}

.chrome {
	width: 996px;
	margin-bottom: -4px;
	margin-left: auto;
	margin-right: auto;
	height: 52px;
	position: relative;
	z-index: 2;
}
.chromeSpacer { display: none; }

.columns {
	width: 996px;
	clear: both;
}

.leftCol, .leftColA {
	width: 192px;
	min-height: 450px;
	margin-top: 12px;
	margin-left: 12px;
	margin-right: 0px;
	margin-bottom: 12px;
	float: left;
}

.leftCol .adtile {
	height: 162px;
}

.leftColA {
	min-height: 200px;
	max-height: 350px;
}

.portLogo {
	width: 192px;
	max-width: 192px;
	max-height: 192px;
	margin-bottom: 12px;
	overflow: hidden;
}

.topMidForVideo {
	width: 758px;
	height: 321px;
	margin-top: 72px;
	margin-left: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: left;
}

.topMidForBio {
	width: 420px;
	margin-top: 72px;
	margin-left: 24px;
	margin-right: 18px;
	margin-bottom: 12px;
	float: left;
}

.topMidForHome {
	width: 576px;
	margin-top: 72px;
	margin-left: 6px;
	margin-right: 0px;
	margin-bottom: 12px;
	float: left;
	min-height: 140px;
}

.topMidForHome .videoPlayer {
	height: 300px;
}

.topMidHomeImage {
	height: 264px;
	width: 352px;
	overflow: hidden;
	float: left;
}

.topMidHomeArticle {
	height: 240px;
	width: 200px;
	overflow: hidden;
	float: left;
        text-align: left;
        padding: 12px 12px 12px 12px;
}

.topMidForGallery {
	width: 564px;
	margin-top: 72px;
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 12px;
	float: left;
}

.topMidBioDesc .article {
	margin-bottom: 24px;
	text-align: left;
	padding: 24px;
}

.topMidForProducts {
	width: 324px;
	height: 348px;
	margin-top: 72px;
	margin-left: 24px;
	margin-right: 0px;
	margin-bottom: 24px;
	float: left;
}

.topMidForAlbums, .topMidForExtras {
	width: 420px;
	margin-top: 72px;
	margin-left: 12px;
	margin-right: 0px;
	margin-bottom: 12px;
	float: left;
}

.topMidForExtras {
	margin-left: 24px;
	padding-top: 12px;
	padding-bottom: 12px;
	min-height: 380px;
}

.topMidProductTP {
	margin: 12px;
}

.topMidProductTP .tileTextPosition {
	margin-top: 12px;
}

.midCol, .midColA, .midColAlbums {
	width: 420px;
	margin-left: 24px;
	margin-right: 12px;
	margin-top: 0px;
	margin-bottom: 12px;
	float: left;
}

.midColA {
	margin-left: 24px;
	width: 642px;
	margin-right: 0px;
}

.midColA .tile {
	margin-left: 12px;
}

.midColAlbums {
	margin-top: 24px;
	margin-left: 12px;
	margin-right: 12px;
}

.rightCol, .rightColA {
	margin-top: 0px;
	margin-bottom: 12px;
	margin-right: 12px;
	float: left;
}

.topRight, .topRightBio, .topRightProducts, .topRightExtras {
	width: 186px;
	margin-top: 48px;
	margin-left: 0px;
	margin-right: 18px;
	margin-bottom: 0px;
	float: left;
}

.topRightBio {
	margin-top: 72px;
}

.rightColA .adtile, .topRightBio .adtile {
}

.topRightBioImage {
	margin-left: 6px;
	margin-bottom: 24px;
}

.topRightProducts {
	width: 420px;
	height: 372px;
	margin-top: 48px;
	margin-left: 18px;
	margin-right: 0px;
	margin-bottom: 24px;
}

.topRightExtras {
	width: 324px;
	margin-top: 72px;
	margin-left: 12px;
	margin-right: 12px;
	margin-bottom: 0px;
	float: left;
}

.topRightAlbumAd {
	margin-left: 4px;
}


.w300h228 {
	width: 300px;
	height: 228px;
	overflow: hidden;
}

.w72 {
	width: 72px;
	height: 60px;
	overflow: hidden;
}

.w96 {
	width: 96px;
	height: 96px;
	overflow: hidden;
}

.w108 {
	width: 108px;
	height: 90px;
	overflow: hidden;
}

.w144 {
	width: 144px;
	height: 120px;
	overflow: hidden;
}

.w180 {
	width: 180px;
	height: 150px;
	overflow: hidden;
}

.w300 {
	width: 300px;
}

.adtile {
	margin-top: 0px;
	padding: 5px;
}

.adtile img
{
	display: block;
}

/* Tile Pack */

.tile, .tile12 {
	margin-left: 12px;
	margin-bottom: 24px;
	float: left;
}

.leftCol .tile {
	margin-left: 0px;
}

.topRightExtras .tile {
	margin-left: 12px;
}

.tile img, .tile12 img {
	border: none;
}

.tile .thedropshadow {
}

.tile .w180 {
	padding: 5px;
}

.tile12 {
	margin-left: 6px;
	margin-bottom: 12px;
}

.stroke6, .stroke6m, .stroke6tile {
	border: solid 6px;
}

.stroke6m {
	margin-left: 6px;
	margin-right: 6px;
}

.stroke6tile {
	margin-left: 12px;
	margin-left: 12px;
	margin-bottom: 12px;
	float: left;
}

.tilePackHeader, .extrasTilePackHeader, .playTilePackHeader {
	height: 24px;
	/*margin-bottom: -6px;*/
}

.tilePackHeader, .playTilePackHeader {
	float: left;
	margin-bottom: 6px;
}

.tilePackHeaderText {
	padding: 4px 12px 4px 12px;
}

.tilePackHeader img {
	height: 24px;
}

.topMidMidCol {
	/* extras specific */
	padding-left: 12px;
	padding-right: 12px; 
}

.extrasTilePackHeader {
	margin-bottom: 12px;
}

.extrasTilePackHeaderTitle, .extrasTilePackHeaderDesc {
}

.extrasTilePackHeaderTitle {
}

.topMidFeaturedTilePack {
	margin: 6px;
	padding: 12px;
	width: 372px;
}

.featuredTile {
	float: left;
}

.featuredTilePackHeader {
	float: right;
	height: 48px;
	width: 246px;
	margin-right: 6px;
}



.featuredTilePackHeaderTitle, .featuredTilePackHeaderSubTitle, .playTilePackHeader {
	margin-left: 6px;
}

.featuredTilePackHeaderTitle, .playTilePackHeader {
	margin-top: 3px;
}

.featuredTileMainDesc {
	margin-top: 24px;
	width: 191px;
	height: 60px;
	margin-left: 24px;
}

.featuredTilePackSubTile {
	margin-top: 24px;
	width: 160px;
	height: 60px;
	float: left;
	margin-right: 24px;
	overflow: hidden;
}

.featuredTilePackSubTileTitle, .featuredTilePackSubTileDesc {
	padding-left: 6px;
	width: 80px;
}

.featuredTilePackSubTileTitle {
}

.footercenter {
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.flashcontent, .tower_flashcontent, .flashcontentCharacter {
        display: none;
}

.midCol .playTilePack {
	margin-top: 24px;
}

.midCol .playTilePack .playTilePackHeader {
	margin-top: 0;
}

.clearBoth {
        clear: both;
	overflow: hidden;
	height: 0;
}

.clearLeft {
        clear: left;
}

.clearRight {
        clear: right;
}

/* Popup Rollover */

div.tilePackTooltip{
	position: absolute;
	padding:0px;
	border:0px;
	width: 182px;
	height:67px;
	z-index: 100;
}

td.toolTipContentCell{
	padding-top:6px;
	padding-bottom:8px;
	padding-left:8px;
	padding-right:8px;
}

div.toolTipContent{
	margin:0px;
	padding:0px;
}

td.toolTipArrow {
	vertical-align: middle;
}

.htmlText {
	overflow: hidden;
}

/***************************************************************
 *  File: css/homeLayoutStructure.css
 ***************************************************************/
/* ---------- COLUMNS ---------- */

.leftCol
{
	width: 624px;
	min-height: 456px;
	margin-top: 18px;
	margin-left: 12px;
	float: left;
	clear: left;
}

.leftCol .layeredPromo
{
	margin-bottom: 12px;
}

.leftCol .tilePackStylePlay .tilePack
{
	margin-bottom: 0;
}

.rightCol
{
	width: 324px;
	min-height: 456px;
	margin-top: 18px;
	margin-left: 24px;
	float: left;
	clear: right;
}

/* --------- REGION BLOCKING ---------- */

.regionHero
{
	width: 996px;
	height: 502px;
	margin-top: -4px;
}

.regionForYou
{
	width: 624px;
	min-height: 260px;
	margin-bottom: 0;
}

.regionWhatsNew
{
	width: 636px;
	min-height: 276px;
	margin-bottom: 12px;
}

.regionPromo3Pk
{
	width: 636px;
	min-height: 162px;
	margin-bottom: 0;
	margin-left: -6px;
	padding-left: 0;
}

.topRightAlbumAd
{
	margin: 0 0 0 6px;
	padding: 0;
	max-width: 336px;
}

.topRightAlbumAd .adtile
{
	margin: 0 0 12px 0;
}

.bottomRightAlbumAd
{
	margin: 0;
	padding: 0;
	width: 312px;
	padding-left: 24px;
	min-height: 162px;
	margin-top: 12px;
	margin-bottom: 0;
}

.bottomRightAlbumAd .adtile
{
	margin: 0;
}

.regionSpotlight
{
	width: 324px;
	min-height: 432px;
	margin-top: 24px;
}

/* --------- REGION - FOR YOU ---------- */

.regionForYou .tiles
{
	margin-left: 12px;
	padding-bottom: 12px;
}

.regionForYou .tile
{
	margin: 0 12px;
}

/* ---------- REGION - WHAT'S NEW ---------- */

.regionWhatsNew .layeredPromo
{
	margin-left: 12px;
}

.regionWhatsNew .layeredPromoMeta
{
	margin-left: -12px;
}

.regionWhatsNew .layeredPromoImage
{
	width: 140px;
	height: 140px;
	position: relative;
	background-position: left bottom;
}

.regionWhatsNew .tilePack .tiles .tile
{
	margin: 0 0 12px 12px
}

/* --------- REGION - PROMO 3PK ---------- */

.regionPromo3Pk.tilePackStylePromo .tile
{
	margin-left: 18px;
	margin-bottom: 0;
}

/* --------- REGION - SPOTLIGHT ---------- */

.regionSpotlight .tilePackHeaderContainer {
	margin-bottom: 0;
}

.regionSpotlight .tilePackStyleDetail .tilePack .tiles
{
	margin-left: 24px;
	padding-right: 12px;
	background-position: 0 12px;
}

.regionSpotlight .tilePackStyleDetail .tilePack .tile
{
	margin: 0 0 0 -12px;
	padding: 12px 0;
}

.regionSpotlight.tilePackStyleDetail .tileTextPosition
{
	width: 204px;
}

div#textMobileContent {
	margin: 12px auto 12px auto;
	position: relative;
	text-align: center;	
}

div#textMobileContent p.message {
}

div#textMobileContent p.disclaimer {
}
/***************************************************************
 *  File: css/ie6Alert.css
 ***************************************************************/
#ie6Alert {
        background: #ffffee url(http://cdn3.dolimg.com/explore/images/ie6_alert.png) no-repeat 4px 2px;
        border-bottom: 1px solid #000;
        display: none;
        padding: 4px 4px 4px 24px;
        width: 100%;
}

#ie6Alert a {
       color: #000;
       text-decoration: none;
}

/***************************************************************
 *  File: /css/tilepack.css
 ***************************************************************/
/* 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;
}

/***************************************************************
 *  File: css/modules/mediaplayer/tier_b_base.css
 ***************************************************************/
/*
 * DEPLOYED FILE - EDIT WITH CAUTION
 * For use on Home pages
 */

#flashcontent,
#media_content,
#FlashModule_MediaPlayer
{
	left: 23px;
	top: 0;
	width: 948px;
	height: 396px;
}

#preroll_container,
#FlashModule_MediaPlayer #PrerollContainer
{
	left: 0;
	top: 0;
}

#FlashModule_MediaPlayer #TakeOverContainer
{
	left: 0;
	top: 0;
}

/***************************************************************
 *  File: css/modules/tower/tier_b_base.css
 ***************************************************************/
/*
 * DEPLOYED FILE - EDIT WITH CAUTION
 */

#tower_flashcontent,
#FlashModule_Tower
{
	left: 5px;
	top: 4px;
}

#FlashModule_Tower #towerElementHeader2
{
	padding-top: 5pt;
}

/***************************************************************
 *  File: css/tilePackTooltip.css
 ***************************************************************/

div.tilePackTooltip{
	position: absolute;
	padding:0px;
	border:0px;
	width: 182px;
	height:67px;
	z-index: 100;
}

span.itemName{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#00D8FF;
}

span.itemDescription{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

td.toolTipContentCell{
	padding-top:6px;
	padding-bottom:8px;
	padding-left:8px;
	padding-right:8px;
	background-color:#000000;
}
div.toolTipContent{
	margin:0px;
	padding:0px;
}


/***************************************************************
 *  File: css/modules/characternav/tier_b_base.css
 ***************************************************************/
/*
 * DEPLOYED FILE - EDIT WITH CAUTION
 */

#flashcontentCharacter,
#FlashModule_CharacterNav
{
	left: 0px;
	top: 392px;
}

#FlashModule_CharacterNav #modeLabel,
#FlashModule_CharacterNav #sortLabel,
#FlashModule_CharacterNav #toyLabel,
#FlashModule_CharacterNav #searchTextField,
#FlashModule_CharacterNav #normalButton,
#FlashModule_CharacterNav #overButton,
#FlashModule_CharacterNav #selectedButton
{
	text-decoration: none;
	text-indent: 0;
	letter-spacing: 0;
	line-height: 12px;
	margin: 0;
}

/***************************************************************
 *  File: /css/PMPageLayouts/DCOM/HomePage20120106backgroundv2.css
 ***************************************************************/
/* Home */ /************************************** HOMEPAGE TEMPLATE - 20101111r2 **************************************  Supported Modules:     Tile Pack (Standard)    Tile Pack (Overlay)    Tile Pack (Detail)    Tooltip    Layered Promo    Media Player    Tower    Character Nav  **************************************//* ------- PAGE / LAYOUT ------- */body{	color: #000000;	font: normal normal 12px "Arial", "Verdana", "Tahoma", "Tahoma", sans-serif;	text-align: left;	background: #FFFFFF url(http://cdn3.dolimg.com/explore/skins/PMPageLayouts/DCOM/PMModuleFormat/3B8309F2-D278-FA3C-7FEC-B5482216A062.jpg) no-repeat top center;}/* Chrome */body .chrome{	background: transparent url(http://cdn2.dolimg.com/explore/skins/PMPageLayouts/DCOM/PMModuleFormat/AC7665DB-2287-39F7-DB2C-B548241927E8.png) repeat-x;}/* Footer */body .footer,body .footer a{	color: #000000;	font: normal normal 12px "Arial";	text-align: center;}body .footer a:hover{	color: #000000;}/* Mobile Footer */body div#textMobileContent p{	color: #000000;}body div#textMobileContent p.message{	font: normal normal 12px "Arial";	text-align: center;}body div#textMobileContent p.disclaimer{	font: normal normal 10px "Arial";	text-align: center;}/* ------- TILE PACK ------- */body .tilePackHeader{	color: #FFFFFF;	background-color: #000000;	font: normal normal 16px/16px "Arial";}body .tilePackHeaderBold{	font: normal normal 16px/16px "Arial Black";}body a.tileImageOverlay{	color: #FFFFFF;	font: normal normal 12px "Arial Black";	text-align: center;	background: transparent url(http://cdn2.dolimg.com/explore/skins/PMPageLayouts/DCOM/PMModuleFormat/264CFE38-5262-A7B9-536F-B54826894D54.png) repeat;}body .tileTitle,body .tileTitle a{	color: #000000;	font: normal normal 12px "Arial Black";	text-align: left;}body .tileTitle a:hover{	color: #1C56D3;}body .tileSubtitle,body .tileSubtitle a{	color: #000000;	font: normal bold 12px "Arial";	text-align: left;}body .tileDescription,body .tileDescription a{	color: #000000;	font: normal normal 12px "Arial";	text-align: left;}body .tilePack .tiles a.tileButtonLink{	background: transparent url(http://cdn3.dolimg.com/explore/skins/PMPageLayouts/DCOM/PMModuleFormat/494BEC3D-7DD3-CF8F-0747-B54825809BB9.png) no-repeat;	background-position: 0px 0px;	width: 50px;	height: 18px;}body .tilePack .tiles a.tileButtonLink:hover{	background-position: -52px 0px;}/* Ad Tiles */body .topRightAlbumAd .adtile,body .bottomRightAlbumAd .adtile,body .tilePackStylePromo .tile,body .topRightFindAd .adtile{	border: 1px solid #D6D6D6;}/* Region - For You */body .regionForYou .tiles{	background: transparent url(http://cdn3.dolimg.com/explore/skins/PMPageLayouts/DCOM/PMModuleFormat/0252A353-80AE-0DCC-98C8-B548262BFC0F.png) repeat-x;}/* Region - Spotlight */body .regionSpotlight.tilePackStyleDetail .tiles{	background: transparent url(http://cdn2.dolimg.com/explore/skins/PMPageLayouts/DCOM/PMModuleFormat/6BA2F6B9-4764-F40D-CCD1-B54825BE6D0C.png) repeat-x;}/* ------- TOOLTIP ------- */body .tilePackTooltip span.itemName{	color: #0077FF;	font: normal bold 10px "Arial";	text-align: left;}body .tilePackTooltip span.itemDescription{	color: #FFFFFF;	font: normal normal 10px "Arial";	text-align: left;}body .tilePackTooltip td.toolTipContentCell{	background-color: #000000;}/* ---------- LAYERED PROMO ---------- */body .layeredPromo{	background: transparent url(http://cdn1.dolimg.com/explore/skins/PMPageLayouts/DCOM/PMModuleFormat/EE2C8E4A-6350-8213-2FF0-B5482522BE4E.jpg) repeat-y;}body .layeredPromo .layeredPromoImage{	/* Logo Image Currently being added to background */}body .layeredPromo .layeredPromoMetaLeftCol p.title{	color: #000000;	font: normal normal 11px "Arial Black";	text-align: left;}body .layeredPromo .layeredPromoMetaLeftCol p.description{	color: #000000;	font: normal normal 11px "Arial";	text-align: left;}body .layeredPromo .layeredPromoMetaButton a{	background: transparent url(http://cdn3.dolimg.com/explore/skins/PMPageLayouts/DCOM/PMModuleFormat/5B0D407F-2A87-7B26-9169-B548255184CF.png) no-repeat;	width: 105px;	height: 30px;}body .layeredPromo .layeredPromoMetaButton a.Learn        { background-position: 0px -32px; }body .layeredPromo .layeredPromoMetaButton a.Learn:hover  { background-position: -107px -32px; }body .layeredPromo .layeredPromoMetaButton a.Watch        { background-position: 0px 0px; }body .layeredPromo .layeredPromoMetaButton a.Watch:hover  { background-position: -107px 0px; }body .layeredPromo .layeredPromoMetaButton a.Read         { background-position: -214px 0px; }body .layeredPromo .layeredPromoMetaButton a.Read:hover   { background-position: -321px 0px; }body .layeredPromo .layeredPromoMetaButton a.Play         { background-position: -428px 0px; }body .layeredPromo .layeredPromoMetaButton a.Play:hover   { background-position: -535px 0px; }body .layeredPromo .layeredPromoMetaButton a.Create       { background-position: -214px -32px; }body .layeredPromo .layeredPromoMetaButton a.Create:hover { background-position: -321px -32px; }/* ------- CHARACTER NAV ------- */body #FlashModule_CharacterNav #tintableBackground{	color: #FFFFFF;}body #FlashModule_CharacterNav #tabLines{	color: #6A6A6A;}/* Labels */body #FlashModule_CharacterNav #modeLabel{	color: #FFFFFF;	font-style: normal;	font-weight: bold;	font-size: 12px;	font-family: "Arial";	text-align: right;}body #FlashModule_CharacterNav #sortLabel{	color: #FFFFFF;	font-style: normal;	font-weight: bold;	font-size: 12px;	font-family: "Arial";	text-align: right;}body #FlashModule_CharacterNav #toyLabel{	color: #FFFFFF;	font-style: normal;	font-weight: bold;	font-size: 12px;	font-family: "Arial";	text-align: right;}/* Search */body #FlashModule_CharacterNav #searchTextField{	color: #FFFFFF;	font-style: normal;	font-weight: normal;	font-size: 14px;	font-family: "Arial";	text-align: center;}/* Buttons */body #FlashModule_CharacterNav #normalButton{	color: #FFFFFF;	font-style: normal;	font-weight: bold;	font-size: 12px;	font-family: "Arial";	text-align: center;}body #FlashModule_CharacterNav #overButton,body #FlashModule_CharacterNav #selectedButton{	color: #50F0F6;	font-style: normal;	font-weight: bold;	font-size: 12px;	font-family: "Arial";	text-align: center;}/* ------- TOWER ------- */body #FlashModule_Tower #towerElementHeaderBackground{	color: #000000;}body #FlashModule_Tower #fifteenPackBackground,body #FlashModule_Tower #sixPackBackground,body #FlashModule_Tower #fullPackBackground,body #FlashModule_Tower #singleBackground,body #FlashModule_Tower #fullSingleBackground{	color: #000000;}body #FlashModule_Tower #towerElementHeader1{	color: #FFFFFF;	font-style: normal;	font-weight: normal;	font-size: 16px;	font-family: "Arial";	text-align: left;}body #FlashModule_Tower #towerElementHeader2{	color: #FFFFFF;	font-style: normal;	font-weight: bold;	font-size: 16px;	font-family: "Arial";	text-align: left;}/* ------- MEDIA PLAYER ------- *//* Tintable */body #FlashModule_MediaPlayer #tintableBackground       { color: #FFFFFF; }body #FlashModule_MediaPlayer #tintableInsetProgress    { color: #6A6A6A; }body #FlashModule_MediaPlayer #tintableInset            { color: #1C56D3; }body #FlashModule_MediaPlayer #tintableButtonOn         { color: #1C56D3; }body #FlashModule_MediaPlayer #tintableButtonOff        { color: #2C66E3; }body #FlashModule_MediaPlayer #tintableMediaButton      { color: #1C56D3; }body #FlashModule_MediaPlayer #tintableMediaButtonInset { color: #1C56D3; }/* Tintable Styles */body #FlashModule_MediaPlayer #tintableMediaButtonStyle1  { color: #ED0303; }body #FlashModule_MediaPlayer #tintableMediaButtonStyle2  { color: #CC0000; }body #FlashModule_MediaPlayer #tintableMediaButtonStyle3  { color: #680012; }body #FlashModule_MediaPlayer #tintableMediaButtonStyle4  { color: #E9009F; }body #FlashModule_MediaPlayer #tintableMediaButtonStyle5  { color: #FF66CC; }body #FlashModule_MediaPlayer #tintableMediaButtonStyle6  { color: #990066; }body #FlashModule_MediaPlayer #tintableMediaButtonStyle7  { color: #9900CC; }body #FlashModule_MediaPlayer #tintableMediaButtonStyle8  { color: #660099; }body #FlashModule_MediaPlayer #tintableMediaButtonStyle9  { color: #0033CC; }body #FlashModule_MediaPlayer #tintableMediaButtonStyle10 { color: #000099; }body #FlashModule_MediaPlayer #tintableMediaButtonStyle11 { color: #0074E1; }body #FlashModule_MediaPlayer #tintableMediaButtonStyle12 { color: #00CCCC; }body #FlashModule_MediaPlayer #tintableMediaButtonStyle13 { color: #05AC19; }body #FlashModule_MediaPlayer #tintableMediaButtonStyle14 { color: #218203; }body #FlashModule_MediaPlayer #tintableMediaButtonStyle15 { color: #66CC00; }	body #FlashModule_MediaPlayer #tintableMediaButtonStyle16 { color: #BFDA09; }body #FlashModule_MediaPlayer #tintableMediaButtonStyle17 { color: #E2A340; }body #FlashModule_MediaPlayer #tintableMediaButtonStyle18 { color: #FF9907; }body #FlashModule_MediaPlayer #tintableMediaButtonStyle19 { color: #EC6F00; }body #FlashModule_MediaPlayer #tintableMediaButtonStyle20 { color: #FF6633; }/* Time */body #FlashModule_MediaPlayer #timeElapsed{	color: #000000;	font-style: normal;	font-weight: normal;	font-size: 9px;	font-family: "Arial";	text-align: left;}body #FlashModule_MediaPlayer #timeTotal{	color: #000000;	font-style: normal;	font-weight: normal;	font-size: 9px;	font-family: "Arial";	text-align: left;}body #FlashModule_MediaPlayer #timeElapsedFS{	color: #000000;	font-style: normal;	font-weight: normal;	font-size: 9px;	font-family: "Arial";	text-align: left;}body #FlashModule_MediaPlayer #timeTotalFS{	color: #000000;	font-style: normal;	font-weight: normal;	font-size: 9px;	font-family: "Arial";	text-align: left;}/* Info */body #FlashModule_MediaPlayer #infoOverlayTitle{	color: #FFFFFF;	font-style: normal;	font-weight: bold;	font-size: 11px;	font-family: "Arial";	text-align: left;}body #FlashModule_MediaPlayer #infoOverlayDescription{	color: #FFFFFF;	font-style: normal;	font-weight: normal;	font-size: 11px;	font-family: "Arial";	text-align: left;}body #FlashModule_MediaPlayer #infoTitle{	color: #FFFFFF;	font-style: normal;	font-weight: bold;	font-size: 12px;	font-family: "Arial";	text-align: left;}body #FlashModule_MediaPlayer #infoDescription{	color: #FFFFFF;	font-style: normal;	font-weight: bold;	font-size: 10px;	font-family: "Arial";	text-align: left;}body #FlashModule_MediaPlayer #infoButtonLabel{	color: #FFFFFF;	font-style: normal;	font-weight: normal;	font-size: 10px;	font-family: "Arial Black";	text-align: left;}/* Ad Info */body #FlashModule_MediaPlayer #adInfoTitle{	color: #FFFFFF;	font-style: normal;	font-weight: bold;	font-size: 18px;	font-family: "Arial";	text-align: left;}body #FlashModule_MediaPlayer #adInfoMessage{	color: #FFFFFF;	font-style: normal;	font-weight: normal;	font-size: 11px;	font-family: "Arial";	text-align: left;}body #FlashModule_MediaPlayer #adInfoTimeMessage{	color: #FFFFFF;	font-style: normal;	font-weight: normal;	font-size: 11px;	font-family: "Arial";	text-align: left;}body #FlashModule_MediaPlayer #adInfoTimeLeft{	color: #FFFFFF;	font-style: normal;	font-weight: normal;	font-size: 18px;	font-family: "Arial";	text-align: left;}/* Hero */body #FlashModule_MediaPlayer #heroSlideshowTitle{	color: #FFFFFF;	font-style: normal;	font-weight: bold;	font-size: 10px;	font-family: "Arial";	text-align: left;}body #FlashModule_MediaPlayer #heroSlideshowDescription{	color: #FFFFFF;	font-style: normal;	font-weight: normal;	font-size: 10px;	font-family: "Arial";	text-align: left;}/************************************/		