/*
	ORANGE WORLD
	(this style sheet is used for all permanent pages.)
=========================================================================*/



/*========================================================================
	HOME PAGE
=========================================================================*/

/* NEW ORANGEWORLD HOME PAGE FEATURE IMAGES */
#newhome #feature .graphic,
#newhome #feature .graphic {background:url(/entertainment/images/OrangeWorld/featureHomepage.jpg) left top no-repeat;}

/* ========= New style home page 
	
	#### ADDED DURING PORTAL PHASING
	
	========= */
	
#newhome #contentArea .homeNewFeature {float:left; width:396px; height:280px; margin-top:-20px; padding:0; padding-bottom:0px; background:url(/entertainment/images/OrangeWorld/homeNewFeatureImage.jpg) top left no-repeat;}
#newhome #contentArea .homeNewFeature h3{position:relative; width:360px; margin:200px 0 0 18px;}
#newhome #contentArea .homeNewFeature p{position:relative; margin:5px 0 0 18px;}
#newhome #contentArea .homeNewFeature a{display:block; color:#444444; font-size:12px; text-decoration:none; margin:0px; padding:0 0 4px 13px; background:url(/entertainment/images/generic/leftNavArrowOrangeLarge.gif) left top no-repeat;}
#newhome #contentArea .homeNewFeature a:hover{color:#FF6600;}
#newhome #contentArea .homeNewFeature2 {float:left; width:396px; height:158px; padding:0; background:url(/entertainment/images/OrangeWorld/homeNewFeature2Image.jpg) top left no-repeat;}
#newhome #contentArea .homeNewFeature2 h3{position:relative; width:200px; margin:15px 0 5px 5px;}
#newhome #contentArea .homeNewFeature2 p{position:relative; width:200px; margin:3px 0 5px 5px;}
#newhome #contentArea .homeNewFeature2 a{display:block; color:#444444; text-decoration:none; margin:0px; padding:0 0 5px 13px; background:url(/entertainment/images/generic/leftNavArrowOrange.gif) left top no-repeat;}
#newhome #contentArea .homeNewFeature2 a:hover{color:#FF6600;}
#newhome #contentArea .homeNewFeature3 {float:left; width:396px; height:142px; padding:0; background:url(/entertainment/images/OrangeWorld/homeNewFeature3Image.jpg) top left no-repeat;}
#newhome #contentArea .homeNewFeature3 h3{position:relative; width:200px; margin:15px 0 5px 5px;}
#newhome #contentArea .homeNewFeature3 p{position:relative; width:200px; margin:3px 0 5px 5px;}
#newhome #contentArea .homeNewFeature3 a{display:block; color:#444444; text-decoration:none; margin:0px; padding:0 0 5px 13px; background:url(/entertainment/images/generic/leftNavArrowOrange.gif) left top no-repeat;}
#newhome #contentArea .homeNewFeature3 a:hover{color:#FF6600;}

/* ========= COLUMN 1 (feature column) ========= */

/* FEATURE */
#OrangeWorld #home #mainFeature {background:url(/entertainment/images/OrangeWorld/homeFeatureImage.jpg) 0 0 no-repeat;}

/* feature title 1*/
#OrangeWorld #home #mainFeature .title h1 em {background:url(/entertainment/images/OrangeWorld/homeFeatureTitle1.gif) left top no-repeat;}

/* feature title 2*/
#OrangeWorld #home #mainFeature h2 em {background:url(/entertainment/images/OrangeWorld/homeFeatureTitle2.gif) left top no-repeat;}

/* feature link 1 */
#OrangeWorld #home #mainFeature .link1 a {height:22px;}
#OrangeWorld #home #mainFeature .link1 a em {background:url(/entertainment/images/OrangeWorld/homeFeatureLink1.gif) left top no-repeat;}

#OrangeWorld #home #mainFeature .link1 a:hover{background-position:top left;}
/* feature link 2 */
#OrangeWorld #home #mainFeature .link2 a {height:35px;}
#OrangeWorld #home #mainFeature .link2 a em {background:url(/entertainment/images/OrangeWorld/homeFeatureLink2.gif) left top no-repeat;}

#OrangeWorld #home #mainFeature .link2 a:hover{background-position:top left;}

/* orange bar title */
#OrangeWorld #orangeBar h3 em {background:url(/entertainment/images/OrangeWorld/homeOrangeBarTitle.gif) left top no-repeat;}


/* ========= COLUMN 2 (download column) ========= */


/* SECTION LINKS */
#home #sectionLinks dt, 
#home #sectionLinks dt em {display:block; width:251px; height:73px; background:url(/entertainment/images/OrangeWorld/homeSectionLinksTitle.gif) left top no-repeat;}

/* FEATURES TITLE */
#home #featuresTitle, 
#home #featuresTitle em {display:block; width:251px; height:52px; background:url(/entertainment/images/OrangeWorld/featuresTitle.gif) left top no-repeat;}

/* ORANGE WORLD FEATURES */
#OrangeWorld #home #OrangeWorldFeatures {height:366px; width:251px; w\idth:233px; margin:0; padding:0px 0 0 18px; background:url(/entertainment/images/OrangeWorld/homeGridBg.gif) left top no-repeat;} 

/* DARKER BOTTOM BACKGROUND */
#OrangeWorld #home #mainContainer .mainContainerBottom {height:24px; background:url(/entertainment/images/OrangeWorld/mainContainerBottomHome.gif) left bottom no-repeat;}

/* FEATURES FLASH CONTAINERS */
#OrangeWorld #featuresTopLeft{width:108px; height:111px; position:relative; top:12px; left:-2px; float:left;}
#OrangeWorld #featuresTopRight{width:108px; height:111px; position:relative; top:12px; left:1px; float:left;}

#OrangeWorld #featuresMidLeft{width:108px; height:111px; position:relative; top:15px; left:-2px; float:left;}
#OrangeWorld #featuresMidRight{width:108px; height:111px; position:relative; top:15px; left:1px; float:left;}

#OrangeWorld #featuresBottLeft{width:108px; height:111px; position:relative; top:18px; left:-2px; float:left;}
#OrangeWorld #featuresBottRight{width:108px; height:111px; position:relative; top:18px; left:1px; float:left;}

#OrangeWorld #featuredContent 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;}
#OrangeWorld #featuredContent a:hover.arrowLink {color:#FF6600 !important; text-decoration:none !important;}

/*========================================================================
	INTERNAL PAGES
=========================================================================*/


/* FEATURE IMAGES */
#whatIsOrangeWorld #feature .graphic {background:url(/entertainment/images/OrangeWorld/featureWhatIsOrangeWorld.jpg) left top no-repeat;}
#featuredContent #feature .graphic {background:url(/entertainment/images/OrangeWorld/featureFeaturedContent2.jpg) left top no-repeat;}
#phones #feature .graphic {background:url(/entertainment/images/OrangeWorld/featurePhones.jpg) left top no-repeat;}
#generic #feature .graphic,
#help #feature .graphic {background:url(/entertainment/images/OrangeWorld/featureOrangeWorldGeneric.jpg) left top no-repeat;}

/* PROMO COLUMN DOWNLOAD LINK */
#OrangeWorld #promoColumn #downloadLink a, 
#OrangeWorld #promoColumn #downloadLink a em {background:url(/entertainment/images/film/promoDownloadLinkTitle.gif) left top no-repeat;}


/* ========= FIND FILM ========= */

#findFilm h4 {margin-top:15px;}

#featuredContent ul#featuredContentSummary {width:384px;}
#featuredContent ul#featuredContentSummary li img{float:left; width:128px;}