/* NOTE All CSS is valid here except for the use of cursor:hand; Although this is not recognised as valid, it is required by Internet Explorer, please don't remove. /*======================================================================== /* BODY STYLES */ * {font-family:arial, helvetica, sans-serif;} body {margin:0; padding:0;} #callingTunes, #film, #music, #sport, #games, #tv, #photography, #OrangeWorld {margin:0; width:auto; padding:0 0 20px 16px; font-size:100.01%; color:#666;} img, form {border:0; margin:0;} p {padding:0; margin:12px 0 15px 0;} p.first {margin-top:9px;} a {text-decoration:none; color:#FF6600; cursor:hand; c\ursor:pointer;} a:hover {text-decoration:underline;} h1, h2, h3, h4, h5 {margin:0; padding:0; font-size:100.01%;} select {font-size:100.01%; border:solid 1px #696867; color:#666;} input[type=text], input[type=checkbox] {font-size:100.01%; border:solid 1px #696867; color:#666;} * html input {font-size:100.01%; border:solid 1px #696867; color:#666;} * html input.inputCheckBox {border:none;} ul, li {margin:0; padding:0;} ul {list-style:none;} .clear {clear:both; height:0;} * html .clear {display:inline; height:auto;} .left {float:left;} .right {float:right;} .none {clear:none;} /* CLEARFIX */ .clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;} /* HIDDEN TEXT */ span, .hidden, caption {position:absolute; left:0px; top:-10000px; width:0px; height:0px; overflow:hidden;} /* DOUBLE CLICK SPOTLIGHT TAGS (hide from page) */ #tag, #webTrendsBodyTracking {position:absolute; left:0px; top:-500px; width:0px; height:0px; overflow:hidden;} /* IMAGE REPLACEMENT */ .replace {position:relative; overflow:hidden;} .replace em, .replace a {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-repeat:no-repeat;} * html>body .replace {overflow:visible; font-size:5px;} /*========= sIFR HEADINGS =========*/ /* css headings */ #mainContainer .sifrLargeOrange {color:#FF6600; font-size:1.75em; font-weight:normal;} #mainContainer .sifrLargeDarkGrey {color:#333333; font-size:1.75em; font-weight:normal;} #mainContainer .sifrSmallOrange {color:#FF6600; font-size:1.35em; font-weight:bold;} #mainContainer .sifrSmallDarkGrey {color:#333333; font-size:1.35em; font-weight:bold;} #mainContainer .sifrKidKosmicLarge {color:#000000; /*font-size:1.35em;*/ font-size:14px; font-weight:bold; text-transform:uppercase; letter-spacing:2px;} #mainContainer .sifrKidKosmicSmall {color:#000000; /*font-size:0.95em;*/ font-size:12px; font-weight:bold;} #mainContainer .sifrKidKosmicInput {color:#000000; /*font-size:0.95em;*/ font-size:12px; font-weight:bold;} /* These are standard sIFR styles... do not modify */ .sIFR-flash {visibility:visible !important; margin:0;} .sIFR-replaced {visibility:visible !important;} span.sIFR-alternate {position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden;} /* These "decoy" styles are used to hide the browser text before it is replaced*/ .sIFR-hasFlash .sifrLargeOrange {visibility:hidden;} .sIFR-hasFlash .sifrLargeDarkGrey {visibility:hidden;} .sIFR-hasFlash .sifrSmallOrange {visibility:hidden;} .sIFR-hasFlash .sifrSmallDarkGrey {visibility:hidden;} .sIFR-hasFlash .sifrKidKosmicLarge {visibility:hidden;} .sIFR-hasFlash .sifrKidKosmicSmall {visibility:hidden;} .sIFR-hasFlash .sifrKidKosmicInput {visibility:hidden;} /*======================================================================== CONTAINERS AND RIGHT HAND PROMO COLUMN =========================================================================*/ /* These styles are overidden in the individual section files. (default is for the generic sections) */ /* ========= CONTAINERS ========= */ /* MAIN CONTAINER */ /* generic background containing left nav shadow */ #mainContainer {width:780px; margin-left:-1px; font-size:70%; background:url(/entertainment/images/generic/mainContainerBg.gif) left top repeat-y; text-align:left; float:left;} #mainContainerNoMenus {width:780px; margin-left:1px; font-size:70%; background:url(/entertainment/images/generic/mainContainerBgNoMenus.gif) left top repeat-y; text-align:left; float:left;} /* the mainContainerBottom div holds the bottom border */ #mainContainer .mainContainerBottom {clear:both; height:30px; background:url(/entertainment/images/generic/mainContainerBottom.gif) left bottom no-repeat;} #mainContainerNoMenus .mainContainerBottom {clear:both; height:30px; background:url(/entertainment/images/generic/mainContainerBottomNoMenus.gif) left bottom no-repeat;} /* main container background with no left nav */ #downloads #mainContainer {background:url(/entertainment/images/generic/mainContainerBgNoNav.gif) left top repeat-y;} #downloads #mainContainer .mainContainerBottom {height:24px; background:url(/entertainment/images/generic/mainContainerBottomNoNav.gif) left bottom no-repeat;} /* home page backgrounds */ #home #mainContainer {background:url(/entertainment/images/generic/mainContainerBgHome.gif) left top repeat-y;} #home #mainContainer .mainContainerBottom {height:24px; background:url(/entertainment/images/generic/mainContainerBottomHome.gif) left bottom no-repeat;} /* CONTENT CONTAINERS this container wraps around the content only - ignoring the promo area */ #contentContainer {float:left; width:611px; min-height:400px; background:url(/entertainment/images/generic/listAreaTopBgGeneric.gif) 0 110px no-repeat;} #contentContainer:after {content: "."; display:block; height:0; clear:both; visibility:hidden;} /* PROMO COLUMN */ #promoColumn {float:left; padding:17px 19px 0 19px; width:162px; w\idth:126px; min-height:524px; background:url(/entertainment/images/generic/promoPhoneSelectorTop.gif) left top no-repeat;} #promoColumn a {text-decoration:none; color:#3B3B3B;} #promoColumn a:hover {color:#FFF !important;} #promoColumn li a:hover {background-color:#9f9f9f;} #promoColumn li span {overflow:visible; line-height:1em; padding:3px 3px 6px 3px; font-weight:normal; display:block; margin:0; position:static; height:auto; width:auto;} * html #promoColumn li span {padding-top:0;} * html>body #promoColumn li span {padding:10px 0 7px 3px;} /* promo column download link */ #promoColumn #downloadLink {margin:-6px 0 21px -4px; width:133px; height:95px;} #promoColumn #downloadLink h3, #promoColumn #downloadLink h3 a {display:block; width:133px; height:95px;} #promoColumn #downloadLink a:hover em {cursor:hand; c\ursor:pointer; color:#333 !important; background-position:0 -95px !important;} #promoColumn #downloadLink select {margin-top:14px;} /* pages without promoColumn download link at the top*/ #home #promoColumn, #sitemap #promoColumn, #tv #promoColumn, #photography #promoColumn, #OrangeWorld #promoColumn {background:url(/entertainment/images/generic/promoColumnTop.gif) left top no-repeat} #home #promoColumn #downloadLink, #sitemap #promoColumn #downloadLink, #tv #promoColumn #downloadLink, #photography #promoColumn #downloadLink, #OrangeWorld #promoColumn #downloadLink {display:none;} /*======================================================================== TOP NAVIGATION AND FOOTER LINKS =========================================================================*/ /* GLOBAL NAVIGATION (the rest of the styles for this are part of the Orange include) */ #OrangeNavigation {margin-left:-16px;} #OrangeNavigation #home_link span {position:static; height:auto; width:auto;} /* ENTERTAINMENT NAVIGATION */ #localNavigation {position:relative; left:-2px; height:74px; width:774px; background:url(/entertainment/images/nav/mainBg.gif) left top repeat-x;} * html #localNavigation {margin-left:-1px;} * html #sport #localNavigation {margin-left:-2px;} #sport #localNavigation {width:774px;} #localNavigation .leftBorder {height:74px; background:url(/entertainment/images/nav/mainLeftBorder.gif) left top no-repeat;} #localNavigation .rightBorder {height:74px; background:url(/entertainment/images/nav/mainRightBorder.gif) right top no-repeat;} #localNavigation li a {position:relative; overflow:hidden;} #localNavigation li a em {position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-repeat:no-repeat;} * html>body #localNavigation li a {overflow:visible; font-size:5px;} /* ========= PRIMARY NAV ========= */ #primaryNav {position:absolute; width:751px; top:12px; left:12px; z-index:1; font-size:70%; text-align:right;} #primaryNav li {float:left;} #primaryNav li a {height:28px; display:block;} * html>body #primaryNav li a {float:left;} #primaryNav li.mobileEntertainment a, #primaryNav li.mobileEntertainment em {width:202px; background:url(/entertainment/images/nav/level1MobileEntertainment.gif) left top no-repeat;} /* ========= SECONDARY NAV ========= */ #secondaryNav {position:absolute; top:39px; left:10px; z-index:0; width:748px; height:23px; font-size:70%; background:url(/entertainment/images/nav/level2Bg.gif) right top no-repeat;} #secondaryNav li {float:left;} #secondaryNav li a {height:23px;} * html>body #secondaryNav li a {float:left;} #secondaryNav li.film a, #secondaryNav li.film em {width:47px; background:url(/entertainment/images/nav/level2Film.gif) left top no-repeat;} #secondaryNav li.sport a, #secondaryNav li.sport em {width:57px; background:url(/entertainment/images/nav/level2Sport.gif) left top no-repeat;} #secondaryNav li.music a, #secondaryNav li.music em {width:61px; background:url(/entertainment/images/nav/level2Music.gif) left top no-repeat;} #secondaryNav li.games a, #secondaryNav li.games em {width:64px; background:url(/entertainment/images/nav/level2Games.gif) left top no-repeat;} #secondaryNav li.tv a, #secondaryNav li.tv em {width:42px; background:url(/entertainment/images/nav/level2Tv.gif) left top no-repeat;} #secondaryNav li.photography a, #secondaryNav li.photography em {width:97px; background:url(/entertainment/images/nav/level2Photography.gif) left top no-repeat;} #secondaryNav li.OrangeWorld a, #secondaryNav li.OrangeWorld em {width:104px; background:url(/entertainment/images/nav/level2OrangeWorld.gif) left top no-repeat;} #secondaryNav li a {display:block;} #secondaryNav li a:hover em {background-position:0 -23px !important;} /* SECONDARY NAV SELECTED STATES */ #film #secondaryNav li.film em, #sport #secondaryNav li.sport em, #music #secondaryNav li.music em, #games #secondaryNav li.games em, #tv #secondaryNav li.tv em, #photography #secondaryNav li.photography em, #OrangeWorld #secondaryNav li.OrangeWorld em {background-position:0 -46px !important;} /* FOOTER LINKS */ #footercontainer {clear:both; position:relative; left:-16px;} /*======================================================================== FEATURE AREAS (the feature is the main graphic area on the inner pages) =========================================================================*/ /* FEATURE AREA (default is for the generic sections) */ #feature {position:relative; overflow:hidden; width:611px; height:110px;} #feature h1 {font-size:120%; padding:13px 0 0 20px;} #feature p {margin:0; padding:0 0 8px 20px; font-size:110%;} #feature .graphic {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background:url(/entertainment/images/generic/featureGeneric.jpg) left top no-repeat;} /*======================================================================== HOME PAGES =========================================================================*/ /* TEMPORARY home page backgrounds (without the downloads tabs) */ #home #mainContainer {background:url(/entertainment/images/generic/mainContainerBgHomeTEMP.gif) left top repeat-y;} #home #mainContainer .mainContainerBottom {height:24px; background:url(/entertainment/images/generic/mainContainerBottomHomeTEMP.gif) left bottom no-repeat;} #home a:hover {text-decoration:none;} /* ========= COLUMN 1 (feature column) ========= */ /* FEATURE */ #home #column1 {float:left; width:355px;} #home #mainFeature {width:355px; height:446px;} #home #mainFeature ul {padding:17px 0 0 19px;} /* feature title 1*/ #home #mainFeature .title h1 {width:250px; height:51px;} /* feature title 2*/ #home #mainFeature h2 {width:176px; height:36px;} /* feature link 1 */ #home #mainFeature .link1 a {display:block; width:176px; height:35px;} /* feature link 2 */ #home #mainFeature .link2 a {display:block; width:176px; height:21px;} /* feature link 3 */ #home #mainFeature .link3 a {display:block; width:176px; height:21px;} /* ORANGE BAR */ #home #orangeBar {clear:both; padding:0 0 13px 0; margin:0; width:355px; background:url(/entertainment/images/generic/homeOrangeBarBg.gif) left bottom no-repeat;} #home #orangeBar li {padding:3px 16px 4px 19px; background:url(/entertainment/images/generic/homeOrangeBarLinkBg.gif) left bottom no-repeat;} #home #orangeBar li.title {padding:0; background:none;} #home #orangeBar li a {display:block; width:100%; color:#FFF; background:url(/entertainment/images/generic/homeOrangeBarArrow.gif) right top no-repeat;} #home #orangeBar li a:hover {color:#333;} /* orange bar title */ #home #orangeBar h3 {width:355px; height:66px;} /* orange bar copyright */ #home #orangeBar li.copyright {background:none; padding-bottom:0; padding-top:8px;} #home #orangeBar li.copyright blockquote {padding:0; margin:0; width:321px; height:35px;} #home #orangeBar li.copyright em {background:url(/entertainment/images/film/200601/homeCopyrightText.gif) left top no-repeat;} /* ========= COLUMN 2 (download column) ========= */ /* SECTION LINKS */ #home #column2 {float:left; width:251px; padding:0 0 0 5px; background:url(/entertainment/images/generic/homeColumn2Top.gif) left top no-repeat;} #home #sectionLinks {margin:0; padding:0;} #music #home #sectionLinks, #film #home #sectionLinks, #sport #home #sectionLinks, #OrangeWorld #home #sectionLinks {margin-bottom:-2px;} #home #sectionLinks dd {margin:0; display:block; width:251px; w\idth:218px; padding:5px 17px 6px 16px; background:url(/entertainment/images/generic/homeSectionLinksBg.gif) left bottom no-repeat;} #home #sectionLinks dd a {display:block; color:#666; background:url(/entertainment/images/generic/homeSectionLinksArrow.gif) right top no-repeat;} #home #sectionLinks dd a:hover {color:#FF6600;} /* CONSTANT FEATURES */ #home #constantFeatures div {background:url(/entertainment/images/generic/homeLinkAreaBg.gif) left top no-repeat;} #home #constantFeatures .constantFeature1 {padding:13px 16px;} #home #constantFeatures .constantFeature2, #home #constantFeatures .constantFeature3 {background:url(/entertainment/images/generic/homeConstantSeperator.gif) 0 0 no-repeat; padding:21px 16px 13px 16px;} #home #constantFeatures ul li {background:url(/entertainment/images/generic/homeConstantFeaturesDotted.gif) left bottom repeat-x;} #home #constantFeatures ul li.title {margin:0; padding:0 0 7px 0; background:none; background:url(/entertainment/images/generic/homeConstantFeaturesDotted.gif) left bottom repeat-x;} #home #constantFeatures h3 {width:215px; height:47px;} #home #constantFeatures ul a {color:#444; width:210px; display:block; padding:3px 0; background:url(/entertainment/images/generic/homeConstantFeaturesArrow.gif) right bottom no-repeat;} #home #constantFeatures ul a:hover {color:#FF6600;} /*======================================================================== INTERNAL PAGES =========================================================================*/ /* LEFT NAVIGATION */ #leftNavigation {float:left; width:178px; margin-top:7px;} * html>body #leftNavigation {width:149px !important;} #leftNavigation li {padding:0; display:inline;} #leftNavigation li span {padding:4px 4px 5px 11px; display:block; position:static; width:178px; w\idth:163px; height:auto; background:url(/entertainment/images/generic/leftNavBgOut.gif) left bottom no-repeat;} * html>body #leftNavigation li span {width:149px !important; float:left;} #leftNavigation li.selected span {background:url(/entertainment/images/generic/leftNavBgSelected.gif) left bottom no-repeat;} #leftNavigation li h2 {font-weight:normal;} #leftNavigation li a {padding:0 0 0 13px; color:#666; display:block; float:left; fl\oat:none; text-decoration:none; background:url(/entertainment/images/generic/leftNavArrowOrange.gif) left top no-repeat;} #leftNavigation li.selected a {color:#333; background:url(/entertainment/images/generic/leftNavArrowWhite.gif) left top no-repeat;} #leftNavigation li a:hover {color:#FF6600;} #leftNavigation #navPromo {float:left; margin-top:12px;} #leftNavigation #navPromo li a {display:block; padding:0 0 0 10px; background:none;} #leftNavigation #navPromo li span {position:absolute; left:-100px; top:0px; width:0px; height:0px; overflow:hidden;} /* sub-navigation */ #leftNavigation li.selected a {background:url(/entertainment/images/generic/leftNavArrowDownWhite.gif) left top no-repeat;} #leftNavigation li.selected ul li span {padding-left:22px; w\idth:152px; background:url(/entertainment/images/generic/leftNavBgOut.gif) left bottom no-repeat;} #leftNavigation li.selected ul li a {background:none; padding:0;} #leftNavigation li.selected ul li.selected a {color:#FF6600;} /* nav link box */ #leftNavigation #navLinkBox {clear:both; width:140px; margin:12px 0 0 11px;} #leftNavigation #navLinkBox dt {display:block; color:#FFF; font-weight:bold; width:140px; w\idth:113px; padding:1px 8px 4px 19px; background:url(/entertainment/images/generic/navLinkBoxSubTitle.gif) left bottom no-repeat;} #leftNavigation #navLinkBox dt#navLinkBoxTitle, #leftNavigation #navLinkBox dt#navLinkBoxTitle em {color:#666; padding:0; width:140px; height:60px; background:url(/entertainment/images/generic/navLinkBoxTop.gif) left top no-repeat;} #leftNavigation #navLinkBox dd {margin:0;} #leftNavigation #navLinkBox dd a {display:block; color:#666; width:140px; w\idth:103px; padding:1px 8px 6px 29px; background:url(/entertainment/images/generic/navLinkBoxLinkOut.gif) left bottom no-repeat;} #leftNavigation #navLinkBox dd a.bottom {padding:1px 8px 16px 29px; background:url(/entertainment/images/generic/navLinkBoxLinkBottomOut.gif) left bottom no-repeat;} #leftNavigation #navLinkBox dd a:hover {text-decoration:none; color:#FF6600;} #leftNavigation #navLinkBox dd a.selected {background:url(/entertainment/images/generic/navLinkBoxLinkOver.gif) left bottom no-repeat;} /* CONTENT AREA */ #contentArea {float:left; margin-top:7px; padding:25px 0 10px 16px; width:411px; w\idth:396px;} #contentArea:after {content: "."; display:block; height:0; clear:both; visibility:hidden;} /* ========= GENERIC STYLES USED FOR ALL CONTENT PAGES ========= */ #contentArea .title {font-size:160%;} /* test option to reduce boldness font-weight:600; */ #contentArea .title em.orange, #contentArea .orange {color:#FF6600;} #contentArea a {color:#FF6600;} #contentArea p {padding-right:15px;} #contentArea p.paddingLeft {padding-left:12px;} #contentArea p.noTopMargin {margin-top:0;} #contentArea p.noBottomMargin {margin-bottom:0;} #contentArea address, #contentArea .normalText {font-style:normal;font-weight:normal;} #contentArea .copyright {font-size:90%;} #contentArea .last {margin-bottom:0;} #contentArea .grey {font-style:normal; color:#999;} #contentArea em {font-style:italic; color:#666;} #contentArea a.backToTop, #contentArea a.arrowLink {display:block; padding:0 0 0 13px; color:#666 !important; text-decoration:none; background:url(/entertainment/images/generic/leftNavArrowOrange.gif) left top no-repeat;} #contentArea a.greyLink {color: #666; text-decoration: none;} #contentArea a:hover.greyLink {color: #ff6600; text-decoration: none;} #contentArea a:hover.backToTop, #contentArea a:hover.arrowLink, #contentArea a:hover.arrowLink em {color:#FF6600 !important; text-decoration:none !important;} #contentArea .blackText {color:#333;} #contentArea .greyText {color:#666;} #contentArea strong.blackTextSmall {color:#333; font-family:tahoma;} #contentArea .flashLeftIndent {margin-left:-8px;} #contentArea .flashTVShowcaseIndent {margin:0 0 0 6px; padding:0;} #contentArea .flashTVShowcaseIndent .paddingLeft {padding-left:20px;} #contentArea ol.spacedListItems {padding:0; margin:0 0 12px 16px;} * html #contentArea ol.spacedListItems {mar\gin-left:22px;} #contentArea ol.spacedListItems ul {margin-bottom:0;} #contentArea ol.spacedListItems ul li {padding-top:0; margin-top:12px;} #contentArea ol.terms li {margin:0 0 8px -18px;} * html #contentArea ol.terms li {margin:0 0 8px -10px;} #contentArea .spacedListItems li {padding-top:12px;} #contentArea .smallIndent {display:block; margin:0 0 0 4px;} #contentArea .greyLink {color:#666;} #contentArea .dagger {background:url(/entertainment/images/generic/iconDagger.gif) 0 0 no-repeat; padding-left:10px;} #contentArea .dottedLine {width:100%; clear:both; padding:0 0 10px 0; margin-bottom:20px; background:url(/entertainment/images/generic/dottedLine.gif) left bottom repeat-x !important;} #contentArea .dottedLine:after {content: "."; display:block; height:0; clear:both; visibility:hidden;} #contentArea .negativeMargin {margin:-235px 0 18px 0; top:-235px; float:left; width:256px; w\idth:241px; padding-right:15px;} #contentArea .negativeBottomMargin {margin-bottom:-12px;} #contentArea .paddingTop {padding-top:25px;} #contentArea sup {color:#FF6600; font-weight:bold; line-height:10%; padding:0 1px;} #contentArea .signIn {text-align:left;} /* LISTS AND ARROWLINK */ #contentArea ol.numberList {margin:0;padding:0 0 0 17px;list-style: decimal outside none;} * html #contentArea ol.numberList {padding:0; list-style:decimal inside none;} #contentArea ol.numberList li {color:#FF6600; font-weight:bold;} #contentArea ol.numberList li em {color:#000; font-weight:normal;} #contentArea .arrowLink {padding:0 0 12px 0; display:block;} /* DAGGER LIST */ #contentArea ul.daggerList {margin:12px 0 15px 0;} #contentArea ul.daggerList li, #contentArea ul.daggerListSpaced li {background:url(/entertainment/images/generic/iconDagger.gif) 0 0 no-repeat; padding-left:10px;} #contentArea ul.daggerListSpaced li {margin:12px 0 0 0;} /* multi column dagger lists */ #contentArea .daggerList3Column li {float:left; width:130px; w\idth:105px; padding:0 15px 0 10px; margin-bottom:18px; background:url(/entertainment/images/generic/iconDagger.gif) 0 0 no-repeat;} #contentArea .daggerList2Column li {float:left; width:120px; w\idth:100px; padding:0 10px 0 10px; margin-bottom:18px; background:url(/entertainment/images/generic/iconDagger.gif) 0 0 no-repeat;} #contentArea .daggerList2Column:after, #contentArea .daggerList3Column:after {content: "."; display:block; height:0; clear:both; visibility:hidden;} /* COSTINGS TABLE */ #contentArea table.costings th {font-weight:bold;} #contentArea table.costings td, #contentArea table.costings th {text-align:left; vertical-align:top; border-collapse:collapse; border:none;} #contentArea table.costings {margin:10px 0;} #contentArea table thead th {color:#FF6600;} #contentArea table {font-size:100%;} /* BOTTOM LINK */ #home .bottomLink a, #contentArea .arrowLink a {display:block; color:#666; padding:0 0 0 12px; text-decoration:none; background:url(/entertainment/images/generic/contentArrowOrange.gif) left top no-repeat;} #home .bottomLink a:hover, #contentArea .grayLink:hover, #contentArea .arrowLink a:hover {color:#FF6600 !important;} /* CONTENT LAYOUT COLUMNS */ #contentArea .singleColumn {float:left; width:128px; w\idth:113px; padding-right:15px; margin-bottom:18px;} #contentArea .singleColumnTight {float:left; width:128px; w\idth:113px; padding-right:15px; margin-bottom:0;} #contentArea .singleColumnNoPadding {float:left; width:128px; padding:0; margin-bottom:10px;} #contentArea .singleColumnNoPadding p {padding-right:15px;} #contentArea .singleColumnNoPadding img {margin:3px 0 10px 0;} #contentArea .singleColumnImage {float:left; width:144px; padding:0; margin-left:-15px; padding-bottom:10px;} #contentArea .singleColumnImageLeftNoPadding {float:left; width:136px; padding:0; margin-left:0px; padding-bottom:10px;} #contentArea .singleColumnImageNoPadding {float:right; width:136px; padding:0; margin-left:0px; padding-bottom:10px;} #contentArea .singleColumnImageNoPadding img{margin:3px 0 10px 0;} #contentArea .singleColumnImageWide {float:left; width:160px; padding:0; margin:0 -15px; padding-bottom:10px;} #contentArea .internalPadding {padding:10px 0 0 15px;} #contentArea .doubleColumn {float:left; width:256px; w\idth:241px; padding-right:15px; margin-bottom:18px;} #contentArea .doubleColumnTight {float:left; width:256px; w\idth:241px; padding-right:15px; margin-bottom:0;} #contentArea .doubleColumnNoPadding {float:left; width:256px; padding:0;} #contentArea .tripleColumn {float:left; width:390px; w\idth:387px;} #contentArea .fullColumn {float:left; width:420px; w\idth:415px;} #contentArea .halfPageColumn {float:left; width:197px; w\idth:183px; padding:0 8px 0 6px; margin-bottom:10px;} #contentArea .threeQuarterPageColumn {float:left; width:310px;} #contentArea .singleColumnImage p, #contentArea .singleColumnImageWide p {margin-left:15px;} * html #contentArea {overflow:visible;} /* DIVIDER ROW */ #contentArea .dividerRow {padding:0 0 20px 0; margin:0 0 24px 0; float:left; width:100%; background:url(/entertainment/images/generic/contentSeperator.gif) left bottom repeat-x;} #contentArea .dividerRow+.dividerRow {background:url(/entertainment/images/generic/contentSeperator1.gif) left bottom repeat-x;} #contentArea .dividerRow+.dividerRow+.dividerRow {background:url(/entertainment/images/generic/contentSeperator.gif) left bottom repeat-x;} #contentArea .dividerRow+.dividerRow+.dividerRow+.dividerRow {background:url(/entertainment/images/generic/contentSeperator1.gif) left bottom repeat-x;} #contentArea .dividerRow:after {content: "."; display:block; height:0; clear:both; visibility:hidden;} /* SITE MAP */ #sitemap h3 a, #sitemap h4 a {color:#666;} #sitemap #contentArea p {margin-top:0;} /* FLASH CONTENT */ #contentArea #flashTVads {float:left; width:394px; height:560px; margin-left:-5px;} #contentArea #flashOrangeCosts {float:left; width:386px; height:400px;} #contentArea #flashTVads img, #contentArea #flashOrangeCosts img {display:block; clear:both;} #contentArea #flashDemo {float:left; width:384px; height:384px; margin-bottom:10px} /* ========= FORM STYLES ========= */ * html #contentArea .check {border:none;} #contentArea fieldset {clear:left; border:solid 0; padding:5px 0; margin:0;} #contentArea .formFields {float:left; width:382px;} #contentArea .formFields label span {float:left; display:block; width:120px; position:static; height:auto; overflow:visible;} #contentArea fieldset label {padding-right:40px;} #contentArea .formFields label {padding:0;} #contentArea .formFields label span.labelCheckBox {float:left; width:180px;} #contentArea .formFields input {width:130px;} #contentArea .formFields input.inputCheckBox {float:left; width:12px; margin-left:9px;} #contentArea .formFields select {width:203px;} #contentArea .formFieldRow {display:block; width:380px; padding-top:10px;} #contentArea .formFieldRowSmall {float:left; width:100%; margin-top:0px;} #contentArea .formFieldButton {float:left; width:100%; margin:10px 0 20px 0;} #contentArea .formFieldCheckBox {clear:both; float:right; padding:10px 5px 0 0;} #contentArea .formFieldRow input {display:inline;} #contentArea .sendToFriendThanks {color:#000;} #contentArea form .termsLink {float:left; padding-left:172px;} /* BUTTONS */ /* sign up button */ #contentArea .signupButton {float: left; padding-right: 10px; width:82px; height:21px; background:url(/entertainment/images/generic/buttonSignup.gif) left top no-repeat;} #contentArea a:hover.signupButton {background-position:0 -21px;} /* login button */ #contentArea .loginButton {float: left; padding-right: 10px; margin: 0px; width:58px; height:21px; background:url(/entertainment/images/generic/buttonLogin.gif) left top no-repeat;} #contentArea a:hover.loginButton {background-position:0 -21px;} /* submit button */ #contentArea .submitButton_replace, #contentArea #submitButton_replace {display:block; width:59px; height:21px;} #contentArea .submitButton_replace em {background:url(/entertainment/images/generic/buttonSubmit.gif) left top no-repeat;} #contentArea a:hover.submitButton_replace em {background-position:0 -21px;} #contentArea a.searchButton {display:block; width:56px; height:19px; background:url(/entertainment/images/generic/buttonSearch.gif) left top no-repeat;} #contentArea a.searchForFilmButton {display:block; width:94px; height:20px; background:url(/entertainment/images/generic/buttonSearchForFilm.gif) left top no-repeat;} #contentArea a:hover.searchButton {background-position:0 -19px;} #contentArea a:hover.searchForFilmButton {background-position:0 -20px;} #contentArea input.submitInput {background:#FF8A13; border:solid 1px #65381C; color:#FFF; padding:1px 5px 2px 5px; cursor:hand; c\ursor:pointer; width:59px !important; margin:0;} #contentArea a.goButton {display:block; width:33px; height:19px; background:url(http://www.orangedownloads.co.uk/downloadshop/images/buttonGo.gif) left top no-repeat;} #contentArea a:hover.goButton {background-position:0 -19px;} #contentArea .goInput {background:#FF8A13; border:solid 1px #65381C; color:#FFF; padding:1px 5px 2px 5px; cursor:pointer;} /* buy it now button */ #contentArea a#buyItNowButton, #contentArea a#buyItNowButton em {display:block; width:77px; height:21px; background:url(/entertainment/images/generic/buttonBuyItNow.gif) left top no-repeat;} #contentArea a:hover#buyItNowButton em {background-position:0 -21px;} /* download pages buttons */ #contentArea a#buyThisGameNowButton, #contentArea a#buyThisGameNowButton em {width:115px; height:19px; background:url(/entertainment/images/generic/buttonButThisGameNow.gif) left top no-repeat;} #contentArea a#viewAllRingtonesButton, #contentArea a#viewAllRingtonesButton em {width:105px; height:19px; background:url(/entertainment/images/generic/buttonViewAllRingtones.gif) left top no-repeat;} #contentArea a#findOutMoreButton, #contentArea a#findOutMoreButton em {width:95px; height:19px; background:url(/entertainment/images/generic/buttonFindOutMore.gif) left top no-repeat;} #contentArea a#viewAllWallpapersButton, #contentArea a#viewAllWallpapersButton em {width:115px; height:19px; background:url(/entertainment/images/generic/buttonViewAllWallpapers.gif) left top no-repeat;} #contentArea a#viewAllGamesButton, #contentArea a#viewAllGamesButton em {width:95px; height:19px; background:url(/entertainment/images/generic/buttonViewAllGames.gif) left top no-repeat;} #contentArea a#viewDemoVideoButton, #contentArea a#viewDemoVideoButton em {display:block; width:115px; height:19px; background:url(/entertainment/images/generic/buttonViewDemoVideo.gif) left top no-repeat;} #contentArea a:hover#buyThisGameNowButton em, #contentArea a:hover#viewAllRingtones em, #contentArea a:hover#findOutMoreButton em, #contentArea a:hover#viewAllWallpapersButton em, #contentArea a:hover#viewAllGamesButton em, #contentArea a:hover#viewDemoVideoButton em {background-position:0 -19px;} /* competition form styles */ #competition .formFields label span {width:173px;} #competition .formFields input {width:200px;} #competition .submitButton_replace {float:right; margin-top:10px; margin-right:3px;} * html #competition .submitButton_replace {margin-right:1px; mar\gin-right:-1px;} * html>body #competition .submitButton_replace {margin-right:3px;} #competition input#submitButton_replace {margin:10px 3px 0 14px; margin-right:7px !important;} * html #competition input#submitButton_replace {margin-right:3px !important;} /* ========= PNG THUMBNAIL ========= */ .thumbnail {width:94px; padding:3px 0 0 3px; background:url(/entertainment/images/thumbnails/thumbnailBordertop.gif) left top no-repeat;} .thumbnail .image {width:85px; height:88px; position:relative; left:0; top:0; z-index:0;} .thumbnail .image img {width:100%; height:100%;} .thumbnail .border {display:block; text-indent:-800px; overflow:hidden; text-decoration:none; width:85px; height:88px; color:#707070 !important; position:absolute; left:0; top:0; z-index:1; background:url(/entertainment/images/thumbnails/thumbnailWindow.png) left top no-repeat;} * html .thumbnail .border {background:url(/entertainment/images/thumbnails/thumbnailWindow.gif) left top no-repeat;} * html>body .thumbnail .border {background:url(/entertainment/images/thumbnails/thumbnailWindow.png) left top no-repeat;} * html>body#games .thumbnail .border {background:url(/entertainment/images/thumbnails/gamesThumbnailWindow.png) left top no-repeat;} .thumbnail a:hover.border {color:#FF6600 !important; background-position:0 -88px; text-decoration:none !important;} * html .thumbnail a:hover.border {background-position:0 0;} * html>body .thumbnail a:hover.border {background-position:0 -88px;} .thumbnail .border .link {padding-top:70px; text-align:center;} .thumbnail .linkBg {display:block; margin:-3px 0 0 -3px; padding:0 0 13px 0; width:94px; background:url(/entertainment/images/thumbnails/thumbnailBorderBottom.gif) left bottom no-repeat;} * html .thumbnail .linkBg {padding:0 0 0 0;} * html>body .thumbnail .linkBg {padding:0 0 13px 0;} .thumbnail span {display:block; font-weight:normal; position:static; height:auto; width:auto;} /* ========= FAQ AND HELP PAGES ========= */ #help dd ol {margin-left:17px; padding:0;} * html #help dd ol {margin-left:22px;} #help #faqLinks {margin-bottom:15px;} #help #faqLinks li {clear:both;} #help #faqLinks a {display:block; font-weight:normal !important; text-decoration:none; color:#666; padding:0 0 0 13px; background:url(/entertainment/images/generic/contentArrowOrange.gif) left top no-repeat;} * html #help #faqLinks a {float:left;} * html>body#help #faqLinks a {float:none;} #help #faqLinks a:hover {color:#FF6600; text-decoration:none !important;} #help h4.faq, #help dl dt {font-weight:bold; display:block; margin-top:20px; padding:0 0 0 20px; background:url(/entertainment/images/generic/iconQuestion.gif) left top no-repeat;} #help h4.faq a {text-decoration:none; color:#666 !important;} #help h4.faq a:hover {text-decoration:none !important;} #help .answer, #help dd {display:block; margin:0; padding:0 0 0 20px; background:url(/entertainment/images/generic/iconAnswer.gif) left top no-repeat;} #help dd h4 {margin-top:15px; color:#333;}