@import url('reset_Debug.css');
@import url('legacy.css');
body {
    background: #fff;
    font-family: verdana;
}

/* LAYOUT
 ---------------------------------------------*/
#wrapper {
    width: 960px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    background-image:url(/global/media/images/bg.jpg);
    /*background-image:url(/global/media/images/bgs/bg.jpg);*/
    background-position:0 0;
    background-repeat:no-repeat;
}

#header {
    position: relative;
    height: 172px;
    /*background: #B9FFFD url('../media/images/bgs/header.jpg') no-repeat top center;*/
}

#header .banner {
    background-color: Transparent;
    position: absolute;
    top: 5px;
    left: 214px;
    z-index: 10;
    background-image:url(/global/media/images/ad-tag.gif);
    background-repeat:no-repeat;
    background-position:728px top;
    padding-right:15px;
    width:728px;
}
#main-content .ad, #mainPromo .ad
{
    background-image:url(/global/media/images/ad-tag.gif);
    background-repeat:no-repeat;
    background-position:300px bottom;
    padding-right:15px;
    width:300px;
}


#column3 .banner {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    background-color:Transparent;
}

#main {
    width: 800px;
    float: left;
/*    background-color: #fff;*/
    min-height: 600px;
}

#main_wide {
    width: 960px;
    float: left;
    /*background-color: #fff;*/
    min-height: 600px;
	display: inline;
}

.contentCol1Col2 {
    padding: 32px;
}

.contentRow1 {
    padding: 8px 24px;
}

#row1, #row2, #column1, #column2, #column3 {
    position: relative;
}
#row1,#row2
{
    /*background-image:url(/global/media/images/bgs/bg_full.jpg); */
    background-repeat:no-repeat;
}
#row1 
{
    height: 413px;    
    background-position:0 0;    
}
#row2 
{
    height: 187px;
    background-position:0 -413px; 
}

#column1 {
    /*background: #B9FFFD url('../media/images/bgs/column1.jpg') no-repeat top left;*/
    width: 150px;
    min-height: 600px;
    float: left;
}

#column2 {
    /*background: #fff url('../media/images/bgs/column2.jpg') no-repeat top center;*/
    width: 650px;
    float: right;
    min-height: 600px;
}

#column2_wide {
    /*background: #fff url('../media/images/bgs/column2_wide.jpg') no-repeat 0 0;*/
    width: 810px;
    float: right;
    min-height: 600px;
	display: inline;
}

* html #column2, #column2_wide {
	height: 600px;
}

#column3 {
    /*background: #B9FFFD url('../media/images/bgs/column3.jpg') no-repeat top center;*/
    width: 160px;
    float: right;
    min-height: 600px;
    background-color:Transparent!important;
}

#footer {
    padding: 20px 0;
    clear: both;
    text-align: center;
}

#footer li {
    display: inline;
}

#footer ul {
    margin: 4px 0;
    clear: left;
}

.footerImgs {
    margin-bottom: 20px;
    float: left;
}

#footer .footlink_getnick {
    background-image: url('../media/images/footlink_getnick.gif');
    text-indent: -200em;
    display: block;
    width: 302px;
    height: 38px;
    background-position: left top;
    background-repeat: no-repeat;
    overflow: hidden;
    border: none;
    padding: 0;
    float: left;
}

#footer .footlink_getnick:hover {
    background-position: left bottom;
}

#nickKidsAndFam {
    float: left;
    margin: 3px 7px 0 300px;
}

/* TYPOGRAPHY
 ---------------------------------------------*/
#footer {
    font-size: 100%; /* 13px */
}

#footer .legal {
    font-size: 85%; /* 11px */
}

form label, .form input.text, .form textarea, .form input.textS, .form select, form span.label {
    font-size: 138.5%; /* 18px */
    font-family: Verdana;
}

h2 {
    font-size: 108%;
    font-weight: bold;
    padding: 10px 0;
}

