* { margin: 0; padding: 0; border: 0; } li { list-style: none; } a { color: #bd001e; text-decoration: none; } body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; } h1 { font-size: 26px; color: #bd001e; margin: 0 0 10px 0; line-height: 28px; } h2 { font-size: 16px; } h3 { font-size: 14px; } .clr { clear: both; height: 0; } .modal { position:absolute; left: 0; top: 0; z-index: 999; display: none; } #container { width: 990px; margin: 0 auto; text-align: left; position: relative; background: #eaebed; overflow: hidden; } /* Header */ #header {} #header #branding { padding: 10px; background:#bd001e; color: #fff; overflow: hidden; height: 90px; } #header #branding #logo a { height: 87px; width:180px; display: block; margin: 0 10px 0 0; background: url(../images/bg/ok_logo.gif) no-repeat; text-indent: -9999px; } #header #branding #banner { width: 728px; float: right; } #header #nav { display: block; padding: 6px 0 0 2px; clear: both; width: 990px; height: 31px; overflow: hidden; border-bottom: solid 2px #bd001e; } #header #nav li { float: left; height: 31px; margin: 0 0 0 -2px;} #header #nav li a { display: block; height: 31px; background: url(../images/bg/nav.gif) no-repeat; text-indent: -9999px;} #header #nav li.nav-home a { width: 98px; background-position: 0 0; } #header #nav li.nav-home a:hover { background-position: 0 -31px;} .HomeZone #nav li.nav-home a { background-position: 0 -62px !important;} #header #nav li.nav-news a { width: 150px; background-position: -98px 0; } #header #nav li.nav-news a:hover { background-position: -98px -31px; } .NewsZone #nav li.nav-news a { background-position: -98px -62px !important; } #header #nav li.nav-celebs a { width: 140px; background-position: -248px 0; } #header #nav li.nav-celebs a:hover { background-position: -248px -31px; } .CelebsZone #nav li.nav-celebs a { background-position: -248px -62px !important; } #header #nav li.nav-insider a { width: 138px; background-position: -388px 0; } #header #nav li.nav-insider a:hover { background-position: -388px -31px; } .InsiderZone #nav li.nav-insider a { background-position: -388px -62px !important; } #header #nav li.nav-style a { width: 89px; background-position: -526px 0; } #header #nav li.nav-style a:hover { background-position: -526px -31px; } .StyleZone #nav li.nav-style a { background-position: -526px -62px !important; } #header #nav li.nav-entertainment a { width: 172px; background-position: -615px 0; } #header #nav li.nav-entertainment a:hover { background-position: -615px -31px; } .EntertainmentZone #nav li.nav-entertainment a { background-position: -615px -62px !important; } #header #nav li.nav-win a { width: 75px; background-position: -787px 0; } #header #nav li.nav-win a:hover { background-position: -787px -31px; } .WinZone #nav li.nav-win a { background-position: -787px -62px !important; } #header #nav li.nav-mag a { width: 142px; background-position: -862px 0; } #header #nav li.nav-mag a:hover { background-position: -862px -31px; } .MagZone #nav li.nav-mag a { background-position: -862px -62px !important; } #header .subnav { display: none; padding: 7px 10px 7px 17px; height: 23px; overflow: hidden; clear: left; } #header .subnav li { float: left; padding: 0 7px; border-left: solid 2px #acacac; /* IE6 Hack: */ _border-left: expression(this.previousSibling == null ? 'none' : 'solid 2px #acacac'); } #header .subnav li:first-child { border-left: none; } #header .subnav li a { display: block; color: #000; font-size: 14px; } #header .subnav li a:hover { color: #9c071f; } .HomeZone #subnav_home, .NewsZone #subnav_news, .CelebsZone #subnav_celebs, .InsiderZone #subnav_insider, .StyleZone #subnav_style, .EntertainmentZone #subnav_entertainment, .WinZone #subnav_win, .MagZone #subnav_mag { display: block !important;} #header .subnav .subnav_make_homepage a { cursor: pointer; background: url(../images/btn/sprite_buttons.gif) 0 -141px no-repeat; width: 254px; height: 23px; text-indent: -9999px; } #header #site_tools { display: block; float: right; height: 19px; padding: 7px 3px 11px 10px; overflow: hidden; } #header #site_tools li { float: left; padding: 0 7px; margin: 2px 0; border-left: solid 1px #acacac; /* IE6 Hack: */ _border-left: expression(this.previousSibling == null ? 'none' : 'solid 1px #acacac'); } #header #site_tools li:first-child { border-left: none; } #header #site_tools li a { display: block; color: #000; } #header #site_tools li a:hover { color: #9c071f; } #header #site_tools li.rss { border-right: solid 1px #acacac; } #header #site_tools li.rss a { padding: 0 0 0 19px; background: url(../images/btn/sprite_buttons.gif) 0 -183px no-repeat; } #header #site_tools #search_form { height: 19px; border: none !important; margin: 0; overflow: hidden;} #header #site_tools #search_form input { display: block; float: left; } #header #site_tools #search_form label { display: block; float: left; line-height: 15px; padding: 2px 5px 2px 0; } #header #site_tools #search_form #search_query { background: #fff; padding: 0; margin: 0; width: 76px; height: 13px; padding: 2px; font-size: 11px; border-left: solid 1px #b1b2b4; border-top: solid 1px #b1b2b4; border-bottom: solid 1px #b1b2b4; } .NewsLatestZone .subnav_latest_news a, .NewsOffTheRecordZone .subnav_off_record a, .CelebsProfilesZone .subnav_celeb_profiles a, .CelebsPhotosZone .subnav_celeb_photos a, .CelebsInterviewsZone .subnav_celeb_interviews a, .CelebsFashionZone .subnav_celeb_fashion a, .CelebsVideoZone .subnav_celeb_video a, .InsiderPhotosZone .subnav_insider_photos a, .InsiderVideosZone .subnav_insider_videos a, .InsiderOnSetsZone .subnav_insider_sets a, .InsiderShootsZone .subnav_insider_shoots a, .InsiderEventsZone .subnav_insider_events a, .StyleBeautyZone .subnav_style_beauty a, .StyleCelebsZone .subnav_style_celebs a, .StyleFashionZone .subnav_style_fashion a, .StyleRedCarpetZone .subnav_style_redcarpet a, .StyleVideoZone .subnav_style_video a, .EntertainmentTrailersZone .subnav_entertainment_trailers a, .EntertainmentReviewsZone .subnav_entertainment_reviews a, .EntertainmentMusicZone .subnav_entertainment_music a, .WinWinnersZone .subnav_win_winners a, .MagStockistsZone .subnav_mag_stockists a, .MagSubscribeZone .subnav_mag_subscribe a, .MagContactUsZone .subnav_mag_contact a, .MagNewsletterZone .subnav_mag_newsletter a, .MagCrosswordZone .subnav_mag_crossword a { color: #9c071f !important;} /* Content */ #content { width: 660px; padding: 10px 10px 20px 10px; overflow: hidden; text-align: left; position: relative; /*IE6 Hack: */_padding: 10px 5px 20px 10px; } #content.fullpage { width: 970px; } #print_layout #content { padding: 10px 2px; } .content_panel { background: #fff; position: relative; } .content_panel .header { height: 23px; background: #bd001e url(../images/ir/sprite_headings.gif) 0 23px no-repeat; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 23px; text-transform: uppercase; text-indent: -9999px; } .content_panel .view_all { display: block; position: absolute; top: 0; right: 0; color: #EBB3BC; line-height: 23px; padding: 0 8px;} .content_panel .view_all:hover { color: #fff; } .content_page { background: #fff; min-height: 300px; } /* Home Page */ #content #home_top { overflow: hidden; height: 300px; margin: 0 0 20px 0; width: 970px; } #homepage_hero { width: 793px; height: 300px; float: left; } #homepage_hero .slideshow-hero { position: relative; } #homepage_hero .slideshow-hero .text, #homepage_hero .slideshow-hero .pager { background-color: #EAEBED; filter:alpha(opacity=90); opacity:0.9; overflow: hidden; position: absolute; width: 170px; } #homepage_hero .slideshow-hero .pager { background-color: Transparent; bottom: 3px; left: 0; height: 45px; z-index: 10; } #homepage_hero .slideshow-hero .text { left: 0; height: 300px; top: 0; z-index: 5; } #homepage_hero .slideshow-hero .text div { padding: 10px; } #homepage_hero .slideshow-hero .text .title { color: #000; font-size: 26px; line-height: 30px; text-transform: uppercase; } #homepage_hero .slideshow-hero .text .teaser { color: #000; font-size: 12px; line-height: 16px; } #homepage_hero .slideshow-hero .pager li.prev, #homepage_hero .slideshow-hero .pager li.next { display: none; } #homepage_hero .slideshow-hero .pager li.pages { padding: 12px 10px 12px 18px; overflow: hidden; } #homepage_hero .slideshow-hero .pager li.pages li { display: block; filter:alpha(opacity=90); float: left; opacity:0.9; width: 25px; margin: 0 2px 0 0; } #homepage_hero .slideshow-hero .pager li.pages li a { color: #000; display: block; font-family: Times New Roman, Times; font-size: 14px; font-weight: bold; padding: 2px; text-align: center; } #homepage_hero .slideshow-hero .pager li.pages li a:hover, #homepage_hero .slideshow-hero .pager li.pages li.activeSlide a { background-color: #bb051e; color: #fff; } #content #current_issue_popout { width: 177px; height: 300px; float: left; overflow: visible; position: relative; z-index: 10; } #content #current_issue_popout #btn_expand { display: block; height: 20px; text-indent: -9999px; background: url(../images/btn/sprite_buttons.gif) 0 0 no-repeat; cursor: pointer; } #content #current_issue_popout #btn_close { display: block; height: 20px; text-indent: -9999px; background: url(../images/btn/sprite_buttons.gif) 0 -20px no-repeat; cursor: pointer; } #content #current_issue_popout #subscribe_now { display: block; width: 142px; height: 32px; text-indent: -9999px; background: url(../images/btn/sprite_buttons.gif) 0 -40px no-repeat; margin: 6px 17px 0 18px; } #content #current_issue_popout #on_sale_now { width: 131px; height: 15px; text-indent: -9999px; background: url(../images/ir/sprite_headings.gif) 0 0 no-repeat; margin: 10px 23px 8px; /* IE6 Hack: */_margin: 10px 23px 4px; } #content #current_issue_popout #closed { background: #EAEBED url(../images/bg/current_issue_bg.gif) 0 0 no-repeat; width: 177px; height: 300px; } #content #current_issue_popout #closed img { display: block; width: 154px; height: 201px; padding: 3px 0 0 3px; margin: 0 0 0 12px; background: url(../images/bg/current_issue_bg.gif) -515px 0 no-repeat; } #content #current_issue_popout #closed h4, #content #current_issue_popout #closed .copy { display: none; } #content #current_issue_popout #expand { display: none; position: absolute; top: 0; left: 0; z-index: 2; width: 338px; height: 300px; background: #EAEBED url(../images/bg/current_issue_bg.gif) -177px 0 no-repeat; font-size: 14px; color: #373737; } #content #current_issue_popout #expand #on_sale_now { float: right; margin: 10px 8px 8px 0; } #content #current_issue_popout #expand img { display: block; width: 178px; height: 248px; padding: 3px 0 0 3px; float: left; margin: 16px 7px 10px 8px; _margin: 16px 5px 10px 3px; background: url(../images/bg/current_issue_bg.gif) -668px 0 no-repeat; } #content #current_issue_popout #expand #subscribe_now { margin: 0; position: absolute; right: 2px; bottom: 10px; } #content #current_issue_popout #expand h4 { font-size: 15px; line-height: 16px; text-transform: uppercase; margin: 0 0 8px 0; } #content #current_issue_popout #expand li { margin: 0 8px 8px 0; } #content #current_issue_popout #expand .more { text-transform: uppercase; } #content #current_issue_popout #expand .EditBox { display: none !important; } /* Content List */ #content_list { background: #fff; padding: 15px 10px; clear: both; /* IE6&7 Hack: */ zoom: 1; } #content_list #results li { margin: 0 0 15px 0; overflow: hidden; clear: both; } #content_list #results li .summary { width: 490px; float: left; } #content_list #results li .summary.no_image { width: 100% !important; } #content_list #results li h2 { font-size: 15px; text-transform: uppercase; color: #af8e38; background: none; line-height: 16px; } #content_list #results li h2 a { color: #af8e38; } #content_list #results li a.img { float: left; display: block; margin: 0 10px 0 0; } #content_list #results li a.img img { width: 137px; height: 100px; } #content_list #results li .date { display: block; padding: 2px 0 4px; font-size: 10px; color: #941429; } #content_list #results li .more { font-weight: bold; font-style: italic; padding: 0 0 0 5px; text-transform: lowercase; } /* Pager */ .pagination { overflow: hidden; padding: 10px 20px; text-align: center; clear: both; } .pagination li a { color: #000; font-weight: normal; cursor: pointer; } .pagination li a:hover { color: #BD001E; } .pagination li.prev, .pagination li.next, .pagination li.page1 { border: none;} .pagination li.next { float: right; } .pagination li.prev { float: left; } .pagination li { border-left: solid 1px #000; display: inline; padding: 0 0 0 3px; font-weight: bold; color: #BD001E; } /* Latest News Panel */ #latest_news { width: 325px; height: 680px; margin: 0 10px 10px 0; float:left; overflow: hidden; } #latest_news .header { background-position: 0 -15px; } #latest_news #filter { margin: 4px 0; overflow: hidden; position: absolute; top: 0; right: 0; z-index: 1; } #latest_news #filter li { float: left; padding: 0 8px; border-left: solid 1px #fff; /* IE6 Hack: */ _border-left: expression(this.previousSibling == null ? 'none' : 'solid 1px #fff'); } #latest_news #filter li:first-child { border: none; } #latest_news #filter li a { color: #ebb3bc; } #latest_news #filter li a:hover, #latest_news #filter li a.active { color: #fff; } #latest_news #content_list { padding: 20px 10px; } #latest_news #content_list #results li { max-height: 100px; } #latest_news #content_list #results li .summary { width: 158px; } /* Photo Of The Day */ #photo_of_the_day { width: 315px; height: 378px; margin: 0 10px 18px 10px; float:left; overflow: hidden; } #photo_of_the_day .header { background-position: 0 -61px; } #photo_of_the_day .copy { width: 295px; position: absolute; bottom: 0; left: 0; padding: 10px; color: #fff; background: url(../images/bg/black_fill_non_opaque.png) repeat-y; /* IE 6 Hack: */ _background: #000; } #photo_of_the_day .more { display: none; } /* Latest Competitions */ #latest_comps { width: 315px; height: 284px; float: left; margin: 0 10px 10px; overflow: hidden; } #latest_comps .header { background-position: 0 -84px; } #latest_comps #competition_thumbs { padding: 3px 0; overflow: hidden; } /* Competition List */ #competition_thumbs { padding: 15px 0 10px; background: #fff; overflow: hidden; /* IE6 Hack: */ _zoom: 1; } .competition_list li { float: left; width: 312px; height: 110px; overflow: hidden; margin: 10px 5px 15px 10px; /* IE6 Hack: */ _margin: 10px 5px 15px 5px;} .competition_list li .summary { width: 165px; float: left; } .competition_list li .summary.no_image { width: 100% !important; } .competition_list li a.img { float: left; display: block; margin: 0 10px 0 0; } .competition_list li h2 { display: block; font-size: 15px; text-transform: uppercase; color: #af8e38; background: none; line-height: 16px; margin: 0 0 2px 0; max-height: 32px; overflow: hidden; } .competition_list li h2 a { color: #af8e38; } .competition_list li a.img img { width: 137px; height: 100px; display: block; } .competition_list li .teaser-text { display: block; overflow: hidden; font-size: 12px; line-height: 15px; max-height:45px; /* IE6 Hack: */ _height: 45px; } .competition_list li .enter { display: block; width: 93px; height: 26px; text-indent: -9999px; background: url(../images/btn/sprite_buttons.gif) 0 -92px no-repeat; margin: 5px 0 0 0; } .competition_list.latest_comps li { width: 157px; height: auto; margin: 0 0 10px 0; } .competition_list.latest_comps li .summary { width: 137px; height: 125px; clear: both; padding: 0 10px; overflow: hidden; } .competition_list.latest_comps li h2 a { color: #000; } .competition_list.latest_comps li a.img img { padding: 10px; background: url(../images/bg/image_thumbnails.jpg) 0 0 no-repeat; } .competition_list.latest_comps li .teaser-text { display: inline; } .competition_list.latest_comps li .enter { display: inline; width: auto; height: auto; text-indent: 0; background: none; text-transform: lowercase; font-weight: bold; font-size: 14px; font-style: italic; padding: 0 0 0 3px; line-height: 15px; margin: 0; } /* OK! Galleries */ #ok_galleries { width: 660px; margin: 10px 10px 10px 0; float: left; overflow: hidden; } #ok_galleries .header { background-position: 0 -38px; } #ok_galleries #gallery_thumbs { padding: 20px 9px 20px 3px; overflow: hidden; zoom: 1; } #ok_galleries.subcat { margin: 0 0 20px 0; } #ok_galleries.subcat #gallery_thumbs { padding: 10px 5px 10px 11px; /*IE6 Hack:*/_padding: 10px 5px 10px 0; } /* Gallery List */ .gallery_list li { float: left; margin: 9px 0 9px 9px; width: 148px; height: 232px; overflow: hidden; position: relative; } .gallery_list li h4 { display: none; } .gallery_list li a.img { display: block; zoom: 1;} .gallery_list li a img { width: 148px; height: 232px; } .gallery_list li .summary { position: absolute; left: 0; bottom: 0; width: 130px; color: #fff; background: url(../images/bg/black_fill_non_opaque.png) repeat-y; /* IE 6 Hack: */ _background: #000; padding: 6px 9px 9px; } .gallery_list li .abstract { display: block; height: 30px; overflow: hidden; text-align: center; } .gallery_list li .more { display: block; height: 20px; text-indent: -9999px; width: 93px; margin: 5px 0 0 17px; background: url(../images/btn/sprite_buttons.gif) 0 -72px no-repeat; } .gallery_list.latest li { width: 156px; height: auto; margin: 0 0 10px 6px; } .gallery_list.latest li h4 { display: block; font-size: 16px; line-height: 18px; color: #323232; margin: 5px 0 2px 0; } .gallery_list.latest li h4 a { color: #323232; } .gallery_list.latest a img { display: block; width: 156px; height: 114px !important; border-bottom: solid 6px #b19445 !important; } .gallery_list.latest li .summary { background: none; color: #000; position:relative; padding: 0; width: 156px; } .gallery_list.latest li .abstract { height: auto; display: inline; } .gallery_list.latest li .more { display: inline; background: none; text-indent: 0; margin: 0; padding: 0 0 0 3px; font-size: 14px; font-style: italic; font-weight: bold; text-transform: lowercase; line-height: 15px; } /* Category Landing */ #category_hero { background: #fff; height: 300px; margin: 0 0 20px 0; overflow: hidden; width: 660px; } #category_hero .slideshow-hero { position: relative; } #category_hero .slideshow-hero .text, #category_hero .slideshow-hero .pager { filter:alpha(opacity=90); opacity:0.9; overflow: hidden; position: absolute; } #category_hero .slideshow-hero .text { background-color: #000; bottom: 0; left: 0; height: 80px; overflow: hidden; width: 660px; z-index: 5; } #category_hero .slideshow-hero .pager { bottom: 15px; right: 15px; z-index: 10; } #category_hero .slideshow-hero .text div { margin: 10px; } #category_hero .slideshow-hero .text .title { color: #bb051e; float: left; font-size: 26px; line-height: 30px; text-transform: uppercase; width: 250px; height: 60px; overflow: hidden; } #category_hero .slideshow-hero .text .teaser { color: #fff; float: left; font-size: 12px; line-height: 16px; width: 250px; } #category_hero .slideshow-hero .pager li.prev, #category_hero .slideshow-hero .pager li.next { display: none; } #category_hero .slideshow-hero .pager li.pages li { display: block; filter:alpha(opacity=90); float: left; opacity:0.9; width: 25px; } #category_hero .slideshow-hero .pager li.pages li a { color: #fff; display: block; font-family: Times New Roman, Times; font-size: 14px; font-weight: bold; padding: 2px; text-align: center; } #category_hero .slideshow-hero .pager li.pages li a:hover, #category_hero .slideshow-hero .pager li.pages li.activeSlide a { background-color: #bb051e; } /* Articles */ .article { background: #fff; padding: 30px 10px; color: #1d1b1b; font-size: 14px; line-height: 18px; overflow: hidden; zoom: 1;} .article .main_image { width: 640px; overflow: hidden; margin: 0 0 20px 0; } .article .main_image.portrait { width: 334px; float: right; margin: 0 0 20px 20px; } .article .main_image.portrait img { width: 334px; } .article h1 { text-transform: uppercase; } .article p { margin: 0 0 12px 0; } .article .byline { padding: 5px 0 10px 0; font-size: 12px; line-height: normal; overflow: hidden; } .article .byline strong b { font-weight: normal; } .article .byline .comments { padding: 0 0 0 15px; color: #bd001e; font-weight: bold; float: left;} .article .attributes { margin: 0 0 15px 0; } .article .attributes dt { font-weight: bold; } .article .abstract { clear: both; color: #caa543; font-weight: bold; margin: 0 0 15px 0; /*IE6 Hack:*/ _padding: 5px 0 0 0; } .article .byline .date_posted { float: left; } .article #tools { float: left; padding: 0 0 0 15px; } .article_gallery { clear: both; margin: 0; background: #fff; position: relative; } .article_gallery .header { height: 23px; background: #bd001e url(../images/ir/sprite_headings.gif) 0 -199px no-repeat; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 23px; text-transform: uppercase; text-indent: -9999px; } .article_gallery .gallery_thumbs { padding: 15px 5px 15px 9px; overflow: hidden; zoom: 1; } .article_gallery .gallery_thumbs li { float: left; } .article_gallery .gallery_thumbs li a.image { display: block; width: 97px; height: 71px; padding: 5px; background: url(../images/bg/image_thumbnails.jpg) 0 -495px no-repeat;} .article_gallery .gallery_thumbs li a.image img { width: 97px; height: 71px; opacity:0.8; filter:alpha(opacity=80); } .article_gallery .gallery_thumbs li a.image:hover img { opacity:1; filter:alpha(opacity=100);} .associated_video { display: block; height: 23px; width: 120px; margin: 0 0 13px 0; background: url(../images/btn/sprite_buttons.gif) 0 -889px no-repeat; text-indent: -9999px; } .article_tags { clear: both; padding: 20px 0 20px 0; font-size: 14px; font-weight: bold; } .article_tags ul { display: inline; } .article_tags li { display: inline; } .article_tags li a { font-weight: normal; } .article_tags dd { display: inline; margin: 0 0 0 -2px; font-weight: normal; } #print_layout #tools { display: none; } /* Competitions */ .article.comp { margin: 0 0 20px 0; } .article.comp h1 { text-transform: none; } .article.comp .main_image.portrait { width: 355px; float: left; margin: 0 20px 10px 0; clear: both; } .article.comp .main_image.portrait img { width: 355px; } .article.comp .byline { /*IE6 Hack:*/_padding: 5px 0 20px 0; } .competition_entry { background: #fff; } .competition_entry .header { height: 23px; background: #bd001e url(../images/ir/sprite_headings.gif) 0 -245px no-repeat; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 23px; text-transform: uppercase; text-indent: -9999px; } .competition_entry .form { padding: 20px; color: #5c5c5c; } .form .required { display: block; width: 165px; text-align: right; color: #bd001e; margin: 0 0 10px 0; } .form li { padding: 0 0 0 165px; position: relative; margin: 0 0 10px 0; clear: both; } .form li label { display: block; width: 160px; position: absolute; left: 0; top: 0; text-align: right; /*IE6 Hack:*/_left: -165px; } .form li input { border: solid 1px #abadb3; height: 15px; width: 279px; font-size: 12px; padding: 1px 2px 2px; line-height: 15px; font-family: Arial, Helvetica, sans-serif; } .form li.postcode input { width: 56px; } .form li select { border: solid 1px #abadb3; font-size: 12px; line-height: 15px; font-family: Arial, Helvetica, sans-serif; } .form li textarea { border: solid 1px #abadb3; width: 279px; font-size: 12px; padding: 1px 2px 2px; line-height: 15px; font-family: Arial, Helvetica, sans-serif;} .form li.checkbox input { position: absolute; left: 165px; width: auto; height: auto; border: none; /*IE6 Hack: */_left: 0; } .form li.dob dl { overflow: hidden; } .form li.dob dt { display: block; width: 160px; position: absolute; left: 0; top: 0; text-align: right; /*IE6 Hack:*/_left: -165px; } .form li.dob dd { float: left; margin: 0 4px 0 0; } .form li.dob dd label { display: none; } .form li.checkbox label { padding: 0 0 0 20px; position: static; width: 265px; text-align: left; } .form li.spacer { display: block; height: 10px; } .form li .terms_link { color: #1a5199; text-decoration: underline; } .form li.button { overflow: hidden; height: 28px; } .form li.button .btn_submit { display: block; float: left; margin: 0 20px 0 0; text-indent: -9999px; height: 28px; width: 88px; background: url(../images/btn/sprite_buttons.gif) 0 -321px no-repeat; /*IE 6&7 Hack: */~line-height: 0; ~font-size: 0;} .form li.button .btn_clear { display: block; float: left; margin: 0 20px 0 0; text-indent: -9999px; height: 28px; width: 88px; background: url(../images/btn/sprite_buttons.gif) 0 -367px no-repeat; /*IE 6&7 Hack: */~line-height: 0; ~font-size: 0;} .error_list { font-weight: bold; padding: 0 0 20px 0; } .error_list ul { padding: 8px 0 0 0; } .error_list li { font-weight: normal; margin: 0 0 6px 0; color: #BD001E; } #competition_thankyou { min-height: 300px; } #competition_thankyou .header { background-position: 0 -84px; } #competition_thankyou #copy { padding: 20px 10px; font-size: 14px; } #competition_thankyou #copy p { margin: 0 0 8px 0; } #competition_thankyou #copy h2 { margin: 0 0 8px 0; } /* Comments */ .comments { background: #fff; position: relative; /*IE6 Hack:*/_zoom: 1; } .comments .header { height: 23px; background: #bd001e url(../images/ir/sprite_headings.gif) 0 -222px no-repeat; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 23px; text-transform: uppercase; text-indent: -9999px;} .comments .comment_count { position: absolute; left: 110px; top: 0; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; line-height: 22px; font-weight: bold; } .comments ul { display: block; padding: 20px 30px 10px; } .comments li { margin: 0 0 20px 0; overflow: hidden; clear: both; } .comments li .byline { font-weight: bold; } .comments li .report_this { display: block; width: 80px; } .comments #pager { padding: 10px 30px 10px; overflow: hidden; text-align: center; } .comments #pager li { border-left: solid 1px #000; display: inline; padding: 0 5px 0 5px; font-weight: bold; color: #BD001E; margin: 0; } .comments #pager li.pagerFirstPage { border: none;} .comments #pager li a { color: #000; font-weight: normal; cursor: pointer; } .comments #pager li a:hover { color: #BD001E; } .comments #pager #pagerNextItem { border: none; color: #000; font-weight: normal; padding: 0 0 0 50px; } .comments #pager #pagerPreviousItem { border: none; color: #000; font-weight: normal; padding: 0 50px 0 0; } .comments .submit_comments { padding: 20px 30px 20px 30px; zoom: 1;} .comments .submit_comments .fields { padding: 0; } .comments .submit_comments .fields li { padding: 0 0 0 90px; margin: 0 0 10px 0; position: relative; } .comments .submit_comments .fields li label { font-weight: bold; position: absolute; left: 0; top: 0; /*IE6 Hack: */_left: -90px; } .comments .submit_comments h3 { font-size: 20px; text-transform: uppercase; margin: 0 0 12px 0; } .comments .submit_comments .text { border: solid 1px #aeaeae; height: 17px; width: 231px; font-size: 12px; padding: 1px 2px 2px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; } .comments .submit_comments textarea { border: solid 1px #aeaeae; height: 77px; width: 370px; font-size: 12px; line-height: 16px; padding: 1px 2px 2px; font-family: Arial, Helvetica, sans-serif; } .comments .submit_comments .button { display: block; text-indent: -9999px; height: 28px; width: 88px; background: url(../images/btn/sprite_buttons.gif) 0 -451px no-repeat; /*IE 6&7 Hack: */~line-height: 0; ~font-size: 0; } .comments .submit_comments .misc_message { margin: 0 0 10px 0; } .comments .submit_comments .misc_message a { font-weight: bold; } .comments .error { color: #bd001e !important; } #print_layout .submit_comments { display: none; } /* Send To A Friend */ #send_to_friend { padding: 0; width: 310px; height: 370px; text-align: left; color: #EBB3BC; overflow: hidden; clear: both; color: #fff; font-size: 14px; } #send_to_friend h2 { color: #fff; font-size: 24px; text-transform: uppercase; margin: 0 0 6px 0; } #send_to_friend .SendToFriendForm td { padding: 0 0 6px 0; } #send_to_friend .SendToFriendForm { width: 300px; } #send_to_friend .SendToFriendForm input { border: solid 1px #890217; height: 17px; font-size: 12px; padding: 1px 2px 2px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; margin: 0 0 3px 0; } #send_to_friend .SendToFriendForm textarea { border: solid 1px #890217; font-size: 12px; line-height: 16px; padding: 1px 2px 2px; font-family: Arial, Helvetica, sans-serif; margin: 0 0 3px 0; } #send_to_friend .SendToFriendForm .instruction { font-size: 12px; color: #000; } #send_to_friend .errorStyle { color: #EBB3BC !important; font-size: 12px; } #send_to_friend .SendToFriendForm .subButton { display: block; text-indent: -9999px; height: 24px; width: 88px; background: url(../images/btn/sprite_buttons.gif) 0 -451px no-repeat; /*IE 6&7 Hack: */~line-height: 0; ~font-size: 0;} #send_to_friend a { color: #fff; font-weight: bold; } #send_to_friend .thank_you { font-size: 12px; } .modal.send_to_friend { width: 350px; height:414px; overflow: hidden; left: 150px; top: 100px; padding: 10px; background: url(../images/bg/send_to_friend_shadow.png) no-repeat; /*IE6: */ _background: none; } .modal.send_to_friend .modal_content { padding: 20px 20px 10px; background: #930c1f url(../images/bg/send_to_friend.gif) repeat-x; } .modal.send_to_friend .close { display: block; width: 17px; height: 14px; text-indent: -9999px; background: url(../images/btn/sprite_buttons.gif) 0 -351px no-repeat; float: right; cursor: pointer; } /* Tools */ #tools { overflow: hidden; } #tools li { float: left; margin: 0 3px 0 0; width: 17px; height: 14px; padding: 0; } #tools li a { display: block; height: 14px; width: 17px; text-indent: -9999px; overflow: hidden; background: url(../images/btn/sprite_buttons.gif) 0 17px no-repeat; } #tools li.send_to_friend a { background-position: 0 -284px; } #tools li.bookmark a { background-position: -17px -284px; } #tools li.print a { background-position: -34px -284px; } #tools li.archive a { background-position: -51px -284px; } /* Member Login */ #member_login { /*IE6 Hack:*/_zoom: 1; } #member_login .header { background-position: 0 -268px; } #member_login #login { padding: 20px 10px; /*IE6 Hack:*/_zoom: 1; } #member_login #forgotten_password { padding: 20px 10px 40px 10px; /*IE6 Hack:*/_zoom: 1; } #member_login #login h2, #member_login #forgotten_password h2 { font-size: 20px; margin: 0 0 10px 0; } #member_login #forgotten_password p { padding: 0 0 15px 0; } #member_login .form li { padding: 0 0 0 110px; } #member_login .form li label { width: 105px; text-align: left; font-weight: bold; /*IE6 Hack:*/_left: -110px; } #member_login .form li.checkbox label { width: 265px; font-weight: normal; } #member_login .form li.checkbox input { left: 110px; /*IE6 Hack:*/_left: 0; } #member_login div.errorStyle { font-weight: bold; padding: 0 0 20px 0; } #member_login div.errorStyle ul { padding: 8px 0 0 0; } #member_login div.errorStyle li { font-weight: normal; margin: 0 0 6px 0; color: #BD001E; } #member_login #login li.button input { display: block; text-indent: -9999px; height: 28px; width: 88px; background: url(../images/btn/sprite_buttons.gif) 0 -395px no-repeat; border: none; cursor: pointer; /*IE 6&7 Hack: */~line-height: 0; ~font-size: 0;} #member_login #forgotten_password li.button input { display: block; text-indent: -9999px; height: 28px; width: 88px; background: url(../images/btn/sprite_buttons.gif) 0 -451px no-repeat; border: none; cursor: pointer; /*IE 6&7 Hack: */~line-height: 0; ~font-size: 0;} #member_login #login #register { padding: 10px 0 0 0 ; } #member_login #login #register a { display: block; width: 98px; height: 28px; text-indent: -9999px; background: url(../images/btn/sprite_buttons.gif) 0 -423px no-repeat; } /* Site Registration & Profile Edit*/ #site_registration, #your_profile { min-height: 300px; } #site_registration .header { background-position: 0 -291px; margin: 0 !important; } #your_profile .header { background-position: 0 -314px; margin: 0 !important; } #site_registration a, #your_profile a { font-weight: bold; font-size: 14px; } #site_registration a:hover, #your_profile a:hover { text-decoration: underline; } #site_registration #copy, #your_profile #copy { padding: 20px 10px 10px; } #site_registration #copy p, #your_profile #copy p { margin: 0 0 8px 0; } #site_registration .form, #your_profile .form { padding: 20px 10px 30px 10px; } #site_registration h2, #your_profile h2 { font-size: 20px; margin: 0 0 15px 0; } #site_registration .form li, #your_profile .form li { overflow: hidden; } #site_registration .form li label, #site_registration .form li.dob dt, #your_profile .form li label, #your_profile .form li.dob dt { text-align: left; font-weight: bold;} #site_registration .form li.radio dt, #your_profile .form li.radio dt { position: absolute; left: 0; top: 0; font-weight: bold; /*IE6 Hack:*/_left: -165px; } #site_registration .form li.radio .radioChoice label, #your_profile .form li.radio .radioChoice label { width: 100px; } #site_registration .form li.radio .radioChoice td, #your_profile .form li.radio .radioChoice td { position: relative; display: block; width: 120px; float: left; } #site_registration .form li.radio .radioChoice input, #your_profile .form li.radio .radioChoice input { left: 0; top: 0; } #site_registration .form li.checkbox label, #your_profile .form li.checkbox label { font-weight: normal; } #site_registration .form li.interests, #your_profile .form li.interests { padding-bottom: 10px; } #site_registration .form li.interests dt, #your_profile .form li.interests dt { position: absolute; left: 0; top: 0; font-weight: bold; /*IE6 Hack:*/_left: -165px; } #site_registration .form li.interests label, #your_profile .form li.interests label { width: 130px; } #site_registration .form li.interests td, #your_profile .form li.interests td { position: relative; display: block; width: 150px; float: left; } #site_registration .form li.interests input, #your_profile .form li.interests input { left: 0; top: 0; } #site_registration div.errorStyle, #your_profile div.errorStyle { font-weight: bold; padding: 0 0 20px 0; } #site_registration div.errorStyle ul, #your_profile div.errorStyle ul { padding: 8px 0 0 0; } #site_registration div.errorStyle li, #your_profile div.errorStyle li { font-weight: normal; margin: 0 0 6px 0; color: #BD001E; } #site_registration .form li.button, #your_profile .form li.button { padding-top: 10px; margin-bottom: 20px; } #site_registration .form li.button .btn_submit, #your_profile .form li.button .btn_submit { background-position: 0 -451px; } #site_registration .form li.button .btn_clear, #your_profile .form li.button .btn_clear { background-position: 0 -479px; } #site_registration .form li .btn_verify, #your_profile .form li .btn_verify { display: block; width: 72px; height: 20px; background: url(../images/btn/sprite_buttons.gif) 0 -507px no-repeat; text-indent: -9999px; position: absolute; top: 0; left: 455px; /*IE 6&7 Hack: */~line-height: 0; ~font-size: 0; _left: 300px; } #site_registration .form li .verify_msg, #your_profile .form li .verify_msg { padding: 0 0 0 80px; } #site_registration #registration_thankyou { padding: 20px 10px; min-height: 237px; } #site_registration .form .required, #your_profile .form .required { width: auto; text-align: left; } #your_profile .message { display: block; padding: 10px 0 0 165px; font-weight: bold; } #site_registration .error_msg, #your_profile .error_msg { padding: 0 0 15px 0; font-weight: bold; color: #BD001E; display: block; } /* Newsletter Sign Up */ #newsletter_signup { min-height: 300px; } #newsletter_signup .header { background-position: 0 -337px; } #newsletter_signup #copy { padding: 20px 10px 10px; } #newsletter_signup #copy p { margin: 0 0 8px 0; } #newsletter_signup .form { padding: 20px 10px 30px 10px; } #newsletter_signup .form li label { text-align: left; font-weight: bold;} #newsletter_signup .form li.checkbox label { font-weight: normal; } #newsletter_signup .form li.button .btn_submit { background-position: 0 -451px; border: none; cursor: pointer; } /* Newsletter Unsubscribe */ #newsletter_unsubscribe { min-height: 300px; } #newsletter_unsubscribe h2 { margin: 0 0 8px 0; } #newsletter_unsubscribe .header { background-position: 0 -360px; margin: 0; } #newsletter_unsubscribe #copy { padding: 20px 10px 10px; } #newsletter_unsubscribe #copy p { margin: 0 0 8px 0; } #newsletter_unsubscribe .form { padding: 20px 10px 30px 10px; } #newsletter_unsubscribe .form li label { text-align: left; font-weight: bold;} #newsletter_unsubscribe .form li.checkbox label { font-weight: normal; } #newsletter_unsubscribe .form li.button .btn_submit { background-position: 0 -451px; border: none; cursor: pointer; } #newsletter_unsubscribe div.errorStyle { font-weight: bold; padding: 0 0 20px 0; } #newsletter_unsubscribe div.errorStyle ul { padding: 8px 0 0 0; } #newsletter_unsubscribe div.errorStyle li { font-weight: normal; margin: 0 0 6px 0; color: #BD001E; } /* Contact Us */ #contact_us { min-height: 300px; } #contact_us .header { background-position: 0 -383px; margin: 0; } #contact_us #copy { padding: 20px 10px 10px; } #contact_us #copy p { margin: 0 0 10px 0; } #contact_us #copy h2 { margin: 0 0 8px 0; } #contact_us .form { padding: 20px 10px 30px 10px; } #contact_us .form h2 { margin: 0 0 10px 0; } #contact_us .form li label { text-align: left; font-weight: bold;} #contact_us .form li.button .btn_submit { background-position: 0 -451px; border: none; cursor: pointer; } #contact_us div.errorStyle { font-weight: bold; padding: 0 0 20px 0; } #contact_us div.errorStyle ul { padding: 8px 0 0 0; } #contact_us div.errorStyle li { font-weight: normal; margin: 0 0 6px 0; color: #BD001E; } #contact_us .form .required { width: auto; text-align: left; } /* Gallery */ #gallery { position: relative; } #gallery #gallery_sponsor { margin: 0 0 10px 0; overflow: hidden; } #gallery #gallery_sponsor ul { overflow: hidden; float: right; } #gallery #gallery_sponsor li { float: left; margin: 0 0 0 10px; height: 36px; font-size: 14px; line-height: 36px; color: #373737; overflow: hidden; } #gallery #feature { clear: both; background: #fff; padding: 20px 14px 20px 14px; margin: 0 0 20px 0; overflow: hidden; /*IE6 Hack:*/_zoom: 1; } #gallery #feature h1 { margin: 0 0 20px 0; } #gallery #feature #share { display: block; padding: 0 0 0 3px; } #gallery #feature #share a { display: block; width: 66px; height: 28px; background: url(../images/btn/sprite_buttons.gif) 0 -607px no-repeat; text-indent: -9999px; } #gallery #feature #links { overflow: hidden; float: right; padding: 0 4px 0 0; } #gallery #feature #links li { overflow: hidden; float: left;} #gallery #feature #links li .pager li { display: none; margin: 0 0 0 10px; } #gallery #feature #links li .pager li.galleryPagerPrev { display: block; } #gallery #feature #links li .pager li.galleryPagerNext { display: block; } #gallery #feature #links li .pager li.galleryPagerPrev a { display: block; width: 134px; height: 28px; background: url(../images/btn/sprite_buttons.gif) 0 -551px no-repeat; text-indent: -9999px; } #gallery #feature #links li .pager li.galleryPagerNext a { display: block; width: 104px; height: 28px; background: url(../images/btn/sprite_buttons.gif) 0 -579px no-repeat; text-indent: -9999px; } #gallery #feature #links .associated_article { display: block; width: 120px; height: 28px; background: url(../images/btn/sprite_buttons.gif) 0 -698px no-repeat; text-indent: -9999px; } #gallery #feature #links .associated_article.viewed { width: 134px; background-position: 0 -670px; } #gallery #feature #image { clear: both; background: #000; text-align: center; width: 625px; overflow: hidden; margin: 10px 0 0 3px; position: relative; } #gallery #feature #image img { display: block; margin: 0 auto;} #gallery #feature #image_footer { padding: 10px 4px 25px 3px; overflow: hidden; position: relative; /*IE6 Hack: */_zoom: 1; } #gallery #feature #image_footer .pager { overflow: hidden; float: right; } #gallery #feature #image_footer .pager li { float: left; font-weight: bold; } #gallery #feature #image_footer .pager li.galleryPagerPrev { margin: 0 10px 0 0; } #gallery #feature #image_footer .pager li.galleryPagerPrev a { display: block; padding: 0 0 0 16px; background: url(../images/btn/sprite_buttons.gif) left -636px no-repeat; } #gallery #feature #image_footer .pager li.galleryPagerNext { margin: 0 0 0 10px; } #gallery #feature #image_footer .pager li.galleryPagerNext a { display: block; padding: 0 16px 0 0; background: url(../images/btn/sprite_buttons.gif) right -636px no-repeat;} #gallery #feature #image_footer #photo_credit { display: block; float: left; width: 240px; } #gallery #feature #image_footer #vote { position: absolute; top: 0; left: 212px; z-index: 2; width: 200px; padding: 8px 5px 5px; text-align: center; } #gallery #feature #image_footer #vote .vote_button { display: block; width: 103px; height: 24px; background: url(../images/btn/sprite_buttons.gif) 0 -527px no-repeat; text-indent: -9999px; cursor: pointer; margin: 0 auto; /*IE 6&7 Hack: */~line-height: 0; ~font-size: 0; } #gallery #feature #description { padding: 0 4px 0 3px; clear: both; } #gallery #feature #gallery_thumbs { padding: 20px 0 0 0; overflow: hidden; clear: both; } #gallery #feature #gallery_thumbs li { float: left; margin: 0 1px 1px 0; } #gallery #feature #gallery_thumbs li a.image { display: block; width: 85px; height: 62px; background: #000; border: solid 2px #fff; } #gallery #feature #gallery_thumbs li a.current { border: solid 2px #bd001e; } #gallery #feature #gallery_thumbs li a.image img { display: block; width: 85px; height: 62px; opacity:0.8; filter:alpha(opacity=80); } #gallery #feature #gallery_thumbs li a.image:hover img, #gallery #feature #gallery_thumbs li a.current img { opacity:1; filter:alpha(opacity=100); } #gallery #send_to_friend_modal { top: 133px; } #gallery #related_galleries { /*position: absolute; left: 0; top: 0;*/ } #gallery #feature .gallery_list { display: block; background: #eaebed; overflow: hidden; width: 619px; height: 359px; padding: 17px 0 17px 6px; /*IE6&7 Hacks */ ~padding: 17px 0 17px 10px; ~width:615px; _padding: 17px 0 17px 0; _width: 625px; } #gallery #feature .gallery_list li { width: 137px; height: 155px; padding: 5px; background: url(../images/bg/image_thumbnails.jpg) 0 -576px no-repeat; margin: 5px 0 10px 5px; } #gallery #feature .gallery_list li a.img { height: 155px; overflow: hidden; } #gallery #feature .gallery_list li a.img img { width: 137px; height: 155px; } #gallery #feature .gallery_list li .summary { width: 119px; left: 5px; bottom: 5px; /*IE6 Hack:**/_bottom: 4px; } #latest_galleries { overflow: hidden; } #latest_galleries .header { background-position: 0 -406px; } #latest_galleries .gallery_list { overflow: hidden; padding: 5px 0px 10px 7px; /*IE6 Hack:*/_padding: 5px 0px 10px 0; } #latest_galleries .gallery { width: 145px; height: auto; float: left; margin: 8px; background: url(../images/bg/image_thumbnails.jpg) 0 -742px no-repeat; } #latest_galleries .gallery a.img { display: block; width: 137px; height: 155px; overflow: hidden; margin: 4px; } #latest_galleries .gallery a.img img { display: block; width: 137px; } #latest_galleries .gallery .link { display: none; } #latest_galleries .gallery .desc { padding: 6px 4px 0; font-weight: bold; display: block; height: 75px; overflow: hidden; } #latest_galleries #gallery_controls { overflow: hidden; position: absolute; top: 0; right: 0; padding: 4px 0; } #latest_galleries #gallery_controls li { float: left; margin: 0 8px 0 0; line-height: 15px; } #latest_galleries #gallery_controls li a { color: #EBB3BC; } #latest_galleries #gallery_controls li a:hover { color: #fff; } #latest_galleries #gallery_controls li.prev { border-right: solid 1px #fff; } #latest_galleries #gallery_controls li.prev a { padding: 0 8px 0 18px; background: url(../images/btn/sprite_buttons.gif) 0 -651px no-repeat; } #latest_galleries #gallery_controls li.next a { padding: 0 18px 0 0; background: url(../images/btn/sprite_buttons.gif) right -651px no-repeat; } /* Style Category Landing */ #style #fashion { margin: 0 0 20px 0; } #style #category_hero { padding: 14px; width: 632px; margin: 0; height: auto; } #style #promos { clear: both; overflow: hidden; margin: 0 0 0 -10px; padding: 0 0 10px 0; /*IE6 Hacks:*/_margin: 0; } #style #promos .content_panel { width: 325px; overflow: hidden; float: left; margin: 0 0 10px 10px; /*IE6 Hacks:*/_margin: 0 10px 10px 0; _width: 320px; } #style #promos .module .more { display: block; } #style #promos .module .copy { width: 305px; } #style #ok_galleries { margin: 0; } #style #ok_galleries #gallery_thumbs h3 { padding: 0 0 0 7px; } #fashion .header { background-position: 0 -452px; } #beauty .header { background-position: 0 -475px; } #celebrities .header { background-position: 0 -498px; } .featured-list { height: 568px; overflow: hidden; } .featured-list .feature { width: 486px; float: left; } .featured-list a.img { display: block; } .featured-list a.img img { display: block; } .featured-list ul { display: block; width: 137px; float: left; overflow: hidden; padding: 0 0 0 9px; } .featured-list ul li { padding: 0 0 17px 0; position: relative; /*IE6&7 Hack:*/~padding: 0 0 14px 0; } .featured-list ul li a.img img { width: 137px; height: 100px; } .featured-list ul li .summary { width: 131px; height: 94px; padding: 3px; overflow: hidden; color: #fff; background: url("../images/bg/black_fill_non_opaque.png") repeat-y; position: absolute; left: 0; top: 0; display: none; } .featured-list ul li:hover .summary { display: block; } .featured-list ul li .summary h4 { display: block; font-size: 13px; line-height: 15px; } .featured-list ul li .summary h4 a { display: block; color: #d00122; height: 32px; overflow: hidden; } .featured-list ul li .summary a.desc { color: #fff; display: block; line-height: 14px; height: 42px; overflow: hidden; } .featured-list ul li .summary .more { font-weight: bold; display: block; color: #d00122; padding : 2px 0 0 0; } .featured-list .feature { position: relative; } .featured-list .feature .summary { width: 466px; padding: 10px; overflow: hidden; color: #fff; background: url("../images/bg/black_fill_non_opaque.png"); position: absolute; left: 0; bottom: 0; /*IE6:*/_background: #000; } .featured-list .feature .summary h4 { display: block; font-size: 30px; font-weight: normal; line-height: 32px; width: 223px; padding: 0 10px 0 0; float: left; } .featured-list .feature .summary h4 a { display: block; color: #d00122; } .featured-list .feature .summary .desc { color: #fff; } .featured-list .feature .summary .more { text-transform: uppercase; color: #d00122; } /* Modules */ .module { position: relative; overflow: hidden; /*IE6 Hack:*/_zoom: 1; } .module a.img { display: block; } .module h4 { display: none; } .module .copy { position: absolute; height: 45px; width: 100%; padding: 10px; left: 0; bottom: 0; color: #fff; background: url("../images/bg/black_fill_non_opaque.png"); /*IE6:*/_background: #000; } .module .more { text-transform: uppercase; } /* Video */ #ok_videos .header { background-position: 0 -429px; } #ok_videos.subcat #gallery_thumbs { padding: 10px 5px 10px 11px; overflow: hidden; } .gallery_list.video li .more { background-position: 0 -726px; } #video { position: relative; /*IE6 Hack:*/_zoom: 1; } #video #feature { overflow: hidden; margin: 0 0 20px 0; background: #fff; padding: 15px 10px; } #video #feature #video_player { width: 480px; height: 400px; border: solid 2px #c5c5c5; float: left; overflow: hidden; } #video #feature #links { width: 130px; height: 400px; overflow: hidden; float: left; margin: 0 0 0 15px; } #video #feature #links .share a { display: block; width: 101px; height: 27px; margin: 0 0 10px 0; background: url(../images/btn/sprite_buttons.gif) 0 -746px no-repeat; text-indent: -9999px; } #video #feature #links #channels select { width: 130px; border: solid 1px #abadb3; font-size: 12px; line-height: 15px; font-family: Arial, Helvetica, sans-serif; } #video #feature #links .associated_gallery { display: block; width: 121px; height: 28px; margin: 0 0 10px 0; background: url(../images/btn/sprite_buttons.gif) 0 -773px no-repeat; text-indent: -9999px; } #video #feature #info { clear: both; } #video #feature #info h3 { font-size: 16px; color: #bd001e; text-transform: uppercase; margin: 0 0 3px 0; padding: 10px 0 0 0; } #video .content_panel { margin: 0 0 20px 0; } #video #gallery_thumbs { overflow: hidden; padding: 10px 5px 10px 11px; /*IE6 Hacks:*/_zoom: 1; _padding: 10px 5px 15px 0px;} #video .comments { margin: 0 0 20px 0; } #video .modal.send_to_friend { left: 70px; top: 0; } #most_recent, #most_viewed { clear: both; overflow: hidden; } #most_recent .header { background-position: 0 -521px; } #most_viewed .header { background-position: 0 -544px; } /* Competition Winners */ #competition_winners { min-height: 300px; } #competition_winners .header { background-position: 0 -567px; } #competition_winners #winner_list { padding: 15px 10px; } /* In the Mag */ #in_the_mag .header { background-position: 0 -593px; } #in_the_mag #current_issue { overflow: hidden; padding: 15px 10px 20px; /*IE6 Hack:*/_zoom: 1; } #in_the_mag #current_issue .issue_date { font-size: 20px; text-transform: uppercase; margin: 0 0 15px 0; } #in_the_mag #current_issue .cover { width: 328px; overflow: hidden; text-align: center; float: left; margin: 0 15px 0 0; } #in_the_mag #current_issue .cover img { display: block; margin: 0 0 15px 0; } #in_the_mag #current_issue .cover a.subscribe { display: block; width: 123px; height: 38px; margin: 0 auto; background: url(../images/btn/sprite_buttons.gif) 0 -828px no-repeat; text-indent: -9999px; } #in_the_mag #current_issue .features { width: 285px; float: left; font-size: 14px; } #in_the_mag #current_issue .features h3 { font-size: 16px; text-transform: uppercase; margin: 0 0 10px 0; } #in_the_mag #current_issue .features h4 { font-size: 15px; } #in_the_mag #current_issue .features p { margin: 0 0 12px 0; } /* Stockists */ #stockists { min-height: 300px; } #stockists .header { background-image: none; text-indent: 10px; } #stockists #stockist_list { padding: 15px 10px 20px; } #stockists #stockist_list tr { height: 18px !important; } /* Error page */ #error { min-height: 300px; /*IE6 Hack:*/_height: 300px; } #error .header { background-position: 0 -616px; } #error #message { font-size: 15px; padding: 40px 80px 50px 200px; min-height: 114px; background: url(../images/bg/404.gif) no-repeat; } #error #message h2 { font-size: 24px; margin: 0 0 8px 0; } #error #message a { text-decoration: underline; } /* Sitemap */ #sitemap { min-height: 300px; } #sitemap .header { background-image: none; text-indent: 10px; } #sitemap #site_links { padding: 15px 10px; } #sitemap #site_links td { padding: 0 0 20px 0; } #sitemap #site_links h4 a { color: #000; font-size: 12px; } /* RSS Feeds */ #rss_feeds .header { background-position: 0 -639px; } #rss_feeds p { margin: 0 0 10px 0; } #rss_feeds #feed_list { padding: 15px 10px 30px; } #rss_feeds #feed_list ul { padding: 30px 0 0 0; } #rss_feeds #feed_list li { font-size: 14px; padding: 0 0 20px; margin: 0 0 20px 0; border-bottom: dashed 1px #444444; overflow: hidden; /*IE6 Hack:*/_zoom: 1; } #rss_feeds #feed_list li h3 { font-size: 18px; text-transform: uppercase; margin: 0 0 4px 0; } #rss_feeds #feed_list li .url { clear: both; float: left; width: 490px; } #rss_feeds #feed_list li .url a { color: #000; } #rss_feeds #feed_list li .add_rss { float: right; width: 115px; } #rss_feeds #feed_list li .add_rss a { display: block; height: 15px; width: 95px; overflow: hidden; color: #000; font-size: 12px; line-height: 15px; padding: 0 20px 0 0; background: url(../images/btn/sprite_buttons.gif) right -183px no-repeat; } #rss_feeds #feed_list li .add_rss a:hover { color: #BD001E; } #rss_feeds #feed_list li .add_rss em { font-weight: bold; font-style: normal; font-size: 14px; } /* Make OK! your homepage */ #make_ok_your_homepage { min-height: 300px; } #make_ok_your_homepage .header { background-image: none; text-indent: 10px; } #make_ok_your_homepage #copy { padding: 15px 10px; } #make_ok_your_homepage #copy p { margin: 0 0 12px 0; } #make_ok_your_homepage #copy ol { margin: 0 0 12px 0; } #make_ok_your_homepage #copy ol li { list-style: decimal; margin: 0 0 0 25px; } /* Search Results */ .search_results h1 { color: #373737; font-size: 18px; margin: 0 0 5px 0; } .search_results h1 em { color: #BD001E; font-style: normal; } .search_results .result_count, .search_results .no_results { display: block; margin: 0 0 30px 0; font-size: 14px; color: #373737; font-weight: normal; } #content_list.search_results #results li a.img { height: 100px; overflow: hidden; } #content_list.search_results #results li a.img img { height: auto !important; } /* Poll Results */ #poll_results { margin: 0 0 20px 0; min-height: 300px; clear: both; } #poll_results .header { background-position: 0 -662px; } #previous_poll_results { clear: both; zoom: 1;} #previous_poll_results .header { background-position: 0 -685px; } .poll_list { padding: 15px 10px; } #poll_results.face_off .poll_list { padding: 0; } #previous_poll_results.face_off .poll_list { /*IE6 Hack:*/_padding: 15px 0; } .poll_result { padding: 5px 0 25px 0; } .poll_result h4 { font-size: 20px; margin: 0 0 15px 0; } .poll_result ul { overflow: hidden; } .poll_result ul li { margin: 0 0 10px 0; position: relative; height: 36px; } .poll_result ul li .result { position: absolute; bottom: 0; left: 515px; } .poll_result ul li .result em { font-style: normal; } .poll_result ul li .graph { position: absolute; bottom: 0; left: 0; width: 500px; height: 19px; border: solid 1px #ababab; background: #fff; } .poll_result ul li .graph div { height: 19px; overflow: hidden; background: #c2a148; } .poll_list ul { overflow: hidden; } #previous_poll_results .poll_list .face_off_pod { float: left; margin: 10px; } #previous_poll_results .poll_list .face_off_pod p, #previous_poll_results .poll_list .face_off_pod .result { height: 30px; overflow: hidden; } #poll_results .poll_list .face_off_pod { width: 660px;} #poll_results .poll_list .face_off_pod .vote_one, #poll_results .poll_list .face_off_pod .vote_two { width: 330px; position: relative; } #poll_results .poll_list .face_off_pod p { font-size: 14px; } #poll_results .poll_list .face_off_pod img { width: 328px; height: 405px; } #poll_results .poll_list .face_off_pod .vs { width: 140px; height: 145px; left: 260px; top: 130px; background-image: url(../images/bg/vs_large.png); /*IE6:*/_background-image: url(../images/bg/vs_large.gif); } #poll_results .poll_list .face_off_pod .result { font-size: 12px; height: 40px; overflow: hidden; } #poll_results .poll_list .face_off_pod .result strong { font-size: 16px; } .poll_list .face_off_pod .graph { width: 130px; height: 11px; border: solid 1px #a9a9a9; background: #fff; margin: 5px 0 0 10px; } .poll_list .face_off_pod .graph .bar { height: 11px; background: #d4a833; } #poll_results .poll_list .face_off_pod .graph { width: 190px; height: 13px; position: absolute; right: 10px; bottom: 2px; overflow: hidden; } #poll_results .poll_list .face_off_pod .graph .bar { height: 13px; } /* Crossword Answers */ #crossword_answers { min-height: 300px; } #crossword_answers .header { background-image: none; text-indent: 10px; } #crossword_answers #answer_list { padding: 15px 10px 20px; } #crossword_answers #answer_list tr { height: 18px !important; } #crossword_answers #answer_list td { padding: 2px 15px 2px 0; } /* Aside */ #aside { width: 300px; float: right; padding: 10px 10px 10px 0; overflow: hidden; } #content #aside { padding: 0 0 10px; } #become_a_fan { display: block; width: 290px; height: 18px; margin: 0 0 10px 0; background: url(../images/bg/become_a_fan.gif) no-repeat; color: #595959; text-transform: uppercase; padding: 42px 5px 0; font-size: 12px; font-weight: bold; } #become_a_fan a { color: #0ba1da; } #become_a_fan a:hover { color: #0070b9; } #subscribe_to_newsletter { margin: 0 0 10px 0; padding: 5px; width: 290px; height: 50px; background: url(../images/bg/subscribe_to_newsletter.gif) no-repeat; overflow: hidden; } #subscribe_to_newsletter h2 { color: #fff; text-indent: -9999px; } #subscribe_to_newsletter #form { padding: 4px 0 0 0; } #subscribe_to_newsletter #form li { float: left; zoom: 1; } #subscribe_to_newsletter #form li .email { width: 156px; height: 17px; padding: 2px; font-size: 11px; line-height: 17px; border-left: solid 1px #959595; border-top: solid 1px #959595; border-bottom: solid 1px #959595; } #subscribe_to_newsletter #form li .submit { width: 35px; height: 23px; background: url(../images/btn/sprite_buttons.gif) 0 -118px no-repeat; text-indent: -9999px; cursor: pointer; display: block; /* IE 6 & 7 hacks: */ ~font-size: 0; ~line-height: 0; ~margin: 1px 0 0 0; } /* Celebrity Profiles */ #celebrity_profiles { width: 300px; overflow: hidden; margin: 0 0 10px 0; } #celebrity_profiles .header { background-position: 0 -130px; } #celebrity_profiles #content_list { padding: 5px 0; } #celebrity_profiles #content_list #results li { margin: 0; } #celebrity_profiles #content_list #results li .summary { width: 122px; padding: 12px 0 6px 0; } #celebrity_profiles #content_list #results li a.img { margin: 0 3px 0 0; } #celebrity_profiles #content_list #results li a.img img { display: block; padding: 16px; background: url(../images/bg/image_thumbnails.jpg) 0 -120px no-repeat; } #celebrity_profiles #content_list #results li h2, #celebrity_profiles #content_list #results li h2 a { color: #2C9FCB; } /* OK! Galleries Pod */ #ok_galleries_pod { width: 300px; background: #fff; margin: 0 0 10px 0; } #ok_galleries_pod .header { background-position: 0 -38px; } #ok_galleries_pod #gallery_thumbs { padding: 15px 6px 10px 5px; overflow: hidden; /* IE6 Hack: */_zoom: 1;} .gallery_list.gallery_pod li { width: auto; height: auto; margin: 0 0 5px 0; } .gallery_list.gallery_pod li .summary { width: 83px; height: 58px; padding: 3px; left: 4px; bottom: 4px; display: none; /* IE7 Hack: */~bottom: 7px; } .gallery_list.gallery_pod li:hover .summary { display: block; } .gallery_list.gallery_pod li a.img { width: 96px; height: 72px; } .gallery_list.gallery_pod li a img { width: 88px; height: 64px; padding: 4px; background: url(../images/bg/image_thumbnails.jpg) 0 -252px no-repeat; display: block; } .gallery_list.gallery_pod li h4 { display: block; color: #fff; font-size: 11px; line-height: 13px;} .gallery_list.gallery_pod li h4 a { display: block; color: #fff; height: 40px; overflow: hidden; } .gallery_list.gallery_pod li .abstract { display: none; } .gallery_list.gallery_pod li .more { display: block; width: auto; background: none; text-indent: 0; margin: 0; padding: 0; font-size: 12px; font-weight: bold; text-transform: lowercase; line-height: 14px; } /* On Sale Now Pod */ #on_sale_now { width: 300px; background: #fff; margin: 0 0 20px 0; } #on_sale_now .header { background-position: 0 -176px; background-color: #caa543; } #on_sale_now .module { overflow: hidden; height: 274px; border-left: solid 1px #c8c8c8; border-right: solid 1px #c8c8c8; border-bottom: solid 1px #c8c8c8; padding: 3px 0 0 10px; background: url(../images/bg/current_issue_bg.gif) -843px 0 no-repeat; } #on_sale_now .module h4 { display: none; } #on_sale_now .module a.img { display: block; float: right; } #on_sale_now .module a.img img { display: block; width: 178px; height: 248px; padding: 3px 0 0 3px; background: url(../images/bg/current_issue_bg.gif) -668px 0 no-repeat; } #on_sale_now .module .copy { position: static; width: 100px; height: 201px; overflow: hidden; padding: 5px 0 0 0; margin: 0 0 10px 0; color: #373737; font-size: 14px; background: none; } #on_sale_now .module .copy li { margin: 0 0 6px 0; } #on_sale_now .module .more { text-transform: uppercase; font-weight: bold; } #on_sale_now #subscribe_now { display: block; width: 97px; height: 30px; text-indent: -9999px; background: url(../images/btn/sprite_buttons.gif) 0 -226px no-repeat; margin: 0; } /* Win Pod */ #win_pod { width: 300px; margin: 0 0 10px 0; } #win_pod .header { background-position: 0 -153px; } #win_pod .module { padding: 5px 10px 5px 1px; overflow: hidden; /*IE6 Hack: */_zoom: 1;} #win_pod .module a.img { display: block; float: left; } #win_pod .module a.img img { width: 137px; height: 137px; padding: 17px; background: url(../images/bg/image_thumbnails.jpg) 0 -324px no-repeat; } #win_pod .module h4 { text-transform: uppercase; color: #2c9fcb; padding: 9px 0 0 0; font-size: 12px; line-height: 13px; display: block; } #win_pod .module h4 a.title { color: #2c9fcb; } #win_pod .module .copy { position: static; color: #000; padding: 0 0 5px 172px; background: none; height: auto; width: auto; } #win_pod .module .more { display: block; height: 28px; width: 112px; text-indent: -9999px; background: url(../images/btn/sprite_buttons.gif) 0 -256px no-repeat; margin: 10px 0 0 0; } /* OK! Poll Pod */ #ok_poll { width: 300px; margin: 0 0 10px 0; background: #fff url(../images/bg/ok_poll.gif) 0 0 repeat-y; overflow: hidden; } #ok_poll .header { background-position: 0 -107px; } #ok_poll .poll { background: url(../images/bg/ok_poll.gif) -300px bottom no-repeat; /* IE6 Hack: */_zoom: 1; } #ok_poll .poll dt { display: block; padding: 10px; margin: 0 0 20px 0; background: #af9245; color: #fff; font-weight: bold; } #ok_poll .poll dd { display: block; padding: 0 15px; margin: 0 0 10px 0; overflow: hidden; clear: both; } #ok_poll .poll dd input { float: left; } #ok_poll .poll dd label { display: block; float: left; padding: 0 0 0 10px; width: 240px; } #ok_poll .poll .button { text-align: center; padding: 10px 15px 20px; } #ok_poll .poll .button input { display: block; width: 65px; height: 28px; margin: 0 auto; background: url(../images/btn/sprite_buttons.gif) 0 -198px no-repeat; text-indent: -9999px; cursor: pointer; /* IE 6&7 Hack: */~line-height: 0; ~font-size: 0; } #ok_poll .poll .error_msg { display: block; background: #af9245; color: #000; padding: 10px 10px 0; font-weight: bold; } /* Face Off Poll Pod*/ #faceoff_poll { margin: 0 0 10px 0; /* IE6 Hack: */_zoom: 1; } #faceoff_poll .header { background-position: 0 -107px; } .face_off_pod { width: 300px; overflow: hidden; color: #fff; background: #000; } .face_off_pod p { display: block; padding: 10px; background: #af9245; color: #fff; font-weight: bold; zoom: 1; } .face_off_pod .vote_options { position: relative; overflow: hidden; padding: 0 0 15px 0; /* IE6 Hack: */_zoom:1; } .face_off_pod .vote_one, .face_off_pod .vote_two { width: 150px; float: left; } .face_off_pod img { display: block; width: 148px; height: 204px; background: #fff; margin: 0 0 14px 0; } .face_off_pod .vote_one img { padding: 0 2px 0 0; } .face_off_pod .vote_two img { padding: 0 0 0 2px; } .face_off_pod .vote_one .option { padding: 0 0 0 10px; overflow: hidden; } .face_off_pod .vote_two .option { padding: 0 0 0 43px; overflow: hidden; } .face_off_pod .option input { float: left; } .face_off_pod .option label { display: block; float: left; padding: 0 0 0 5px; width: 80px; } .face_off_pod .vote { display: block; clear: both; position: absolute; left: 118px; top: 212px; z-index: 2; width: 65px; height: 28px; cursor: pointer; background: url(../images/btn/sprite_buttons.gif) 0 -198px no-repeat; text-indent: -9999px; /* IE 6&7 Hack: */~line-height: 0; ~font-size: 0; } .face_off_pod .result { padding: 0 0 0 10px; } .face_off_pod .vs { display: block; clear: both; width: 65px; height: 74px; position: absolute; left: 117px; top: 65px; z-index: 2; text-indent: -9999px; background: url(../images/bg/vs.png) no-repeat; /* IE6: */ _background: url(../images/bg/vs.gif) no-repeat; } /* Latest News Pod */ #latest_news_pod { margin: 0 0 10px 0; /* IE6 Hack: */_zoom: 1;} #latest_news_pod .header { background-position: 0 -15px; } #latest_news_pod #content_list { padding: 10px 10px 5px 10px; } #latest_news_pod #content_list #results li { margin: 0 0 15px 0; } #latest_news_pod #content_list #results li .summary { width: 122px; } #latest_news_pod #content_list #results li a.img { margin: 0 3px 0 0; display: block; margin: 0 10px 0 0; } #latest_news_pod #content_list #results li h2, #latest_news_pod #content_list #results li h2 a { color: #2C9FCB; font-size: 12px; line-height: 13px; } /* Footer */ #footer { clear: both; /*IE6 Hack: */_zoom: 1;} #footer .link_wrapper { display: inline-block; } #footer #sitemap { margin: 10px; padding: 20px 10px; background: #000; overflow: hidden; text-align: center; min-height: 195px; } #footer #sitemap #promo_left { width: 86px; float: left; } #footer #sitemap #promo_right { width: 86px; float: right; } #footer #sitemap .module { color: #fff; font-size: 10px; padding: 15px 0 10px; text-align: left; } #footer #sitemap .module img { display: block; width: 86px; padding: 0 0 8px 0; } #footer #sitemap .module .copy { position: static; background: none; height: auto; width: auto; padding: 0; } #footer #sitemap .module h4 { display: none; } #footer #sitemap .module .more { text-transform: lowercase; font-weight: bold; font-style: italic; padding: 0 0 0 5px; } #footer #sitemap #links { text-align: left; overflow: hidden; padding: 0 0 30px 0; zoom: 1; } #footer #sitemap #links li { float: left; padding: 0 10px; } #footer #sitemap #links li a { display: block; margin: 0 0 5px 0; font-size: 12px; font-weight: bold; color: #ec3225; text-transform: uppercase; } #footer #sitemap #links .sub_links li { float: none; padding: 0; } #footer #sitemap #links .sub_links li a { color: #fff; font-size: 9px; margin: 0 0 2px 0; } #footer #sitemap #bottom_banner { width: 728px; margin: 0 auto; } #footer #site_links { border-top: solid 1px #bbbcbe; text-align: center; margin: 10px; padding: 10px; overflow: hidden; } #footer #site_links li { float: left; padding: 0 5px; font-size: 11px; border-left: solid 1px #000; /* IE6 Hack: */ _border-left: expression(this.previousSibling == null ? 'none' : 'solid 1px #000'); } #footer #site_links li:first-child { border: none; } #footer #site_links li a { color: #000; } #footer #site_links li a:hover { color: #9c071f;} /* Ninemsn Ads */ #ninemsn_header { background: #fff; } #ninemsn_footer { background: #fff; padding: 20px 10px 10px; width: 970px; } #msnft_div #nw_ft, #msnft_div #nw_ft_cpy { width: 970px !important; } .island_ad { margin: -10px 0 10px 0 ; } .spotlight_ad { margin: 0 0 10px 0; width: 300px; } #msnpanead_div { text-align: center; } #PANEAD_TOP { margin: 0 auto; }