/* * YellaFella.com main style sheet v 3.0 * Tiffany B. Brown, Armchair Media * January 2009 * Updated January 2010, January 2011 * Great Southern Wood Preserving */ /* resets */ body{position:relative;text-align:center; margin:0; padding:0; /* for iPad */ zoom: 100%;} body *{margin:0;padding:0} a img{border:0;} abbr,address{border:0; font-style:normal;} a{outline:none;} /**** global ****/ body{background:#333; font: bold .7em / 1.2 Helvetica,Arial,sans-serif; padding-bottom:50px} a:link{color:#000; } a:visited{color:#111} .logo,#movienav a,#nav a{text-indent:-9999px;} #wrap{ background: #fd0; position:relative; width: 720px; margin:0 auto; border:0; text-align:left; } #topnav{ color: #fff; height:3em; background: #333; padding:0 0 10px 0px; } #topnav a{color: #fff; text-decoration: none; padding: 0 3px; line-height:3.1} #topnav a:hover{color: #fd0;} #topnav a#yftop{ background: #333 url(http://s3.amazonaws.com/yellafellastatic/img/yellawoodlogo_sm.gif) top left no-repeat; display:block; width:103px; height:32px; float:left; text-indent:-9999px; margin-right: 30px; } #movie, #movienav, #stnav, #mast, #nav, #footer, #swpmsg, #sweepnav{width:100%; width:100%; clear:both;} #mast, #nav, #footer, #swpmsg, #sweepnav{ background:inherit; } #movie{min-height:405px; float:left; background:#000} * html #movie{height:405px;} #movie video {height:486px;} #movienav, #sweepnav{border-top:1px solid #000; border-bottom:1px solid #000; float:left; margin-bottom:20px; height: 202px; overflow:hidden;} #movienav div, #movienav a, .middlenav a, .middlenav div{width: 180px; height: 101px; float:left; display:block; } object,embed{background:#000} /* Global movie navigation styles. * Using the CSS Sprites technique. This is the * position for all movie navigation links */ /*** Yella Fella movies ***/ #yellafella #movienav #mma:link, #yellafella #movienav #mma:visited{ background: url(http://s3.amazonaws.com/yellafellastatic/img/01mthumb.jpg) 0 0} #yellafella #movienav #mmb:link, #yellafella #movienav #mmb:visited{ background: url(http://s3.amazonaws.com/yellafellastatic/img/02mthumb.jpg) -180px 0} #yellafella #movienav #mmc:link, #yellafella #movienav #mmc:visited{ background: url(http://s3.amazonaws.com/yellafellastatic/img/03mthumb.jpg) -180px 0} #yellafella #movienav #mmd:link, #yellafella #movienav #mmd:visited{ background: url(http://s3.amazonaws.com/yellafellastatic/img/04mthumb.jpg) -180px 0} #yellafella #movienav #mme:link, #yellafella #movienav #mme:visited{ background: url(http://s3.amazonaws.com/yellafellastatic/img/05mthumb.jpg) -180px 0} #yellafella #movienav #mmf:link, #yellafella #movienav #mmf:visited{ background: url(http://s3.amazonaws.com/yellafellastatic/img/06mthumb.jpg) -180px 0} #yellafella #movienav #mmg:link, #yellafella #movienav #mmg:visited{ background: url(http://s3.amazonaws.com/yellafellastatic/img/07mthumb.jpg) -180px 0} #yellafella #movienav #mmh:link, #yellafella #movienav #mmh:visited{ background: url(http://s3.amazonaws.com/yellafellastatic/img/08mthumb.jpg) -180px 0} #yellafella #movienav #mma:hover{ background-position: -540px 0;} #yellafella #movienav #mmb:hover{ background-position: -540px 0;} #yellafella #movienav #mmc:hover{ background-position: -540px 0;} #yellafella #movienav #mmd:hover{ background-position: -540px 0;} #yellafella #movienav #mme:hover{ background-position: -540px 0;} #yellafella #movienav #mmf:hover{ background-position: -540px 0;} #yellafella #movienav #mmg:hover{ background-position: -540px 0;} #yellafella #movienav #mmh:hover{ background-position: -540px 0;} #yellafella #movienav #mmb.inactive{ background-position: 0 0;} #yellafella #movienav #mmc.inactive{ background-position: 0 0;} #yellafella #movienav #mmd.inactive{ background-position: 0 0;} #yellafella #movienav #mme.inactive{ background-position: 0 0;} #yellafella #movienav #mmf.inactive{ background-position: 0 0;} #yellafella #movienav #mmg.inactive{ background-position: 0 0;} #yellafella #movienav #mmh.inactive{ background-position: 0 0;} #yellafella #movienav #mmb.inactive:hover{ background-position: -180px 0;} #yellafella #movienav #mmb.inactive:hover{ background-position: -360px 0;} #yellafella #movienav #mmc.inactive:hover{ background-position: -360px 0;} #yellafella #movienav #mmd.inactive:hover{ background-position: -360px 0;} #yellafella #movienav #mme.inactive:hover{ background-position: -360px 0;} #yellafella #movienav #mmf.inactive:hover{ background-position: -360px 0;} #yellafella #movienav #mmg.inactive:hover{ background-position: -360px 0;} #yellafella #movienav #mmh.inactive:hover{ background-position: -360px 0;} /*-- Season 2 --*/ #season2 #movie{height:405px; width:100%;} #season2 #movienav #mma{ background: url(http://s3.amazonaws.com/yellafellastatic/img/2010/m01thumb.jpg) -180px 0} #season2 #movienav #mmb{ background: url(http://s3.amazonaws.com/yellafellastatic/img/2010/m02thumb.jpg) -180px 0} #season2 #movienav #mmc{ background: url(http://s3.amazonaws.com/yellafellastatic/img/2010/m03thumb-v3.jpg) -180px 0} #season2 #movienav #mmd{ background: url(http://s3.amazonaws.com/yellafellastatic/img/2010/m04thumb-v2.jpg) -180px 0} #season2 #movienav #mme{ background: url(http://s3.amazonaws.com/yellafellastatic/img/2010/m05thumb-v2.jpg) -180px 0} #season2 #movienav #mmf{ background: url(http://s3.amazonaws.com/yellafellastatic/img/2010/m06thumb-v2.jpg) -180px 0} #season2 #movienav #mmg{ background: url(http://s3.amazonaws.com/yellafellastatic/img/2010/m07thumb-v2.jpg) -180px 0} #season2 #movienav #mmh{ background: url(http://s3.amazonaws.com/yellafellastatic/img/2010/m08thumb-v2.jpg) -180px 0} #season2 #movienav #mma:hover{ background-position: -540px 0;} #season2 #movienav #mmb:hover{ background-position: -540px 0;} #season2 #movienav #mmc:hover{ background-position: -540px 0;} #season2 #movienav #mmd:hover{ background-position: -540px 0;} #season2 #movienav #mme:hover{ background-position: -540px 0;} #season2 #movienav #mmf:hover{ background-position: -540px 0;} #season2 #movienav #mmg:hover{ background-position: -540px 0;} #season2 #movienav #mmh:hover{ background-position: -540px 0;} #season2 #movienav #mma.inactive{ background-position: 0 0} #season2 #movienav #mmb.inactive{ background-position: 0 0} #season2 #movienav #mmc.inactive{ background-position: 0 0} #season2 #movienav #mmd.inactive{ background-position: 0 0} #season2 #movienav #mme.inactive{ background-position: 0 0} #season2 #movienav #mmf.inactive{ background-position: 0 0} #season2 #movienav #mmg.inactive{ background-position: 0 0} #season2 #movienav #mmh.inactive{ background-position: 0 0} #season2 #movienav #mma.inactive:hover{ background-position: -360px 0; } #season2 #movienav #mmb.inactive:hover{ background-position: -360px 0; } #season2 #movienav #mmc.inactive:hover{ background-position: -360px 0;} #season2 #movienav #mmd.inactive:hover{ background-position: -360px 0;} #season2 #movienav #mme.inactive:hover{ background-position: -360px 0;} #season2 #movienav #mmf.inactive:hover{ background-position: -360px 0;} #season2 #movienav #mmg.inactive:hover{ background-position: -360px 0;} #season2 #movienav #mmh.inactive:hover{ background-position: -360px 0;} /*-- Season 3 --*/ #season3 #movie{height:405px; width:100%; background:#000} #season3 #movienav #mma{ background: url(http://yellafellastatic.s3.amazonaws.com/media/season3/images/trailer.jpg) -180px 0} #season3 #movienav #mmb{ background: url(http://yellafellastatic.s3.amazonaws.com/media/season3/images/05thumb_s01.jpg) -180px 0} #season3 #movienav #mmc{ background: url(http://yellafellastatic.s3.amazonaws.com/media/season3/images/05thumb_s02.jpg) -180px 0} #season3 #movienav #mmd{ background: url(http://yellafellastatic.s3.amazonaws.com/media/season3/images/05thumb_s03.jpg) -180px 0} #season3 #movienav #mme{ background: url(http://yellafellastatic.s3.amazonaws.com/media/season3/images/05thumb_s04.jpg) -180px 0} #season3 #movienav #mmf{ background: url(http://yellafellastatic.s3.amazonaws.com/media/season3/images/05thumb_s05.jpg) -180px 0} #season3 #movienav #mmg{ background: url(http://yellafellastatic.s3.amazonaws.com/media/season3/images/05thumb_s06.jpg) -180px 0} #season3 #movienav #mmh{ background: url(http://yellafellastatic.s3.amazonaws.com/media/season3/images/05thumb_s07.jpg) -180px 0} #season3 #movienav #mma:hover{ background-position: -540px 0;} #season3 #movienav #mmb:hover{ background-position: -540px 0;} #season3 #movienav #mmc:hover{ background-position: -540px 0;} #season3 #movienav #mmd:hover{ background-position: -540px 0;} #season3 #movienav #mme:hover{ background-position: -540px 0;} #season3 #movienav #mmf:hover{ background-position: -540px 0;} #season3 #movienav #mmg:hover{ background-position: -540px 0;} #season3 #movienav #mmh:hover{ background-position: -540px 0;} #season3 #movienav #mma.inactive{ background-position: 0 0} #season3 #movienav #mmb.inactive{ background-position: 0 0} #season3 #movienav #mmc.inactive{ background-position: 0 0} #season3 #movienav #mmd.inactive{ background-position: 0 0} #season3 #movienav #mme.inactive{ background-position: 0 0} #season3 #movienav #mmf.inactive{ background-position: 0 0} #season3 #movienav #mmg.inactive{ background-position: 0 0} #season3 #movienav #mmh.inactive{ background-position: 0 0} #season3 #movienav #mma.inactive:hover{ background-position: -360px 0; } #season3 #movienav #mmb.inactive:hover{ background-position: -360px 0; } #season3 #movienav #mmc.inactive:hover{ background-position: -360px 0;} #season3 #movienav #mmd.inactive:hover{ background-position: -360px 0;} #season3 #movienav #mme.inactive:hover{ background-position: -360px 0;} #season3 #movienav #mmf.inactive:hover{ background-position: -360px 0;} #season3 #movienav #mmg.inactive:hover{ background-position: -360px 0;} #season3 #movienav #mmh.inactive:hover{ background-position: -360px 0;} /*** straight talk navigation ***/ #stnav{text-align:center} #stnav a{text-indent: -9999px} #stnav a#sta{background-image: url(http://yellafellastatic.s3.amazonaws.com/img/2011/05thumb_s01.jpg); } #stnav a#stb{background-image: url(http://yellafellastatic.s3.amazonaws.com/img/2011/05thumb_s02.jpg); } #stnav a#stc{background-image: url(http://yellafellastatic.s3.amazonaws.com/img/2011/05thumb_s03.jpg); } #stnav a#std{background-image: url(http://yellafellastatic.s3.amazonaws.com/img/2011/05thumb_s04.jpg); } #stnav a#ste{background-image: url(http://yellafellastatic.s3.amazonaws.com/img/2011/05thumb_s05.jpg); } #stnav a#stf{background-image: url(http://yellafellastatic.s3.amazonaws.com/img/2011/05thumb_s06.jpg); } #stnav a.active{ background-position: -180px 0;} #stnav a.active:hover{ background-position: -540px 0;} #stnav a.inactive{ background-position: 0 0;} #stnav a.inactive:hover{ background-position: -360px 0;} /*** Tales from the trail movies with three for launch ***/ #movienav_sm a{ width: 180px; height: 101px; float:left; display:block; text-indent: -9999px} #tales #movienav_sm #m1{ background: url(http://s3.amazonaws.com/yellafellastatic/img/tales1.gif) 0 0 no-repeat;} #tales #movienav_sm #m2{ background: url(http://s3.amazonaws.com/yellafellastatic/img/tales2.gif) 0 0 no-repeat;} #tales #movienav_sm #m3{ background: url(http://s3.amazonaws.com/yellafellastatic/img/new_tales3.gif) 0 0 no-repeat;} #tales #movienav_sm #m1:hover{ background-position: -180px 0;} #tales #movienav_sm #m2:hover{ background-position: -180px 0;} #tales #movienav_sm #m3:hover{ background-position: -540px 0;} #tales #movienav_sm #m1.inactive{ background-position: -180px 0;} #tales #movienav_sm #m2.inactive{ background-position: -180px 0;} #tales #movienav_sm #m3.inactive{ background-position: -180px 0;} #tales #movienav_sm #m1.inactive:hover{ background-position: -360px 0;} #tales #movienav_sm #m2.inactive:hover{ background-position: -360px 0;} #tales #movienav_sm #m3.inactive:hover{ background-position: -360px 0;} /*** Tales from the trail movies triptych ***/ #movienav_t a{ width: 240px; height: 101px; float:left; display:block; text-indent: -9999px} #tales #movienav_t #m1{ background: url(http://s3.amazonaws.com/yellafellastatic/img/tales_new1.jpg) 0 0 no-repeat;} #tales #movienav_t #m2{ background: url(http://s3.amazonaws.com/yellafellastatic/img/tales_new2.jpg) 0 0 no-repeat;} #tales #movienav_t #m3{ background: url(http://s3.amazonaws.com/yellafellastatic/img/tales_new3.jpg) 0 0 no-repeat;} #tales #movienav_t #m1:hover{ background-position: -540px 0;} #tales #movienav_t #m2:hover{ background-position: -540px 0;} #tales #movienav_t #m3:hover{ background-position: -540px 0;} #tales #movienav_t #m1.inactive{ background-position: -180px 0;} #tales #movienav_t #m2.inactive{ background-position: -180px 0;} #tales #movienav_t #m3.inactive{ background-position: -180px 0;} #tales #movienav_t #m1.inactive:hover{ background-position: -360px 0;} #tales #movienav_t #m2.inactive:hover{ background-position: -360px 0;} #tales #movienav_t #m3.inactive:hover{ background-position: -360px 0;} /*** Tales from the trail original. Styles kept just in case. ***/ #tales #movienav #m1{ background: url(http://s3.amazonaws.com/yellafellastatic/img/new_tales1.gif) 0 0 no-repeat;} #tales #movienav #m2{ background: url(http://s3.amazonaws.com/yellafellastatic/img/new_tales2.gif) 0 0 no-repeat;} #tales #movienav #m3{ background: url(http://s3.amazonaws.com/yellafellastatic/img/new_tales3.gif) 0 0 no-repeat;} /* #tales #movienav #m1{ background: url(http://s3.amazonaws.com/yellafellastatic/img/tales1.jpg) 0 0 no-repeat;} #tales #movienav #m2{ background: url(http://s3.amazonaws.com/yellafellastatic/img/tales2.jpg) 0 0 no-repeat;} #tales #movienav #m3{ background: url(http://s3.amazonaws.com/yellafellastatic/img/tales3.jpg) 0 0 no-repeat;} */ #tales #movienav #m4{ background: url(http://s3.amazonaws.com/yellafellastatic/img/tales4.jpg) 0 0 no-repeat;} #tales #movienav #m5{ background: url(http://s3.amazonaws.com/yellafellastatic/img/tales5.jpg) 0 0 no-repeat;} #tales #movienav #m6{ background: url(http://s3.amazonaws.com/yellafellastatic/img/tales6.jpg) 0 0 no-repeat;} #tales #movienav #m7{ background: url(http://s3.amazonaws.com/yellafellastatic/img/tales7.jpg) 0 0 no-repeat;} #tales #movienav #m8{ background: url(http://s3.amazonaws.com/yellafellastatic/img/tales8.jpg) 0 0 no-repeat;} #tales #movienav #m1:hover{ background-position: -540px 0;} #tales #movienav #m2:hover{ background-position: -540px 0;} #tales #movienav #m3:hover{ background-position: -540px 0;} #tales #movienav #m4:hover{ background-position: -540px 0;} #tales #movienav #m5:hover{ background-position: -540px 0;} #tales #movienav #m6:hover{ background-position: -540px 0;} #tales #movienav #m7:hover{ background-position: -540px 0;} #tales #movienav #m8:hover{ background-position: -540px 0;} #tales #movienav #m1.inactive{ background-position: -180px 0;} #tales #movienav #m2.inactive{ background-position: -180px 0;} #tales #movienav #m3.inactive{ background-position: -180px 0;} #tales #movienav #m4.inactive{ background-position: -180px 0;} #tales #movienav #m5.inactive{ background-position: -180px 0;} #tales #movienav #m6.inactive{ background-position: -180px 0;} #tales #movienav #m7.inactive{ background-position: -180px 0;} #tales #movienav #m8.inactive{ background-position: -180px 0;} #tales #movienav #m1.inactive:hover{ background-position: -360px 0;} #tales #movienav #m2.inactive:hover{ background-position: -360px 0;} #tales #movienav #m3.inactive:hover{ background-position: -360px 0;} #tales #movienav #m4.inactive:hover{ background-position: -360px 0;} #tales #movienav #m5.inactive:hover{ background-position: -360px 0;} #tales #movienav #m6.inactive:hover{ background-position: -360px 0;} #tales #movienav #m7.inactive:hover{ background-position: -360px 0;} #tales #movienav #m8.inactive:hover{ background-position: -360px 0;} /*** navigation ***/ #nav{border-top: 7px solid #000; position:relative; height: 1009px;} #nav a, #nav #sm{display:block; position:absolute; outline:none; background-repeat:no-repeat;} a#adventures_of_yellafella{ background: #fd0 url(http://s3.amazonaws.com/yellafellastatic/img/2011/nav_adventures.gif) 0 0; height: 210px; width: 248px; left:0; top:0; } a#adventures_of_yellafella:hover, a#adventures_of_yellafella.current{ background-position: -248px 0; } a#adventures3{ background: url(http://s3.amazonaws.com/yellafellastatic/img/2011/nav_season3.gif) 0 0; height: 402px; width: 248px; left:0; top:200px; } a#adventures3:hover, a#adventures3.current{ background-position: -248px 0; } a#adventures2{ background: url(http://s3.amazonaws.com/yellafellastatic/img/2011/nav_season2.gif) 0 0; height: 237px; width: 248px; left:0; top:532px; display:block } a#adventures2:hover, a#adventures2.current{ background-position: -248px 0;} a#adventures1{ background: url(http://s3.amazonaws.com/yellafellastatic/img/2011/nav_season1.gif) 0 0; height: 188px; width: 248px; left:0; top:769px; } a#adventures1:hover, a#adventures1.current{ background-position: -248px 0; } a#youtube{ background:url(http://s3.amazonaws.com/yellafellastatic/img/2011/nav_youtube_new.gif) 0 0; height: 64px; width: 248px; left:0; top: 957px; } a#youtube:hover{ background-position: -248px; } a#shoot_down{ background:url(http://s3.amazonaws.com/yellafellastatic/img/2011/nav_shootdown.gif) 0 0; height: 351px; width: 237px; left:248px; top: 0; } a#shoot_down:hover, a#shoot_down.current{ background-position: -237px; } a#fight_the_bad_guy{background:url(http://s3.amazonaws.com/yellafellastatic/img/2011/nav_fight.gif); height: 322px; width: 237px; left:248px; top:351px;} a#fight_the_bad_guy:hover, a#fight_the_bad_guy.current{background-position: -237px;} a#store{background:url(http://s3.amazonaws.com/yellafellastatic/img/2011/nav_store_new.gif); height: 186px; width: 242px; left: 248px; top:673px;} a#store:hover{background-position: -237px;} a#riders{background:url(http://s3.amazonaws.com/yellafellastatic/img/2011/nav_riders_new.gif); height: 162px; width: 242px; left: 248px; top:859px;} a#riders:hover{background-position: -237px;} a#find_yellawood{background:url(http://s3.amazonaws.com/yellafellastatic/img/2011/nav_wood.gif); bottom:0; right:0; width:243px; height: 340px;} a#find_yellawood:hover, a#find_yellawood.current{background-position: -243px;} a#straighttalk{ background:url(http://s3.amazonaws.com/yellafellastatic/img/2011/nav_straighttalk.gif); height: 296px; width: 235px; right:0px; top:0px; } a#straighttalk:hover,a#straighttalk.current{ background-position: -235px; } a#dealer{ background:url(http://s3.amazonaws.com/yellafellastatic/img/2011/nav_dealer.gif); height: 287px; width: 235px; right:0px; top:296px; } a#dealer:hover,a#dealer.current{ background-position: -235px; } a#sign_up{ background: url(http://s3.amazonaws.com/yellafellastatic/img/2011/nav_signup.gif); height: 123px; width: 235px; right:0; top:583px; } a#sign_up:hover, a#sign_up.current{background-position:-235px 0;} a#facebook{background:url(http://s3.amazonaws.com/yellafellastatic/img/2011/nav_facebook.gif) -235px 0; height: 133px; width: 235px; right:0; top:706px;} a#facebook:hover, a#facebook.current{background-position:0 0;} a#twitter{background:url(http://s3.amazonaws.com/yellafellastatic/img/2011/nav_twitter.gif) -235px 0; height: 182px; width: 235px; right:0; top:839px;} a#twitter:hover, a#twitter.current{background-position:0 0;} /*** Sign up pages ***/ #mast.signupm{background: #fff url(http://s3.amazonaws.com/yellafellastatic/img/bak-signup.gif) bottom left no-repeat; padding-bottom: 70px;} #mast.signupm h1{ background: url(http://s3.amazonaws.com/yellafellastatic/img/get-alerts.gif) 0 20px no-repeat; width: 648px; height: 108px; margin: 0 20px 0px 40px; padding-top:20px; text-indent: -9999px; } #mast.signupm form p{ margin: 10px 0 0 42px; } /*** Find a dealer page ***/ #dealer_locator #mast{background: #fff; overflow:hidden;} #mast iframe{ border:0; padding:0; margin: 0; width: 780px; height: 530px; overflow:hidden; } /*** Sweepstakes page ***/ #sweepspage #mast{ position:relative; height:601px;} #sweepspage #prizes{ border-top: 7px solid #000; float:left; background: #fff; display:none; margin:0; width:720px; overflow:hidden; /* for some reason, this wants to overflow in IE6 */ } #grandprizes, #dailyprizes, #hourlyprizes{background: #fff; clear:both; float:left; width:100%} #hourlyprizes{padding-bottom: 50px;} #prizes h2{background: #fff url(http://s3.amazonaws.com/yellafellastatic/img/2010/prizes_header.gif) center no-repeat; height:93px; text-indent: -9999px; width:100%;} .prize{ font-weight:normal; background:#fff; width: 331px; height: 390px; margin: 0; padding:0; } .leftprize{margin-left: 20px; float:left;} .rightprize{float:right; margin-right:20px;} * html .leftprize{margin-left:10px;} * html .rightprize{margin-right:10px;} .long{height: 485px;} .medium{height: 470px;} .prize p{margin: 0 10px; line-height: 1.4;} .prize h4, .prize h5{margin: 5px 10px; font-size:1.3em;} .prize h5{font-weight:normal;} #prizes h3{ border-top:1px solid #000; border-bottom:1px solid #000; font-weight:normal; font-size: 1.3em; margin:10px 26px 30px 26px; padding: 8px 0; width: 662px; } .prizelist{ font-size: 15px; width: 360px; float:left; list-style-type:none; } .prizelist li{ margin: 15px 30px 20px 30px; } .prizelist li ul li{ margin: 3px 0 2px 40px; } .pla li{margin-bottom:22px;} #dailyprizes .prize h4{margin: 5px 10px 25px 10px; } /** FOOTER STYLES **/ #footer{ border-top: 7px solid #000; background:#fd0; clear:both; margin-top:12px; width:100%; padding-bottom: 30px;} #footer p{padding: 15px} #footer .logo{background: transparent url(http://s3.amazonaws.com/yellafellastatic/img/logos.gif) no-repeat 0 -1px; display:block; float:right; height:39px; width:200px; margin:0 10px 0 0} /** Popup window content **/ .popupwin{text-align:center; } #popup-content{ width: 700px; margin:auto; text-align:left; background: #fff url(http://s3.amazonaws.com/yellafellastatic/img/logos.gif) 20px 20px no-repeat; padding: 5em 0 3em 0; font-weight: normal; font-size: 1.2em; line-height: 1.3; } .popupwin h1{margin: 20px 20px 1em 20px;} .popupwin h2{margin: 20px 20px 0 20px;} .popupwin p{margin: 0 20px 20px 20px;} .popupwin li{margin: 1em 60px} /** press page **/ #press.popupwin a{font-weight:bold; color: #006597} #press.popupwin h1{margin: 20px 20px 0 20px} #press.popupwin ul{list-style-type:none; margin:0 0 60px 0;} #press.popupwin li{margin: .5em 60px .5em 20px } #press.popupwin #photos{margin: 0 20px 60px 20px; } #press .b{font-weight:bold; font-size: .9em} /** thank you page **/ #thankyou #mast{background: #fff url(http://s3.amazonaws.com/yellafellastatic/img/thankyou.gif) 0 30px no-repeat; height: 533px; text-indent: -9999px} /** brandmovers sweepstakes page */ #yellafellasweepstakes #movie{height: 540px;} /*---- New Sweepstakes page----*/ body#sweepspage #dealerlocator{ padding:0; margin:0; width: 720px; overflow:hidden; display:none; } body#sweepspage #dealerlocator iframe{ background:#fff; width: 800px; height:570px; padding:0; margin:0; } /*-- On rules.html --*/ #rules h3{margin-bottom: 2em;} table{width:500px; margin:auto;} table,tr,td,th{ border: 1px solid #ccc; border-collapse:collapse; vertical-align:bottom; padding:7px; margin-bottom: 2em; } th{ background: #ccc; text-transform:uppercase;} td.dollars{text-align:right;} tr.totals{font-weight:bold; background: #eee;} .underline{text-decoration:underline;}