/* LINKS
 ---------------------------------------------*/
a:active {
    outline: none;
}

#header a.homeLink {
    position: absolute;
    top: 28px;
    left: 15px;
}

a.shopLink, .videoLink {
    z-index: 1;
    position: absolute;
    top: 32px;
    left: 627px;
}

.banner {
    background-color: #fff;
    width: 160px;
    height: auto;
    text-align: center;
}

.banner .videoLink {
    top: 0;
    left: 0;
}

#footer a {
    padding: 0 6px 0 4px;
    border-right: solid 1px #666;
}

#footer a.last {
    border-right: none;
}

#footer a:link, #footer a:visited {
    text-decoration: underline;
    color: #000;
}

#footer a:hover, #footer a:active {
    outline: none;
}




#nav-flash
{
    position:absolute;
    width:960px;
    height:70px;
    top:95px;
}

#mainNav a, #mainNav a:link, #mainNav a:visited, #homeLinks a, #homeLinks a:link, #homeLinks a:visited {
    z-index: 1;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-position: top left;
}

#mainNav a:hover, #mainNav a:active {
    background-position: 0px -37px;
    outline: none;
}

#homeLinks a:hover, #homeLinks a:active {
    background-position: 0px -65px;
    outline: none;
}

#mainNav a span, #homeLinks a span, #leavingPage h1 span, #getNickJr h1 span {
    position: absolute;
    left: -999em;
    top: -999em;
}

#mainNav #fun {
    background-image: url('../media/images/navbits/navMainFun.png');
    width: 201px;
    height: 35px;
    top: 103px;
    left: 230px;
}

#what {
    background-image: url('../media/images/navbits/navMainWhat.png');
    width: 196px;
    height: 37px;
    top: 101px;
    left: 460px;
}

#mainNav #offers {
    background-image: url('../media/images/navbits/navMainOffers.png');
    width: 109px;
    height: 34px;
    top: 108px;
    left: 686px;
}

#mainNav #shows {
    background-image: url('../media/images/navbits/navMainShows.png');
    width: 115px;
    height: 31px;
    top: 133px;
    left: 162px;
}

#mainNav #make {
    background-image: url('../media/images/navbits/navMainMake.png');
    width: 171px;
    height: 33px;
    top: 133px;
    left: 358px;
}

#mainNav #video {
    background-image: url('../media/images/navbits/navMainVideo.png');
    width: 112px;
    height: 34px;
    top: 130px;
    left: 610px;
}

#mainNav #navevents {
    background-image: url('../media/images/navbits/nav_events.gif');
    width: 139px;
    height: 35px;
    top: 123px;
    left: 785px;
}

#mainNav a#navevents:hover, #mainNav a#navevents:active {
    background-position: left -35px;
}

#mainNav #ticker {
    position: absolute;
    top: 95px;
    left: 800px;
}

/* btmPromos */
a.btmPromo 
{
    width:162px;
    height:196px;
    display:block;
    float:left;
    background-repeat:no-repeat;
    position:relative;
    background-position:12px 9px;
    overflow:hidden;
    text-decoration:none;
}
a.btmPromo span
{
    display:block;
    width:150px;
    height:25px;
    padding-top:12px;
    background-image:url(/global/media/images/btmPromos/tab.png);
    background-position:center bottom;
    position:absolute;
    bottom:-37px;
    left:12px;
    background-repeat:no-repeat;
    font-weight:bold;
    color:#fff;
    text-align:center;
    text-decoration:none;
}
a.btmPromo span.lines2
{
    padding-top:3px;
    height:34px;
}
a.btmPromo1
{
    height:195px;
    width:150px;
    background-image:url(/global/media/images/btmPromos/skyride.png);
    background-repeat:no-repeat;
    background-position:30px 13px;
}
a.btmPromo1 span
{
    left:5px;
}
#row2 a.btmPromo 
{
    height:187px;
    background-position:12px -1px;
}
#row2 a.btmPromo3 
{
    background-position:0 -10px!important;
}
a.btmPromo:hover, a.btmPromo:active 
{
    outline: none;
}
a.btmPromoRight
{
    
    float:right;
}
a.btmPromoRight span
{
    right:6px;
    left:auto;
}



