html, body
{
margin: 0;
padding: 0;
border: 0;
text-align: left;
line-height: 1.5;
font-size: 75%;
color: #222;
background: #fff;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
vertical-align: baseline;
}
body, div, span, object, img,
h1, h2, h3, h4, h5, h6,
p, a, em, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td
{
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
a img { border: none; }
h2
{
color: #8b7ee3;
font-weight: bold;
font-size: 23px;
line-height: 23px;
margin: 0;
padding: 0;
padding-bottom: 16px;
font-family: "Georgia", serif;
}
h3
{
color: #8b7ee3;
font-weight: bold;
font-size: 16px;
line-height: 16px;
margin: 0;
padding: 0;
padding-bottom: 12px;
font-family: "Georgia", serif;
}
div#container
{
background-repeat: no-repeat;
background-image: url(http://a.dolimg.com/en-US/dcom/media/foryou/preschool/background.jpg);
width: 994px;
margin: 0 auto;
padding-bottom: 1em;
}
a:active, :focus { outline: none; -moz-outline-style: none; }
div#chrome
{
height:48px;
padding:0;
margin:0px 0px 0px -2px;
line-height:0;
width:994px;
}
div#logo-char-nav-container
{
clear: both;
height: 141px;
}
#logo-char-nav
{
position:relative;
top: 0px;
height: 160px;
left: 0px;
border:0;
padding:0;
margin:0;
width:994px;
line-height:0;
}
#left-nav-container
{
overflow: hidden;
}
* html #kids-parents-nav {
height:684px;
}
div#logo
{
float: left;
}
div#nav-character
{
clear: right;
}
div#sidebar
{
float: left;
clear: left;
width: 190px;
overflow: hidden;
}
div#content
{
margin-bottom: 2em;
clear: none;
float: left;
}
div#tilepack-container
{
float: left;
}
div#tilepack-container img
{
display: block;
}
div#promo-placements
{
clear: both;
padding-top: 2em;
}
div img
{
margin-left: auto;
margin-bottom: 0px;
margin-right: auto;
margin-top: 0px;
display: block;
}
div#footer
{
clear: both;
width:994px;
margin: 0px 0px 0px -2px;
}
div#ad-top
{
height: 90px;
padding-bottom: 6px;
padding-top: 3px;
}
div#ad-top img,
div#ad-top iframe
{
margin: 0px auto;
}
div#ad-top img
{
height: 90px;
width: 728px;
}
div#ad-sidebar
{
width: 180px;
height: 160px;
float: left;
clear: left;
padding-top: 1em;
}
div#ad-right
{
clear: none;
float: right;
}
p.disney-ui-loading
{
/*background: transparent url(/wwwroot/media/en-US/dcom/foryou/preschool/disney-ui/loading.gif) 0 50% no-repeat;*/
background: transparent url(http://a.dolimg.com/en-US/dcom/media/foryou/preschool/disney-ui/loading.gif) 0 50% no-repeat;
padding-left: 24px;
}
/* 4X1 PROMO TILEPACK */
body #container #promo-tilepack-container,
body #container #promo-tilepack-container div.disney-ui-tilepack { width: 868px; height: 284px; }
body #container #promo-tilepack-container div.disney-ui-tilepack div.tilepack-carousel { width: 836px; }
body #container #promo-tilepack-container div.disney-ui-tilepack table { margin-left: 26px; }
body #container #promo-tilepack-container div.disney-ui-tilepack td.tilepack-media img { display: block; width: 180px; height: 150px; margin: 2px; -ms-interpolation-mode: biccubic;}
body #container #promo-tilepack-container div.disney-ui-tilepack td.tilepack-media,
body #container #promo-tilepack-container div.disney-ui-tilepack td.tilepack-media div,
body #container #promo-tilepack-container div.disney-ui-tilepack a.tilepack-overlay { width: 184px; height: 154px; }
body #container #promo-tilepack-container div.disney-ui-tilepack td.tilepack-media a.tilepack-overlay { top: -154px; }
body #container #promo-tilepack-container .disney-ui-tilepack { background: transparent url(http://a.dolimg.com/en-US/dcom/media/foryou/preschool/4x1_promo_bg.png) no-repeat; }
body #container #promo-tilepack-container .disney-ui-tilepack .tilepack-carousel { padding-left: 6px; }
body #container #promo-tilepack-container .disney-ui-tilepack div.tilepack-header { text-align: center; padding-right: 40px; padding-top: 40px; }
body #container #promo-tilepack-container .disney-ui-tilepack div.tilepack-header h2 { font-size: 18px; line-height: 18px; color: #7969e7; }
body #container #promo-tilepack-container .disney-ui-tilepack .tilepack-carousel { padding-top: 25px; }
body #container #promo-tilepack-container .disney-ui-tilepack table.tilepack-grid td { padding-right: 20px; }
body #container #promo-tilepack-container .disney-ui-tilepack table td.tilepack-media div.tilepack-media { background: transparent url('') 2px 2px no-repeat; }
body #container #promo-tilepack-container .disney-ui-tilepack a.tilepack-overlay { width: 184px; height: 154px; background-image: url(http://a.dolimg.com/en-US/dcom/media/foryou/preschool/4x1_promo_overlay.gif); }
* html body #container #promo-tilepack-container .disney-ui-tilepack a.tilepack-overlay { width: 184px; height: 154px; background-image: none; }
/* MAIN PAGE */
body#main-page div#carousel-container
{
overflow: hidden;
width: 804px;
float: right;
}
body#main-page div#tilepack-container
{
width: 486px;
}
body#main-page div.disney-ui-tilepack div.tilepack-header { text-align: center; }
body#main-page div.disney-ui-tilepack,
body#main-page div.disney-ui-tilepack div.tilepack-carousel
{
width: 400px;
}
div.disney-ui-tilepack
{
margin: 0 auto;
}
body#main-page div#ad-right
{
padding-top: 2em;
}
/* ARTICLE PAGE */
body#article-page div#article-container
{
width: 485px;
}
body#article-page div#tilepack-container
{
padding-bottom: 16px;
float: right;
}
/* OTHER PAGE */
body#other-page div#content
{
float: right;
}
body#other-page div.disney-ui-feature
{
width: 761px;
}
body#other-page div.disney-ui-feature table.feature-panel
{
width: 761px;
height: 299px;
background: transparent url(http://a.dolimg.com/en-US/dcom/media/foryou/preschool/disney-ui/feature/panel-2.gif) 0 0 no-repeat;
}
body#other-page div#tilepack-container
{
width: 486px;
}
body#other-page div.disney-ui-tilepack div.tilepack-header { text-align: center; }
body#other-page div.disney-ui-tilepack,
body#other-page div.disney-ui-tilepack div.tilepack-carousel
{
width: 400px;
}
body#other-page div.disney-ui-feature table.feature-panel td.feature-content
{
padding-left: 16px;
}
body#other-page div.disney-ui-feature table.feature-panel td.feature-media,
body#other-page div.disney-ui-feature table.feature-panel td.feature-content
{
padding-top: 18px;
}
body#other-page div#ad-right
{
padding-top: 2em;
}
/* SHOP PAGE */
body#shop-page div#content { padding-left: 16px; }
body#shop-page div.disney-ui-feature div.feature-footer { position: relative; top: -28px; }
body#shop-page img#search-by-character { cursor: pointer; display: block; margin: 0 auto; }
body#shop-page div#feature-container div#menu-container
{
position: absolute;
top: 47px;
left: 175px;
}
/* SHOP PAGE - TILE PACK */
body#shop-page div#tilepack-container { position: relative; top: -32px; width: 608px; }
body#shop-page div#tilepack-container,
body#shop-page div#tilepack-container div.disney-ui-tilepack { width: 608px; height: auto; }
body#shop-page div#tilepack-container div.disney-ui-tilepack div.tilepack-carousel { width: 588px; }
body#shop-page div#tilepack-container div.disney-ui-tilepack div.tilepack-carousel table { margin-left: 56px; }
body#shop-page div#tilepack-container div.disney-ui-tilepack td.tilepack-media img { display: block; width: 140px; height: 140px; margin: 0px; -ms-interpolation-mode: biccubic;}
body#shop-page div#tilepack-container div.disney-ui-tilepack td.tilepack-media,
body#shop-page div#tilepack-container div.disney-ui-tilepack td.tilepack-media div,
body#shop-page div#tilepack-container div.disney-ui-tilepack a.tilepack-overlay { width: 140px; height: 140px; }
body#shop-page div#tilepack-container div.disney-ui-tilepack td.tilepack-media a.tilepack-overlay { top: -140px; background-color: transparent; }
body#shop-page div#tilepack-container div.disney-ui-tilepack { background-image: none; }
body#shop-page div#tilepack-container div.disney-ui-tilepack div.tilepack-header { display: none; }
body#shop-page div#tilepack-container div.disney-ui-tilepack div.tilepack-header h2 { display: none; }
body#shop-page div#tilepack-container div.disney-ui-tilepack table.tilepack-grid td { padding-right: 56px; }
body#shop-page div#tilepack-container div.disney-ui-tilepack table td.tilepack-media div.tilepack-media { background: transparent url('') 0px 0px no-repeat; }
body#shop-page div#tilepack-container div.disney-ui-tilepack a.tilepack-overlay { background-image: url(''); }
/* GAME PAGE */
#game-page { background: white url(http://a.dolimg.com/en-US/dcom/media/foryou/preschool/game-page/background.jpg) top center no-repeat; min-width:994px;}
#game-page #content { width: 800px; float: right; }
#game-page #container { background: none; }
#game-page #sidebar { height: auto; }
#game-page #game-container .disney-ui-game-large { float: right; }
#game-page #tilepack-wrapper { width: 800px; float: right; }
#game-page #tilepack-wrapper img { display: block; }
#game-container div.disney-ui-game-small
{
margin: 0 auto;
}
#game-container div.disney-ui-game-large
{
margin: 0 0 0 -6px;
}
body#game-page #tilepack-wrapper
{
margin-top: 1em;
}
body#game-page #tilepack-wrapper #tilepack-container
{
float: none;
margin: 0 auto;
}
body#game-page #promo-placements { width: 800px; height: 470px; float: right; clear: both; }
body#game-page #promo-placements #promo-tilepack-container { float: left; }
body#game-page #promo-placements #ad-right { padding-top: 40px; }
/* 2x2 PROMO TILEPACK */
body#game-page #container #promo-tilepack-container,
body#game-page #container #promo-tilepack-container div.disney-ui-tilepack { width: 479px; height: 461px; }
body#game-page #container #promo-tilepack-container div.disney-ui-tilepack div.tilepack-carousel { width: 428px; }
body#game-page #container #promo-tilepack-container div.disney-ui-tilepack table { margin-left: 35px; }
body#game-page #container #promo-tilepack-container .disney-ui-tilepack { background: transparent url(http://a.dolimg.com/en-US/dcom/media/foryou/preschool/2x2_promo_bg.png) no-repeat; }
body#game-page #container #promo-tilepack-container .disney-ui-tilepack div.tilepack-header { padding-right: 0px; }
body#game-page #container #promo-tilepack-container .disney-ui-tilepack div.tilepack-header h2 { padding-left: 10px; }
body#game-page #container #promo-tilepack-container .disney-ui-tilepack table.tilepack-grid td.tilepack-meta { height: 12px; line-height: 12px; padding: 0px; }
body#game-page #container #promo-tilepack-container .disney-ui-tilepack .tilepack-carousel { padding-left: 12px; padding-top: 18px; }
/* GAME PAGE TILEPACK */
body#game-page div.disney-ui-tilepack,
body#game-page div.disney-ui-tilepack div.tilepack-carousel { width: 770px; }
body#game-page div.disney-ui-tilepack td.tilepack-media img { display: block; width: 108px; height: 90px; margin: 21px; -ms-interpolation-mode: biccubic;}
body#game-page div.disney-ui-tilepack td.tilepack-media,
body#game-page div.disney-ui-tilepack td.tilepack-media div,
body#game-page div.disney-ui-tilepack a.tilepack-overlay { width: 150px; height: 132px; }
body#game-page div.disney-ui-tilepack td.tilepack-media a.tilepack-overlay { top: -132px; }
body#game-page div.disney-ui-tilepack td { padding-right: 5px; }
body#game-page #tilepack-container .tilepack-header
{
text-align: center;
}
body#game-page div.disney-ui-tilepack td.tilepack-media div.tilepack-media
{
background-position: center center;
}
body#game-page div.disney-ui-tilepack a.tilepack-overlay
{
background-image: url(http://a.dolimg.com/en-US/dcom/media/foryou/preschool/game-page/tilepack-overlay.png);
}
* html body#game-page div.disney-ui-tilepack a.tilepack-overlay
{
background-image: none;
}
body#game-page div.disney-ui-tilepack div.tilepack-header h2 {
font-family: "Arial Bold", Arial, sans-serif;
color: #6d96bd;
}
body#game-page div.disney-ui-tilepack table.tilepack-grid p.tilepack-title,
body#game-page div.disney-ui-tilepack table.tilepack-grid p.tilepack-desc
{
font-family: "Arial Bold", Arial, sans-serif;
color: #6d96bd;
}
/* MUSIC HTML PAGE */
#music-page { background: white url(http://a.dolimg.com/media/en-US/segments/preschool/bitmaps/backgrounds/music.jpg) top center no-repeat; min-width:994px;}
#music-page #content { width: 800px; float: right; }
#music-page #container { background: none; }
#music-page #sidebar { height: auto; }
#music-page #music-container .disney-ui-music-large { float: right; }
#music-page #tilepack-wrapper { width: 800px; float: right; }
#music-page #tilepack-wrapper img { display: block; }
#music-container
{
margin: 0 auto;
margin-left: 40px;
}
body#music-page #tilepack-wrapper
{
margin-top: 1em;
}
body#music-page #tilepack-wrapper #tilepack-container
{
float: none;
margin: 0 auto;
}
body#music-page #promo-placements { width: 800px; height: 470px; float: right; clear: none; }
body#music-page #promo-placements #promo-tilepack-container { float: left; }
body#music-page #promo-placements #ad-right { padding-top: 40px; }
/* 2x2 PROMO TILEPACK */
body#music-page #container #promo-tilepack-container,
body#music-page #container #promo-tilepack-container div.disney-ui-tilepack { width: 479px; height: 461px; }
body#music-page #container #promo-tilepack-container div.disney-ui-tilepack div.tilepack-carousel { width: 428px; }
body#music-page #container #promo-tilepack-container div.disney-ui-tilepack table { margin-left: 35px; }
body#music-page #container #promo-tilepack-container .disney-ui-tilepack { background: transparent url(http://a.dolimg.com/en-US/dcom/media/foryou/preschool/2x2_promo_bg.png) no-repeat; }
body#music-page #container #promo-tilepack-container .disney-ui-tilepack div.tilepack-header { padding-right: 0px; }
body#music-page #container #promo-tilepack-container .disney-ui-tilepack div.tilepack-header h2 { padding-left: 10px; }
body#music-page #container #promo-tilepack-container .disney-ui-tilepack table.tilepack-grid td.tilepack-meta { height: 12px; line-height: 12px; padding: 0px; }
body#music-page #container #promo-tilepack-container .disney-ui-tilepack .tilepack-carousel { padding-left: 12px; padding-top: 18px; }
/* music PAGE TILEPACK */
body#music-page div.disney-ui-tilepack,
body#music-page div.disney-ui-tilepack div.tilepack-carousel { width: 770px; }
body#music-page div.disney-ui-tilepack td.tilepack-media img { display: block; width: 108px; height: 90px; margin: 21px; -ms-interpolation-mode: biccubic;}
body#music-page div.disney-ui-tilepack td.tilepack-media,
body#music-page div.disney-ui-tilepack td.tilepack-media div,
body#music-page div.disney-ui-tilepack a.tilepack-overlay { width: 150px; height: 132px; }
body#music-page div.disney-ui-tilepack td.tilepack-media a.tilepack-overlay { top: -132px; }
body#music-page div.disney-ui-tilepack td { padding-right: 5px; }
body#music-page #tilepack-container .tilepack-header
{
text-align: center;
}
body#music-page div.disney-ui-tilepack td.tilepack-media div.tilepack-media
{
background-position: center center;
}
body#music-page div.disney-ui-tilepack a.tilepack-overlay
{
background-image: url(http://a.dolimg.com/en-US/dcom/media/foryou/preschool/music-page/tilepack-overlay.png);
}
* html body#music-page div.disney-ui-tilepack a.tilepack-overlay
{
background-image: none;
}
body#music-page div.disney-ui-tilepack div.tilepack-header h2 {
font-family: "Arial Bold", Arial, sans-serif;
color: #6d96bd;
}
body#music-page div.disney-ui-tilepack table.tilepack-grid p.tilepack-title,
body#music-page div.disney-ui-tilepack table.tilepack-grid p.tilepack-desc
{
font-family: "Arial Bold", Arial, sans-serif;
color: #6d96bd;
}