/* ===================================================================

	Copyright Chorion Limitied 2009.
	
	Last updated 15-09-2009
	
	SINGLE LINE STYLING CONVENTION:
	#styleReference {Z-INDEX AND POSITIONING; FLOATS: WIDTH and HEIGHT; MARGIN and PADDING; FONT and TEXT STYLES; DISPLAY; MISC; BACKGROUND STYLES; }
		h1#styleRef {RELATED CHILD ELEMENT INDENTED LIKE SO, UNDERNEATH PARENT}
		
	For the sake of faster browser rendering and lower processing requirements of pages - try to avoid heavy childing of elements. e.g ul li p a {style}
	
	
	======== TABLE OF CONTENTS! ==============
	=0: CORE
	=1: HOME
	=2: ABOUT
	=3: VIDEOS
	=4:ACTIVITIES
	////////SHOP
	////////NEWSLETTER
	////////OLIVIA'S ROOM
	=r: RIGHT COL
	=f: FOOTER

	
======================== CORE =0===============================================*/

body {width:100%; text-align:center; margin:0; padding:0; background:#fff url(../images/bg_main.png) repeat; color:#464646; /*#c31e00*/ font-size:100%; font-family: Arial, Helvetica, sans-serif;}

	body.index {background:#fff; background-image:none;}

.skipLink {display:none;}

#mainContainer {position:relative; margin:0 auto; width:1000px; overflow:hidden;/* important for footer */  padding:0; text-align:left; }
#mainContent {margin:0 0 0 0; width:985px; min-height:530px; height:auto !important; height:450px;  padding:0 15px 30px 0; /*border:1px solid red;*/ }


#topBanner {height:101px; padding:2px 0 0 0;}

#leftColumn { float:left; position:relative; width:759px; min-height:450px; height:auto !important; height:450px; padding:0 15px 0 15px; background:#fff url(../images/bg_content-border-left.png) no-repeat; /*border:1px solid red;*/}

h1#titleOLIVIA { visibility:visible; z-index:9999; position:absolute; top:101px; left:265px; width:263px; height:56px; background:url(../images/title_logo.png) no-repeat;}

h4.navTitle {display:none;}

ul#topNav {z-index:9998;  position:absolute; top:161px; left:10px; width:770px; height:34px; margin:0; list-style-type:none; background: url(../images/bg_nav.jpg) no-repeat; }
	ul#topNav li {height:34px; float:left; padding:0; margin:0 0 0 0; list-style-type:none;}
	ul#topNav a {text-indent:-9999px; display:block; height:34px; background: url(../images/sprite_main-nav.png) 0 0 no-repeat;}

		li#navHome a			{ width:116px; background-position:0px 0px;}
		li#navHome a:hover		{ width:116px; background-position:0px -34px;}
		li#navHome2 a			{ width:116px; background-position:0px -34px;}
		
		li#navAbout a			{ width:108px; background-position:-116px 0px;}
		li#navAbout a:hover 	{ width:108px; background-position:-116px -34px;} 
		li#navAbout2 a			{ width:108px; background-position:-116px -34px;}
			
		li#navVideos a			{ width:108px; background-position:-224px 0px;}
		li#navVideos a:hover 	{ background-position:-224px -34px;} 
		li#navVideos2 a 		{ width:108px; background-position:-224px -34px;}
		
		li#navActivities a			{ width:107px; background-position:-332px 0px;}
		li#navActivities a:hover 	{ background-position:-332px -34px;} 
		li#navActivities2 a 		{ width:107px; background-position:-332px -34px;}
		
		li#navShop a			{ width:108px; background-position:-439px 0px;}
		li#navShop a:hover 		{ background-position:-439px -34px;} 
		li#navShop2 a 			{ width:108px; background-position:-439px -34px;}
		
		li#navNewsletter a			{ width:108px; background-position:-547px 0px;}
		li#navNewsletter a:hover 	{ background-position:-547px -34px;} 
		li#navNewsletter2 a 		{ width:108px; background-position:-547px -34px;}
		
		li#navOlivias a			{ width:115px; background-position:-655px 0px;}
		li#navOlivias a:hover 	{ background-position:-655px -34px;} 
		li#navOlivias2 a 		{ width:115px; background-position:-655px -34px;}


	img#soundControl {display:none; position:absolute; top:113px; left:15px; text-indent:-9999px; background:url(../images/icon_sound.png) no-repeat; }

#leftColumnContent {clear:both; margin:100px 0 0 0; min-height:450px; height:auto !important; height:450px;}
#leftColumnContentB {margin:160px 0 0 0; min-height:450px; height:auto !important; height:450px;}
#leftColumnContentC, #leftColumnContentCb {margin:160px 0 0 0; text-align:center; min-height:450px; height:auto !important; height:450px;}
	#leftColumnContentCb {text-align:left;}
	#leftColumnContentCb p {margin:0 0 0 120px; font-size:80%;}
#leftColumnContentD {margin:100px 0 0 0; text-align:center; min-height:450px; height:auto !important; height:450px;}

		
ul#aboutNav, ul#activitiesNav {z-index:9998;  position:absolute; top:206px; left:25px; width:620px; height:27px; margin:0; list-style-type:none; padding:0 0 0 110px; background: url(../images/bg_sub-nav.png) bottom left no-repeat; }
	ul#activitiesNav {padding:0 0 0 160px;}
	ul#aboutNav li, ul#activitiesNav li {height:27px; float:left; padding:0; margin:0 3px 0 0; list-style-type:none;}
	ul#aboutNav a, ul#activitiesNav a  {text-indent:-9999px; display:block; height:27px; }
		ul#aboutNav a {background: url(../images/sprite_sub-nav-about-B.png) 5px 0 no-repeat;}
		ul#activitiesNav a { background:url(../images/sprite_sub-nav-activities-C.png) 0 0 no-repeat;}
	

		li#navShow a, li#navPrint a						{width:130px; background-position:0px -27px;}
		li#navShow a:hover, li#navPrint a:hover			{width:130px; background-position:0px 0px;}
		li#navShow2 a, li#navPrint2 a 					{width:130px; background-position:0px -54px;}
		
		li#navCharacters a, li#navColorus a				{width:130px; background-position:-130px -27px;}
		li#navCharacters a:hover, li#navColorus a:hover	{width:130px; background-position:-130px 0px;} 
		li#navCharacters2 a, li#navColorus2 a			{width:130px; background-position:-130px -54px;}

		li#navColoruk a				{width:130px; background-position:-130px -108px;}
		li#navColoruk a:hover		{width:130px; background-position:-130px -81px;} 
		li#navColoruk2 a			{width:130px; background-position:-130px -135px;}
		
			
		li#navValues a, li#navWallpapers a				{width:130px; background-position:-260px -27px;}
		li#navValues a:hover, li#navWallpapers a:hover 	{background-position:-260px 0px;}
		li#navValues2 a, li#navWallpapers2 a 			{width:130px; background-position:-260px -54px;}
		
		li#navChannels a			{width:130px; background-position:-390px -27px;}
		li#navChannels a:hover 		{background-position:-390px 0px;}
		li#navChannels2 a 			{width:130px; background-position:-390px -54px;}
		





/*============================= HOMEPAGE  =1============================================*/

	#flashBannerHome {margin:-85px 0 -52px -20px;}

	/*#flashBanner {z-index:0; position:absolute; top:51px; left:16px; height:410px; margin:0; padding:0 0 0 5px;}
		#flashBanner h2 {width:887px; height:419px; background:url(../images/bg_home-no-flash.gif) no-repeat;}
		#flashBanner a#getFlashLink {z-index:0; position:absolute; top:51px; left:16px; width:887px; height:319px;}	
	*/



ul#homepageSections {height:260px; margin:20px 0 40px 0; list-style-type:none;}

	ul#homepageSections li {float:left; text-align:center; /*WITH NEWLETTER width:129px;*/ /*WITHOUT NEWLETTER */width:168px;  /*WITH NEWLETTER padding:0 17px 0 4px;*/ /*WITHOUT NEWSLETTER*/padding:0 0 0 21px; background:url(../images/bg_homepage-section.png) top right no-repeat;}
		ul#homepageSections li#last {background:none;}
		
	ul#homepageSections h3 {visibility:visible;}
	ul#homepageSections p {width:110px; padding:8px 20px 0 20px; font-size:75%; font-weight:bold;}
	
		a.homepageMore {margin:4px 0 0 0; padding:0 10px 0 0; background:url(../images/icon_red-arrow.png) center right no-repeat;}
	
	#homepageAbout a {width:147px; height:150px; background:url(../images/sprite_homepage-sections.png) no-repeat;}
	#homepageVideos a {width:147px; height:150px; background:url(../images/sprite_homepage-sections.png) -152px 0 no-repeat;}
	#homepageActivities a {width:147px; height:150px; background:url(../images/sprite_homepage-sections.png) -304px 0 no-repeat;}
	#homepageShop a {width:147px; height:150px; background:url(../images/sprite_homepage-sections.png) -455px 0 no-repeat;}
	#homepageNewsletter a {width:147px; height:150px; background:url(../images/sprite_homepage-sections.png) -607px 0 no-repeat;}
	
		
/*============================= ABOUT - SHOW =2============================================*/

p.activitiesIntro {margin:0 0 -10px 0; color:#c52102; font-size:100%; font-weight:bold; }

.aboutDivA, .aboutDivB {width:634px; min-height:210px; height:auto !important; height:210px; margin:0 0 5px 66px; font-size:80%; }
.aboutDivC, .aboutDivD  {width:634px; min-height:200px; height:auto !important; height:200px; margin:0 0 5px 66px; font-size:80%; }
.aboutDivE {width:634px; min-height:150px; height:auto !important; height:200px; margin:0 0 5px 66px; font-size:80%; }
	.aboutDivA, .aboutDivC {padding:0 0 0 0; background:url(../images/bg_horizontal-A.png) bottom left no-repeat;}
	.aboutDivB, .aboutDivD, .aboutDivE {padding:0 0 0 0; background:url(../images/bg_horizontal-A.png) bottom right no-repeat;}
	.aboutDivA, .aboutDivB, .aboutDivC, .aboutDivD, .aboutDivE {text-align:left; }
	


	#introducingOlivia {padding:40px 0 70px 154px; background:url(../images/sprite_show-images.jpg) 0 0 no-repeat;}
		div#introducingOlivia h3 {color:#e83b36;}
	
	#showWorldContainer {min-height:250px; height:auto !important; height:250px; }
	#showFamily {padding:26px 223px 70px 0; background:url(../images/sprite_show-images.jpg) 439px -512px no-repeat;}
		div#showFamily h3 {color:#e87e2a;}
		
	#showWorld { padding:26px 0 46px 300px; background:url(../images/sprite_show-images.jpg) 0 -1010px no-repeat;}
		div#showWorld h3 {color:#807c3c;}
	
	#showAverage {padding:26px 206px 70px 0; background:url(../images/sprite_show-images.jpg) 439px -1634px no-repeat;}
		div#showAverage h3 {color:#037dc8;}
	
	
/*============================= ABOUT - VALUES ============================================*/

	ul.values {list-style-type:circle; margin:5px 0 0 20px;}

	#supportingChild {padding:29px 0 25px 195px; background:url(../images/sprite_values-images.png) 3px 0 no-repeat;}
		div#supportingChild h3 {color:#0071b4;}
		
	#endlessImagination {padding:10px 184px 15px 0; background:url(../images/sprite_values-images.png) 449px -418px no-repeat;}
		div#endlessImagination h3 {color:#fa6a11;}
		
	#roleModel {padding:29px 0 10px 195px; background:url(../images/sprite_values-images.png) 0 -870px no-repeat;}
		div#roleModel h3 {color:#37b087;}
		
	#funAround {padding:10px 184px 45px 0; background:url(../images/sprite_values-images.png) 446px -1316px no-repeat;}
		div#funAround h3 {color:#e8587b;}
		
	#regularGirl {padding:29px 0 25px 195px; background:url(../images/sprite_values-images.png) 0 -1730px no-repeat;}
		div#regularGirl h3 {color:#b08153;}



/*============================= ABOUT - CHARACTER BOXES =============================================*/
/* Generic character styles */
div.characterCopyA {min-height:140px; height:auto !important; height:140px; margin:0 0 10px 145px;}
div.characterCopyB {min-height:100px; height:auto !important; height:100px; padding:0 0 5px 0; margin:0 175px 10px 45px;}

	#williamBox { margin-bottom:-10px;}
	#perry {margin:0 0 10px 160px;}

p.characterBoxCopyA, p.characterBoxCopyB, p.characterBoxCopyC,p.characterBoxCopyD {margin:0 0 8px 0;  color:#464646; font-size:75%;}
	p.characterBoxCopyA {width:355px;}
	p.characterBoxCopyB {width:355px;}
	p.characterBoxCopyC {width:405px;}
	p.characterBoxCopyD {width:385px;}
	
	p#characterCopyBottomA, p#characterCopyBottomB {padding:0 0 5px 0;}
	p#characterCopyBottomC {padding:0 0 25px 0;}
		

	div.characterCopyA span, div.characterCopyB span {font-weight:bold; font-size:120%;}
		span.mainRed {color:#c31e00;}
		span.lightPurple {color:#9398cc;}
		span.darkBlue {color:#007dc3;}

		span.lightBlue {color:#79bde9;}
		span.azure {color:#7dcfbb;}
		span.tanBrown {color:#a78357;}
		span.oliveGreen {color:#817c37;}
		span.black {color:#000;}
		span.peach {color:#f89e59;}
		span.pink {color:#f15e7c;}
		
		
			
/* Olivia */			
div.characterBoxA {position:relative; margin:20px 20px 20px 80px; width:605px;}
	div#oliviaBoxTop {width:605px;  background:  url(../images/bg_characterbox-A-top.png) top left no-repeat; padding:20px;}
		h3#characterOlivia {margin:3px 0 0 145px; width:200px;}
    div#oliviaBoxBot {width:664px; height:300px;  margin:0 0 -1px -57px; position:absolute; z-index:999; bottom:0; background:url(../images/bg_characterbox-A-bottom.png) bottom left no-repeat;}
 
/* Mum */
div.characterBoxB {position:relative; margin:20px 20px 20px 80px; width:605px;}
	div#mumBoxTop {width:605px; background: url(../images/bg_characterbox-B-top.png) top left no-repeat; padding:20px;}
		h3#characterMum {margin:3px 0 0 40px; width:200px;}
    div#mumBoxBot {width:669px; height:300px;  margin:0 0 -1px -51px; position:absolute; z-index:999; bottom:0; background:url(../images/bg_characterbox-B-bottom.png) bottom left no-repeat;}
	
/* Dad */
	div#fatherBoxTop {width:605px; background: url(../images/bg_characterbox-C-top.png) top left no-repeat; padding:20px;}
		h3#characterFather {margin:3px 0 0 145px; width:200px;}
    div#fatherBoxBot {width:685px; height:300px;  margin:0 0 0 -76px; position:absolute; z-index:999; bottom:0; background:url(../images/bg_characterbox-C-bottom.png) bottom left no-repeat;}
	
/* Ian */
	div#Ian {margin:20px 20px 20px 75px;}
	div#ianBoxTop {width:605px; background: url(../images/bg_characterbox-D-top.png) top left no-repeat; padding:20px;}
		h3#characterIan {margin:3px 0 0 145px; width:200px;}
    div#ianBoxBot {width:685px; height:300px;  margin:0 0 -1px -54px; position:absolute; z-index:999; bottom:0; background:url(../images/bg_characterbox-D-bottom.png) bottom left no-repeat;}
	
/* William */
	div#willBoxTop { width:605px; background: url(../images/bg_characterbox-E-top.png) top left no-repeat; padding:20px;}
		h3#characterWilliam {margin:3px 0 0 145px; width:200px;}
    div#willBoxBot {width:685px; height:300px;  margin:0 0 -1px -38px; position:absolute; z-index:999; bottom:0; background:url(../images/bg_characterbox-E-bottom.png) bottom left no-repeat;}

/** {border:1px solid green;}*/

/* Grandma */
	div#grandmaBoxTop { width:605px; background: url(../images/bg_characterbox-F-top.png) top left no-repeat; padding:20px;}
		h3#characterGrandma {margin:3px 0 0 145px; width:200px;}
    div#grandmaBoxBot {width:698px; height:300px;  margin:0 0 -1px -46px; position:absolute; z-index:999; bottom:0; background:url(../images/bg_characterbox-F-bottom.png) bottom left no-repeat;}
	
/* Perry */
	div#perryBoxTop { width:605px; background: url(../images/bg_characterbox-G-top.png) top left no-repeat; padding:20px;}
		h3#characterPerry {margin:3px 0 0 145px; width:200px;}
    div#perryBoxBot {width:685px; height:300px;  margin:0 0 -1px -37px; position:absolute; z-index:999; bottom:0; background:url(../images/bg_characterbox-G-bottom.png) bottom left no-repeat;}

/* Edwin */
	div#edwinBoxTop {width:605px; background: url(../images/bg_characterbox-H-top.png) top left no-repeat; padding:20px;}
		h3#characterEdwin {margin:3px 0 0 145px; width:200px;}
    div#edwinBoxBot {width:685px; height:300px;  margin:0 0 -2px -82px; position:absolute; z-index:999; bottom:0; background:url(../images/bg_characterbox-H-bottom.png) bottom left no-repeat;}
	
/* Teacher */
	div#teacherBoxTop {width:605px; background: url(../images/bg_characterbox-T-top.png) top left no-repeat; padding:20px;}
		h3#characterTeacher {margin:3px 0 0 145px; width:200px;}
    div#teacherBoxBot {width:699px; height:300px;  margin:0 0 -1px -59px; position:absolute; z-index:999; bottom:0; background:url(../images/bg_characterbox-T-bottom.png) bottom left no-repeat;}
	

/* Julian */
	div#julianBoxTop {width:605px; background: url(../images/bg_characterbox-I-top.png) top left no-repeat; padding:20px;}
		h3#characterJulian {margin:3px 0 0 145px; width:200px;}
    div#julianBoxBot {width:698px; height:300px;  margin:0 0 -1px -58px; position:absolute; z-index:999; bottom:0; background:url(../images/bg_characterbox-I-bottom.png) bottom left no-repeat;}
	
/* Francine */
	div#francineBoxTop {width:605px; background: url(../images/bg_characterbox-J-top.png) top left no-repeat; padding:20px;}
		h3#characterFrancine {margin:3px 0 0 145px; width:200px;}
    div#francineBoxBot {width:685px; height:300px;  margin:0 0 -2px -52px; position:absolute; z-index:999; bottom:0; background:url(../images/bg_characterbox-J-bottom.png) bottom left no-repeat;}




/*============================= VIDEOS =3=============================================*/

div#videoDescription {margin:0 0 0 130px;}
	h3#videoDescriptionLeft {float:left; width:200px; /*text-align:left;*/ font-size:18px; font-weight:bold;}
	p#videoDescriptionRight {float:left; width:300px; text-align:left; font-size:80%; padding:5px 0 0 0;}

img#videoDivider {clear:both; margin:15px 0 10px 0;}

ul#moreVideos {clear:both; width:650px; height:170px; margin:0 0 0 110px; list-style-type:none;}
	li#videoDad {width:110px;}
	li#videoPirate {width:115px;}
	ul#moreVideos li {height:100px; float:left; padding:0; margin:0 25px 0 0; list-style-type:none;}
	ul#moreVideos a {text-indent:-9999px; display:block; height:100px; background: url(../images/sprite_video-nav.png) 0 0 no-repeat;}

		li#videoThemeTune a			{width:120px; background-position:0px -111px;}
		li#videoThemeTune a:hover	{width:120px; background-position:0px -4px;}
		li#videoThemeTune2 a		{width:120px; background-position:0px -212px;}
		
		li#videoDad a			{width:120px; background-position:-152px -111px;}
		li#videoDad a:hover 	{width:120px; background-position:-150px -4px;}
		li#videoDad2 a			{width:120px; background-position:-154px -212px;}
		
		li#videoPirate a		{width:120px; background-position:-298px -111px;}
		li#videoPirate a:hover 	{width:120px; background-position:-297px -4px;}
		li#videoPirate2 a		{width:120px; background-position:-298px -212px;}
		
		li#videoAlien a			{width:120px; background-position:-443px -111px;}
		li#videoAlien a:hover 	{width:120px; background-position:-443px -4px;}
		li#videoAlien2 a		{width:120px; background-position:-443px -212px;}


h4#titleMoreMoreVideos {visibility:visible; position:absolute; top:495px; left:680px; width:75px; height:99px; background:url(../images/title_more-videos.png) no-repeat; }



h3#titleNickleodeon-us {visibility:visible; width:638px; height:506px; margin:0 0 0 60px; padding:0; background:url(../images/img_nikelodeon-us.jpg) no-repeat; cursor: hand;}


h3#titleNickleodeon-uk {visibility:visible; width:638px; height:506px; margin:0 0 0 60px; padding:0; background:url(../images/img_nikelodeon.jpg) no-repeat; cursor: hand;}


/*============================= ACTIVITIES =4=============================================*/

/* COLOR */
ul#activitiesColor {width:620px; height:560px; margin:20px 0 0 125px; list-style-type:none; background:url(../images/img_painter.png) no-repeat;}

	ul#activitiesColor h3 {visibility:visible; letter-spacing: 0; font-size:16px; color:#c52102;}
	
	li.activitiesColor {float:left; width:150px; height:225px; margin:0 40px 35px 10px;}

		p.colourImage {width:150px; height:200px; background:url(../images/sprite_activities-color.png) no-repeat;}
			li#colorA p.colourImage {background-position:0 0;}
			li#colorB p.colourImage {background-position:-199px 0;}
			li#colorC p.colourImage {background-position:-394px 0;}
			li#colorD p.colourImage {background-position:-591px 0;}
			li#colorE p.colourImage {background-position:-790px 0;}
		
		li.activitiesColor a {width:150px; height:200px;}
			li.activitiesColor a:hover { background:url(../images/b_activities-color-hover.png) 21px 159px no-repeat;}
		
		li#colorA { margin-left:210px;}
			

/* PRINT FUN */
ul#activitiesPrint {width:720px; height:510px; margin:20px 0 0 25px; list-style-type:none; background:url(../images/bg_activities-print.png) no-repeat;}

	ul#activitiesPrint h3 {visibility:visible; letter-spacing: 0; font-size:16px; color:#c52102;}

	li.activitiesPrint {float:left; width:208px; height:225px; margin:0 10px 35px 0px;}
	
		li.activitiesPrint p {font-size:70%;}
		li.activitiesPrint p.printImage, li.activitiesPrint p.printImageB {width:208px; height:230px;  background:url(../images/sprite_activities-print.jpg) no-repeat;}
			li.activitiesPrint p.printImageB {background-position:-208px 0;}
			
		li.activitiesPrint a {width:208px; height:230px;}
		
		li#printA {margin-left:210px;}
		li#printA a:hover, li#printB a:hover { background:url(../images/b_activities-print-hover.png) 53px 146px no-repeat; }



/* WALLPAPER */
ul#activitiesWallpaper {width:740px; height:460px; margin:20px 0 0 15px; list-style-type:none; background:url(../images/img_cow-pig.png) 0 50px no-repeat;}

	ul#activitiesWallpaper h3 {visibility:visible; letter-spacing: 0; font-size:16px; color:#c52102;}

	li.activitiesWallpaper {float:left; width:235px; height:55px; margin:10px 5px 35px 10px; padding:140px 0 0 0; background:url(../images/sprite_wallpaper.jpg) no-repeat;}
		li.activitiesWallpaper p {margin:-3px 0 0; padding:0 0 0 35px;}
		
		li#wallpaperA {margin-left:160px; background-position:0 0;}
		li#wallpaperB {background-position:-235px 0;}
		li#wallpaperC {position:absolute; top:560px; left:315px; background-position:-475px 0;}
		
		li.activitiesWallpaper a {float:left; width:87px; height:35px; background:url(../images/sprite_wallpaper-buttons.gif) no-repeat;}
			li.activitiesWallpaper a.normal {margin:0 -2px 0 0; background-position:0 0;}
				li.activitiesWallpaper a.normal:hover {background-position:0 -35px;}
			li.activitiesWallpaper a.wide {background-position:-84px 0;}
				li.activitiesWallpaper a.wide:hover {margin:0 0 0 2px; background-position:-86px -35px;}



/* Back to top link */
div#topLink {display:none; clear:both; position:relative; bottom:20px; width:100%; height:10px; text-align:center; background:url(../images/icon_arrow-to-top-B.png) top center no-repeat; padding:6px 0 0 0; /*border:1px solid green;*/ }
	a#linkTop { color:#c31e00; font-weight:bold; font-size:75%;  height:20px; }


#shop-uk {width:730px; height:445px; background:url(../images/shop-uk.png) no-repeat;}
#shopButton-uk {position:absolute; top:439px; left:381px;  width:107px; height:42px; background:url(../images/buttonShop.gif) 0 -100px no-repeat;}
	a#shopButton-uk:hover { background-position:1px 0;}

#shop-us {width:730px; height:445px; background:url(../images/shop-us.png) no-repeat;}
#shopButton-us {position:absolute; top:450px; left:368px; _top:439px; _left:381px; #top:439px; #left:381px; width:107px; height:42px; background:url(../images/buttonShop.gif) 0 -100px no-repeat;}
	a#shopButton-us:hover { background-position:1px 0;}



/*============================
=======  RIGHT COLUMN =r  ======
==============================*/

#rightColumn {float:right; width:196px;  min-height:450px; height:auto !important; height:450px; padding:168px 0 0 0; 
/*background:url(../images/bg_right-column-border.png) top left no-repeat;*/ background:url(../images/bg_content-border-left.png) 0 0 no-repeat;}

	h3#titleWatchIt a { visibility:visible; width:180px; height:165px; margin:0 0 20px 18px; background: url(../images/title_watch-it.png) no-repeat;}
	h3#titleBuyStuff a {visibility:visible;  width:193px; height:166px; margin:0 0 20px 7px; background:url(../images/title_buy-olivia-stuff.png) no-repeat;}
	h3#titleDressUp a {visibility:visible;  width:189px; height:167px; margin:0 0 20px 9px; background:url(../images/title_dress-up.png) no-repeat;}
	h3#titlePrintableFunuk a {visibility:visible; width:179px; height:166px; margin:0 0 20px 18px; background:url(../images/title_printable-fun-uk.png) no-repeat;}
	h3#titlePrintableFunus a {visibility:visible; width:179px; height:166px; margin:0 0 20px 18px; background:url(../images/title_printable-fun-us.png) no-repeat;}
	h3#titleSpaceships a {visibility:visible; width:179px; height:166px; margin:0 0 20px 16px; background:url(../images/title_spaceships.png) no-repeat;}
	h3#titleFacebook a {visibility:visible; width:179px; height:170px; margin:0 0 18px 16px; background:url(../images/title_facebook.png) no-repeat;}



/*================ FOOTER =f ======================*/

#footer{clear:both; float:left; position:relative; left:50%; margin:0 0 65px 0; text-align:left;}

	#footer ul#footerListA {position:relative; left:-65%; margin:10px 0 0 0; font-size:75%; font-weight:bold; list-style-type:none; }
	#footer ul#footerListB {clear:both; position:relative; left:-50%; font-size:60%; list-style-type:none;}
	
		#footer li{float:left; position:relative; background:url(../images/bg_footer-divider.png) right 6px no-repeat;}/* ie needs position:relative here*/
			#footer li.last {background:none;}
		#footer a {float:left; margin:2px; color:#000; padding:2px 3px; text-decoration:none; text-align:center; white-space:nowrap;}
		#footer a:hover{text-decoration:underline;}
		
	#footer div {clear:both; position:relative; font-size:60%; color:#000;}
	#footer div#footerDivA {left:-75%;}
	#footer div#footerDivB {left:-55%;}



/*================ PRIVACY and TERMS ======================*/

#privacy { background:#fff; text-align:left; padding:35px;}
	#privacy p { font-size:75%; margin:0 0 12px 0;}
	#privacy h1 { font-size:120%; margin:0 0 12px 0;}
	#privacy h3 { font-size:85%; margin:0 0 12px 0;}
	


/*============== siFR =============================*/

/* 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;}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {display: none !important;}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {visibility: hidden;}
.sIFR-hasFlash h2 {visibility: hidden; letter-spacing: -9px; font-size: 30px;}
.sIFR-hasFlash h3 {visibility: hidden; letter-spacing: -6px; font-size:25px;}
.sIFR-hasFlash h4 {visibility: hidden; letter-spacing: -5px; font-size: 30px;}
.sIFR-hasFlash h5#pullquote {letter-spacing: -4px; visibility: hidden; font-size: 24px;}

h3.noFlash { visibility:visible; margin:0 0 8px 0; letter-spacing: 0; font-size:20px; color:#e83b36;}
h3#titleMoreVideos {font-size: 20px;}