#homeLinks #mainPromo1 {
    top: 0;
    left: 0;
}

#homeLinks #mainPromo2 {
    top: 0;
    left: 402px;
}

#homeLinks #mainPromo3 {
    top: 203px;
    left: 0;
}

#homeLinks #newsletter {
    background-image: url('../media/images/homePage/newsletterBtn.jpg');
    width: 402px;
    height: 65px;
    top: 348px;
    left: 0;
}

#homeLinks #contact {
    background-image: url('../media/images/homePage/contactBtn.jpg');
    width: 248px;
    height: 65px;
    top: 348px;
    left: 402px;
}

/* new left hand nav links */
#characterNav
{
    margin:5px 0 0 10px;
}
#characterNav a
{
    width:130px;
    height:56px;
    display:block;
    border:none;
    background-image:url('../media/images/characterNav.png');
    background-repeat:no-repeat;
    background-position:left 7px;
    position:relative;
}
#characterNav a span
{
    position:absolute;
    display:block;
    top:0;
    left:0;
    text-indent:-200em;
    width:130px;
    height:56px;
    background-position:left -100px;
    background-repeat:no-repeat;
}
#characterNav a img
{
    position:absolute;
    top:0px;
    left:10px;
}
#characterNav a:hover span
{
    background-position:left bottom;
}
#characterNav a:hover { background-position:left -74px; }
#characterNav #characterNav1 { height:65px; background-position:left 15px; }
#characterNav #characterNav1 img { left:5px; }
#characterNav #characterNav1 span { top:8px; background-image:url('../media/images/characterNav/lhn1_hover.png'); }
#characterNav #characterNav1:hover { background-position:left -66px; }
#characterNav #characterNav2 img { top:-5px; }
#characterNav #characterNav2 span { background-image:url('../media/images/characterNav/lhn2_hover.png'); }
#characterNav #characterNav3 img { left:3px; top:-2px; }
#characterNav #characterNav3 span { background-image:url('../media/images/characterNav/lhn3_hover.png'); }
#characterNav #characterNav4 img { top:-1px; }
#characterNav #characterNav4 span { background-image:url('../media/images/characterNav/lhn4_hover.png'); }
#characterNav #characterNav5 img { top:2px; }
#characterNav #characterNav5 span { background-image:url('../media/images/characterNav/lhn5_hover.png'); }
#characterNav #characterNav6 img { top:-7px; }
#characterNav #characterNav6 span { background-image:url('../media/images/characterNav/lhn6_hover.png'); }
#characterNav #characterNav7 { height:55px; }
#characterNav #characterNav7 span { background-image:url('../media/images/characterNav/lhn7_hover.png'); }
#characterNav #characterNav7 img { left:3px; top:-7px; }



/* ERROR PAGE
 ---------------------------------------------*/
.error {
    border: solid 10px #fff;
    background-color: #c9f4fe;
    margin: 9px auto 0;
    padding: 15px;
    width: 600px;
    height: 347px;
    background: #c9f4fe url('../media/images/error/diego.png') no-repeat 95% 50%;
}

.error p {
    padding: 0 220px 13px 10px;
}

/* TITLES
 ---------------------------------------------*/
.contactForm H2 span, .newsForm H2 span, .sorryForm span, .error h2 span {
    position: absolute;
    top: -999em;
    left: -999em;
}

.error h2 {
    background: #c9f4fe url('../media/images/error/title.gif') no-repeat top left;
    display: block;
    width: 131px;
    height: 50px;
}

