/* LAYOUT */ * {margin:0;padding:0; } body {padding: 0 0 20px;background: #ffffff url("/images/template/bg.jpg") repeat-x 0 100%; background-attachment: fixed;color:#000;font:12px arial,tahoma,verdana,sans-serif} .floatleft {float: left; margin: 0 1em 0 0; } .floatright {float: right; margin: 0 0 0 1em;} /* LAYOUT - HEADER */ #header {position: relative; height: 255px; width:100%; margin: 0px;padding: 0px; } #banner_wrapper {background-color: #93C921;} #banner_standard {position: relative; background: #fff url(/images/template/bg_standardbanner.gif) no-repeat; background-color: #93C921; width:770px; height:105px; text-align: right; line-height:100px; margin:0px auto;} #banner_standard object, #banner_standard embed, #banner_standard img {} #banner_tower {position: relative; background: #fff url(/images/template/bg_towerbanner.gif) no-repeat; width:140px; height:634px; text-align: center;} #banner_tower object, #banner_tower embed, #banner_tower img {margin: 28px 0px 0px 11px;} #banner_mpu {position: relative; float: right; background: url(/images/template/bg_mpubanner.gif) no-repeat; width: 306px; height: 279px; margin-right: 1px; margin-top: 14px;} /* NAV - top horizontal nav */ #nav {position: relative; padding: 0; margin: 0; width: 770px; height: 10px; display: block; } #nav ul {position: relative; list-style: none; padding: 0; margin: 0; } #nav li {position:relative;float: left; display:block;margin: 0;padding:0} #nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {position: relative; text-decoration:underline;cursor:pointer;color:#fff;} /* hide from IE mac \*/ #nav li {width:auto} /* end hiding from IE5 mac */ .nav_inpage {float: left; } .nav_inpage a{text-decoration: underline;} .nav_inpage ul {list-style: url(/images/arro.gif) square;} .nav_inpage ul li {list-style: none;margin:0; padding: 1px 5px 1px 15px;font-family: arial;display:block;background: url("/images/sprites.gif") no-repeat 5px -700px;} #subMenu {margin: 9px;} #inpageMenu {text-align: left; margin-left: 8px;} #inpageMenu2 {background: url("/images/template/bg_inpageMenu2.gif") no-repeat top right; margin: 0 19px 0 17px;} /* LAYOUT - main body of page */ #wrap {width:980px; margin: 0 auto;position:relative; background-color: #ffffff; } #content-wrap {position:relative;width:100%; top: 20px; } #utility {position:absolute;top:0;width:164px; padding: 0px 0px 0px 0px; } #sidebar {position:relative; float: right; top:0;right:0px;width:140px; min-height: 530px;padding-bottom: 100px;} #content-wrap-full {position:relative; width:100%; top: 0px; } #content-wrap-full #sidebar {position:relative; width:0px; padding:0; margin:0;} #content-wrap-fuller {position:relative;width:100%; top: 0px; margin: 0px; padding: 0px;} #content {position: relative; margin: 0; padding:0px; width: 470px;} /* IMAGES */ .contentImg {margin: 2px 3px; border: 1px none #000;} .framedImg {border: 1px solid #0D3D7F; } .homeThumbnail {padding: 0; position:relative;z-index:9999;float:right; margin:5px 0px 0px 5px;} .homeThumbnail img {border: 1px solid #0D3D7F} .thumbnail {padding: 0; position:relative; float:left; vertical-align: center; height: 100%; margin:5px 5px 0px 5px; } .thumbnail img {border: 2px solid #000;} .lardImage {padding: 0; position:relative; text-align:center; margin:5px 5px 10px 10px;} /* .shadow1 img {border-right: 3px solid #BF0008; border-bottom: 3px solid #BF0008;} */ .shadow1 img {border-right: 3px solid #858C1C; border-bottom: 3px solid #858C1C;} .featurebox {color:#F13DA1;padding: 10px;border: 1px solid #8FB0DD; margin: 0 0 1em;background: #FDECF3 url("/images/featurebox_bg.gif") repeat-x 100% 100%;} .featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;color:#F13DA1} .featurebox p {border:none;margin: 0 0 1em;color:#000;} .featurebox a {font-weight:normal} .sideLogin { background: url(/images/template/bg_related.gif) repeat-y left bottom; padding: 0px;} .sideLogin p {margin: 5px;} .sideLogin a {font-weight:normal; text-decoration: underline; color: #fff;} .sideLogin .more {font-weight:bold; text-align:right; display: block; padding: 3px 3px 0 0; } .related { padding: 0px;} .related h1, .related h2, .related h3, .related h4, .related h5, .related h6 { font-size: 1.5em; padding: 5px 0; margin-bottom: 5px;border-bottom: 3px solid #000; } .related p {margin: 5px;} .related a {font-weight:normal; text-decoration: underline; color: #fff;} .related .more {font-weight:bold; text-align:right; display: block; padding: 3px 3px 0 0; } .fileInfo {padding:2px; margin: 10px;} .linkIcon img {margin-right: 5px;} .featureMoreLinks {position: absolute; bottom: 8px; right:8px;} .portal3 {position: absolute; margin-top: 0px; width:214px; } #categoryForm1 { position: absolute; bottom: 5px; right: 20px; margin: 0; padding:0;} #download #categoryForm1 { position: absolute; bottom: 40px; right: 25px; margin: 0; padding:0;} #toxicworld #categoryForm1 { position: absolute; right: 25px; margin: 0; padding:0;} #categoryForm2 { width:100%; position: relative; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; } .categorySelect { margin:0px 5px 6px 0px; border: 2px solid #000;} .categoryText { margin:0px 5px 6px 0px; border: 2px solid #000; width: 130px; height: 18px; padding-left: 2px; padding-top: 2px;} /* CARDS */ #cards dl { background: url("/images/template/cards/cardBot.gif") bottom left no-repeat; width: 165px; padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px;} .cards div { padding: 0px 10px 0px 0px; margin: 0px 0px 0px 0px; } .cards dt { background: url("/images/template/cards/cardTop.gif") top left no-repeat; font-weight: bold;padding: 5px 0px 5px 8px; margin: 0px 0px 0px 0px; } .cards dd { padding: 0px 18px 0px 8px; margin: 0px 0px 0px 0px; background: url("/images/template/cards/cardMid.gif") top left repeat-y; } /* NEXT PREVIOUS BTN*/ #categoryForm1 { position: absolute; bottom: 5px; right: 20px; margin: 0; padding:0;} #searchForm{ position: absolute; bottom: 10px; right: 22px; margin: 0; padding:0; text-align: right;} .searchFields { position: relative; height: 36px;} #nextPrevious {position: absolute; bottom: 40px; right: 20px; width: 415px; height: 40px; text-align: center; } #nextPrevious #btnNext {position: relative; float: right; width: 104px; } #nextPrevious #btnPrev {position: relative; float: left; width: 104px; } /* #gallery{padding: 5px 5px; width:400px;}*/ #gallery, #gallery li{position: relative; list-style:none;padding:0;font: .9em 'arial'; width: 380px;} #gallery li {position: relative; margin:2px 5px; float:left;display:inline;width:110px;} #gallery img {position: relative; display:block;border:2px solid #000; margin:0} /* #gallery a {display:block; padding: 4px 0; text-decoration: underline}*/ /* TABLES */ .table1 {border: 1px solid #8FB0DD;border-collapse:collapse;width:100%} .table1 td {background: #ffffff url("/images/sprites.gif") repeat-x 0 -1600px;padding:3px;border: 1px solid #fff} .table1 th {text-align:left;border: 1px solid #ffffff} .table1 thead th {font-family: century gothic, verdana; font-size: 130%; color: #fff; height: 26px; font-weight: normal; text-decoration: none; background-color: #83A7DA; padding: 2px 2px 2px 5px; margin-bottom: 2px;} .table1 tbody th {color:#013179;font-size:100%; font-weight: bold;background-color: #DAE7FA; padding: 6px} .table1 tbody th.sub {font-size:100%;color:#000;background: #efefef url("/images/sprites.gif") repeat-x 0 -1500px;padding: 6px} /* TABLES - calendar */ .calendar {width:200px;font-size:92%} .calendar td {text-align:center;border: 1px solid #ddd} .calendar th {text-align:center} .calendar thead th {padding: 3px 2px} .calendar tbody th {padding: 2px} .calendar tbody th.sub {padding: 2px} /* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */ a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {background: transparent url("/images/sprites.gif") no-repeat 5px -500px;padding-left:21px} a.morelink:hover {background: transparent url("/images/sprites.gif") 5px -400px} .morelink span {position:absolute;left:-9999px;width:900px} /* 'ENLARGE IMG' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */ a.enlargeImg:link, a.morelink:visited, a.morelink:hover, a.morelink:active {background: transparent url("/images/sprites.gif") no-repeat 0px -2015px;padding-left:21px;font-size:92%} .enlargeImg span {position:absolute;left:-9999px;width:900px} /* LAYOUT TYPE C */ /* #type-c #content {margin: 0 167px 0 184px}*/ #type-c #content {position:relative; margin: 0 0px 0 0px; padding:0px; width: 980px;} #type-fullpage #content {position:relative; margin: 0 162px 0 186px; padding:0px;} #content-wrap-full #content {position:relative; margin: 0 0 0 160px; padding:0px;} /* LAYOUT - FOOTER */ #footer {position: relative; clear:both; margin: 0px auto; padding: 2px 0 30px; font-size:86%; color:#000; width: 980px; } #footer p {margin:0} #footer a:link {color:#FF0000} #copyright { float: right; display: inline; padding: 0px 0px 0px 0px; margin: 5px 0px 0px 10px; } #footerNav{ float: left; margin: 5px 0px 0px 80px;} #footerNav li { display: inline; padding: 1px 5px; margin: 0; border-right: 1px solid #000; } #footerNav a:link { color: #FF0000; font-family: arial; font-size: 11px; } #footerNav a:visited { color: #FF0000; font-family: arial; font-size: 11px; } #footerNav a:active { color: #FF0000; font-family: arial; font-size: 11px; } #footerNav a:hover { color: #FF0000; font-family: arial; font-size: 11px; text-decoration: underline; } #footerEnd {text-align: center; font: 80% arial; padding-top: 5px;} .footerFeature { position: relative;font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #616161; line-height: 120%; overflow: hidden; float: left; height: 100px; width: 181px; padding: 5px; background: url(/images/template/footer/bg.gif) bottom left repeat-x; border-top: 1px solid #7F7F7F ;} .footerFeatureLink { width: 180px; padding: 0px; font-size: 12px; height: 18px; padding-right: 5px; font-weight: bold; text-align: right; bottom: 2px; position: absolute; } /* POWERED BY*/ #poweredby {width:96px;height:63px;position:absolute;top:-102px;right:0} .contentEnd {position: relative; background: transparent url("/images/template/bot_pipes.gif") no-repeat; width: 474px; height: 72px;} .listIntro {position: relative; background: transparent url("/images/template/bg_blue_intro.gif") no-repeat; width: 408px; height: 101px;} .listIntro p {position: relative; padding: 10px 15px 10px 20px; color: #000;} .listBottom {position: relative; bottom: 10px;} .categories {position: relative; float: left; background: url(/images/template/bg_categories.gif) no-repeat bottom right; width: 135px; height: 139px; margin: 8px;} .categories .titles {position: absolute; bottom: 5px; font-size: 10px; font-weight: bold; width: 134px; text-align: center; } .categories .titles a {text-decoration: none;} .box1 { position: relative; border: 3px solid #000; background-color: #BEC828; margin: 0 30px 10px 40px;} .box2 { position: relative; border: 3px solid #000; background-color: #009BDC; margin: 0 30px 10px 40px;} .box3 { position: relative; border: 3px solid #000; background-color: #BEC828; margin: 0 30px 10px 40px;} .box4 { position: relative; border: 3px solid #000; background-color: #DC9619; margin: 0 30px 10px 40px;} /*.list1 { position: relative; border: 4px solid #000; background-color: #FF0000; margin: 0 40px 10px 40px;}*/ .list1 { position: relative; border: 4px solid #000; background-color: #BEC828; margin: 0px 40px 10px 40px;} .list2 { position: relative; border: 4px solid #000; background-color: #009BDC; margin: 0px 40px 10px 40px;} .list3 { position: relative; border: 4px solid #000; background-color: #BEC828; margin: 0px 40px 10px 40px;} .list4 { position: relative; border: 4px solid #000; background-color: #DC9619; margin: 0px 40px 10px 40px;} .listX { position: relative; border: 4px solid #000; background-color: #99CC01; margin: 0px 40px 10px 40px;} .listMore { text-align: right;} #expandable_list_box1 { width: 570px; min-height: 100px; background-image: url("/images/template/1StoryTop.gif"); background-position: top left; background-repeat: no-repeat; padding-top: 38px; margin: 0 auto; } #expandable_list_box1 .middle { width: 570px; background-image: url("/images/template/1StoryMid.gif"); background-position: center; background-repeat: repeat-y; } #expandable_list_box1 .inside { padding-left: 20px; width: 540px; } #expandable_list_box2 { width: 570px; min-height: 50px; background-image: url("/images/template/2StoryTop.gif"); background-position: top left; background-repeat: no-repeat; padding-top: 38px; margin: 0 auto; } #expandable_list_box2 .middle { width: 570px; background-image: url("/images/template/2StoryMid.gif"); background-position: center; background-repeat: repeat-y; } #expandable_list_box2 .inside { padding-left: 20px; width: 540px; } #expandable_list_box2 .bottom { margin-top: -18px; } #expandable_list_box3 { width: 570px; min-height: 50px; background-image: url("/images/template/3StoryTop.gif"); background-position: top left; background-repeat: no-repeat; padding-top: 38px; margin: 0 auto; } #expandable_list_box3 .middle { width: 570px; background-image: url("/images/template/3StoryMid.gif"); background-position: center; background-repeat: repeat-y; } #expandable_list_box3 .inside { padding-left: 20px; width: 540px; } #expandable_list_box3 .bottom { margin-top: -18px; } #expandable_list_box4 { width: 570px; min-height: 50px; background-image: url("/images/template/4StoryTop.gif"); background-position: top left; background-repeat: no-repeat; padding-top: 38px; margin: 0 auto; } #expandable_list_box4 .middle { width: 570px; background-image: url("/images/template/4StoryMid.gif"); background-position: center; background-repeat: repeat-y; } #expandable_list_box4 .inside { padding-left: 20px; width: 540px; } #expandable_list_box4 .bottom { margin-top: -18px; } #expandable_list_box5 { width: 570px; min-height: 50px; background-image: url("/images/template/5StoryTop.gif"); background-position: top left; background-repeat: no-repeat; padding-top: 38px; margin: 0 auto; } #expandable_list_box5 .middle { width: 570px; background-image: url("/images/template/5StoryMid.gif"); background-position: center; background-repeat: repeat-y; } #expandable_list_box5 .inside { padding-left: 20px; width: 540px; } #expandable_list_box5 .bottom { /*margin-top: -18px;*/ } .featureText {position: relative; background: transparent url("/images/template/bg_blue_error.gif") no-repeat; width: 408px; height: 101px;} .featureText p {position: relative; padding: 20px 30px 10px 40px; color: #fff;} .xtraPoints {position: relative; background: transparent url("/images/xtraPoints/quizzes.gif") no-repeat; width: 377px; height: 120px; margin: 0 20px; padding-top: 60px; } .xtraPoints p {position: relative; margin: 0px 20px 20px 20px; padding: 0; color: #F0037F; font-size: 16px; font-weight: bold; text-align: center;} /* HOMEPAGE */ .homeCard {width: 180px; height: 220px; float: left; text-align: center;margin: 6px; padding: 0px; cursor:pointer;} .homeCard a {color: #fff; font-weight: bold; text-decoration: none;} .latestCard {background: url(/images/home/bg_latest.gif) no-repeat;} .latestCard .moreText {position: relative; text-align: center; color: #fff; width: 140px; padding: 0px; margin: 0px 20px;} .latestCard .moreText a {color: #fff; text-decoration: none;} .downloadsCard {background: url(/images/home/bg_downloads.gif) no-repeat;} .downloadsCard .moreText {position: relative; text-align: center; color: #fff; width: 120px; margin: 145px 25px 0px 25px;} .downloadsCard .moreText a {color: #fff; text-decoration: none;} .charactersCard {background: url(/images/home/bg_characters.gif) no-repeat;} .charactersCard .moreText {position: relative; text-align: center; color: #fff; width: 170px; padding: 0px; margin: 0px 5px;} .charactersCard .moreText a {color: #fff; text-decoration: none;} .gamesCard {background: url(/images/home/bg_games.gif) no-repeat;} .gamesCard .moreText {position: relative; text-align: center; color: #fff; width: 170px; padding: 0px; margin: 0px;} .gamesCard .moreText a {color: #fff; text-decoration: none;} .moviesCard {background: url(/images/home/bg_movies.gif) no-repeat;} .worldCard {background: url(/images/home/bg_world.gif) no-repeat;} .worldCard .moreText {position: relative; text-align: center; color: #fff; width: 170px; padding: 0px; margin-top: 5px} .worldCard .moreText a {color: #fff; text-decoration: none;} .cheatsCard {background: url(/images/home/bg_cheats.gif) no-repeat;} .cheatsCard .moreText {position: relative; text-align: center; color: #000; width: 160px; padding: 0px; margin: 0px 5px;} .cheatsCard .moreText a {color: #000; text-decoration: none;} .compsCard {background: url(/images/home/bg_comps.gif) no-repeat;} .compsCard .moreText {position: relative; text-align: left; color: #fff; width: 70px; padding: 0px; margin: 80px 0px 0px 35px;} .compsCard .moreText a {color: #fff; text-decoration: none;} .votingCard {position: relative; background: url(/images/home/bg_vote.gif) no-repeat;color: #fff; } .votingCard .moreText {position: relative; text-align: left; color: #fff; width: 70px; padding: 0px; margin: 80px 0px 0px 35px;} .votingCard .moreText a {color: #fff; text-decoration: none;} .clubCard {background: url(/images/home/bg_club.gif) no-repeat;} /* ZONES */ #gamesList {position: relative; width: 620px;} #gameview {position: relative; width: 950px; margin: 0 auto; padding: 0px 0px 10px 0px;} #gameview .gameshell {width: 950px; overflow: auto;} #gamebottom {position: relative; background: url(/images/template/games/bottombox.gif) no-repeat; width: 840px; height: 100px; margin: 0 auto; margin-top: 0px; padding: 0px 0px 0px 0px; visibility: visible;} #gamebottom .greybox1 {position: relative; float: left; margin: 0px 0px 0px 4px; padding: 0px 0px 0px 0px; cursor: pointer;} #gamebottom .greybox2 {position: relative; float: right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; cursor: pointer;} #movies {position: relative; width: 620px;} #latestissue {padding-bottom: 0px; width:620px; margin: 0 auto;} #latestissue .contentEnd {background: url(/images/template/blank.gif); margin: 0px auto; margin-top: 10px; width: 535px;} /* #gamesList .listIntro {background: #fff url("/images/template/headers/games.gif") no-repeat; width: 470px; height: 200px; margin-bottom: 40px;} #gamesList .listIntro .listIntroContent p {position: absolute; margin: -30px 0px 0px 120px; width: 310px; color:#FFFFFF} #gamesListSponsored {background: #fff url("/images/template/bg_pipes.gif") no-repeat 0px 280px; padding-bottom: 0px; width:470px; margin: 0 auto;} #gamesListSponsored .listIntro {background: #fff url("/images/template/headers/gamesSponsored.gif") no-repeat; width: 470px; height: 275px; margin-bottom: 40px;} #gamesListSponsored .listIntro .listIntroContent p {position: absolute; margin: 5px 0px 0px 20px; padding-top: 5px; width: 400px; color:#FFFFFF} #games {padding-bottom: 0px; width:470px; margin: 0 auto;} #games .listIntro {background: #fff url("/images/template/headers/games.gif") no-repeat; width: 470px; height: 200px; margin-bottom: 40px;} #games .listIntro .listIntroContent p {position: absolute; margin: -30px 0px 0px -50px; width: 310px; color:#FFFFFF} #gamesSponsored { padding-bottom: 0px; width:470px; margin: 0 auto;} #gamesSponsored .listIntro {background: #fff url("/images/template/headers/gamesSponsored.gif") no-repeat; width: 470px; height: 275px; margin-bottom: 40px;} #gamesSponsored .listIntro .listIntroContent p {position: absolute; margin: -8px 0px 0px -50px; padding-top: 5px; width: 310px; color: #FFFFFF;} #content-fuller #games {position: relative; padding: 0; width: 770px; top: 20px;} #content-fuller #gamesSponsored {position: relative; padding: 0; width: 770px; top: 20px;} #content-fuller #games .listIntro {height: 0px; margin-bottom: 0px;} #content-fuller #gamesSponsored .listIntro {height: 0px; margin-bottom: 0px;} #content-fuller #games a:link { color:#000; text-decoration: underline;} #content-fuller #gamesSponsored a:link { color:#000; text-decoration: underline;} #games .game-view { position: relative; background-color: #00A0C6; text-align: center; padding: 10px; margin: 10px 0; } #gamesSponsored .game-view { position: relative; background-color: #00A0C6; text-align: center; padding: 10px; margin: 10px 0; } #games .game-questions { position: relative; width: 452px; height: 344px; background: url(/images/template/games/bg_question.gif) no-repeat; margin-left: 4px; margin-top: 10px; margin-bottom: -25px;padding: 1px; } #gamesSponsored .game-questions { position: relative; width: 452px; height: 344px; background: url(/images/template/games/bg_question.gif) no-repeat; margin-left: 4px; margin-top: 10px; margin-bottom: -25px;padding: 1px; } #games .game-questions-intro { position: relative; width: 230px; height: 69px; margin-top: 20px; margin-left: 210px; padding: 0px; } #gamesSponsored .game-questions-intro { position: relative; width: 230px; height: 69px; margin-top: 20px; margin-left: 210px; padding: 0px; } #games .game-questions-intro p { position: relative;} #gamesSponsored .game-questions-intro p { position: relative;} #games .game-questions-content {margin-left: 15px; margin-top: 40px;} #gamesSponsored .game-questions-content {margin-left: 15px; margin-top: 40px;} #games .listIntroContent {margin: 5px 0 0 180px; width: 270px} #gamesSponsored .listIntroContent {margin: 5px 0 0 180px; width: 270px} #content-fuller #games .contentEnd {background: transparent url("/images/blank.gif") no-repeat; } #content-fuller #gamesSponsored .contentEnd {background: transparent url("/images/blank.gif") no-repeat; } #content-fuller #games #nextPrevious {clear: both; position: relative; margin-left: 40px; width: 430px; top: 20px; height: 40px; text-align: center; } #content-fuller #gamesSponsored #nextPrevious {clear: both; position: relative; margin-left: 40px; width: 430px; top: 20px; height: 40px; text-align: center; } */ #quizzes {position: relative; width: 620px; margin: 0px auto;} #quizzes .newslist1 { position: relative; background: transparent url("/images/template/toxicworld/1Box.gif") no-repeat; width: 565px; height: 93px; padding-top: 6px; margin: 0px auto;} #quizzes .newslist2 { position: relative; background: transparent url("/images/template/toxicworld/2Box.gif") no-repeat; width: 565px; height: 93px; padding-top: 6px; margin: 0px auto;} #quizzes .newslist3 { position: relative; background: transparent url("/images/template/toxicworld/3Box.gif") no-repeat; width: 565px; height: 93px; padding-top: 6px; margin: 0px auto;} #quizzes .newslist4 { position: relative; background: transparent url("/images/template/toxicworld/4Box.gif") no-repeat; width: 565px; height: 93px; padding-top: 6px; margin: 0px auto;} #quizzes .newslist5 { position: relative; background: transparent url("/images/template/toxicworld/5Box.gif") no-repeat; width: 565px; height: 93px; padding-top: 6px; margin: 0px auto;} #quizzes .newslistMore { float: right; margin-top: 13px; margin-right: 14px;} #quizzes .listZoneThumbnail {position: relative; float: left; width: 71px; height: 71px; background-color: #FFF; border: 2px solid #000; margin: 2px 0px 0px 50px} #quizzes h4 {position: relative; float: left; margin: 28px 0px 0px 54px; width: 250px; } #quizzes .para {position: relative; float: left; margin: 20px 0px 0px 25px; width: 400px;} #quizzes .contentEnd {background: url(/images/template/blank.gif); margin: 0px auto; margin-top: 10px; width: 535px;} #quizzes #nextPrevious {width: 535px; right: 0px} /* #quizzes.question { position: relative; background: transparent url("/images/template/quizzes/bg_question.gif") no-repeat; width: 380px; height: 360px; margin:0 auto; } #quizzes.questionTitle { position: relative; background: transparent url("/images/template/quizzes/bg_questionTitle.gif") no-repeat; height: 114px; color: #F0037F; padding: 2px;} #quizzes.questionTitle p { margin: 25px 40px; font-weight: bold; line-height: 20px; } #quizzes.answers { margin: 10px 40px 10px 40px; color: #F0037F; font-weight: bold;} #quizzes.answers p {line-height: 1px; color: #F0037F;} */ #quizzes .intro { position: relative; background: transparent url("/images/template/quizzes/introbox.gif") no-repeat; width: 550px; height: 70px; padding-top: 18px; margin: 0 auto;} #quizzes .intro p { position: relative; color: #FFF; margin: 0px 0px 0px 20px;} #quizzes .result { position: relative; background: transparent url("/images/template/quizzes/resultsbox.gif") no-repeat; width: 550px; height: 240px; padding: 2px; margin: 0 auto; margin-top: 0px} #quizzes .result p { position: relative; color: #FFF; font-weight: bold; margin: 50px 30px;} #quizzes .result .listThumbnail { position: relative; float: left; width: 138px; height: 138px; padding: 0; margin: 50px 20px; border: 2px solid #918121} #quizzes .sendtofriend { position: relative; background: transparent url("/images/template/quizzes/friendbox.gif") no-repeat; width: 550px; height: 280px; margin: 0px auto; padding: 2px;} #quizzes .sendtofriend .sendtofriendForm { position: relative; width: 400px; margin: 0px auto; margin-top: 44px;} #quizzes .boxerror {position: relative; background: transparent url("/images/template/quizzes/errorbox.gif") no-repeat; width: 550px; height: 200px; margin: 0 auto;} #toxicworld {position: relative; width: 620px; margin: 0px auto;} /*#toxicworld .listIntro {position: relative; background: #fff url("/images/template/headers/toxicworld.gif") no-repeat; width: 470px; height: 230px; margin-bottom: 40px;} #toxicworld .listIntro .listIntroContent p {position: absolute; margin: 0px 10px 0px 105px; padding-top:0px; width: 317px; color:#FFFFFF} */ #toxicworldSponsored {position: relative; width:620px; margin: 0px auto;} /*#toxicworldSponsored .listIntro {position: relative; background: #fff url("/images/template/headers/toxicworldSponsored.gif") no-repeat; width: 470px; height: 300px; margin-bottom: 40px;} #toxicworldSponsored .listIntro .listIntroContent p {position: absolute; margin: 0px 10px 0 105px; width: 317px; color:#FFFFFF} */ #toxicworld .newslist1 { position: relative; background: transparent url("/images/template/toxicworld/1Box.gif") no-repeat; width: 565px; height: 92px; padding-top: 6px; margin: 0px auto;} #toxicworld .newslist2 { position: relative; background: transparent url("/images/template/toxicworld/2Box.gif") no-repeat; width: 565px; height: 92px; padding-top: 6px; margin: 0px auto;} #toxicworld .newslist3 { position: relative; background: transparent url("/images/template/toxicworld/3Box.gif") no-repeat; width: 565px; height: 92px; padding-top: 6px; margin: 0px auto;} #toxicworld .newslist4 { position: relative; background: transparent url("/images/template/toxicworld/4Box.gif") no-repeat; width: 565px; height: 92px; padding-top: 6px; margin: 0px auto;} #toxicworld .newslist5 { position: relative; background: transparent url("/images/template/toxicworld/5Box.gif") no-repeat; width: 565px; height: 92px; padding-top: 6px; margin: 0px auto;} #toxicworld .newslistMore { float: right; margin-top: -21px; margin-right: 8px;} #toxicworld .listZoneThumbnail {position: relative; float: left; width: 71px; height: 71px; background-color: #FFF; border: 2px solid #000; margin: 2px 0px 0px 50px} #toxicworld .listThumbnail {position: relative; width: 300px; border: 2px solid #000; margin:0 auto;} #toxicworld .contentImg {position: relative; width: 300px; border: 2px solid #000; margin:0 auto;} #toxicworld h4 {position: relative; float: left; margin: 14px 0px 0px 54px; width: 275px;} #toxicworld .para {position: relative; float: left; margin: 0px 0px 0px 50px; width: 290px;} #toxicworld .contentEnd {background: url(/images/template/blank.gif); margin: 0px auto; margin-top: 10px; width: 535px;} #toxicworld #nextPrevious {width: 535px; right: 0px} #images {position: relative; padding-bottom: 0px; width: 620px; margin: 0 auto;} #images .contentEnd {background: url(/images/template/blank.gif); margin: 0px auto; margin-top: 10px; width: 300px;} #competitions .listIntro .listIntroContent p {position: absolute; margin: 80px 0 0 230px; width: 200px; color: #fff;} #challenges {position: relative; background: #fff url("/images/template/bg_pipes.gif") no-repeat 0px 210px; padding-bottom: 0px;} #challenges .listIntro {position: relative; background: #fff url("/images/template/headers/challenges.gif") no-repeat; width: 460px; height: 218px; margin-bottom: 0px; margin-left: 10px;} #challenges .listIntro p {margin-left: 125px; margin-right: 25px;} #jokes {position: relative; padding-bottom: 0px; width: 470px; margin: 0px auto;} #jokes .listIntro {position: relative; background: #fff url("/images/template/headers/jokes.gif") no-repeat; width: 453px; height: 81px; margin-left: 10px;} #jokes .listIntro .listIntroContent p {position: absolute; margin: 10px 0 0 10px; width: 410px; color: #FFFFFF;} #jokesSponsored {position: relative; padding-bottom: 0px; width: 470px; margin: 0px auto;} #jokesSponsored .listIntro {position: relative; background: #fff url("/images/template/headers/jokesSponsored.gif") no-repeat; width: 470px; height: 181px;} #jokesSponsored .listIntro .listIntroContent p {position: absolute; margin: 0px 0 0 10px; padding-top:0px; width: 410px; color: #FFFFFF;} #cheats {position: relative; background: #fff url("/images/template/bg_pipes.gif") no-repeat 0px 210px; padding-bottom: 0px; width: 470px; margin: 0px auto} #cheats .listIntro {position: relative; background: transparent url("/images/template/headers/cheats.gif") no-repeat; width: 470px; height: 200px; } #cheats .listIntro p {position: absolute; margin: 0px 25px 0 108px; padding-top:0px; width: 290px; color:#FFFFFF} #cheatsSponsored {position: relative; background: #fff url("/images/template/bg_pipes.gif") no-repeat 0px 310px; padding-bottom: 0px; width: 470px; margin: 0px auto} #cheatsSponsored .listIntro {position: relative; background: transparent url("/images/template/headers/cheatsSponsored.gif") no-repeat; width: 470px; height: 280px; } #cheatsSponsored .listIntro p {position: absolute; margin: 0px 25px 0 108px; padding-top: 5px; width: 290px; color:#FFFFFF} #noisegenerator {position: relative; background: #fff url("/images/template/bg_pipes.gif") no-repeat 0px 210px; padding-bottom: 0px; text-align: center; width: 470px; margin: 0px auto} #noisegenerator .listIntro {position: relative; background: #fff url("/images/template/headers/noisegenerator.gif") no-repeat; width: 453px; height: 200px; margin-bottom: 50px; color: #fff; text-align: left;} #noisegenerator .listIntro .listIntroContent p {position: absolute; margin: 0px 0 0 0px; width: 410px; color: #FFFFFF;} /* #noisegenerator {position: relative; background: #fff url("/images/template/bg_pipes.gif") no-repeat 0px 380px; padding-bottom: 0px; text-align: center; } #noisegenerator .listIntro {position: relative; background: #fff url("/images/template/headers/noisegeneratorWoogies2.gif") no-repeat; width: 453px; height: 380px; margin-bottom: 50px; color: #fff; text-align: left;} #noisegenerator .listIntro .listIntroContent p {position: absolute; margin: 0px 0 0 0px; width: 410px; color: #FFFFFF;} */ #noisegeneratorSponsored {position: relative; background: #fff url("/images/template/bg_pipes.gif") no-repeat 0px 260px; padding-bottom: 0px; text-align: center; width: 470px; margin: 0px auto} #noisegeneratorSponsored .listIntro {position: relative; background: #fff url("/images/template/headers/noisegeneratorSponsored.gif") no-repeat; width: 453px; height: 260px; margin-bottom: 50px; color: #fff; text-align: left;} #noisegeneratorSponsored .listIntro .listIntroContent p {position: absolute; margin: 0px 0 0 0px; width: 410px; color: #FFFFFF;} #sendfarts {position: relative; background: #FFFFFF url("/images/template/bg_pipes.gif") no-repeat 0px 160px; padding-bottom: 0px; text-align: center;} #sendfarts .listIntro {position: relative; background: #fff url("/images/template/headers/sendfarts.gif") no-repeat; width: 470px; height: 135px; margin-bottom: 60px; color: #fff; text-align: left;} #sendfarts .listIntro .listIntroContent p {position: absolute; margin: 10px 0 0 10px; width: 410px; color: #FFFFFF;} #burpmachine {position: relative; background: #fff url("/images/template/bg_pipes.gif") no-repeat 0px 210px; padding-bottom: 0px; text-align: center; width: 470px; margin: 0px auto;} #burpmachine .listIntro {position: relative; background: #fff url("/images/template/headers/burpmachine.gif") no-repeat; width: 470px; height: 195px; margin-bottom: 0px; color: #fff; text-align: left;} #burpmachine .listIntro .listIntroContent p {position: absolute; margin: 10px 0 0 10px; width: 410px; color: #FFFFFF;} #burpmachineSponsored {position: relative; background: #fff url("/images/template/bg_pipes.gif") no-repeat 0px 240px; padding-bottom: 0px; text-align: center; width: 470px; margin: 0px auto;}} #burpmachineSponsored .listIntro {position: relative; background: #fff url("/images/template/headers/burpmachineSponsored.gif") no-repeat; width: 470px; height: 210px; padding-top: 20px; margin-bottom: 5px; color: #fff; text-align: left;} #burpmachineSponsored .listIntro .listIntroContent p {position: absolute; margin: 0px 0 0 10px; width: 410px; color: #FFFFFF;} #download {position: relative; padding-bottom: 0px; background: #fff url("/images/template/bg_pipes.gif") no-repeat 0px 200px; width: 470px; margin: 0px auto} #download .listIntro {position: relative; background: #fff url("/images/template/headers/freestuff.gif") no-repeat; width: 470px; height: 205px; margin-bottom: 40px;} #download .listIntro .listIntroContent p {position: absolute; color: #FFFFFF; margin: 5px 10px 0 25px; width: 390px;} #downloadSponsored {position: relative; padding-bottom: 0px; background: #fff url("/images/template/bg_pipes.gif") no-repeat 0px 250px; width: 470px; margin: 0px auto} #downloadSponsored .listIntro {position: relative; background: #fff url("/images/template/headers/freestuffSponsored.gif") no-repeat; width: 470px; height: 234px; margin-bottom: 40px;} #downloadSponsored .listIntro .listIntroContent p {position: absolute; color: #FFFFFF; margin: 5px 10px 0 25px; width: 390px;} #factfiles {position: relative; padding-bottom: 0px; width: 450px; margin: 0px auto;} #factfiles .listIntro {position: relative; background: #fff url("/images/template/headers/factfiles.gif") no-repeat; width: 470px; height: 176px;margin-left: 2px; margin-bottom: 40px;} #factfiles .listIntro .listIntroContent p {position: absolute; margin: 5px 0 0 10px; width: 280px; color: #FFFFFF;} #factfilesSponsored {position: relative; background: #FFFFFF; padding-bottom: 0px; width: 450px; margin: 0px auto;} #factfilesSponsored .listIntro {position: relative; background: transparent url("/images/template/headers/factfilesSponsored.gif") no-repeat; width: 455px; height: 210px; margin-left: 15px; margin-bottom: 0px;} #factfilesSponsored .listIntro .listIntroContent p {position: absolute; margin: 5px 0 0 10px; width: 280px; color: #FFFFFF;} #factfilesSponsored .contentEnd {background: url(/images/template/blank.gif); margin-top: 8px;} #comics {position: relative; padding-bottom: 0px; width: 450px; margin: 0px auto;} #comics .listIntro {position: relative; background: #fff url("/images/template/headers/comics.gif") no-repeat; width: 449px; height: 66px;margin-left: 2px; margin-top: 20px; margin-bottom: 16px;} #comics .listIntro .listIntroContent p {position: absolute; font-weight: bold; margin: 8px 0 0 6px; width: 400px; color: #000000;} #comicsSponsored {position: relative; background: #FFFFFF; padding-bottom: 0px; width: 450px; margin: 0px auto;} #comicsSponsored .listIntro {position: relative; background: transparent url("/images/template/headers/comicsSponsored.gif") no-repeat; width: 455px; height: 210px; margin-left: 15px; margin-bottom: 0px;} #comicsSponsored .listIntro .listIntroContent p {position: absolute; margin: 5px 0 0 10px; width: 280px; color: #FFFFFF;} #comicsSponsored .contentEnd {background: url(/images/template/blank.gif); margin-top: 8px;} #hasbro {position: relative; padding-bottom: 0px; width: 450px;} #hasbro .listIntro {position: relative; background: #fff url("/images/template/headers/hasbro.gif") no-repeat; width: 453px; height: 270px;margin-left: 10px; margin-bottom: 15px;} #hasbro .listIntro .listIntroContent p {position: absolute; margin: 75px 0 0 18px; width: 380px; color: #FFFFFF;} #hasbro .hasbrolist1 { position: relative; float: left; background: #fff url("/images/template/hasbro/list1.gif") no-repeat; width: 142px; height: 250px; margin: 0px 0px 15px 8px; } #hasbro .hasbrolist2 { position: relative; float: left; background: #fff url("/images/template/hasbro/list2.gif") no-repeat; width: 142px; height: 250px; margin: 0px 0px 15px 8px; } #hasbro .hasbrolist3 { position: relative; float: left; background: #fff url("/images/template/hasbro/list3.gif") no-repeat; width: 142px; height: 250px; margin: 0px 0px 15px 8px; } #hasbro .hasbrolist4 { position: relative; float: left; background: #fff url("/images/template/hasbro/list4.gif") no-repeat; width: 142px; height: 250px; margin: 0px 0px 15px 8px;} #hasbro .hasbrolist5 { position: relative; float: left; background: #fff url("/images/template/hasbro/list5.gif") no-repeat; width: 142px; height: 250px; margin: 0px 0px 15px 8px;} #hasbro .hasbrolist6 { position: relative; float: left; background: #fff url("/images/template/hasbro/list6.gif") no-repeat; width: 142px; height: 250px; margin: 0px 0px 15px 8px;} #hasbro .hasbrolist7 { position: relative; float: left; background: #fff url("/images/template/hasbro/list7.gif") no-repeat; width: 142px; height: 250px; margin: 0px 0px 15px 8px;} #hasbro .hasbrolist8 { position: relative; float: left; background: #fff url("/images/template/hasbro/list8.gif") no-repeat; width: 142px; height: 250px; margin: 0px 0px 15px 8px;} #hasbro .hasbrolist9 { position: relative; float: left; background: #fff url("/images/template/hasbro/list9.gif") no-repeat; width: 142px; height: 250px; margin: 0px 0px 15px 8px;} #hasbro .hasbrolistBW { position: relative; float: left; background: #fff url("/images/template/hasbro/listBW.gif") no-repeat; width: 142px; height: 250px; margin: 0px 0px 15px 8px;} #hasbro .image {position: relative; margin: 12px 0px 8px 11px} #jokes .randombutton { float: left; margin: 220px 0px 0px 35px; width: 535; margin: 0px auto;} #jokes .questionAnswer { float:right; margin: 150px 10px 10px 0; width: 300px;} #jokes .joketext { float:left; margin: 10px 0px 0px 10px; width: 220px; height: 35px; vertical-align:middle;} #competition {background: #fff url("/images/template/bg_pipes.gif") no-repeat 0px 170px; padding-bottom: 0px; width: 470px; margin: 0px auto;} #competition .listIntro {background: transparent url("/images/template/headers/competitions.gif") no-repeat; width: 470px; height: 150px; margin-bottom: 40px;} #competition .listIntro .listIntroContent p {position: absolute; margin: -10px 0 0 135px; width: 295px; color: #FFFFFF;} #competitionSponsored {background: #fff url("/images/template/bg_pipes.gif") no-repeat 0px 240px; padding-bottom: 0px; width: 470px; margin: 0px auto;} #competitionSponsored .listIntro {background: transparent url("/images/template/headers/competitionsSponsored.gif") no-repeat; width: 470px; height: 225px; margin-bottom: 40px;} #competitionSponsored .listIntro .listIntroContent p {position: absolute; margin: 0px 0 0 135px; width: 295px; color: #FFFFFF;} #competition .compThumbnail {border: 3px solid #000;} #competition .enterform { margin: 10px 0px 70px 10px} #competition .headertext { float: right; margin: 90px 90px 0px 0px} #survey {position: relative; background: #fff url("/images/template/bg_pipes.gif") no-repeat 0px 200px; padding-bottom: 0px; left: 0px;} #survey .listIntro {position: relative; background: #fff url("/images/template/headers/survey.gif") no-repeat; width: 470px; height: 200px; margin-bottom: 40px;} #survey .listIntro .listIntroContent p {position: absolute; margin: 10px 25px 0px 25px; padding-top:0px; width: 317px; color:#FFFFFF} #surveySponsored {position: relative; background: #fff url("/images/template/bg_pipes.gif") no-repeat 0px 300px; padding-bottom: 0px; left: 0px;} #surveySponsored .listIntro {position: relative; background: #fff url("/images/template/headers/surveySponsored.gif") no-repeat; width: 470px; height: 300px; margin-bottom: 40px;} #surveySponsored .listIntro .listIntroContent p {position: absolute; margin: 10px 25px 0 25px; width: 317px; color:#FFFFFF} #wordsearches {padding-bottom: 0px; width: 470px; margin: 0px auto;} #wordsearches .listIntro {background: transparent url("/images/template/headers/wordsearches.gif") no-repeat; width: 426px; height: 132px; margin-left:20px; margin-bottom: 40px;} #wordsearches .listIntro .listIntroContent p {position: absolute; margin: -10px 0 0 0px; width: 400px; color: #FFFFFF;} #wordsearchesSponsored {background: #fff url("/images/template/bg_pipes.gif") no-repeat 0px 220px; padding-bottom: 0px; width: 470px; margin: 0px auto;} #wordsearchesSponsored .listIntro {background: transparent url("/images/template/headers/wordsearchesSponsored.gif") no-repeat; width: 426px; height: 212px; margin-left:20px; margin-bottom: 40px;} #wordsearchesSponsored .listIntro .listIntroContent p {position: absolute; margin: -10px 0 0 0px; width: 400px; color: #FFFFFF;} #wordsearches .contentEnd {background: url(/images/template/blank.gif); margin-top: 8px;} #polls {position: relative; background: #fff url("/images/template/bg_pipes.gif") no-repeat 0px 210px; padding-bottom: 0px; text-align: center; } #polls .listIntro {position: relative; background: #fff url("/images/template/headers/noisegenerator.gif") no-repeat; width: 453px; height: 210px; margin-bottom: 50px; color: #fff; text-align: left;} #polls .listIntro .listIntroContent p {position: absolute; margin: 0px 0 0 0px; width: 410px; color: #FFFFFF;} #monster {width: 770px; margin: 0px auto;} #vote {padding-bottom: 0px; width: 470px; margin: 0px auto;} #vote .listIntro {position: relative; background: #fff url("/images/template/headers/comicBox.gif") no-repeat; width: 452px; height: 76px;margin-left: 14px; margin-top: 0px; margin-bottom: 16px;} #vote .listIntro .listIntroContent p {position: relative; font-weight: bold; margin: -65px 0 0 2px; width: 420px; color: #fff;} #vote .box {position: relative; float: left; background: #fff url("/images/comics/voter/comicVoteBox.gif") no-repeat; width: 142px; height: 158px; margin: 8px 0px 20px 14px;} #vote .title {position: relative; height: 20px; text-align: center; margin: 20px 0px 0px 0px} #vote .voted {margin-bottom: 50px} /* END ZONES */ /* #registration {position: relative; background: #fff url("/images/template/bg_register.gif") no-repeat; padding-bottom: 0px;} #registration .register {position: relative; margin: 70px 50px 0 60px; min-height: 320px;} #registration .contentEnd {position: relative; background: transparent url("/images/blank.gif") no-repeat; } .regError {position: relative; width: 250px; margin-right: 50px; margin-top: 10px; float: right; } */ #registration {position: relative; background: #fff url("/images/template/bg_pipes.gif") no-repeat 0px 250px; padding-bottom: 0px; width: 470px; margin: 0px auto;} #registration .listIntro {position: relative; background: #fff url("/images/template/headers/register.gif") no-repeat; width: 470px; height: 248px; margin-bottom: 40px;} #registration .listIntro p {position: absolute; margin: 85px 10px 0 125px; width: 300px;} #subscribe {position: relative; background: #fff url("/images/template/bg_pipes.gif") no-repeat; padding-top: 60px; width: 470px; margin: 0px auto;} .promobkground { position: relative; background: transparent url("/images/template/secretAgent/yellowbg.gif") no-repeat; width: 463px; height: 550px; margin-top: -90px; margin-left: auto; margin-right: auto; } .codebox { position: relative; background: transparent url("/images/template/secretAgent/codeBox.gif"); width: 281px; height: 180px; margin: 20px auto; } #static {position: relative; background: #fff url("/images/template/bg_pipes.gif") no-repeat 0px 170px; padding-bottom: 0px;} #static .contentEnd {position: relative; background: #fff url("/images/footer.gif") no-repeat; width: 448px; height: 90px;} #contact .contentEnd {position: relative; background: #fff url("/images/footer.gif") no-repeat; width: 448px; height: 90px;} #contactus, #privacy, #infoparents, #subscribers {width:470px; margin: 0px auto} #sponsorLogo {position: absolute; top: 72px; left:338px} /* SITE MAP */ ul.sitemap ul{ padding: 2px; } ul.sitemap li{ list-style: none; padding: 2px; } .blusher {width: 15px; height: 15px; margin: 4px 25px 2px 0px; padding: 0px;} a.largeBtn {display: block; padding: 10px; border: 1px solid #83A7DB; background: #fff url(/images/template/bg_button_fade.gif) repeat-x 0 bottom; text-align: center; font: bold 1.2em arial; font-weight: bold;} .cart { padding: 2px 4px 2px 2px; border-bottom: 1px solid #CDD5D2; width:100%;} .cartLabel { width: 127px; text-align: right; padding-right: 20px; border: 1px none #000000; } .cartTotal { float: right; text-align: left; border: 1px none #000000; } .icon {border: 1px none #fff;} .center {text-align: center;} .border {border: 1px solid #ff0000;} .verticalAlign {vertical-align: middle;} /* GI JOE landing */ .gijoepromo {color: #FFFFFF; font-weight: bold; text-align: left;} .gijoepromo a {color: #96C720;}