/* ============================================================ Kids Refresh CSS ============================================================ */ /*resets*/ #container img { border:0; } .kids #poll { border:0;margin:0;padding:0;position:static;vertical-align:baseline; } .kids .fastfact, .kids .fastfact * { margin:0;padding:0;position:static;vertical-align:baseline;background-image:none;border:0; }/*reset*/ .kids .fastfact .sponsor_ad {position: absolute;} .kids #content_page_specific { border:0; } /* ------------------------------------------------------------ +General ------------------------------------------------------------ */ body { background-repeat: no-repeat; background-attachment: scroll; background-position: center top; } body.kids_bg00 {background-color: #1B3F1B;background-image: url("../i/presentation/kids_body_bg_bee_thistle.jpg");} /*body.kids_bg01 {background-color: #A28134;background-image: url("../i/presentation/kids_body_bg_clouds.jpg");}*/ body.kids_bg01 {background-color: #1E4101;background-image: url("../i/presentation/kids_body_bg_white_flowers.jpg");} body.kids_bg02 {background-color: #011A38;background-image: url("../i/presentation/kids_body_bg_fish_red_coral.jpg");} body.kids_bg03 {background-color: #F7F4FB;background-image: url("../i/presentation/kids_body_bg_flamingoes.jpg");} body.kids_bg04 {background-color: #022938;background-image: url("../i/presentation/kids_body_bg_french_canal.jpg");} body.kids_bg05 {background-color: #013C64;background-image: url("../i/presentation/kids_body_bg_ice_sheet.jpg");} body.kids_bg06 {background-color: #111;background-image: url("../i/presentation/kids_body_bg_icicle.jpg");} body.kids_bg07 {background-color: #070707;background-image: url("../i/presentation/kids_body_bg_lava_sky.jpg");} body.kids_bg08 {background-color: #748439;background-image: url("../i/presentation/kids_body_bg_lions.jpg");} body.kids_bg09 {background-color: #060700;background-image: url("../i/presentation/kids_body_bg_moon_earth.jpg");} body.kids_bg10 {background-color: #000;background-image: url("../i/presentation/kids_body_bg_moon_in_sky_stars.jpg");} body.kids_bg11 {background-color: #355830;background-image: url("../i/presentation/kids_body_bg_peacock_feathers.jpg");} body.kids_bg12 {background-color: #7B714E;background-image: url("../i/presentation/kids_body_bg_raindrops.jpg");} body.kids_bg13 {background-color: #252815;background-image: url("../i/presentation/kids_body_bg_redwoods.jpg");} body.kids_bg14 {background-color: #035C7A;background-image: url("../i/presentation/kids_body_bg_shark_fish.jpg");} body.kids_bg15 {background-color: #000;background-image: url("../i/presentation/kids_body_bg_space1.jpg");} body.kids_bg16 {background-color: #000;background-image: url("../i/presentation/kids_body_bg_space2.jpg");} body.kids_bg17 {background-color: #052D6B;background-image: url("../i/presentation/kids_body_bg_underwater_fish.jpg");} body.kids_bg18 {background-color: #46570E;background-image: url("../i/presentation/kids_body_bg_ladybug.jpg");} body.kids_bg19 {background-color: #1E4101;background-image: url("../i/presentation/kids_body_bg_white_flowers.jpg");} body.kids_bg20 {background-color: #778051;background-image: url("../i/presentation/kids_body_bg_grass_dew.jpg");} body.kids_bg21 {background-color: #124531;background-image: url("../i/presentation/kids_body_bg_green_soap.jpg");} body.kids_bg22 {background-color: #80BB01;background-image: url("../i/presentation/kids_body_bg_leaf_veins.jpg");} body.kids_bg23 {background-color: #C89E65;background-image: url("../i/presentation/kids_body_bg_sand.jpg");} body.kids_bg24 {background-color: #000000;background-image: url("../i/presentation/kids_body_bg_zebra.jpg");} body.kids_bg25 {background-color: #030916;background-image: url("../i/presentation/kids_body_bg_snow_pine.jpg");} body.kids_bg26 {background-color: #002300;background-image: url("../i/presentation/kids_body_bg_palm_leaves.jpg");} body.kids_bg27 {background-color: #213208;background-image: url("../i/presentation/kids_body_bg_butterfly.jpg");} body.kids_bg28 {background-color: #00adef;background-image: url("../i/presentation/kids_body_bg_funkyback_1.jpg");} body.kids_bg29 {background-color: #6cbd45;background-image: url("../i/presentation/kids_body_bg_funkyback_2.jpg");} body.kids_bg30 {background-color: #8ec63f;background-image: url("../i/presentation/kids_body_bg_funkyback_3.jpg");} body.kids_bg31 {background-color: #923f99;background-image: url("../i/presentation/kids_body_bg_funkyback_4.jpg");} body.kids_bg32 {background-color: #0066b3;background-image: url("../i/presentation/kids_body_bg_funkyback_5.jpg");} body.kids_bg33 {background-color: #007e97;background-image: url("../i/presentation/kids_body_bg_funkyback_6.jpg");} body.kids_bg34 {background-color: #a7228d;background-image: url("../i/presentation/kids_body_bg_funkyback_7.jpg");} body.kids_bg35 {background-color: #6ecff7;background-image: url("../i/presentation/kids_body_bg_funkyback_8.jpg");} body.kids_bg36 {background-color: #bc95c4;background-image: url("../i/presentation/kids_body_bg_funkyback_9.jpg");} body.kids_bg37 {background-color: #f1f4bb;background-image: url("../i/presentation/kids_body_bg_funkyback_10.jpg");} body.kids_bg38 {background-color: #bc95c4;background-image: url("../i/presentation/kids_body_bg_funkyback_11.jpg");} body.kids_bg39 {background-color: #0173bc;background-image: url("../i/presentation/kids_body_bg_funkyback_12.jpg");} body.kids_animal-jam {background-image: url("../i/presentation/NGK_Background_Sept_2012.jpeg");background-attachment: fixed;} body.kids_animal-jam #blog_list img {float:none;} body.lk4bc_bg {background-color: #819138;background-image: url("../i/presentation/kids_body_bg_lk4bc.jpg");} /* kids header */ .js #kids_nav>li>div { display:none; } .js #kids_nav>li.nav_selected>div { display:block; } /* override mainA and mainB from common/c/screen */ #kids_header, #body_wrap, #footer_wrap { background: transparent url(../i/presentation/kids_wrap_shadow.png) scroll repeat-y center top; } #body_wrap { position: static; margin-top: 0px; } #container { padding: 0 18px; width: 954px; } #page_head { height: 67px; border-bottom-width: 0px; padding: 0; } body.kids_home #page_head, body.kids_animal-jam #page_head { display: none; } .article #page_head { height: 50px; } .level_2 #page_head { height: 72px; } #page_head .advertisement, #header_site .advertisement { margin: 10px 303px 0 90px; } .kids_animals_creaturefeature #page_head .advertisement, .interactive #page_head .advertisement, .kids_games #page_head .advertisement { margin: 0 0 0 110px; } body.kids_games #page_head .advertisement { margin: 18px 320px 0 90px; } body.kids_shop #page_head .advertisement { margin: 0 320px 0 0; } .article #page_head h1, .gallery #page_head h1 { width: 636px; margin: 0 0 0 0; padding: 18px 0 0px 0; line-height: 32px; } .level_2 #page_head h1 { line-height: 48px; padding: 12px 0 0 0; margin-top: 0px; } .kids_games #page_head h1 { width: 954px; margin: 0 0 0 0; padding: 18px 0 0 0; font-weight: bold; font-size: 26px; line-height: 32px; } #content { } #content > div#content_top { border-bottom-width: 0px; margin-top: 0; padding: 0 0 0 0; } #content_mainA { margin-top: 0px; width: 636px; } .article #content_mainA { border-right-width: 0px; padding-right: 0px; } #content_mainA .subsection { margin-top: 0; padding-top: 18px; } #content_mainA .subsection > div { width: 636px; margin-right: 0; } #content_mainA .subsection > div > div:first-child { margin: 0; } /*Primary/Secondary treatment*/ .subsection .secondary {border:0; padding:0; width: 295px;} .subsection > div {width: 295px;} .subsection, .aside > div, .subsection > div > div {border:none; padding: 0 0 0 0;} body.gallery #content_mainA .article_body { float: right; margin-left: 0px; padding-left: 18px; width: 469px; } #content_mainB { position: relative; margin-top: -49px; } .article #content_mainB { margin-top: -32px; } .level_2 #content_mainB { margin-top: -54px; } #content_top + #content_page_specific #content_mainB, #content_top #content_page_specific #content_mainB { position: static; margin-top: 0; } .level_3 #content_mainB, .aside { border-left-width: 0px; padding-left: 0; } /* openHTML items are #artical_cream_wrap - because it is */ body.article #content_mainA .article_text p, body.article #content_mainA #article_cream_wrap p, body.article #content_mainA #article_cream_wrap li { font-size: 14px; line-height: 18px; } body.article #content_mainA #article_cream_wrap ul { margin: 10px 0 10px 10px; list-style: disc; list-style-type: disc; } body.article #content_mainA #article_cream_wrap li { margin: 0 0 00px 16px; list-style: disc; list-style-type: disc; } body.article #content_mainA .article_body { position: relative; padding:0 10px; width:610px; } body.article .article_body .article_text { margin-top: 10px; } body.article #content_mainA .article_body #social_buttons { position: absolute; width: 400px; bottom: -50px; } body.article #content_mainA .article_body p.author { font-size: 14px; line-height: 18px; font-style: italic; } /* 150x25 sponsor ads */ .sponsor_ad { position: absolute; width: 150px; height: 25px; } /* Pushdown ads */ #kids_header .kids_pushdown { margin-left: auto; margin-right: auto; } /*Promo Collection Treatments*/ #content_mainA .subsection .full_width h3.title {background: transparent url(../i/presentation/kids_title_bar_sprites.png) scroll no-repeat 0px -100px;padding: 15px 0 0 17px;color: #FFF;font-size: 18px;font-weight: bold;height: 32px;margin: 0;padding: 15px 0 0 17px;text-transform: uppercase;text-shadow: 1px 1px 3px #999;} #content .promo_collection, #content .full_width .promo_collection ul, #content .full_width .promo_collection ol {background-color: #EAEAEA; padding: 20px;} #content .promo_collection ul, #content .promo_collection ol {padding: 0;} #content_mainA .full_width .promo_collection {background-color: transparent; padding: 0;} .promo_collection h2, .seven h2, h3.title {background: none; padding: 0;} #container .promo_collection li {color:#24649C;} #content .promo_collection li p.al_button {width: 115px; margin-right: -15px;} #content .promo_collection li p.kfb_alb {margin-right: -22px;} #content .promo_collection li p.al_button a {background-image:url(../i/presentation/kids_button_sprites.png); background-position: 0 -98px; display: block; padding: 9px 5px 8px 0; text-transform: uppercase; color: #FFFFFF; font-size: 10px; line-height: 16px; text-align: center;} #content .promo_collection li p.al_button a:hover {text-decoration: none;} .thumbnail_grid, .kids_myshot_grid {position: relative;} body.kids_community #content_mainA .thumbnail_grid h3 {height: 31px;padding-top: 10px;background-position: 0px -250px;} #content_mainA .subsection .full_width .kids_myshot_grid h3 {background-position: 0px -300px;} .thumbnail_grid .headline, .kids_myshot_grid .headline {font-weight: bold; text-align: center;} .thumbnail_grid .headline a, .kids_myshot_grid .headline a {color: #0491A6;} .advertisement h3 {background: url("../i/presentation/advertisement-head.jpg") no-repeat scroll left top transparent;margin-bottom: 0; text-align;font-size:0.75em;line-height:1.3;margin-bottom:0; margin-left: 1px; padding:1px 0;text-align:center;} #content_mainA div.sponsor_ad { right: 5px; top: 17px; min-height: 25px; margin: 0 0 0 0; } .sponsor_ad > div {float: right; margin-right: 0;} /* - thumbnail grid is powered by function prettyThumbnails in general.js - must accommodate for images sizes 160x120 (.tg_160) and 100x75 (.tg_100) */ #content .full_width .promo_collection.thumbnail_grid ul, #content .full_width .promo_collection.kids_myshot_grid ul { width: 596px; padding: 20px 20px 20px 20px; } .thumbnail_grid ul li, .kids_myshot_grid ul li { position: relative; float: left; display: block; margin-right: 0px; } .thumbnail_grid .wide li, .kids_myshot_grid .wide li { margin-right: 0; } #content_mainA .kids_myshot_grid li { margin-top: 0px; } #content_mainA .tg_160 ul li { width: 176px; margin-right: 34px; } #content_mainA .tg_100 ul li { width: 116px; margin-right: 44px; } /* First In Row */ #content #content_mainA li.tg_fir { clear: both; } /* Last In Row */ #content #content_mainA li.tg_lir { margin-right: 0px; } #content ul li a.thumbnail_grid_frame { position: absolute; display: block; padding: 8px; background: transparent url(../i/presentation/photo_frame.png) scroll no-repeat 0px 0px; } #content ul li a.pretty_underline { text-decoration: underline; } #content ul li a.thumbnail_grid_frame:hover { text-decoration: none; } #content .tg_100 ul li a.thumbnail_grid_frame { width: 100px; height: 75px; } #content .tg_160 ul li a.thumbnail_grid_frame { width: 160px; height: 120px; background-position: -116px 0px; } .thumbnail_grid ul li img, .kids_myshot_grid ul li img { padding: 8px; } #container .thumbnail_grid img, #container .kids_myshot_grid img { float: none; margin: 0 0 0 0; border-width: 0px; } .kids_myshot_grid #kids_myshot_button { width: 170px; height: 33px; padding: 0 233px 18px 233px; background-color: #EAEAEA; } .kids_myshot_grid #kids_myshot_button > a.kids_button { margin: 0 0 0 0; } /* carousel modules /* E-Commerce Media Carousel - aka kids shop */ .subsection > div > div.kidsecommercecarousel { margin-top: 0px; background: transparent url(../i/presentation/kids_shop_module_bg_636.png) scroll no-repeat 0px 0px; } #content_mainA .subsection .full_width div.kidsecommercecarousel h3 { height: 24px; padding: 13px 0 0 17px; line-height: 24px; color: #333; text-shadow: 0px 0px 3px #EEE; background-image: none; } div.kidsecommercecarousel .jcarousel-skin-geocore { width: 608px; padding: 9px 14px 0 14px; background: transparent url(../i/presentation/kids_shop_inner_bg_top.png) scroll no-repeat 0px 0px; } div.promo_collection.carousel.ecommerce-section.kidsecommercecarousel .jcarousel-skin-geocore .jcarousel-container { border-width: 0px; background-color: transparent; } div.kidsecommercecarousel .jcarousel-clip { width: 542px; margin-left: 33px; } #content .full_width div.promo_collection.kidsecommercecarousel ul { padding: 10px 0 7px 0; background-color: transparent; } div.kidsecommercecarousel.carousel li { display: block; float: left; width: 181px; margin: 0 0 0 0; padding: 0px 0 0 0; } div.kidsecommercecarousel.carousel li:first-child { } div.kidsecommercecarousel.carousel li > a { display: block; width: 160px; height: 160px; border-left: 1px solid #D5D5D5; padding: 0 10px 10px 10px; } div.kidsecommercecarousel.carousel li > div { width: 150px; border-top: 1px solid #D5D5D5; border-left: 1px solid #D5D5D5; padding: 5px 15px 0 15px; } div.kidsecommercecarousel.carousel li.carousel_first_visible > a, div.kidsecommercecarousel.carousel li.carousel_first_visible > div { border-left-width: 0px; } #container #content_mainA div.kidsecommercecarousel.carousel li > div p.headline { float: none; min-height: 51px; font-size: 14px; line-height: 17px; } #content_mainA div.kidsecommercecarousel.carousel li > div p.headline a { color: #0491A6; } #content_mainA div.kidsecommercecarousel.carousel li > div p.price_item { float: left; color: #777; } #content_mainA div.kidsecommercecarousel.carousel li > div p.price_item span.price_slashed { text-decoration: line-through; } #content_mainA div.kidsecommercecarousel.carousel li > div p.price_sale { float: right; color: #799F1B; } div.kidsecommercecarousel div.kids_shop_inner_bg_bottom { height: 12px; padding-bottom: 5px; font-size: 0px; line-height: 0px; background: transparent url(../i/presentation/kids_shop_inner_bg_bottom.png) scroll no-repeat 0px 0px; } /* buttons for media carousel */ div.kidsecommercecarousel .jcarousel-prev, div.kidsecommercecarousel .jcarousel-next { position: absolute; width: 18px; height: 27px; top: 43px; background: transparent url(../i/presentation/kids_arrow_sprites.png) scroll no-repeat 0px 0px; } div.kidsecommercecarousel .jcarousel-prev {left: 9px; background-position: 0px -27px;} div.kidsecommercecarousel .jcarousel-next {right: 9px;background-position: 0px -135px;} div.kidsecommercecarousel .jcarousel-prev:hover {left: 8px; background-position: 0px -54px;} div.kidsecommercecarousel .jcarousel-next:hover {right: 8px;background-position: 0px -162px;} div.kidsecommercecarousel .jcarousel-prev:active, .kidscarousel .jcarousel-prev:focus {left: 9px; background-position: 0px -81px;} div.kidsecommercecarousel .jcarousel-next:active, .kidscarousel .jcarousel-next:focus {right: 9px;background-position: 0px -189px;} div.kidsecommercecarousel .jcarousel-prev.jcarousel-prev-disabled {background-position: 0px 0px;} div.kidsecommercecarousel .jcarousel-next.jcarousel-next-disabled {background-position: 0px -108px;} div.kidsecommercecarousel .jcarousel-prev.jcarousel-prev-disabled:hover {left: 9px;} div.kidsecommercecarousel .jcarousel-next.jcarousel-next-disabled:hover {right: 9px;} /* media carousel - aka what's popular */ .kidscarousel .jcarousel-container-horizontal { position: relative; width: 580px; padding: 12px 28px 15px 28px; background-color: #EAEAEA; } .kidscarousel .jcarousel-clip-horizontal { width: 580px; } #content .full_width .promo_collection.kidscarousel ul.jcarousel-list-horizontal { padding: 0px 0px; } .kidscarousel li.jcarousel-item-horizontal { position: relative; width: 116px; margin-right: 0px; } .kidscarousel li.jcarousel-item-horizontal a.kidscarousel_frame { position: absolute; width: 100px; height: 75px; padding: 8px; background: transparent url(../i/presentation/photo_frame.png) scroll no-repeat 0px 0px; } #content .kidscarousel li.jcarousel-item > a:hover { text-decoration: none; } .promo_collection.kidscarousel li.jcarousel-item img { margin: 0; padding: 8px 8px 6px 8px; } .kidscarousel li.jcarousel-item p.headline { padding: 0 5px; text-align: center; } .kidscarousel li.jcarousel-item-horizontal p.headline a { font-weight: bold; line-height: 17px; color: #0491A6; } /* buttons for media carousel */ .kidscarousel .jcarousel-prev, .kidscarousel .jcarousel-next { position: absolute; width: 18px; height: 27px; top: 43px; background: transparent url(../i/presentation/kids_arrow_sprites.png) scroll no-repeat 0px 0px; } .kidscarousel .jcarousel-prev, div.kidsecommercecarousel .jcarousel-prev {left: 9px; background-position: 0px -27px;} .kidscarousel .jcarousel-next, div.kidsecommercecarousel .jcarousel-next {right: 9px;background-position: 0px -135px;} .kidscarousel .jcarousel-prev:hover, div.kidsecommercecarousel .jcarousel-prev:hover {left: 8px; background-position: 0px -54px;} .kidscarousel .jcarousel-next:hover, div.kidsecommercecarousel .jcarousel-next:hover {right: 8px;background-position: 0px -162px;} .kidscarousel .jcarousel-prev:active, .kidscarousel .jcarousel-prev:focus, div.kidsecommercecarousel .jcarousel-prev:active, div.kidsecommercecarousel .jcarousel-prev:focus {left: 9px; background-position: 0px -81px;} .kidscarousel .jcarousel-next:active, .kidscarousel .jcarousel-next:focus, div.kidsecommercecarousel .jcarousel-next:active, div.kidsecommercecarousel .jcarousel-next:focus {right: 9px;background-position: 0px -189px;} .kidscarousel .jcarousel-prev.jcarousel-prev-disabled, div.kidsecommercecarousel .jcarousel-prev.jcarousel-prev-disabled {background-position: 0px 0px;} .kidscarousel .jcarousel-next.jcarousel-next-disabled, div.kidsecommercecarousel .jcarousel-next.jcarousel-next-disabled {background-position: 0px -108px;} .kidscarousel .jcarousel-prev.jcarousel-prev-disabled:hover, div.kidsecommercecarousel .jcarousel-prev.jcarousel-prev-disabled:hover {left: 9px;} .kidscarousel .jcarousel-next.jcarousel-next-disabled:hover, div.kidsecommercecarousel .jcarousel-next.jcarousel-next-disabled:hover {right: 9px;} /* Override for carousel in Kids section */ #gallery .collection ul li {margin-right: 7px;} /*Dynamic Lead*/ .js .dl div p.action {border: 0; margin-top: 5px; padding: 0;} .js .dl div p a {font-weight: bold; color: #009AC2;} .js .dl li div { padding-top: 50px; background: url(../i/presentation/dl_gradient.png) repeat-x scroll bottom left transparent;} .js .dl .dl_navigation li {background: transparent url("../i/presentation/kids_icon_sprites.png") no-repeat scroll 0px -200px; font-size:0.938em; height:20px; margin: 0px 4px 0 3px; text-align:center; width:20px;} .js .dl .dl_navigation .selected {background: transparent url("../i/presentation/kids_icon_sprites.png") no-repeat scroll 0px -220px;} .js .dl .dl_navigation a {display:block;} /*Custom Module Images*/ #content .promo_collection.custom {padding-top: 75px;} /*Other Modules*/ .article .article_body {border: 0; float:none; margin:0; padding:0; width:auto;} #atoz {background:url("../i/presentation/atoz.gif") no-repeat scroll left top transparent; height:auto; margin-top:20px; padding:60px 20px 20px; width:260px;} #atoz form {display: none;} #atoz ul {height: 161px;} /*fancy radios*/ .kids input.radio { visibility: hidden; float: right; width: 0px; } /*Poll (Sound Off)*/ .kids #content .poll img {border:0;}/*override*/ .kids .poll { margin-top:20px;background:#ffffff url(../i/presentation/poll/kids_sound_off_bg_top.png) 0 0 no-repeat;padding-top:65px;position:relative;line-height:1.4;} .kids .sponsor_ad { right:20px; top:15px;} .kids .poll form { background:#EBA62E url(../i/presentation/poll/kids_sound_off_bg.png) scroll repeat-x left top;} .kids .poll form .poll_inside {background:transparent url(../i/presentation/poll/kids_sound_off_bg_inside.png) 0 0 repeat-y;padding:5px 35px 10px 35px;width:230px; } .kids .poll form .poll_inside h3, .kids .poll form .poll_result p { font-size:14px;font-weight:600;margin:0 0 3px 0;padding:0; } .kids .poll form .poll_result { min-height:150px; } .kids div#content_mainB form div#poll_result.poll_result>ul>li#poll_result { min-height:20px; padding-bottom:3px; margin-bottom:3px; } .kids .poll form .poll_inside ul { padding-top: 10px; } .kids .poll form .poll_inside li { height: 17px; margin-bottom: 10px; } .kids .poll form .poll_inside li label.radio { cursor: pointer; float: left; padding-left: 20px; color: #000; background: transparent url(../i/presentation/kids_icon_sprites.png) scroll no-repeat 0 -100px; overflow: hidden; } .kids .poll form .poll_inside li label:hover { background-position: 0 -120px; text-decoration: underline; } .kids .poll form .poll_inside li label.radio.selected { background-position:0 -140px; } .kids .poll form .poll_result ul { padding-top: 0; } .kids .poll form .poll_result li { height: auto; padding:5px 0; cursor: default; } .kids .poll form .bottom_shadow { background:transparent url(../i/presentation/poll/kids_sound_off_bg_inside_shdw.png) 0 0 no-repeat; height:20px; } .kids .poll form .but_vote {margin: 0px 0 0 75px;cursor: pointer;display: inline-block;} .kids .poll .poll_sponsor { position:absolute;top:16px;right:18px;width:150px;height:30px; } .bar_graph { height:2em; -moz-border-radius:5px; border-radius:5px; } .bar_fill { display:block; height:100%; width:31%; border-radius:5px; background:teal;/* fallback color */ background-image: -moz-linear-gradient(100% 100% 90deg, #017b80, #21d9d0); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#21d9d0), to(#017b80)); background-image: linear-gradient(100% 100% 90deg, #017b80, #21d9d0); } /* Aggregated Poll Styles - works in right rail and in content_mainA. */ #content #content_mainA .kids_agg-poll-l { float: left; clear: none; width: 309px; margin-top: 0px; background: #fff; } #content #content_mainA .kids_agg-poll-l:first-child { margin-right: 18px; } #content #content_mainA .kids_agg-poll-r { background: #fff; clear: none; float: right; margin-top: 0px; width: 309px; } #content #content_mainA .kids_agg-poll-r:first-child { margin-left: 18px; } .kids .agg-poll .hidden { display: none; } .kids .agg-poll { line-height:1.4; margin-left:auto; margin-right:auto; overflow:hidden; padding-top:59px; position:relative; text-align: center; } .kids .agg-poll-300px { background: #ffffff url(../i/presentation/poll/kids_sound_off_bg_top.png) 0 0 no-repeat; width: 300px; } .kids .agg-poll-menu-300px { background: #ffffff url(../i/presentation/poll/kids_sound_off_bg_top.png) 0 0 no-repeat; min-height: 130px; width: 300px; } .kids .agg-poll-636px { background: #ffffff url(../i/presentation/agg_poll/kids_poll_header_636px.png) 0 0 no-repeat; } .kids .agg-poll-both-636px { background: #ffffff url(../i/presentation/agg_poll/kids_poll_header_636px.png) 0 0 no-repeat; } .kids .agg-poll-container { padding: 0 10px 10px 11px; } .kids .agg-poll-container-300px { background:#EBA62E url(../i/presentation/poll/kids_sound_off_bg.png) scroll repeat-x left top; padding: 0 18px 0 18px; } .kids .agg-poll-container-636px { background:#EBA62E url(../i/presentation/poll/kids_sound_off_bg.png) scroll repeat-x left top; } .kids .agg-poll-jump { margin-left:auto; margin-right:auto; position: relative; right: 10px; } .kids .agg-poll-jump-300px { background: transparent url(../i/presentation/poll/kids_sound_off_bg_inside.png) 0 0 repeat-y; background-position: -8px 0px; padding: 10px 0 0 0; width: 300px; } .kids .agg-poll-jump-none-300px { background: transparent url(../i/presentation/poll/kids_sound_off_bg_inside.png) 0 0 repeat-y; background-position: -8px 0px; padding: 0 0 10px 0; width: 300px; } .kids .agg-poll-jump-arrows-300px { background: transparent url(../i/presentation/poll/kids_sound_off_bg_inside.png) 0 0 repeat-y; background-position: -8px 0px; padding: 1px 0 0; width: 300px; } .kids .agg-poll-jump-636px { background: transparent url(../i/presentation/agg_poll/kids_sound_off_bg_inner_636px.png) 0 0 repeat-y; padding: 0 15px; width: 636px; } .kids .agg-poll-jump select { background-color: #03B4B0; border: #03B4B0; color: #FFF; font-size: 14px; font-weight: 600; height: 22px; margin: 5px 0 10px 0; padding: 0; } .kids .agg-poll-jump-300px select { position: relative; right: 7px; width: 75%; } .kids .agg-poll-jump-636px select { width: auto; } /* .kids .agg-poll-inner */ .kids .agg-poll-inner-none-300px { padding: 10px 15px 5px 25px; position: relative; right: 9px; } .kids .agg-poll-inner-arrows-300px { position: inherit; left: 22px; padding: 10px 20px 0 0; width: 80%; } .kids .agg-poll-inner-menu-300px { padding: 0 55px 0px 35px; right: 9px; } .kids .agg-poll-inner-both-300px { padding: 0; position: relative; right: 9px; } .kids .agg-poll-inner-arrows-636px { padding: 10px 30px 0 0; } .kids .agg-poll-inner-menu-636px { padding: 10px 15px 0 0; } .kids .agg-poll-inner-none-636px { padding: 10px 15px 0 0; width: 94%; } .kids #agg-poll-inner .inner-nav { display: inline-block; } .kids #agg-poll-inner .inner-nav a { display:block; height:27px; margin-top:0px; position:relative; top:0; width:18px; } .kids #agg-poll-inner .inner-nav a.poll-prev, .kids #agg-poll-inner .inner-nav a.poll-prev:link, .kids #agg-poll-inner .inner-nav a.poll-prev:visited { background:url(../i/presentation/kids_arrow_sprites.png) scroll no-repeat 0px -27px; cursor: pointer; } .kids #agg-poll-inner .inner-nav a.poll-next, .kids #agg-poll-inner .inner-nav a.poll-next:link, .kids #agg-poll-inner .inner-nav a.poll-next:visited { background:url(../i/presentation/kids_arrow_sprites.png) scroll no-repeat 0px -135px; cursor: pointer; } .kids #agg-poll-inner .inner-nav a.poll-prev:hover { background-position: 0 -54px; } .kids #agg-poll-inner .inner-nav a.poll-next:hover { background-position: 0px -162px; } .kids #agg-poll-inner .inner-nav a.poll-prev:active, .kids #agg-poll-inner .inner-nav a.poll-prev:focus { background-position: 0 -81px; } .kids #agg-poll-inner .inner-nav a.poll-next:active, .kids #agg-poll-inner .inner-nav a.poll-next:focus { background-position: 0px -189px;} .kids #agg-poll-inner .inner-nav-left { padding: 0 20px 0 0; } .kids #agg-poll-inner .inner-nav-right { padding: 0 0 0 20px; } .kids #agg-poll-inner a.poll-prev, .kids #agg-poll-inner a.poll-next { top: 40%; } .kids #agg-poll-inner .inner-poll { display: inline-block; max-width: 300px; width: 100%; } .kids #agg-poll-inner .inner-poll-both-300px { width: 50%; } .kids #agg-poll-inner .inner-poll-none-300px { width: 90%; padding: 10px 0 0 0; } .kids #agg-poll-inner .inner-poll-arrows-300px { width: 80%; } .kids #agg-poll-inner .inner-poll-both-636px { padding: 0 50px 0 0; } .kids #agg-poll-inner .inner-poll-arrows-636px { padding: 0 0 20px 0; } .kids #agg-poll-inner .inner-poll-none-636px { padding: 10px 50px; } .kids #agg-poll-inner .inner-poll form .but_vote { cursor: pointer; display: inline-block; margin: 0 auto; } .kids #agg-poll-inner .poll-area { min-height:100px; } .kids #agg-poll-inner .poll-area h3, .kids #agg-poll-inner .poll-area p { background: none; color: #333; font-size:14px; font-weight:600; margin:0 0 3px 0; padding:0 0 10px 0; text-transform:none; text-shadow:none; } .kids #agg-poll-inner .poll-area { margin: auto; width: 90%; } .kids .poll-area form li { height: 17px; margin-bottom: 10px; } .kids .poll-area form li label.radio { background: transparent url(../i/presentation/kids_icon_sprites.png) scroll no-repeat 0 -100px; color: #000; cursor: pointer; float: left; overflow: hidden; padding-left: 20px; } .kids .poll-area form li label:hover { background-position: 0 -120px; text-decoration: underline; } .kids .poll-area form li label.radio.selected { background-position:0 -140px; } .kids .poll-area form .poll_result ul { padding-top: 0; text-align: center; } .kids .poll-area form .poll_result li { cursor: default; height: auto; padding:5px 0; text-align: left; } .kids #agg-poll-jump .poll-counter { display: block; padding-bottom: 7px; text-align: right; } .kids #agg-poll-jump .poll-counter-300px { padding-right: 40px; } .kids #agg-poll-jump .poll-counter-636px { padding-right: 55px; } .kids #agg-poll-container .agg-poll-bot-shadow { height:20px; } .kids #agg-poll-container .agg-poll-bot-shadow-300px { background: transparent url(../i/presentation/poll/kids_sound_off_bg_inside_shdw.png) 0 0 no-repeat; left: -18px; position: relative; width: 300px; } .kids #agg-poll-container .agg-poll-bot-shadow-636px { background: transparent url(../i/presentation/agg_poll/kids_sound_off_bg_bot_shadow_636px.png) 0 0 no-repeat; } /*Weird but True*/ .kids #content .fastfact img {border:0;}/*override*/ .kids #content .fastfact a {outline: none;} .kids .fastfact { position:relative;background:#fff url(../i/presentation/weird/kids_weird_bg_top.png) 0 0 no-repeat;padding-top:93px;margin-top:20px; } .kids .fastfact .sponsor_ad {right:15px; top:30px;} .kids .fastfact .fastfact_inside { background:url(../i/presentation/weird/kids_weird_bg_btm.png) 0 100% no-repeat;padding-bottom:17px; } .kids .fastfact .fastfact_inside .fact_box { background:#ffe003 url(../i/presentation/weird/kids_weird_bg.png) 0 100% repeat-x;text-align:left;min-height:155px; } .kids .fastfact .fact_arrow a { position:absolute;top:0;width:18px;height:27px;display:block;margin-top:125px; } .kids .fastfact .fact_arrow a.fact_prev, .kids .fastfact .fact_arrow a.fact_prev:link, .kids .fastfact .fact_arrow a.fact_prev:visited { background:url(../i/presentation/kids_arrow_sprites.png) scroll no-repeat 0px -27px;left:15px; } .kids .fastfact .fact_arrow a.fact_next, .kids .fastfact .fact_arrow a.fact_next:link, .kids .fastfact .fact_arrow a.fact_next:visited { background:url(../i/presentation/kids_arrow_sprites.png) scroll no-repeat 0px -135px;right:15px; } .kids .fastfact .fact_arrow a.fact_prev:hover {left: 14px;background-position: 0 -54px;} .kids .fastfact .fact_arrow a.fact_next:hover {right: 14px;background-position: 0px -162px;} .kids .fastfact .fact_arrow a.fact_prev:active, .kids .fastfact .fact_arrow a.fact_prev:focus {left: 15px;background-position: 0 -81px;} .kids .fastfact .fact_arrow a.fact_next:active, .kids .fastfact .fact_arrow a.fact_next:focus {right: 15px;background-position: 0px -189px;} .kids .fastfact .fastfact_inside .weird_sponsor { position:absolute;top:30px;right:15px;width:150px;height:30px; } .kids .fastfact .fastfact_inside .fact { width:215px;margin:0 auto;color:#000000;font-family: arial, sans-serif;font-size:22px;padding:20px 0 30px 0; } /* Kids Single Tease - based on module */ .kids #container #kids_single_tease { position: relative; width: 636px; } .kids #container #kids_single_tease > h3 { height: 30px; margin: 0; padding: 17px 0 0 17px; font-weight: bold; font-size: 18px; text-transform: uppercase; color: #FFF; background: transparent url(../i/presentation/kids_title_bar_sprites.png) scroll no-repeat 0px -100px; } .kids #container #kids_single_tease img { border: 0px none; } .kids #container #kst_container { position: absolute; width: 646px; top: -5px; left: -5px; } .kids #container #kst_container div:first-child { background: transparent url(../i/presentation/kids_single_tease_bg_outer_top.png) scroll no-repeat left top; } .kids #container #kst_container div:first-child div.kst_470 { width: 470px; height: 300px; padding: 25px 83px 0 83px; } .kids #container #kst_container div:first-child div.kst_600 { width: 600px; height: 450px; padding: 23px 23px 0 23px; } .kids #container #kst_container div:first-child div.kst_470 div { background: transparent url(../i/presentation/kids_single_tease_bg_inner_470_top.png) scroll no-repeat left top; } .kids #container #kst_container div:first-child div.kst_600 div { background: transparent url(../i/presentation/kids_single_tease_bg_inner_600_top.png) scroll no-repeat left top; } .kids #container #kst_container div:first-child div div a { display: block; text-decoration: none; } .kids #container #kst_container div:first-child div.kst_470 div a { width: 470px; height: 300px; background: transparent url(../i/presentation/kids_single_tease_bg_inner_470_bottom.png) scroll no-repeat left bottom; } .kids #container #kst_container div:first-child div.kst_600 div a { width: 600px; height: 450px; background: transparent url(../i/presentation/kids_single_tease_bg_inner_600_bottom.png) scroll no-repeat left bottom; } .kids #container #kst_container div:first-child + div { background: transparent url(../i/presentation/kids_single_tease_bg_outer_bottom.png) scroll no-repeat left bottom; } .kids #container #kst_container div:first-child + div.kst_470 { padding: 4px 83px 25px 83px; } .kids #container #kst_container div:first-child + div.kst_600 { padding: 4px 23px 25px 23px; } .kids #container #kst_container div:first-child + div span, .kids #container #kst_sub_hub > div:first-child span { display: block; float: right; color: #999; font-style: italic; font-size: 11px; line-height: 14px; } .kids #container #kst_container div:first-child + div h3.article_title { padding-top: 11px; font-size: 16px; line-height: 16px; margin-bottom: 8px; } .kids #container #kst_sub_hub { width: 636px; min-height: 220px; background-color: #EAEAEA; } .kids #container #kst_sub_hub > div:first-child { float: left; width: 286px; padding: 11px 0 0 13px; } .kids #container #kst_sub_hub > div:first-child div div { width: 286px; height: 180px; padding-top: 8px; background: transparent url(../i/presentation/photo_frame.png) scroll no-repeat -292px 0px; } .kids #container #kst_sub_hub > div:first-child div div a { display: block; width: 270px; height: 172px; margin: 0 0 0 8px; text-decoration: none; } .kids #container #kst_sub_hub > div:first-child span { padding-right: 8px; } .kids #container #kst_sub_hub > div:first-child + div { float: left; width: 306px; padding: 30px 0 0 12px; } .kids #container #kst_sub_hub > div:first-child + div h3 { margin-bottom: 5px; } /* Kids interactive w/ratings */ .interactive .flash_interactive { text-align: center; padding: 20px; background-color: #EAEAEA; } .interactive .info_bar { background-color: #CCD4DB; width: 919px; height: 67px; margin: 0 0 18px 0; padding: 11px 15px 10px 20px; } .interactive .title_desc { float: left; width: 425px; } .interactive .info_bar h3.title { margin-bottom: 0; font-weight: normal; font-size: 23px; line-height: 31px; } .interactive .info_bar .rate_mail_this { float: right; height: 67px; } .interactive .star_ratings { float: right; width: 175px; margin: 4px 3px 0 0; padding-bottom: 5px; } .interactive .star_ratings .rate_header { float: left; height: 24px; margin-right: 0px; } .interactive .star_ratings .rate_header h4 { font-size: 13px; line-height: 15px; padding: 3px 0 6px 0; } .interactive .star_ratings ul { float: right; width: 110px; margin: 0 0 0 0; } .interactive .star_ratings ul li.stars { width: 22px; height: 24px; margin: 0px 0px; background: transparent url(../i/presentation/kids_icon_sprites.png) scroll no-repeat 0px -24px; } .interactive .star_ratings ul li.stars.selected { background-position: 0px -48px; } .interactive .star_ratings ul li.stars.selected.user_rate { background-position: 0px 0px; } .interactive .star_ratings .num_votes { display: none; } #titanicunsolvedmystery_parent.flash_interactive { padding: 0px; } /* buttons and all links that look like buttons */ a.kids_button { display: block; height: 33px; margin-right: -2px; margin-left: -2px; color: #FFF; } a.kids_button.kb_80 {width: 80px;} a.kids_button.kb_110 {width: 110px;} a.kids_button.kb_150 {width: 150px;} a.kids_button.kb_170 {width: 170px;} a.kids_button:link, a.kids_button:visited { text-decoration: none; } a.kids_button:hover { text-decoration: none; } a.kids_button:active, a.kids_button:focus { text-decoration: none; } a.kids_button span, .kids #container #kst_container div:first-child + div a.kids_button span { display: block; height: 16px; padding: 9px 0 8px 0; font-weight: bold; font-style: normal; font-size: 14px; line-height: 16px; text-align: center; color: #FFF; text-transform: uppercase; background-image: url(../i/presentation/kids_button_sprites.png); } a.kids_button.kb_80 span {width: 80px;} a.kids_button.kb_110 span {width: 110px;} a.kids_button.kb_150 span {width: 150px;} a.kids_button.kb_170 span {width: 170px;} a.kids_button.kb_80:link span, a.kids_button.kb_80:visited span {background-position: 0px 0px;} a.kids_button.kb_110:link span, a.kids_button.kb_110:visited span {background-position: 0px -99px;} a.kids_button.kb_150:link span, a.kids_button.kb_150:visited span {background-position: 0px -198px;} a.kids_button.kb_170:link span, a.kids_button.kb_170:visited span {background-position: 0px -297px;} a.kids_button:hover, a.kids_button span {cursor: pointer;} a.kids_button.kb_80:hover span {background-position: 0px -33px;} a.kids_button.kb_110:hover span {background-position: 0px -132px;} a.kids_button.kb_150:hover span {background-position: 0px -231px;} a.kids_button.kb_170:hover span {background-position: 0px -330px;} a.kids_button.kb_80:active span, a.kids_button.kb_80:focus span {background-position: 0px -66px;} a.kids_button.kb_110:active span, a.kids_button.kb_110:focus span {background-position: 0px -165px;} a.kids_button.kb_150:active span, a.kids_button.kb_150:focus span {background-position: 0px -264px;} a.kids_button.kb_170:active span, a.kids_button.kb_170:focus span {background-position: 0px -363px;} /* special positioning for buttons */ .kids #container #kst_container div:first-child + div a.kids_button { } .kids #container .info_bar a.kids_button { float: right; margin: 0 3px 0 8px; } .kids #container .info_bar a.kids_button span { text-transform: none; } /*Footer*/ .kids_foot_col1 { width:500px;height:60px;float:left;border-right:1px solid #d8d8d8;margin:15px 0; } .kids_foot_col2 { width:265px;height:60px;text-align:center;float:left;border-right:1px solid #d8d8d8;margin:15px 0; } .kids_foot_col3 { width:180px;height:60px;text-align:center;float:left;margin:15px 0; } #copyright { background:url(../i/presentation/footer/ng_logo_kids_foot.png) 45px 3px no-repeat;text-align:left;margin:0;padding:0;height:32px;padding-top:20px;padding-left:160px; } #footer_global .clear { clear:both;display:block;overflow:hidden;visibility:hidden;width:0; } #footer_global .nav_global_tierA { margin:0;padding:12px 0;text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;display:block;width:100%; } #footer_global .nav_global_tierA li { font-size:12px;padding-left:22px; } #footer_global .nav_global_tierA li a { color:#000000; } #footer_global .nav_global_tierA li:first-child { padding-left:0; } #footer_global .nav_global_tierB { border-top: 1px solid #d8d8d8;font-size:11px;margin:0; } #footer_global .nav_global_tierC { padding-top:0;font-size:10px;margin:0; } #footer_global .nav_global_tierB li, .kids #footer_global .nav_global_tierC li { border-left: 1px solid #6c6c6c;padding:0 4px 0 6px;font-size:11px; } #footer_global .nav_global_tierB li a, .kids #footer_global .nav_global_tierC li a { color:#037d93; } #footer_global .nav_global_tierB li:first-child, .kids #footer_global .nav_global_tierC li:first-child { border:0;padding-left:0; } /*Hidden Stuff*/ #atoz h3, #content .promo_collection.custom h3 {font-size:1px; left:-9999px; line-height:0; margin:0; padding:0; position:absolute; width:9999px;} /* kids features module - works in right rail and in content_mainA. using features_module.html (override) in kids/templates */ .kids_features1 { background: #EAEAEA url(../i/presentation/kids_features_bg_top.png) scroll repeat-y -609px 0px; } /* Used to differentiate between 2 Features in a tier versus 1 Feature 1 Agg Poll in a tier */ .kids_features2 { background: #EAEAEA url(../i/presentation/kids_features_bg_top.png) scroll repeat-y -609px 0px; } #content #content_mainA .kids_features0 { float: left; clear: none; width: 309px; margin-top: 0px; } #content #content_mainA .kids_features0:first-child { margin-right: 18px; } #content #content_mainB .kids_features0 { } #content .kids_features { padding: 15px 20px 20px 12px; background: #EAEAEA url(../i/presentation/kids_features_bg_top.png) scroll no-repeat 0px 0px; } #content .kids_features.kids_featured_fancy { padding-top: 69px; } #content_mainA .kids_features { width: 277px; background-position: -300px 0px; } #content_mainB .kids_features { width: 268px; } .kids_features h3 { margin: 0 0 0px 8px; font-size: 17px; line-height: 22px; } #container .kids_features li { position: relative; } .kids_features li a.kids_features_frame { position: absolute; display: block; width: 176px; height: 136px; background: transparent url(../i/presentation/photo_frame.png) scroll no-repeat -116px 0px; text-decoration: none; } .kids_features li div.kids_features_frame { float: left; width: 160px; height: 120px; padding: 8px; } #container .kids_features li div.kids_features_frame img { margin: 0 0 0 0; border-width: 0px; } .kids_features div.kids_features_frame_270x270 { width: 286px; height: 286px; background-attachment: scroll; background-repeat: no-repeat; background-position: 8px 9px; } .kids_features div.kids_features_frame_270x270 a { display: block; width: 286px; height: 286px; background: transparent url(../i/presentation/photo_frame.png) scroll no-repeat -292px -188px; } .kids_features li h4 { float: right; width: 95px; display: none; } #content_mainB .kids_features li h4 { width: 85px; } #content .kids_features li p { float: right; clear: right; width: 95px; margin: 0 0 0 0; padding: 4px 0; } #content_mainB .kids_features li p { width: 85px; } #content .kids_features li p a { font-weight: bold; color: #0491A6; } /*.kids_features li h4 + p {display: none;}*/ /* Custom Features for right rail */ #content_mainB .kids_featured_fancy { position: relative; } #content #kids-featured-product { width: 286px; padding: 60px 7px 10px 7px; } #content #kids-featured-product, #content #kids-featured-blog { background: transparent url("../i/presentation/kids_right_rail_green_gradient_bg.png") no-repeat scroll 0px 0px; } #content #kids-featured-game { width: 286px; padding: 69px 7px 15px 7px; } #content #kids-featured-game, #content #kids-rate-this-game { background: transparent url("../i/presentation/kids_right_rail_yellow_gradient_bg.png") no-repeat scroll 0px 0px; } #content_mainB .kids_features .sponsor_ad { right: 14px; top: 28px; } #content #content_mainB .kids_featured_fancy h3 { position: absolute; left: -4px; margin-left: 0px; background: transparent url("../i/presentation/kids_bubble_text_sprites.png") scroll no-repeat 0px 0px; text-indent: -9999px; } #content #content_mainB #kids-featured-blog h3 { width: 123px; height: 59px; top: 0px; background-position: 0px -400px; } #content #content_mainB #kids-featured-game h3 { width: 123px; height: 58px; top: -3px; background-position: 0px -500px; } #content #content_mainB #kids-rate-this-game h3 { width: 119px; height: 58px; top: 1px; background-position: 0px -300px; } #content #content_mainB #kids-featured-product h3 { width: 123px; height: 61px; top: -3px; background-position: 0px -700px; } #content #content_mainB #kids-featured-product a { color: #0491A6; } #content #content_mainB #kids-featured-product a span { display: block; text-align: center; padding-top: 250px; font-size: 14px; color: #0491A6; } #content #content_mainB #kids-featured-product a span span { display: inline; padding: 0 0 0 5px; font-size: 12px; color: #799F1B; } a.kids_features_frame { left: 0px; } #content_mainB .kids_featured_fancy a.kids_features_frame { top: -6px; } #content_mainB #kids-featured-game a.kids_features_frame { width: 286px; height: 188px; background-position: -292px 0px; } #content_mainB .kids_featured_fancy div.kids_features_frame { padding: 2px 0px 0px 8px; } #content_mainB #kids-featured-game div.kids_features_frame { width: 270px; height: 172px; } #content_mainB #kids-featured-game h4 { display: block; float: none; clear: both; width: auto; padding: 8px 8px 0 8px; text-align: center; } #content_mainB #kids-featured-game p { display: none; } #content_mainB #kids-featured-game a.kids_button.kb_110 { margin: 0 0 0 88px; } #content_mainB #kids-rate-this-game a.kids_button.kb_110 { float: left; margin: 8px 0 0 33px; } #content_mainB .kids_featured_fancy p.action { padding-top: 0px; } #content_mainB .kids_featured_fancy p.action a { color: #FFF; } /* - Related content module - when we think of related content, do .related_group, as all bundle children start there - prettyThumbnails("related_group") in render_base_override - inherits heavily from .thumbnail_grid section */ #content .related_content { position: relative; margin: 0; padding: 0; background: none; } .related_content .related_group { background-color: #EAEAEA; padding: 0 0 20px 0; } #content_mainB .related_group { padding: 0 18px 10px 12px; } #content #content_mainA .promo_collection .related_group ul { padding: 0 20px; } #content .promo_collection .related_group li { display: block; float: left; margin-top: 0px; margin-bottom: 5px; text-align: center; } #content #content_mainB .related_group li { float: none; text-align: left; } #content .related_group li > a { display: block; background-repeat: no-repeat; background-position: 8px 8px; } #content .related_group li > a:hover { text-decoration: none; cursor: pointer; } #content #content_mainB .related_group li > a { float: left; margin-right: 5px; } #content #content_mainB .related_group.tg_100 li > a { width: 116px; } #content #content_mainB .related_group.tg_160 li > a { width: 176px; } #content .related_group li > a span { display: block; background: transparent url(../i/presentation/photo_frame.png) scroll no-repeat 0px 0px; } #content .related_group.tg_100 li > a span { width: 116px; height: 91px; background-position: 0px 0px; } #content .related_group.tg_160 li > a span { width: 176px; height: 136px; background-position: -116px 0px; } #content_mainB .related_group ul li p { padding-top: 8px; } #content .related_group ul img { float: none; } #content .related_group p a { font-weight: bold; line-height: 17px; color: #0491A6; cursor: pointer; } #content .related_group h4 { float: none; clear: both; font-size: 17px; line-height: 20px; margin: 0 0 0 25px; padding: 15px 0 5px 0; } #content #content_mainB .related_group h4 { margin-left: 5px; } #content_mainB .related_content h3.title { height: 32px; margin: 18px 0 0 0; padding: 15px 0 0 17px; text-transform: uppercase; color :#ffffff; background: transparent url(../i/presentation/kids_title_bar_sprites.png) scroll no-repeat 0px 0px; } /* Kids Article Pages Primary Photo - using article_base_override */ .primary_photo { position: relative; } #content_mainA .subsection > div.primary_photo.pp_270 { width: 300px; margin-left: 10px; background: #EAEAEA url(../i/presentation/kids_features_bg_top.png) scroll no-repeat 0px 0px; } .primary_photo .pp_container_img { width: 646px; top: -5px; left: -5px; background: transparent url(../i/presentation/kids_single_tease_bg_outer_top.png) scroll no-repeat left top; } .primary_photo.pp_270 .pp_container_img { position: relative; width: 286px; top: 10px; left: 7px; height: 200px; background-image: none; } .pp_container_img > div { position: absolute; } .primary_photo.pp_270 .pp_container_img > div { width: 286px; height: 188px; background: transparent url(../i/presentation/photo_frame.png) scroll no-repeat -292px 0px; } .primary_photo.pp_470 .pp_container_img > div { top: 25px; left: 88px; background: transparent url(../i/presentation/kids_single_tease_bg_inner_470_top.png) scroll no-repeat left top; } .primary_photo.pp_600 .pp_container_img > div { top: 23px; left: 23px; background: transparent url(../i/presentation/kids_single_tease_bg_inner_600_top.png) scroll no-repeat left top; } .primary_photo.pp_270 .pp_container_img > div div {. width: auto; background-image: none; } .primary_photo.pp_470 .pp_container_img > div div { width: 470px; background: transparent url(../i/presentation/kids_single_tease_bg_inner_470_bottom.png) scroll no-repeat left bottom; } .primary_photo.pp_600 .pp_container_img > div div { width: 600px; background: transparent url(../i/presentation/kids_single_tease_bg_inner_600_bottom.png) scroll no-repeat left bottom; } .article .pp_container_img + div.caption { width: 646px; left: -5px; margin-top: 0px; padding-top: 5px; padding-bottom: 20px; background: transparent url(../i/presentation/kids_single_tease_bg_outer_bottom.png) scroll no-repeat left bottom; } .article .primary_photo.pp_270 .pp_container_img + div.caption { position: static; width: auto; left: 0px; padding: 0 0 10px 0; background-image: none; } .article .pp_container_img + div.caption p { font-weight: normal; } .article .primary_photo.pp_270 .pp_container_img + div.caption p { margin: 0 0 0 15px; } .article .primary_photo.pp_470 .pp_container_img + div.caption p { margin: 0 88px; } .article .primary_photo.pp_600 .pp_container_img + div.caption p { margin: 0 23px; } .article .pp_container_img + div.caption p.credit { color: #666 !important; font-size: 11px; } .article .primary_photo.pp_270 .pp_container_img + div.caption p.credit { color: #333 !important; } .primary_photo.pp_270 img { margin-left: 8px; padding-top: 8px; } .primary_photo.pp_470 img { margin-left: 88px; padding-top: 25px; } .primary_photo.pp_600 img { margin-left: 23px; padding-top: 23px; } /* KIDS LEAVING, 404 AND 500 PAGES*/ .leaving #container { background: url(../i/presentation/404_bears.jpg) no-repeat scroll #FFF;} .leaving #content_mainB p { color: #FFF; font-size: 1.25em;} .leaving #content_mainB.aside { width: 350px; margin-top: -25px;} .kids_404 #content, .leaving #content {height: 550px;} .kids_404 #container { background: url(../i/presentation/404_spider.jpg) no-repeat scroll #FFF;} .kids_404 #content_mainA { margin-left: 75px;} .kids_404 #content_mainA p { color: #FFF; font-size: 1.35em; margin: 2px 0 20px;} .kids_404 a.kids_button { float: left; margin-right: 10px;} .kids_404 .click_here { margin-top: 10px;} .kids_404 .click_here p { padding-top: 5px;} .kids_404 #kids_header, .leaving #kids_header { height: 258px;} .kids_404 #container img, .leaving #container img { border: none;} .kids_404 #content #content_page_specific, .leaving #content #content_page_specific { border: none;} .kids_404 #footer_gloabal, .leaving #footer_global { padding-top: 20px;} .kids_404 .subsection .advertisement.box, .leaving .subsection .advertisement.box {float: right; margin-right: 0; width: 299px;} .kids_404 .advertisement.box div, .leaving .advertisement.box div {margin-top: 0;} .kids_404 #content .bg_credit, .leaving #content .bg_credit { color: #FFF; border: none; float: right; margin: 250px 0 0; padding: 0; font-size: 0.85em;} .kids_404 #content .bg_credit { color: #666; margin-top: 148px;} .kids_404 #container .row2_col3search { width: 320px; height: 49px; float: left; padding: 6px 0 0 6px; background: url(../i/presentation/404_searchback.png) no-repeat; margin-top: -10px; } .kids_404 #container .input_field1 { border-style: hidden; font-family: Arial, Helvetica, sans-serif; border-width: 0px; color: #828282; font-size: 14px; margin: 0 6px 0 0; height: 35px; padding: 3px 0px 0px 9px; background: url(../../themes/kids/tophat/i/search_box.jpg) no-repeat; float: left; width: 254px; } .kids_404 #container .search_bt { background: url(../../themes/kids/tophat/i/kids_search_button.png) no-repeat; width: 44px; height: 38px; padding: 0; border-width: 0px; float: left; cursor: pointer; } .kids_404 .bg_credit a, .leaving .bg_credit a { color: #012B2C; font-weight: bold;} .kids_404 #extra_stuff { margin-bottom: 20px;} .leaving .be_safe { margin: 0 55px;} .leaving .no_info { margin: 8px 60px; width: 285px;} .leaving #content_mainB .no_info p { font-size: 14px; line-height: 18px;} .leaving .redirect_msg { margin: 0 60px; width: 285px;} .leaving #content_mainB .redirect_msg p { color: #D95C13; text-transform: uppercase; font-weight: bold; font-size: 15px; line-height: 18px; } .leaving .leaving_ngk { font-family: verdana; } .kids_404 .kids_features0, .leaving .kids_features0 { float: left; clear: none; width: 308px; margin-top: 0px;} .kids_404 .kids_features0:first-child, .leaving .kids_features0:first-child { margin-right: 18px; } .kids_404 .subsection .kids_features, .leaving .subsection .kids_features { width: 277px; padding: 15px 20px 20px 12px; background: #EAEAEA url(../i/presentation/kids_features_bg_top.png) scroll no-repeat -300px 0px;} .kids_404 .kids_features.kids_featured_fancy, .leaving .kids_features.kids_featured_fancy { padding-top: 69px; } .kids_404 .kids_features li, .leaving .kids_features li { position: relative; } .kids_404 .kids_features li div.kids_features_frame img, .leaving .kids_features li div.kids_features_frame img { margin: 0 0 0 0; border-width: 0px;} .kids_404 .kids_features li p, .leaving .kids_features li p { float: right; clear: right; width: 95px; margin: 0 0 0 0; padding: 4px 0; } .kids_404 .kids_features li p a, .leaving .kids_features li p a { font-weight: bold; color: #0491A6; } /* Kids Video Page is actually /video so take body.video_player as top of hierarchy */ #content > div#changeifkids { border-bottom-width: 0px; } body.video_player { } body.video_player #page_head { height: 46px; } body.video_player #page_head #video_header_title h1 { height: 42px; padding: 0px; font-weight: normal; font-size: 36px; line-height: 42px; text-indent: 0px; color: #444; background-image: none; } body.video_player #page_head #video_header_title div#promo { margin-top: 0; } #video_search { width: 320px; height: 49px; float: right; margin-right: 7px; margin-left: 0; padding: 11px 0 0 12px; background: url(../i/presentation/kids_search_container_yellow.png) no-repeat; } .kids_shop #shop_search_box { position: relative; width: 300px; height: 50px; } .kids_shop #video_search { position: absolute; width: 298px; left: -5px; top: -5px; margin: 0; background-position: 0px -60px; } #video_search form { background-color: transparent; font-weight: normal; padding: 0px; } #video_search label { display: none; } /*legacy id*/#video_search.kids input.text, #video_search.kids input.text { border-style: hidden; font-family: Arial, Helvetica, sans-serif; border-width: 0px; color: #828282; font-size: 14px; margin: 0 6px 0 0; height: 35px; padding: 3px 0px 0px 9px; background: url(../../themes/kids/tophat/i/search_box.jpg) no-repeat; float: left; width: 254px; } /*legacy id*/.kids_shop #video_search_input, .kids_shop #search_input { width: 227px; background-position: 0px -38px; } /*legacy id*/ button#video_search_submit, button#search_submit { position: static; width: 44px; height: 38px; padding: 0; margin-top: 0px; margin-left: 0px; border-width: 0px; float: left; cursor: pointer; background: url(../../themes/kids/tophat/i/kids_search_button.png) no-repeat scroll 0 0 transparent; } #content #video_player_main { clear: both; margin-top: 0px; border-bottom-width: 0px; padding-bottom: 18px; } #video_player_main .video_player h2 { line-height: 22px; } #player_left_col { border-right-width: 0px; padding-right: 0; width: 636px; } #player_left_col #player_wrapper { width: 610px; height: 374px; padding: 13px 13px 0 13px; background: #292929 url(../i/presentation/kids_player_wrapper_bg.png) scroll no-repeat 0px 0px; } #player_left_col p { color: #FFF; } #player_left_col #video_credits { border-bottom-width: 0px; padding: 10px 13px 5px 13px; background-color: #292929; } #player_left_col #video_info_title { background-color: #292929; padding: 0 0 15px 0; } #video_info_title ul.selected { background-image: none; padding: 0px 13px; } #video_info_title a { color: #FFF; } #player_left_col #video_info { display: block; background-color: #292929; } #video_info a { color: #FFF; font-weight: normal; } #video_info #video_caption { border-bottom-width: 0px; margin-left: 0; padding: 0 13px; } #video_info #video_related_links { border-bottom: 0 none; margin-left: 0; padding: 0 13px; } #video_related_links h3 { color: #FFF; } #video_related_links li { list-style: none; list-style-type: none; } #player_right_col { float: right; margin-top: 0; padding-left: 0; } #player_right_col .video_advertisement_box { border-bottom-width: 0px; padding-bottom: 0px; } #player_right_col #video_coming_next { position: relative; padding-top: 0px; } #video_coming_next h3 { position: absolute; width: 115px; height: 61px; left: -4px; top: 1px; text-indent: -9999px; background: transparent url("../i/presentation/kids_bubble_text_sprites.png") scroll no-repeat 0px -100px; } #video_coming_next #next_video_lineup_container { margin-top: 18px; padding: 56px 15px 15px; background: transparent url("../i/presentation/kids_right_rail_yellow_gradient_bg.png") scroll no-repeat 0px 0px; } body.video_player #video_nav_main { width: 954px; margin-top: 5px; border-bottom-width: 0px; padding-bottom: 0px; } body.video_player #video_left_nav { position: relative; width: 170px; /*top: -47px;*/ margin: 0; border-width: 0px; padding: 0; background-color: #FFF; } #video_left_nav ul#kids > li > a { display: none; } #video_left_nav ul#kids > li > ul { margin: 4px 0 3px 0; padding-left: 0px; } #video_left_nav ul#kids > li > ul { margin: 4px 0 3px 0; padding-left: 0px; } #video_left_nav ul#kids > li > ul > li > a { font-weight: bold; font-size: 13px; line-height: 15px; color: #333; background: url("../i/presentation/video_nav_ul.png") no-repeat scroll 0 3px transparent; } #video_left_nav ul#kids > li > ul.last > li > a { background-image: none; } #video_left_nav ul#kids > li > ul.last > li > a.selected { text-decoration: underline; } #video_left_nav ul#kids > li > ul.selected > li > a { background: url("../i/presentation/video_nav_ul_selected.png") no-repeat scroll 0 4px transparent; } #video_left_nav ul#kids ul ul a { font-weight: normal; color: #0491A6; } #video_left_nav ul#kids ul ul a.selected { font-weight: bold; color: #333; text-decoration: underline; } #video_left_nav li.last { color: #0491A6; } body.video_player #video_right_nav { float: right; width: 766px; } #video_right_nav h3 { height: 27px; margin-bottom: 0px; padding: 20px 0 0 17px; font-weight: bold; font-size: 18px; text-transform: uppercase; background: transparent url(../i/presentation/kids_title_bar_sprites.png) scroll no-repeat 0px -350px; color: #FFF; } #video_right_nav #video_dl { position: relative; width: 766px; height: 320px; margin-top: 10px; margin-bottom: 12px; border-width: 0px; background: transparent url(../i/presentation/kids_video_featured_bg.png) scroll no-repeat 0px 0px; } #video_dl #video_dl_title { position: absolute; width: 150px; height: 60px; left: -4px; top: -12px; background: transparent url(../i/presentation/kids_bubble_text_sprites.png) scroll no-repeat 0px 0px; } #video_right_nav #video_dl ul.content { margin-left: 10px; top: 40px; } #video_dl li.slide { margin: 20px; width: 716px; /* background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom: 1; */ } #video_dl .video_dl_img { position: relative; } #video_dl .video_dl_img > a { position: absolute; display: block; width: 322px; height: 246px; left: -8px; top: -8px; background: transparent url(../i/presentation/photo_frame.png) scroll no-repeat -578px 0px; } #video_dl .video_dl_info { width: 385px; padding-left: 20px; } #video_dl .video_dl_info p { font-size: 13px; line-height: 16px; } #video_dl .video_dl_info p.title a { font-size: 22px; line-height: 25px; } #video_dl .video_dl_info p.title a span { font-size: 13px; line-height: 16px; } #video_dl .dl_navigation { left: 356px; top: 270px; } #video_dl .dl_navigation li.prev, #video_dl .dl_navigation li.next, #video_dl .dl_navigation li.pause { display: none; } #video_dl .dl_navigation li { width: 16px; margin: 0 4px; background: transparent url(../i/presentation/kids_icon_sprites.png) scroll no-repeat 0px -350px; } #video_dl .dl_navigation li:hover { background-position: 0px -370px; } #video_dl .dl_navigation li.selected { background-position: 0px -390px; } #video_dl .dl_navigation a { font-size: 0px; line-height: 0px; text-indent: -9999px; } body.video_player #video_nav_lineup { width: 766px; margin-top: 0px; border-width: 0px; background-color: #EAEAEA; } #video_lineup.tg_160 ul { width: 750px; padding-left: 16px; } #video_lineup.tg_160 ul li { display: block; width: 176px; margin-right: 10px; padding-left: 0; } #video_lineup.tg_160 li.tg_fir { clear: both; } #video_lineup.tg_160 li.tg_lir { margin-right: 0px; } #video_lineup ul li img { padding: 8px; } #container #video_lineup img { float: none; margin: 0 0 0 0; border-width: 0px; } #video_lineup ul li h4 { margin-top: 0px; padding: 0 8px; } #video_lineup ul li p { padding: 0 8px; } #creature_feature, #people_places { background-color: #0F711C; border: 1px solid #8D8D8D; padding: 20px 40px; margin-bottom: 20px; height: 760px; } #animal_browser_full { float: left;} .kids_animals_creaturefeature.interactive #page_head h1, .kids_places.interactive #page_head h1 { visibility: hidden;} .kids_animals_creaturefeature #content_mainB .advertisement.box, .kids_places.interactive #content_mainB .advertisement.box { display: none;} .creature_feature_container .section_header_browser { background: url(../i/presentation/bg737x064browser_corner_cat.gif) no-repeat scroll right top transparent; width: 737px; } #creature_feature_item .rating_strip { background: url(../i/presentation/bg100x042rating_strip.gif) repeat-x scroll 0 0 transparent; height: 38px; width: 736px; margin-left: 1px; } .interactive #creature_feature_item .info_bar { padding: 5px 0; margin: 0 0 -6px 1px; } .interactive .creature_feature_container #creature_feature_item .info_bar { margin-top: -4px; } .creature_feature_item #animal_scroll_footer, .people_places_container #animal_scroll_footer { background: url(../i/presentation/brd738x010browser_btm.gif) no-repeat scroll 0 0 transparent; height: 10px; width: 737px; } .creature_feature_item { float: left; width: 737px;} #people_places { background-color: #2C1D6D;} #sky_ad {float: right;} .creature_feature_container { background-color: #104D18; margin-bottom: 20px; padding: 20px; height: 605px; } .people_places_container { background-color: #2C1D6D; margin-bottom: 20px; padding: 20px; height: 605px; } .people_places_container .section_header_browser { background: url(../i/presentation/bg737x073photo_hdr.gif) no-repeat scroll right top transparent; width: 737px; } .people_places_container .more_people_places { float: right; margin-right: 0; } .people_places_container .more_people_places div { background-color: #FFF; float: left; height: 19px; padding-top: 3px; } .people_places_container .more_people_places_header { background : url(../i/presentation/bg_more_left.gif) no-repeat scroll 0 0 transparent; width: 10px; } .people_places_container .more_people_places_footer { background: url(../i/presentation/bg_more_right.gif) no-repeat scroll 0 0 transparent; width: 10px; } .people_places_container .more_people_places a { color: #000; font-weight: bold; margin: 5px 5px 0; text-decoration: none;} /* COMMUNITY PAGE */ body.kids_community #content_mainA .subsection .full_width .kids_blogs h3 {height: 31px; padding-top: 13px; margin-bottom: -3px; background-position: 0px -250px;} .promo_collection.kids_blogs .rss:first-child a { background: url(../i/presentation/community_page_sprite.png) no-repeat scroll transparent 0 -20px; margin: 6px 10px; height: 20px; width: 20px;} #kids_blogs .comment_count { float: right; color: #47B1BB; background: url(../i/presentation/community_page_sprite.png) no-repeat scroll transparent 0 0; text-indent: 27px; font-size: 11px; padding-top: 1px; font-weight: bold;} #kids_blogs h4.blog_title { color: #F7984C; font-size: 16px;} #kids_blogs h4.blog_name { margin-bottom: 0;} #kids_blogs h4.blog_name a { font-size: 20px; text-decoration: none;} /*#kids_blogs span.blog_author { color: #47B1BB;}*/ #kids_blogs p a { color: #47B1BB; font-weight: bold; text-decoration: none;} #kids_blogs p { font-size: 13px; margin-bottom: 10px;} #kids_blogs .more_blogs { margin: 0 215px;} /* makes the rounded corners - parent div must be positioned relatively */ .kids_rounded_corners { position: absolute; display: block; z-index: 100; width: 10px; height: 10px; font-size: 0px; line-height: 0px; background-image: url(../i/presentation/kids_icon_sprites.png); } .kids_rounded_corners.krc_top_left {background-position: 0px -170px;} .kids_rounded_corners.krc_top_right {background-position: -10px -170px;} .kids_rounded_corners.krc_bottom_right {background-position: -10px -180px;} .kids_rounded_corners.krc_bottom_left {background-position: 0px -180px;} /* kids dynamic lead */ .js .dl {position: relative;width: 954px;height: 388px;} .js .dl .large { height: 370px; width: 954px;margin-bottom: 18px;} .js .dl .krc_top_left {left: 0px;top: 0px;} .js .dl .krc_top_right {left: 944px;top: 0px;} .js .dl .krc_bottom_right {left: 944px;top: 360px;} .js .dl .krc_bottom_left {left: 0px;top: 360px;} .js .dl .large li div { width: 916px;bottom: 0px;padding: 18px 19px 16px 19px;} .js .dl .dl_navigation {bottom: 34px;} /*Article Photo Switcher*/ #content_mainA .subsection > div.photo_switcher { position: absolute; width: 646px; height: 325px; min-height: 325px; left: -5px; top: -5px; margin-top: 0px !important; background: transparent url(../i/presentation/kids_single_tease_bg_outer_top.png) scroll no-repeat left top; } #content_mainA .subsection > div.photo_switcher div.ps_inside { position: absolute; width: 646px; height: 65px; left: 0px; top: 325px; margin-top: 0px !important; background: transparent url(../i/presentation/kids_single_tease_bg_outer_bottom.png) scroll no-repeat left bottom; } div.primary_photo.photo_switcher div.caption { position: absolute; margin-top: 0px; padding-top: 5px; padding-bottom: 20px; padding: 5px 0 0px 00px; font-weight: normal; } div.photo_switcher div.caption p {width: 470px;margin: 0;} div.photo_switcher div.caption .credit { color: #666 !important; } div.photo_switcher .photo_thumbs { position:absolute;top:15px;right:38px;display:block;width:60px;margin:0; } div.photo_switcher .photo_thumbs ul.no_nav {margin-top: 8px;} div.photo_switcher .photo_thumbs li { margin:0 0 10px 0; } div.photo_switcher .photo_thumbs img { margin:0;padding:0;cursor:pointer; } div.photo_switcher .photo_thumbs .hidden { display:none;margin-bottom:0; } div.photo_switcher .photo_thumbs_nav { height:24px;text-indent:-9999px;width:60px;display:block;text-align:center;background-position:center 8px;background-repeat:no-repeat;cursor:pointer; } div.photo_switcher .photo_thumbs_prev { background-image:url(../i/presentation/kids_photo_switcher_prev.png); } div.photo_switcher .photo_thumbs_next { background-image:url(../i/presentation/kids_photo_switcher_next.png); } div.photo_switcher .photo_thumbs_nav.active { background-position:center -13px; } div.photo_switcher .photo_thumbs_nav.inactive { cursor:default; } #content_mainA div.photo_switcher .big_image { margin-top: 0px; margin-left: 40px; width: 470px; } /*#content_mainA .subsection div.photo_switcher div:first-child { margin:20px 0 20px 35px; }*/ #content_mainA .subsection div.photo_switcher div.big_image .big_image_as_bg { width: 470px; height: 300px; margin: 0; padding: 25px 0 0 0px; background-attachment: scroll; background-repeat: no-repeat; background-position: 0px 25px; } #content_mainA .subsection div.photo_switcher .big_image .big_image_as_bg div { width: 470px; height: 300px; margin: 0; background: transparent url(../i/presentation/kids_single_tease_bg_inner_470_top.png) scroll no-repeat left top; } #content_mainA .subsection div.photo_switcher .big_image .big_image_as_bg div div { background: transparent url(../i/presentation/kids_single_tease_bg_inner_470_bottom.png) scroll no-repeat left bottom; } div.photo_switcher .big_image.hidden { display:none; } div.photo_switcher.primary_photo.pp_470 .big_image img { margin:0;padding:0; } div.photo_switcher span.active, div.photo_switcher a.active { border: none;} #container div.photo_switcher .photo_thumbs .art_thumb.over img { border: 3px solid #FEDB02; margin: -3px;} #container div.photo_switcher .photo_thumbs .art_thumb.selected img { border: 3px solid #FEDB02; margin: -3px;} .search_results h4 { float: left; line-height: 1.3; margin-right: 15px; margin-top: -3px; padding-top: 0; } .search_results .result_item h4 { float: none; } .kids_wallpaper #wallpapers { margin-bottom: 20px;} .kids_wallpaper .image_thumb { float: left; margin-right: 20px;} .kids_wallpaper .caption { clear: both;} .kids_wallpaper .download_sizes { float: left;} .kids_wallpaper .sm-wallpaper-link { clear: both; margin-bottom: 15px; width: 340px;} .kids_wallpaper .sm-wallpaper-link img {float: left; margin-right: 10px;} .kids_wallpaper .sm-wallpaper-link div { padding-top: 6px;} .kids_wallpaper { font-size: 12px;} .kids_wallpaper .instructions span { border-bottom: 2px solid #11554F; clear: both; display: block; font-size: 14px; font-weight: bold; padding-bottom: 5px; } .kids_wallpaper .instructions .win95 { padding-top: 10px; width: 300px; float: left; margin-right: 20px; line-height: 1.3em; } .kids_wallpaper .instructions .macosx { padding-top: 10px; width: 300px; float: left; line-height: 1.2em; } .kids_wallpaper .instructions ol { margin-left: 30px; } .kids_wallpaper .instructions li { list-style: decimal; padding-bottom: 6px; padding-left: 0px; } .kids_wallpaper .instructions h5 { margin-bottom: 10px; font-weight: bold; font-style: normal; } .kids_sitemap #content .sitemap-column { float: left; width: 300px; margin: 0 15px 0 0; border: none;} .kids_sitemap #page_head { height: auto;} .kids_sitemap #content { margin-top: -15px;} .kids_sitemap #content .sitemap-column h3 { margin-top: 15px;} /* CLEAR */ body .clear { position: static; float: none !important; clear: both; width: auto; height: 0px; min-height: 0px; margin: 0 !important; border: 0px none !important; padding: 0px !important; font-size: 0px; line-height: 0px; } #share_buttons p a:hover { background-color: inherit; -moz-border-radius: 0; -webkit-border-radius: 0; opacity: inherit; } #share_buttons p > a > span { text-transform: none; }