.sorryForm H2 {
    background: #C9F4FD url('../media/images/forms/titleSorry.gif') no-repeat top left;
    display: block;
    width: 205px;
    height: 49px;
}

.contactForm H2 {
    background: #BDF1FE url('../media/images/forms/titleContact.gif') no-repeat top left;
    display: block;
    width: 240px;
    height: 49px;
}

.newsForm H2 {
    background: transparent url('../media/images/forms/titleNewsLetter.gif') no-repeat top left;
    display: block;
    width: 271px;
    height: 49px;
}

/* FORMS
 ---------------------------------------------*/
.form {
    border: solid 10px #fff;
    background-color: #BDF1FE;
    margin: 9px auto 0;
    padding: 15px;
    width: 600px;
    height: 347px;
}

.form:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.thanksForm {
    background: #BDF1FE url('../media/images/forms/thanksDora.jpg') no-repeat 50% 90%;
}

.sorryForm {
    background: #C9F4FD url('../media/images/forms/sorryBy.jpg') no-repeat 50% 90%;
}

.form .field {
    padding: 6px 0;
    clear: both;
    overflow: auto;
    height: auto;
}

.form label {
    display: block;
    float: left;
    width: 150px;
}

.newsForm label {
    display: block;
    float: left;
    width: 200px;
}

.newsForm td label {
    width: 131px;
    padding-left: 20px;
    white-space: nowrap;
    font-size: 18px;
    display: inline;
    float: none;
}

.newsForm td + td {
    text-align: right;
    width: auto;
    width: 50%;
}

.form input.text, .form input.textS {
    border: none;
    width: 411px;
    height: 22px;
    padding: 2px 4px;
    background-attachment: fixed;
    background: #fff url('../media/images/forms/bgTextbox.png') no-repeat top left;
}

.form input.textS {
    background-image: url('../media/images/forms/bgTextbox.png');
    width: 380px;
    margin-right: 5px;
}

.form select {
    margin-right: 5px;
    width: 123px;
    border: solid 1px #ccc;
}

.form textarea {
    width: 411px;
    height: 90px;
    border: none;
    padding: 4px;
    background-attachment: fixed;
    background: #fff url('../media/images/forms/bgTextArea.png') no-repeat top left;
}

.form .buttons {
    text-align: right;
    margin-right: -2px;
    clear: both;
}

.form .gender {
    white-space: nowrap;
}

.form .gender div {
    padding-left: 50px;
    float: left;
    width: 100px;
}

.form .gender label {
    width: auto;
    float: left;
}

.form input.submit {
    cursor: default;
    cursor: pointer;
    border: none;
    width: 119px;
    height: 48px;
    background: transparent url('../media/images/forms/btnSubmit.gif') no-repeat top left;
}

.form input.submit:hover {
    background-position: 0px -48px;
}

.form input[type=radio] {
    margin-top: 5px;
}

/* correct IE7 radio button vert position !HACK! */ *:first-child + html .form input[type=radio] {
    margin-top: 1px;
}

input.blur {
    color: #999;
}

.form p {
    font-size: 93%; /* 12px */
    font-family: verdana;
    padding: 5px 0;
}

.form p.center {
    text-align: center;
}

/* LEAVING INTERSTITIAL
 ---------------------------------------------*/
#leavingPage {
    background: #fff url('../../leaving/media/bg.jpg' ) no-repeat top left;
}

#leavingPage h1 {
    display: block;
    width: 479px;
    height: 78px;
    margin: 20px 0 0 174px;
    background: transparent url('../../leaving/media/title.jpg') no-repeat top left;
}

#leavingPage #back {
    display: block;
    width: 170px;
    padding: 115px 0 0 18px;
    float: left;
}

#leavingPage #text {
    display: block;
    width: 320px;
    padding: 0;
    float: left;
}

#leavingPage p {
    padding: 20px 0 0 10px;
    font-weight: bold;
    font-size: 108%;
    font-family: Arial;
}

/* Schedule Page
 ----------------------------------------------*/
scheditem {
    margin: 10px;
}

/* Get Nick Jr
 ---------------------------------------------*/
#getNickJr {
    width: 610px;
    border: solid 10px #fff;
    background-color: #C9F4FE;
    padding: 10px;
}

#getNickJr h1 {
    background: transparent url('../../subscribe/media/title.gif') no-repeat top left;
    width: 271px;
    height: 60px;
    float: left;
    margin-bottom: 15px;
}

#getNickJr #getLogos {
    width: 324px;
    height: 60px;
    float: right;
    margin-bottom: 15px;
}

#getNickJr #getLogos img {
    margin: 0 auto;
}

#getNickJr p {
    clear: both;
    margin: 10px 0;
}

#getNickJr table {
    background-color: #fff;
    margin: 20px 0;
    width: 100%;
}

#getNickJr th {
    width: 176px;
    padding: 11px 17px;
    text-align: center;
    vertical-align: top;
}

#getNickJr td {
    width: auto;
}

#getNickJr td.channel {
    width: 90px
}

#getNickJr table.others th {
    vertical-align: middle;
}

#getNickJr td {
    font-family: Verdana;
    padding: 6px;
    vertical-align: top;
}

/* MISC
 ---------------------------------------------*/
.required {
    color: Red;
}

#header .weekday {
    position: absolute;
    top: 150px;
    left: 10px;
}

.Content td.classics img {
    float: left;
    display: block;
}

.Content td input, .Content td textarea, .Content td select {
    margin-top: 4px;
    width: 145px;
}

.Content td select {
    width: 147px;
}
/* For wide homepage */
#mainPromo 
{
	height: 270px;
	overflow: hidden;
}
#mainPromo .promo 
{
	float: left;
	width: 465px;
	height: 270px;
	background-position:left 0px;
	background-image:url(/global/media/images/homepage-promo-bg.png);
	background-repeat:no-repeat;
}
#mainPromo .promo:hover
{
    background-position:left -270px;
}
#mainPromo .promo img 
{
    margin:0 0 0 2px;
}

#mainPromo .ad 
{
	margin-top: 21px;
	margin-right: 10px;
	float: right;
	width: 300px;
	height:250px;
	display: inline;
}

#subPromo {
	margin-top: 10px;
	height: 124px;
	overflow: hidden;
}

#subPromo ul li {
	margin-right: 22px;
	float: left;
	width: 246px;
	display: inline;
}

#subPromo ul li a
{
    width:248px;
    height:124px;
    display:block;
    background-repeat:no-repeat;   
    background-position:left top;
    background-image:url(/global/media/images/hp-small/bg.png);
}
#subPromo ul li a:hover
{
    background-position:left bottom;
}
#subPromo ul li a img
{
    margin:0 0 0 4px;
}

/* ###### scotts interim styling  */
.promoContents
{
    height:261px;
}
.showContents 
{
    height:302px;
    margin-left:3px;
}
.footContents
{
    
}
#top-promos {
	display:block;
	position:relative;
	width:479px;
	height:251px;
	display:block;
	margin:0 10px 10px 3px;
	background:url(../img/panel.png) no-repeat;
	float:left;
}
#top-promos a
{
    display:block;
    border:none;
    position:absolute;
    bottom:26px;
    right:17px;
}
.ad
{
    float:left;
}
.showContents #scroller 
{
    background-repeat:no-repeat;
    background-position:0px 0px;
    width:787px;
	margin:0 0 3px;
	height:297px;
	display:block;
	position:relative;
}

/* game loading image */
#gamesPaper
{
    position:relative;
    min-height:365px;
}
#gamesPaper #game-embed
{
    position:absolute;
    left:20px;
    width:610px;
    text-align:center;
    top:0;
}
#game-loading
{
    position:absolute;
    display:block;
    width:100%;
    height:350px;
    background-image:url(/global/media/images/game_loading.png);
    background-position:center center;
    background-repeat:no-repeat;
    left:0px;
}


/* show thumbs - shows, activities, games */
#viewport li a{
	background-position:-10px -10px;
	background-image:url(../scrollArea/img/showThumbs/nick_default.gif);
}
#viewport li a:hover {
	background-position:0px -105px;
	margin:-10px 10px 0px -10px;
	padding:0 5px 20px 15px;
}
#viewport li a.show1 { background-image:url(/global/showimages/Angelina_Rollovers.gif); }
#viewport li a.show2 { background-image:url(/global/showimages/Backyardigans_Rollovers.gif); }
#viewport li a.show3 { background-image:url(/global/showimages/Bedtime_Rollovers.gif); }

#viewport li a.show4 { background-image:url(/global/showimages/Ben_Holly_Rollovers.gif); }
#viewport li a.show5 { background-image:url(/global/showimages/Blues_clues_Rollovers.gif); }
#viewport li a.show6 { background-image:url(/global/showimages/Bob_builder_Rollovers.gif); }

#viewport li a.show7 { background-image:url(/global/showimages/The_Bopps_Rollovers.gif); }
#viewport li a.show8 { background-image:url(/global/showimages/Dora_Rollovers.gif); }
#viewport li a.show9 { background-image:url(/global/showimages/Fifi_Rollovers.gif); }

#viewport li a.show91 { background-image:url(/global/showimages/FreshBeatBand.gif); }

#viewport li a.show10 { background-image:url(/global/showimages/Diego_Rollovers.gif); }
#viewport li a.show11 { background-image:url(/global/showimages/Humf_Rollovers.gif); }
#viewport li a.show12 { background-image:url(/global/showimages/Lazytown_Rollovers.gif); }

#viewport li a.show13 { background-image:url(/global/showimages/Maggie_Rollovers.gif); }
#viewport li a.show14 { background-image:url(/global/showimages/Max_Ruby_Rollovers.gif); }
#viewport li a.show15 { background-image:url(/global/showimages/Kai_lan_Rollovers.gif); }

#viewport li a.show16 { background-image:url(/global/showimages/olivia_Rollovers.gif); }
#viewport li a.show17 { background-image:url(/global/showimages/Peppa_Rollovers.gif); }
#viewport li a.show18 { background-image:url(/global/showimages/Pic_me_Rollovers.gif); }

#viewport li a.show19 { background-image:url(/global/showimages/Roary_Rollovers.gif); }
#viewport li a.show20 { background-image:url(/global/showimages/Super_why_Rollovers.gif); }
#viewport li a.show21 { background-image:url(/global/showimages/teamumizoomi.gif); }

#viewport li a.show22 { background-image:url(/global/showimages/Thomas_Rollovers.gif); }
#viewport li a.show23 { background-image:url(/global/showimages/Toot_puddle_Rollovers.gif); }
#viewport li a.show24 { background-image:url(/global/showimages/Wake_up_Rollovers.gif); }

#viewport li a.show25 { background-image:url(/global/showimages/Whats_news_Rollovers.gif); }
#viewport li a.show26 { background-image:url(/global/showimages/Wiggles_Rollovers.gif); }
#viewport li a.show27 { background-image:url(/global/showimages/Wonder_pets_Rollovers.gif); }

#viewport li a.show28 { background-image:url(/global/showimages/Wubbzy_Rollovers.gif); }
#viewport li a.show29 { background-image:url(/global/showimages/Yo_Gabba_Gabba_Rollovers.gif); }

/* Generic Rollover */
#viewport li a.genericRollover1 { background-image:url(../scrollArea/img/showThumbs/genericRollover.gif); }
#viewport li a.genericRollover2 { background-image:url(../scrollArea/img/showThumbs/nick_default.gif); }