/*

	styleRoot.css


*/


body, input {
	margin:0px;
	padding:0px;
	font-family:Arial;
	font-size:13px;
	line-height:18px;
}
body {
	background:transparent url(../graphics/bg.gif) repeat scroll;
}

p, ul {
	padding:0px;
	margin:0px;
	list-style:none;
}

h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding:0px;
	line-height:100%;
}

.png {
}

.fix {
	clear:both;
	height:1px;
	margin:-1px 0pt 0pt;
	overflow:hidden;
}

.textError {
	border:4px solid #666666;
	font-weight:bold;
	margin:0px 40px 0px 180px;
	padding:6px;
}

.textErrorSpeechBubble {
	background:transparent url(../graphics/bgErrorSpeech.png) no-repeat scroll 0px 0px;
	xborder:4px solid #996666;
	font-weight:bold;
	height:218px;
	padding:6px;
	position:absolute;
	right:-20px;
	top:-60px;
	width:209px;
}
	.textErrorSpeechBubble .cellPadding {
		padding:10px;
	}


/* ########################################
	Page Layout - Defaults
######################################## */

#pageNavigation ul {
	display:block;
}
	#pageNavigation ul li {
		float:left;
		width:auto;
	}
		#pageNavigation ul li a {
			display:block;
			text-decoration:none;
			width:auto;
		}
			#pageNavigation ul li a span {
				xdisplay:none;
			}
		#pageNavigation ul li a:hover {
			xbackground-color:#000000;
		}

/* ########################################
	Page Layout - Page Header
######################################## */

#pageHeader {
}
	#pageHeader h1 {
		display:none;
	}
	#pageHeader #pageHeaderMast {
		background:transparent url(../graphics/bgHeaderMain.gif) repeat-x center;
		height:180px; /* 321px */
		overflow:hidden;
	}
		#pageHeaderMast .pagePicBeanSmile {
			background:transparent url(../graphics/bgHeaderMain_Smile_8bit.png) no-repeat top right;
			height:180px;
		}
		#pageHeaderMast .pagePicBeanSnuff {
			background:transparent url(../graphics/bgHeaderMain_Snuff_8bit.png) no-repeat top right;
			height:180px;
		}
		#pageHeaderMast .pagePicBeanShug {
			background:transparent url(../graphics/bgHeaderMain_Shug_8bit.png) no-repeat top right;
			height:180px;
		}
		#pageHeaderMast .pagePicBeanPuzzled {
			background:transparent url(../graphics/bgHeaderMain_Puzzled_8bit.png) no-repeat top right;
			height:180px;
		}
		#pageHeaderMast .pagePicBeanSmileTilt {
			background:transparent url(../graphics/bgHeaderMain_SmileTilt_8bit.png) no-repeat top right;
			height:180px;
		}
		#pageHeaderMast .pagePicBeanCheeky {
			background:transparent url(../graphics/bgHeaderMain_Cheeky_8bit.png) no-repeat top right;
			height:180px;
		}
		#pageHeaderMast .pagePicBeanPlotting {
			background:transparent url(../graphics/bgHeaderMain_Plotting_8bit.png) no-repeat top right;
			height:180px;
		}
		#pageHeaderMast .pageHeaderMain {
			background:transparent url(../graphics/bgHeaderMain_20Years_8bit.png) no-repeat top left;
			height:180px;
			width:580px;
		}
		#pageHeaderMast .pageHeaderPromo {
			background:transparent url(../graphics/bgHeaderMain_Promo_8bit.png) no-repeat top left;
			height:180px;
			width:470px;
		}
			#pageHeaderMast .pageHeaderPromo a {
				/* transparent url(../graphics/btnHeaderPromo_8bit.png) no-repeat top left */
				background:none;
				display:block;
				height:180px;
				text-decoration:none;
			}
				#pageHeaderMast .pageHeaderPromo a span {
					display:none;
				}

/* ########################################
	Page Layout - Page Navigation [Top]
######################################## */

#pageHeader #pageNavigation {
	background:transparent url(../graphics/bgNaviMain.gif) repeat-x center;
	height:84px;
}
	#pageNavigation #pageNavigationMain {
		height:50px;
	}
		#pageNavigationMain li {
			height:50px;
		}
			#pageNavigationMain li a {
				background-color:transparent;
				background-repeat:no-repeat;
				background-position:top left;
				height:50px;
				line-height:50px;
			}
			#pageNavigationMain li a.active, #pageNavigationMain li a:hover {
				background-position:bottom left;
			}
				#pageNavigationMain li a span {
					display:none;
				}
			#pageNavigationMain li a.home {
				background-image:url(../graphics/nav-hd-home.gif);
				width:84px;
			}
			#pageNavigationMain li a.shop {
				background-image:url(../graphics/nav-hd-shop.gif);
				width:82px;
			}
			#pageNavigationMain li a.clips {
				background-image:url(../graphics/nav-hd-clips.gif);
				width:86px;
			}
			#pageNavigationMain li a.downloads {
				background-image:url(../graphics/nav-hd-downloads.gif);
				width:158px;
			}
			#pageNavigationMain li a.games {
				background-image:url(../graphics/nav-hd-games.gif);
				width:97px;
			}
			#pageNavigationMain li a.beanhistory {
				background-image:url(../graphics/nav-hd-history.gif);
				width:266px;
			}
			#pageNavigationMain li a.about {
				background-image:url(../graphics/nav-hd-about.gif);
				width:175px;
			}
			
	#pageNavigation #pageNavigationSub {
		height:34px;
	}
		#pageNavigationSub li {
			height:34px;
		}
			#pageNavigationSub li a {
				background-color:transparent;
				background-repeat:no-repeat;
				background-position:top left;
				height:34px;
				line-height:34px;
			}
			#pageNavigationSub li a.active, #pageNavigationSub li a:hover {
				background-position:bottom left;
			}
				#pageNavigationSub li a span {
					display:none;
				}
			#pageNavigationSub li a.newsletter {
				background-image:url(../graphics/nav-hd-newsletter.gif);
				width:100px; /* +33px if for bullet */
			}
			#pageNavigationSub li a.ecards {
				background-image:url(../graphics/nav-hd-ecards.gif);
				width:70px; /* +33px if for bullet */
			}
			#pageNavigationSub li a.contacts {
				background-image:url(../graphics/nav-hd-contacts.gif);
				width:98px;
			}
			#pageNavigationSub li a.competition {
				background-image:url(../graphics/nav-hd-competition.gif);
				width:134px;
			}
			#pageNavigationSub li a.quiz {
				background-image:url(../graphics/nav-hd-quiz.gif);
				width:67px;
			}
			#pageNavigationSub li a.classicclips {
				background-image:url(../graphics/nav-hd-classicclips.gif);
				width:137px;
			}
			#pageNavigationSub li a.timeline {
				background-image:url(../graphics/nav-hd-timeline.gif);
				width:102px;
			}
			#pageNavigationSub li a.imagewall {
				background-image:url(../graphics/nav-hd-imagewall.gif);
				width:100px;
			}
			#pageNavigationSub li a.meetcharacters {
				background-image:url(../graphics/nav-hd-meetcharacters.gif);
				width:209px;
			}
			#pageNavigationSub li a.faqs {
				background-image:url(../graphics/nav-hd-faqs.gif);
				width:226px;
			}
			#pageNavigationSub li a.creators {
				background-image:url(../graphics/nav-hd-creators.gif);
				width:85px;
			}
			#pageNavigationSub li a.chasebean {
				background-image:url(../graphics/nav-hd-chasebean.gif);
				width:144px;
			}
			#pageNavigationSub li a.solitaire {
				background-image:url(../graphics/nav-hd-solitaire.gif);
				width:117px;
			}
			#pageNavigationSub li a.colour {
				background-image:url(../graphics/nav-hd-colour.gif);
				width:66px;
			}
			#pageNavigationSub li a.jigsaw {
				background-image:url(../graphics/nav-hd-jigsaw.gif);
				width:95px;
			}

/* ########################################
	Page Layout - Page Navigation [Top]
######################################## */

#pageBody #pageBodyAreaHeader {
	background:transparent url(../graphics/bgBodyAreaHeader.gif) no-repeat top left;
	height:107px;
}
#pageBody #pageBodyArea {
	position:relative;
	float:left;
	width:796px;
}
#pageBody #pageBodyPromoZone {
	xbackground-color:#000000;
	float:right;
	height:600px;
	margin:10px 0px 0px;
	xopacity:0.2;
	text-align:right;
	width:190px;
}

/* ########################################
	Page Layout - Generic Panel
######################################## */

/* ########################################
	Page Layout - Generic Panel
######################################## */

.pageBodyPanelBlue {
	background:transparent url(../graphics/bgBodyAreaBlueTop.gif) no-repeat top left;
	margin:20px 0px;
	height:100%;
}
	.pageBodyPanelBlue h2 {  }
	.pageBodyPanelBlue p {
		margin:0px;
		padding:0px 15px 6px 15px;
	}
	.pageBodyPanelBlue .panelContent {
		padding:15px 25px 0px 25px;
	}
	.pageBodyPanelBlue .pageBodyPanelEnd {
		background:transparent url(../graphics/bgBodyAreaBlueBottom.gif) no-repeat top left;
		overflow:hidden;
		height:50px;
		clear:both;
	}

.pageBodyPanel {
	background:transparent url(../graphics/bgBodyAreaTop.gif) no-repeat top left;
	margin:20px 0px;
	height:100%;
}
	.pageBodyPanel h2 {  }
	.pageBodyPanel p {
		margin:0px;
		padding:0px 15px 6px 15px;
	}
	.pageBodyPanel .panelContent {
		padding:15px 25px 0px 25px;
	}
		.panelContent h3 span {
			display:none;
		}
		.panelContent h3.bgHeadProduction {
			background:transparent url(../graphics/bgHeadProduction.gif) no-repeat top left;
			margin:10px 0px;
			height:36px;
		}
		.panelContent h3.bgHeadTelevision {
			background:transparent url(../graphics/bgHeadTelevision.gif) no-repeat top left;
			margin:10px 0px;
			height:36px;
		}
		.panelContent h3.bgHeadVideo {
			background:transparent url(../graphics/bgHeadVideo.gif) no-repeat top left;
			margin:10px 0px;
			height:36px;
		}
		.panelContent h3.bgHeadMerchandising {
			background:transparent url(../graphics/bgHeadMerchandising.gif) no-repeat top left;
			margin:10px 0px;
			height:36px;
		}
		.panelContent h3.bgHeadWebsite {
			background:transparent url(../graphics/bgHeadWebsite.gif) no-repeat top left;
			margin:10px 0px;
			height:36px;
		}
		.panelContent h3.bgHeadCreatorRowan {
			background:transparent url(../graphics/bgHeadCreatorRowan.gif) no-repeat top left;
			margin:10px 0px;
			height:36px;
		}
		.panelContent h3.bgHeadCreatorTiger {
			background:transparent url(../graphics/bgHeadCreatorTiger.gif) no-repeat top left;
			margin:10px 0px;
			height:36px;
		}
		.panelContent h3.bgHeadCreatorRichard {
			background:transparent url(../graphics/bgHeadCreatorRichard.gif) no-repeat top left;
			margin:10px 0px;
			height:36px;
		}
		.panelContent h3.bgHeadCreatorRobin {
			background:transparent url(../graphics/bgHeadCreatorRobin.gif) no-repeat top left;
			margin:10px 0px;
			height:36px;
		}
		.panelContent h3.bgHeadCreatorHoward {
			background:transparent url(../graphics/bgHeadCreatorHoward.gif) no-repeat top left;
			margin:10px 0px;
			height:36px;
		}
	.pageBodyPanel .pageBodyPanelEnd {
		background:transparent url(../graphics/bgBodyAreaBottom.gif) no-repeat top left;
		overflow:hidden;
		height:50px;
		clear:both;
	}
		.pageBodyPanelEnd .copyRight {
			font-size:80%;
			padding:0px 0px 0px 280px;
		}
			.pageBodyPanelEnd .copyRight a {
				color:inherit;
			}

/* ########################################
	Page Layout - Homepage Panel: News / Products
######################################## */

#bgBodyHomePanel {
	position:relative;
	margin:10px 0px;
	height:500px;
}
	#bgBodyHomePanel a.btnNews {
		cursor:pointer;
		position:absolute;
		display:block;
		top:0px;
		left:5px;
		height:40px;
		width:130px;
	}
	#bgBodyHomePanel a.btnNews span { display:none; }
	#bgBodyHomePanel a.btnProduct {
		cursor:pointer;
		position:absolute;
		display:block;
		top:0px;
		left:140px;
		height:40px;
		width:150px;
	}
	#bgBodyHomePanel a.btnProduct span { display:none; }

/* ########################################
	Page Layout - Homepage Panel: News / Products (Switching Styles)
######################################## */

.bgBodyHomeNews {
	background:transparent url(../graphics/bgBodyHomeNews.gif) no-repeat top left;
}
	.bgBodyHomeNews #panelContentNews {
		margin:0px 0px 0px 400px;
		display:block;
		padding:60px 0px 0px 0px;
	}
		#panelContentNews h1, #panelContentNews h2, #panelContentNews h3, #panelContentNews h4, #panelContentNews h5, #panelContentNews h6 {
			margin:0px 0px 10px 0px;
			font-size:1.2em;
			color:#B41920;
		}
		#panelContentNews p {
			margin:0px 0px 10px 0px;
		}
		#panelContentNews h3.panel-hd-single-news {
			background:transparent url(../graphics/panel-hd-single-news.gif) no-repeat left bottom;
			height:24px;
			margin:10px 0px;
			text-indent:-9999px;
		}
		#panelContentNews a.btnScrollerUp, #panelContentProducts a.btnScrollerUp {
			background:transparent url(../graphics/btnScrollerArrows.gif) no-repeat left top;
			position:absolute;
			top:100px;
			right:15px;
			height:40px;
			width:40px;
			text-indent:-9999px;
			overflow:hidden;
			display:none;
		}
		#panelContentNews a.btnScrollerUp:hover, #panelContentProducts a.btnScrollerUp:hover {
			background:transparent url(../graphics/btnScrollerArrows.gif) no-repeat right top;
		}
		#panelContentNews a.btnScrollerDown, #panelContentProducts a.btnScrollerDown {
			background:transparent url(../graphics/btnScrollerArrows.gif) no-repeat left bottom;
			position:absolute;
			top:160px;
			right:15px;
			height:40px;
			width:40px;
			text-indent:-9999px;
			overflow:hidden;
			display:none;
		}
		#panelContentNews a.btnScrollerDown:hover, #panelContentProducts a.btnScrollerDown:hover {
			background:transparent url(../graphics/btnScrollerArrows.gif) no-repeat right bottom;
		}
		#panelContentNews .scrollerPanel {
			padding:0px 0px 0px 0px;
			overflow:auto;
			height:360px;
			width:350px;
		}
			.scrollerPanel .horizLine {
				overflow:hidden; background-color:#f0ceac; height:1px; margin:10px 50px;
			}
			.scrollerPanel .newsBound {
			}
				.newsBound .newsBoundImage {
					float:left; width:120px; text-align:center; padding-bottom:10px;
				}
				.newsBound .newsBoundContent {
					float:left; width:205px;
				}
	.bgBodyHomeNews #panelContentProducts {
		display:none;
	}

.bgBodyHomeProducts {
	background:transparent url(../graphics/bgBodyHomeProducts.gif) no-repeat left bottom;
}
	.bgBodyHomeProducts #panelContentNews {
		display:none;
	}
	.bgBodyHomeProducts #panelContentProducts {
		margin:0px 0px 0px 400px;
		display:block;
		padding:60px 0px 0px 0px;
	}
		#panelContentProducts h1, #panelContentProducts h2, #panelContentProducts h3, #panelContentProducts h4, #panelContentProducts h5, #panelContentProducts h6 {
			margin:0px 0px 10px 0px;
			font-size:1.2em;
			color:#B41920;
		}
		#panelContentProducts h3.panel-hd-single-dvds {
			background:transparent url(../graphics/panel-hd-single-dvds.gif) no-repeat top left;
			height:21px;
			margin:10px 0px;
			text-indent:-9999px;
		}
		#panelContentProducts h3.panel-hd-single-products {
			background:transparent url(../graphics/panel-hd-single-products.gif) no-repeat top left;
			height:24px;
			margin:10px 0px;
			text-indent:-9999px;
		}
		#panelContentProducts p {
			margin:0px 0px 10px 0px;
		}
		#panelContentProducts .scrollerPanel {
			padding:0px 0px 0px 0px;
			overflow:auto;
			height:365px;
			width:350px;
		}
	#panelContentProducts .btnMore {
		background:transparent url(../graphics/btnMore.gif) no-repeat top left;
		display:block;
		margin:10px 0px;
		height:42px;
		width:117px;
	}
		#panelContentProducts .btnMore span {
			display:none;
		}

/* ########################################
	Page Layout: Classic Clips
######################################## */

.bgBodyAreaClips {
	position:relative;
	background:transparent url(../graphics/bgBodyAreaClips.gif) no-repeat top left;
	margin:0px auto 10px auto;
	height:481px;
	width:740px;
}
	.bgBodyAreaClips .panelVideoPlayer {
		position:absolute;
		top:60px;
		left:15px;
		height:auto;
		width:480px;
	}
	.bgBodyAreaClips .panelVideoListScroller {
		height:325px;
		left:535px;
		margin:0px;
		padding:0px;
		position:absolute;
		top:110px;
		width:170px;
		overflow:auto;
	}
	.bgBodyAreaClips .panelVideoPlayList {
		margin:0px;
		padding:0px;
		xposition:absolute;
		xtop:110px;
		xleft:535px;
		xheight:300px;
		xwidth:160px;
	}
		.panelVideoPlayList li {
			margin:0px;
			padding:0px;
			text-align:center;
		}
			.panelVideoPlayList li img {
				border:none;
			}
	.bgBodyAreaClips h3.panel-hd-single-classicclips {
		background:transparent url(../graphics/panel-hd-single-classicclips.gif) no-repeat bottom left;
		height:32px;
		margin:0px 0px 10px 20px;
		padding:20px 0px 0px 0px;
		text-indent:-9999px;
	}

/* ########################################
	Page Layout: About Mr Bean
######################################## */

#panelContentAboutCreators {
	padding:0px 40px;
}

#panelContentAbout .panelContent {
	xpadding:0px 40px;
}
	#panelContentAbout .panelContent h3 {
		margin:0px 0px 10px 0px;
		padding:0px 15px 0px 15px;
	}
	#panelContentAbout .panelContent p {
		margin:0px 0px 10px 0px;
	}
		.panelContent p.indentText {
			padding-right:300px;
		}
		.panelContent p.indentText200 {
			padding-right:200px;
		}
		.panelContent .shrinkText {
			font-size:70%;
			line-height:120%;
		}
	#panelContentAbout .bgBodyAreaAboutInfo {
		position:relative;
		background-image:url(../graphics/bgBodyAreaAboutInfo.gif);
		background-repeat:no-repeat;
		margin:0px auto;
		height:278px;
		width:742px;
	}
		#panelContentAbout .bgBodyAreaAboutInfo .bgBodyAreaAboutFrame {
			position:absolute;
			top:0px;
			left:0px;
			overflow:hidden;
			height:278px;
			width:373px;
		}
			#panelContentAbout .bgBodyAreaAboutInfo .bgBodyAreaAboutItemBox {
				position:absolute;
				top:0px;
				left:0px;
				height:278px;
				width:373px;
			}
			#panelContentAbout .bgBodyAreaAboutInfo #bgBodyAreaAboutItem1 {
				left:373px;
			}
		#panelContentAbout .bgBodyAreaAboutInfo .bgBodyAreaAboutMask {
			position:absolute;
			background-image:url(../graphics/bgBodyAreaAboutMask_8bit.png);
			top:0px;
			left:0px;
			height:278px;
			width:373px;
		}
		#panelContentAbout .bgBodyAreaAboutInfo #bgBodyAreaAboutButton {
			position:absolute;
			bottom:15px;
			left:10px;
			height:68px;
			width:353px;
		}
			#bgBodyAreaAboutButton a#btnPageLeft {
				position:absolute;
				background:transparent url(../graphics/btnArrowLeft_8bit.png) no-repeat scroll center;
				top:0px;
				left:0px;
				display:block;
				height:67px;
				width:68px;
			}
			#bgBodyAreaAboutButton a#btnPageRight {
				position:absolute;
				background:transparent url(../graphics/btnArrowRight_8bit.png) no-repeat scroll center;
				top:0px;
				right:0px;
				display:block;
				height:67px;
				width:68px;
			}
		.bgBodyAreaAboutInfo #bgBodyAreaAboutAnimated {
			position:absolute;
			top:20px;
			left:385px;
			height:258px;
			width:353px;
			display:none;
		}
		.bgBodyAreaAboutInfo #bgBodyAreaAboutOriginal {
			position:absolute;
			top:20px;
			left:385px;
			height:258px;
			width:353px;
		}
		.bgBodyAreaAboutInfo #btnAboutOriginalSeries {
			background:transparent url(../graphics/btnAboutOriginalSeries.gif) no-repeat scroll center;
			float:right;
			display:block;
			height:43px;
			width:202px;
		}
		.bgBodyAreaAboutInfo #btnAboutAnimatedSeries {
			background:transparent url(../graphics/btnAboutAnimatedSeries.gif) no-repeat scroll center;
			float:right;
			display:block;
			height:43px;
			width:202px;
		}

/* ########################################
	Page Layout: About Mr Bean (Accordion)
######################################## */

#panelAccordion {
	padding:0px 40px;
}
	#panelAccordion h3 {
		margin:0px 0px 10px 0px;
		cursor:pointer;
	}

/* ########################################
	Page Layout: About Mr Bean
######################################## */

.panelContent {
}
	.panelContent a {
		color:#ff0000;
	}
	.panelContent .bgBodyAreaTimeline {
		position:relative;
		background-image:url(../graphics/bgBodyAreaTimeline.gif);
		margin:0px auto;
		height:626px;
		width:741px;
	}
		.panelContent .bgBodyAreaTimelineIntro {
			font-weight:bold;
			height:350px;
			left:40px;
			position:absolute;
			top:94px;
			width:200px;
		}
		.bgBodyAreaTimelineFrame {
			position:absolute;
			overflow:hidden;
			top:35px;
			left:253px;
			height:550px;
			width:450px;
		}
			#bgBodyAreaTimelineBackground {
				position:absolute;
				overflow:hidden;
				top:0px;
				left:0px;
				height:550px;
				width:4500px;
			}
				#bgBodyAreaTimelineBackground h3 {
					text-indent:-9999px;
					margin:0px 0px 10px 0px;
				}
				#bgBodyAreaTimelineBackground h3.year1990 {
					background:transparent url(../graphics/panel-hd-year-1990.gif) no-repeat scroll center;
				}
				#bgBodyAreaTimelineBackground h3.year1991 {
					background:transparent url(../graphics/panel-hd-year-1991.gif) no-repeat scroll center;
				}
				#bgBodyAreaTimelineBackground h3.year1992 {
					background:transparent url(../graphics/panel-hd-year-1992.gif) no-repeat scroll center;
				}
				#bgBodyAreaTimelineBackground h3.year1993 {
					background:transparent url(../graphics/panel-hd-year-1993.gif) no-repeat scroll center;
				}
				#bgBodyAreaTimelineBackground h3.year1994 {
					background:transparent url(../graphics/panel-hd-year-1994.gif) no-repeat scroll center;
				}
				#bgBodyAreaTimelineBackground h3.year1995 {
					background:transparent url(../graphics/panel-hd-year-1995.gif) no-repeat scroll center;
				}
				#bgBodyAreaTimelineBackground h3.year1996 {
					background:transparent url(../graphics/panel-hd-year-1996.gif) no-repeat scroll center;
				}
				#bgBodyAreaTimelineBackground h3.year1997 {
					background:transparent url(../graphics/panel-hd-year-1997.gif) no-repeat scroll center;
				}
				#bgBodyAreaTimelineBackground h3.year1998 {
					background:transparent url(../graphics/panel-hd-year-1998.gif) no-repeat scroll center;
				}
				#bgBodyAreaTimelineBackground h3.year1999 {
					background:transparent url(../graphics/panel-hd-year-1999.gif) no-repeat scroll center;
				}
				#bgBodyAreaTimelineBackground h3.year2000 {
					background:transparent url(../graphics/panel-hd-year-2000.gif) no-repeat scroll center;
				}
				#bgBodyAreaTimelineBackground h3.year2001 {
					background:transparent url(../graphics/panel-hd-year-2001.gif) no-repeat scroll center;
				}
				#bgBodyAreaTimelineBackground h3.year2002 {
					background:transparent url(../graphics/panel-hd-year-2002.gif) no-repeat scroll center;
				}
				#bgBodyAreaTimelineBackground h3.year2003 {
					background:transparent url(../graphics/panel-hd-year-2003.gif) no-repeat scroll center;
				}
				#bgBodyAreaTimelineBackground h3.year2004 {
					background:transparent url(../graphics/panel-hd-year-2004.gif) no-repeat scroll center;
				}
				#bgBodyAreaTimelineBackground h3.year2005 {
					background:transparent url(../graphics/panel-hd-year-2005.gif) no-repeat scroll center;
				}
				#bgBodyAreaTimelineBackground h3.year2006 {
					background:transparent url(../graphics/panel-hd-year-2006.gif) no-repeat scroll center;
				}
				#bgBodyAreaTimelineBackground h3.year2007 {
					background:transparent url(../graphics/panel-hd-year-2007.gif) no-repeat scroll center;
				}
				#bgBodyAreaTimelineBackground h3.year2008 {
					background:transparent url(../graphics/panel-hd-year-2008.gif) no-repeat scroll center;
				}
				#bgBodyAreaTimelineBackground h3.year2009 {
					background:transparent url(../graphics/panel-hd-year-2009.gif) no-repeat scroll center;
				}
				#bgBodyAreaTimelineBackground h3.year2010 {
					background:transparent url(../graphics/panel-hd-year-2010.gif) no-repeat scroll center;
				}
				#bgBodyAreaTimelineBackground h3.year2011 {
					background:transparent url(../graphics/panel-hd-year-2011.gif) no-repeat scroll center;
				}
				#bgBodyAreaTimelineBackground h3.year2012 {
					background:transparent url(../graphics/panel-hd-year-20120.gif) no-repeat scroll center;
				}
				.bgBodyAreaTimelineItem, .bgBodyAreaTimelineItemAlt {
					float:left;
					height:550px;
					width:225px;
				}
					.bgBodyAreaTimelineItem h3, .bgBodyAreaTimelineItemAlt h3 {
						background-color:#00ade2;
						line-height:49px;
						height:49px;
					}
					.bgBodyAreaTimelineItem p, .bgBodyAreaTimelineItemAlt p {
						padding:0px 10px 10px 10px;
						font-size:0.9em;
						line-height:1.3em;
					}
				.bgBodyAreaTimelineItemAlt {
					background-color:#38bdeb;
				}
					.bgBodyAreaTimelineItemAlt h3 {
						background-color:#a54399;
					}
		a.btnForward {
			position:absolute;
			xbackground-color:#000;
			top:459px;
			left:151px;
			height:99px;
			width:90px;
		}
			a.btnForward span {
				display:none;
			}
		a.btnBackward {
			position:absolute;
			xbackground-color:#000;
			top:459px;
			left:41px;
			height:99px;
			width:90px;
		}
			a.btnBackward span {
				display:none;
			}
	
/* ########################################
	Page Layout - Panel: Newsletter
######################################## */

.bgBodyAreaNewsletter {
	position:relative;
	background:transparent url(../graphics/bgBodyAreaNewsletter.gif) no-repeat scroll top left;
	margin:0px auto 10px auto;
	height:377px;
	width:739px;
}
	.bgBodyAreaNewsletter .formAreaNewsletter {
		padding:30px 200px 0px 30px;
	}
		.formAreaNewsletterThanks {
			padding: 80px 260px 1px 30px;
		}
		.formAreaNewsletter div.panelMessageOops {
			background:transparent url(../graphics/textOopsUnder11.gif) no-repeat scroll top left;
			text-indent:-9999px;
			height:150px;
		}
		.formAreaNewsletter div.fieldDivide {
			line-height:40px;
			height:40px;
			display:block;
			clear:both;
			margin:0px 0px 5px 0px;
		}
			.formAreaNewsletter div span {
				float:left;
				display:block;
				text-indent:-9999px;
				width:180px;
			}
		.formAreaNewsletter label {
			line-height:40px;
			height:40px;
			display:block;
			clear:both;
			margin:0px 0px 5px 0px;
		}
			.formAreaNewsletter label span {
				float:left;
				display:block;
				text-indent:-9999px;
				width:180px;
			}
				.formAreaNewsletter label span.fieldName {
					background:transparent url(../graphics/formLabelName.gif) no-repeat scroll top left;
				}
				.formAreaNewsletter label span.fieldFirstName {
					background:transparent url(../graphics/formLabelFirstNamePurple.gif) no-repeat scroll top left;
				}
				.formAreaNewsletter label span.fieldLastName {
					background:transparent url(../graphics/formLabelLastNamePurple.gif) no-repeat scroll top left;
				}
				.formAreaNewsletter div span.fieldDateOfBirth {
					background:transparent url(../graphics/formLabelDateOfBirth.gif) no-repeat scroll top left;
				}
				.formAreaNewsletter label span.fieldEmail {
					background:transparent url(../graphics/formLabelEmail.gif) no-repeat scroll top left;
				}
				.formAreaNewsletter label span.fieldEmailParent {
					background:transparent url(../graphics/formLabelEmailAddressParent.gif) no-repeat scroll top left;
					float:none;
					width:auto;
				}
				.formAreaNewsletter label span.fieldCountry {
					background:transparent url(../graphics/formLabelCountry.gif) no-repeat scroll top left;
				}
				.formAreaNewsletter label span.fieldNewsletter {
					background:transparent url(../graphics/formLabelNewsletter.gif) no-repeat scroll top left;
				}
			.formAreaNewsletter label .inputText {
				border:3px solid #FFF599;
				margin:0px 5px 0px 0px;
				padding:5px;
				width:240px;
			}
			.formAreaNewsletter label .inputText {
				border:3px solid #FFF599;
				margin:0px 5px 0px 0px;
				padding:5px;
				width:240px;
			}
			.formAreaNewsletter .formLabelDay {
				xbackground:#fffde1 url(../graphics/formLabelDay.gif) no-repeat scroll center center;
				text-align:center;
			}
			.formAreaNewsletter .formLabelMonth {
				xbackground:#fffde1 url(../graphics/formLabelMonth.gif) no-repeat scroll center center;
				text-align:center;
			}
			.formAreaNewsletter .formLabelYear {
				xbackground:#fffde1 url(../graphics/formLabelYear.gif) no-repeat scroll center center;
				text-align:center;
			}
			.formLabelDay:disabled, .formLabelMonth:disabled, .formLabelYear:disabled { xcolor:#000; }
			.formAreaNewsletter .inputDate {
				border:3px solid #FFF599;
				margin:0px 0px 0px 0px;
				padding:5px;
				width:50px;
			}
		.formAreaNewsletter label.fieldMessage {
			height:auto;
			padding:0px 0px 10px 0px;
		}

		.formAreaNewsletterThanks {
		}
			.formAreaNewsletterThanks .formTextThanksNormal {
				background:transparent url(../graphics/formTextThanksNormal.gif) no-repeat scroll top left;
				padding:0px;
				margin:0px;
				height:120px;
				text-indent:-9999px;
			}
			.formAreaNewsletterThanks .formTextThanksParent {
				background:transparent url(../graphics/formTextThanksParent.gif) no-repeat scroll top left;
				padding:0px;
				margin:0px;
				height:120px;
				text-indent:-9999px;
			}
			.formAreaNewsletterThanks .formTextThanksChild {
				background:transparent url(../graphics/formTextThanksChild.gif) no-repeat scroll top left;
				padding:0px;
				margin:0px;
				height:120px;
				text-indent:-9999px;
			}

.bgBodyAreaUnsubscribe {
	position:relative;
	background:transparent url(../graphics/bgBodyAreaUnsubscribe.gif) no-repeat scroll top left;
	margin:0px auto 10px auto;
	height:195px;
	width:739px;
}
	.bgBodyAreaUnsubscribe .formAreaNewsletter {
		padding:30px 200px 0px 30px;
	}


/* ########################################
	Page Layout - Panel: Mosaic
######################################## */

.bgBodyAreaMosaic {
	background:transparent url(../graphics/bgBodyAreaMosaic.gif) no-repeat scroll top left;
	position:relative;
	margin:0px auto 10px auto;
	clear:both;
	height:800px;
	width:740px;
}
	.bgBodyAreaMosaic .textError {
		background-color:#fff;
	}
	.bgBodyAreaMosaic .formAreaMosaic {
		padding:20px 10px 0px 30px;
	}
		.formAreaMosaic h3.panel-hd-entercompetition {
			background:transparent url(../graphics/panel-hd-entercompetition.gif) no-repeat scroll top left;
			height:50px;
			display:block;
			text-indent:-9999px;
		}

		.formAreaMosaic h3.panel-hd-submitimage {
			background:transparent url(../graphics/panel-hd-submitimage.gif) no-repeat scroll left top;
			display:block;
			height:50px;
			text-indent:-9999px;
		}

		.formAreaMosaic .textError {
			height:auto;
			margin:0px;
			padding:0px;
			position:absolute;
			right:0px;
			top:290px;
			width:200px;
		}
			.formAreaMosaic .textError .textPadding {
				padding:5px;
			}
		.formAreaMosaicThanks {
			padding: 20px 0px 1px 30px;
		}
			.formAreaMosaicThanks h3.panel-hd-compthankyou {
				background:transparent url(../graphics/panel-hd-compthankyou.gif) no-repeat top left;
				height:60px;
				text-indent:-9999px;
			}
			.formAreaMosaicThanks .textThankYouMessage {
				background:transparent url(../graphics/textThankYouMessage.gif) no-repeat top left;
				height:190px;
				text-indent:-9999px;
			}
			.formAreaMosaicThanks .btnViewGallery {
				background:transparent url(../graphics/btnViewGallery.gif) no-repeat top left;
				text-indent:-9999px;
				display:block;
				overflow:hidden;
				margin-left:200px;
				height:60px;
				width:182px;
			}
		.formAreaMosaic label {
			position:relative;
			line-height:40px;
			height:40px;
			display:block;
			clear:both;
			margin:0px 0px 5px 0px;
		}
			.formAreaMosaic label span {
				float:left;
				display:block;
				text-indent:-9999px;
				width:150px;
			}
				
				.formAreaMosaic label.fieldCountryGroup {
					height:80px;
				}
				
				.formAreaMosaic label.fieldGalleyUsedGroup {
					height:50px;
				}
				
				.formAreaMosaic label span.fieldFirstName {
					background:transparent url(../graphics/formLabelFirstName.gif) no-repeat scroll top left;
					height:60px;
				}
				.formAreaMosaic label span.fieldLastName {
					background:transparent url(../graphics/formLabelLastName.gif) no-repeat scroll top left;
					height:60px;
				}
				.formAreaMosaic label span.fieldEmailAddress {
					background:transparent url(../graphics/formLabelEmailAddress.gif) no-repeat scroll top left;
				}
				.formAreaMosaic label span.fieldLocation {
					background:transparent url(../graphics/formLabelLocation.gif) no-repeat scroll top left;
				}
				.formAreaMosaic label span.fieldTownCity {
					background:transparent url(../graphics/formLabelTownCity.gif) no-repeat scroll top left;
				}
				.formAreaMosaic label span.fieldCountry {
					background:transparent url(../graphics/formLabelCompCountry.gif) no-repeat scroll top left;
				}
				.formAreaMosaic label span.fieldAge {
					background:transparent url(../graphics/formLabelAge.gif) no-repeat scroll top left;
				}
				.formAreaMosaic label span.fieldMessageBox {
					background:transparent url(../graphics/formLabelMessageBox.gif) no-repeat scroll top left;
				}
				.formAreaMosaic label span.fieldImage {
					background:transparent url(../graphics/formLabelImage.gif) no-repeat scroll top left;
				}
				.formAreaMosaic label span.fieldCompCountries {
					position:absolute;
					background:transparent url(../graphics/formLabelCompOpen.gif) no-repeat scroll top left;
					top:38px;
					left:155px;
					height:38px;
					width:263px;
				}
				
				.formAreaMosaic label span.fieldInformationUsed {
					position:absolute;
					background:transparent url(../graphics/formLabelInformationUsed.gif) no-repeat scroll top left;
					top:35px;
					left:155px;
					height:40px;
					width:260px;
				}

				.formAreaMosaic label span.fieldGalleryUsed {
					position:absolute;
					background:transparent url(../graphics/formLabelGalleryUsed.gif) no-repeat scroll top left;
					top:35px;
					left:155px;
					height:20px;
					width:120px;
				}
				
				.formAreaMosaic label span.fieldGalleryNotUsed {
					position:absolute;
					background:transparent url(../graphics/formLabelGalleryNotUsed.gif) no-repeat scroll top left;
					top:35px;
					left:155px;
					height:20px;
					width:120px;
				}
			.formAreaMosaic label .inputText {
				border:3px solid #FF9966;
				margin:0px 5px 0px 0px;
				padding:5px;
				width:240px;
			}
		.formAreaMosaic label.fieldMessage {
			height:auto;
			padding:0px 0px 10px 0px;
		}
			label.fieldMessage textarea.inputText {
				height:8em;
			}
		.formAreaMosaic label.fieldNewsletter {
			height:60px;
			padding:0px 0px 10px 0px;
		}
			.formAreaMosaic label.fieldNewsletter span {
				height:60px;
			}



/* ########################################
	Page Layout - Panel: E-Card Form
######################################## */

.bgBodyAreaEcardDisplay {
	position:relative;
	background:transparent url(../graphics/bgBodyAreaEcardBody.gif) no-repeat scroll top left;
	margin:0px auto 10px auto;
	height:317px;
	width:727px;
}
	.bgBodyAreaEcardDisplay .cardImage {
		float:left;
		text-align:center;
		padding:40px 0px;
		height:auto;
		width:250px;
	}
	.bgBodyAreaEcardDisplay .cardMessage {
		float:left;
		color:#ffffff;
		font-weight:bold;
		padding:40px 0px;
		height:auto;
		width:460px;
	}
		.bgBodyAreaEcardDisplay .cardMessage .cardToName {
			font-size:1.4em;
			font-weight:bold;
		}
			.bgBodyAreaEcardDisplay .cardMessage .cardToName span {
				color:#8a1d20;
			}
		.bgBodyAreaEcardDisplay .cardMessage .cardFromName {
			font-size:1.4em;
			font-weight:bold;
		}
			.bgBodyAreaEcardDisplay .cardMessage .cardFromName span {
				color:#8a1d20;
			}
	.bgBodyAreaEcardDisplay .btnSendEcard {
		position:absolute;
		/*background-color:#000;*/
		/*opacity:0.4;*/
		top:262px;
		left:478px;
		height:55px;
		width:240px;
	}
		.bgBodyAreaEcardDisplay .btnSendEcard span {
			display:none;
		}

.bgBodyAreaEcard {
	position:relative;
	margin:0px auto 10px auto;
	height:auto;
	width:739px;
}
	.bgBodyAreaEcard .formAreaEcard {
		padding:30px 10px 0px 30px;
	}
		.formAreaEcard .textError {
			height:auto;
			margin:0px;
			padding:0px;
			position:absolute;
			right:0px;
			top:290px;
			width:200px;
		}
			.formAreaEcard .textError .textPadding {
				padding:5px;
			}
		.formAreaEcardThanks {
			padding: 2px 0px 1px 30px;
		}
			.formAreaEcardThanks a.btnSendAnother {
				background:transparent url(../graphics/btnSendAnother.gif) no-repeat scroll top left;
				display:block;
				height:41px;
				width:195px;
			}
				.formAreaEcardThanks a.btnSendAnother span {
					display:none;
				}
		.formAreaEcard label {
			line-height:40px;
			height:40px;
			display:block;
			clear:both;
			margin:0px 0px 5px 0px;
		}
			.formAreaEcard label span {
				float:left;
				display:block;
				text-indent:-9999px;
				width:215px;
			}
				.formAreaEcard label span.fieldYourName {
					background:transparent url(../graphics/formLabelYourName.gif) no-repeat scroll top left;
				}
				.formAreaEcard label span.fieldYourEmail {
					background:transparent url(../graphics/formLabelYourEmail.gif) no-repeat scroll top left;
				}
				.formAreaEcard label span.fieldTheirName {
					background:transparent url(../graphics/formLabelTheirName.gif) no-repeat scroll top left;
				}
				.formAreaEcard label span.fieldTheirEmail {
					background:transparent url(../graphics/formLabelTheirEmail.gif) no-repeat scroll top left;
				}
				.formAreaEcard label span.fieldCountry {
					background:transparent url(../graphics/formLabelCountryList.gif) no-repeat scroll top left;
				}
				.formAreaEcard label span.fieldMessage {
					background:transparent url(../graphics/formLabelMessage.gif) no-repeat scroll top left;
				}
				.formAreaEcard label span.fieldNewsletter {
					background:transparent url(../graphics/formLabelNewsletter.gif) no-repeat scroll top left;
				}
			.formAreaEcard label .inputText {
				border:3px solid #FF9966;
				margin:0px 5px 0px 0px;
				padding:5px;
				width:240px;
			}
		.formAreaEcard label.fieldMessage {
			height:auto;
			padding:0px 0px 10px 0px;
		}
			label.fieldMessage textarea.inputText {
				height:8em;
			}
		.formAreaEcard label.fieldNewsletter {
			height:60px;
			padding:0px 0px 10px 0px;
		}
			.formAreaEcard label.fieldNewsletter span {
				height:60px;
			}

h3.panel-hd-single-ecard {
	background:transparent url(../graphics/panel-hd-single-ecard.gif) no-repeat top left;
	height:22px;
	margin:10px 0px 10px 15px;
	text-indent:-9999px;
}

.formAreaEcardSelection {
	margin:0px;
	padding:0px;
	list-style:none;
	height:240px;
}
	.formAreaEcardSelection li {
		float:left;
		margin:0px 13px;
		text-align:center;
		height:240px;
		width:220px;
	}
		.formAreaEcardSelection li input {
		}

/* ########################################
	Page Layout - Panel: Question and Answers
######################################## */

#bgBodyAreaQuestionsAnswers01 {
	background:transparent url(../graphics/bgBodyAreaQuestionsAnswers01.gif) no-repeat scroll top left;
}
#bgBodyAreaQuestionsAnswers02 {
	background:transparent url(../graphics/bgBodyAreaQuestionsAnswers02.gif) no-repeat scroll top left;
}
#bgBodyAreaQuestionsAnswers03 {
	background:transparent url(../graphics/bgBodyAreaQuestionsAnswers03.gif) no-repeat scroll top left;
}
#bgBodyAreaQuestionsAnswers04 {
	background:transparent url(../graphics/bgBodyAreaQuestionsAnswers04.gif) no-repeat scroll top left;
}
#bgBodyAreaQuestionsAnswers05 {
	background:transparent url(../graphics/bgBodyAreaQuestionsAnswers05.gif) no-repeat scroll top left;
}
#bgBodyAreaQuestionsAnswers06 {
	background:transparent url(../graphics/bgBodyAreaQuestionsAnswers06.gif) no-repeat scroll top left;
}

.bgBodyAreaQuestionsAnswers {
	position:relative;
	margin:0px auto 10px auto;
	height:298px;
	width:727px;
}
	.bgBodyAreaQuestionsAnswers h3 {
		margin:0px 0px 10px 0px;
		padding:30px 20px 0px 240px;
	}
	.bgBodyAreaQuestionsAnswers div {
		margin:0px 0px 0px 0px;
		padding:0px 20px 0px 240px;
	}
	.bgBodyAreaQuestionsAnswers ul {
		position:absolute;
		top:210px;
		left:230px;
		height:34px;
		width:300px;
	}
		.bgBodyAreaQuestionsAnswers ul li {
			float:left;
			margin:0px 5px;
			height:34px;
			width:34px;
		}
			.bgBodyAreaQuestionsAnswers ul li a {
				display:block;
				text-decoration:none;
				height:34px;
				width:34px;
			}

/* ########################################
	Page Layout - Panel: Competition Area
######################################## */

.panelContentCompetitionArea {
	position:relative;
	background:transparent url(../graphics/bgBodyAreaCompetition.gif) no-repeat bottom left;
	color:#ffffff;
	margin:10px auto 10px auto;
	clear:both;
	height:272px;
	width:736px;
}
	.panelContentCompetitionArea h3 {
		padding:70px 100px 0px 30px;
	}
	.panelContentCompetitionArea p {
		padding:0px 200px 0px 30px;
		margin:0px 0px 10px 0px;
	}
	.panelContentCompetitionArea .btnCompEnter {
		position:absolute;
		background:transparent url(../graphics/btnCompEnter.gif) no-repeat bottom left;
		display:block;
		top:200px;
		left:400px;
		height:38px;
		width:113px;
	}
		.panelContentCompetitionArea a.btnCompEnter span {
			display:none;
		}
	.panelContentCompetitionArea a.btnComingSoon {
		position:absolute;
		background:transparent url(../graphics/btnComingSoon.gif) no-repeat bottom left;
		display:block;
		top:200px;
		left:400px;
		height:48px;
		width:138px;
	}
		.panelContentCompetitionArea a.btnComingSoon span {
			display:none;
		}

/* ########################################
	Page Layout - Panel: Other Interests
######################################## */

.panelContentOtherInterest {
	clear:both;
	border-top:1px solid #fdb813;
	padding:20px 0px 0px 0px;
}
	.panelContentOtherInterest .columnLeft {
		float:left;
		margin:0px 5px;
		height:140px;
		width:360px;
	}
	.panelContentOtherInterest .columnRight {
		float:right;
		margin:0px 5px;
		height:140px;
		width:360px;
	}
	.panelContentOtherInterest .imageDetail {
		float:left;
		height:140px;
		width:130px;
	}
	.panelContentOtherInterest h4 {
		padding:30px 0px 0px 0px;
		margin:0px 0px 10px 0px;
	}
	.panelContentOtherInterest a {
		color:#000000;
	}

/* ########################################
	Page Layout - Panel: Character List
######################################## */

.bgBodyAreaCharacters {
	background:transparent url(../graphics/bgBodyAreaCharacters.gif) no-repeat bottom left;
	height:360px;
	margin:0px 0px 10px 0px;
}
	.bgBodyAreaCharacters .panelCharacterList {
		position:relative;
		top:-10px;
		padding:0px 0px 0px 0px;
		margin:0px auto;
		width:680px;
	}
		.bgBodyAreaCharacters .panelCharacterList li {
			float:left;
			height:160px;
			width:170px;
		}
.panelCharacterBlock {
	clear:both;
	display:block;
	padding:0px 20px;
}
	.panelCharacterBlock h3 {
		float:left;
		text-indent:-9999px;
		height:40px;
		width:200px;
	}
	.panelCharacterBlock h3.panel-hd-char-mrbean {
		background:transparent url(../graphics/panel-hd-char-mrbean.gif) no-repeat top left;
	}
	.panelCharacterBlock h3.panel-hd-char-teddy {
		background:transparent url(../graphics/panel-hd-char-teddy.gif) no-repeat top left;
	}
	.panelCharacterBlock h3.panel-hd-char-mrswicket {
		background:transparent url(../graphics/panel-hd-char-mrswicket.gif) no-repeat top left;
	}
	.panelCharacterBlock h3.panel-hd-char-irmagobb {
		background:transparent url(../graphics/panel-hd-char-irmagobb.gif) no-repeat top left;
	}
	.panelCharacterBlock h3.panel-hd-char-scrapper {
		background:transparent url(../graphics/panel-hd-char-scrapper.gif) no-repeat top left;
	}
	.panelCharacterBlock h3.panel-hd-char-threewheeler {
		background:transparent url(../graphics/panel-hd-char-threewheeler.gif) no-repeat top left;
	}
	.panelCharacterBlock h3.panel-hd-char-mrbeanmini {
		background:transparent url(../graphics/panel-hd-char-mrbeanmini.gif) no-repeat top left;
	}
	.panelCharacterBlock img {
		float:right;
		margin:0px 0px 10px 10px;
	}
	.panelCharacterBlock p {
		clear:left;
	}

/* ########################################
	Page Layout - Panel: Games
######################################## */

.panelGames {
	padding:0px;
	margin:0px;
}
	.panelGames li {
		float:left;
		margin:2px 3px;
		width:366px;
	}

/* ########################################
	Page Layout - Panel: Quiz
######################################## */

.panelAreaQuizTop {
	background:transparent url(../graphics/bgBodyAreaQuizTop.gif) no-repeat top left;
	margin:0px auto;
	height:45px;
	width:740px;
}

.panelAreaQuizBody {
	background:transparent url(../graphics/bgBodyAreaQuizBody.gif) repeat-y top left;
	margin:0px auto;
	width:740px;
}
	.panelAreaQuizBody p {
		padding-left:0px;
		padding-right:0px;
	}
	.panelAreaQuizBody .bgBodyQuizScore {
		background:transparent url(../graphics/bgBodyQuizScore.gif) no-repeat top left;
		float:left;
		height:38px;
		width:184px;
	}
		.bgBodyQuizScore span {
			display:block;
			line-height:38px;
			padding:0px 0px 0px 90px;
		}
	.panelAreaQuizBody .bgBodyQuizSubmit {
		float:right;
		text-align:right;
		height:60px;
		width:260px;
	}
	.panelAreaQuizBody .cellPadding {
		padding:0px 240px 0px 30px;
	}
	.panelAreaQuizBody ol {
		padding:0px 0px 0px 40px;
		margin:0px 0px;
	}
		.panelAreaQuizBody ol li {
			font-weight:bold;
			padding:0px 0px 20px 0px;
		}
			.panelAreaQuizBody ol li ul {
				list-style-position:inside;
				list-style:upper-alpha;
			}
				.panelAreaQuizBody ol li ul li {
					list-style-position:inside;
					font-weight:normal;
					padding:4px 0px;
				}

.panelAreaQuizBottom {
	background:transparent url(../graphics/bgBodyAreaQuizBottom.gif) no-repeat top left;
	margin:0px auto;
	height:50px;
	width:740px;
}

/* ########################################
	Page Layout - Shop: Side Nav / Content
######################################## */
	.panelShopNavigation {
		float:left;
		width:219px;
	}
		.panelShopNavigation .panel-shop-image {
			text-align:center;
			padding:10px 0px;
		}
		.panelShopNavigation h3.panel-hd-shop {
			background:transparent url(../graphics/bgNavHeadShop.gif) no-repeat top left;
			height:71px;
		}
			.panelShopNavigation h3.panel-hd-shop a {
				display:block;
				height:71px;
			}
		.panelShopNavigation h3.panel-hd-buy {
			background:transparent url(../graphics/bgNavHeadBuy.gif) no-repeat top left;
			height:71px;
		}
			.panelShopNavigation h3 span {
				display:none;
			}
		.panelShopNavigation .panel-hd-tagline {
			background-color:#e4b4d1;
			display:none;
			padding:10px 20px;
		}
		.panelShopNavigation ul.panel-shop-buylinks {
			background:transparent url(../graphics/bgNavBodyShopBuyLinks.gif) no-repeat bottom left;
		}
		.panelShopNavigation ul {
			background:transparent url(../graphics/bgNavBodyShop.gif) no-repeat bottom left;
			list-style:none;
			margin:0px;
			padding:0px 0px 20px 0px;
			height:100%;
		}
			.panelShopNavigation ul.panel-shop-buylinks li {
				margin:0px 20px;
			}
				.panelShopNavigation ul.panel-shop-buylinks li a {
					display:block;
					color:#b5121b;
					line-height:22px;
					font-weight:bold;
				}
			.panelShopNavigation ul.panel-shop-category li {
				margin:0px 8px;
				border-top:1px solid #f8f49b;
			}
				.panelShopNavigation ul.panel-shop-category li a {
					background:transparent url(../graphics/bgNavArrowShop.gif) no-repeat center left;
					padding:0px 0px 0px 30px;
					display:block;
					height:30px;
					line-height:30px;
					color:#b5121b;
					text-decoration:none;
					font-weight:bold;
				}
				.panelShopNavigation ul.panel-shop-category li a.active {
					text-decoration:underline;
				}
				.panelShopNavigation ul.panel-shop-category li ul {
					background-image:none;
					padding:0px 0px 0px 0px;
				}
					.panelShopNavigation ul.panel-shop-category li ul li {
						border-top:none;
						margin:0px 8px 0px 30px;
						padding:0px;
						height:18px;
					}
						.panelShopNavigation ul.panel-shop-category li ul li a {
							background-image:none;
							padding:0px 0px 0px 0px;
							height:auto;
							line-height:18px;
							color:#7d3520;
							text-decoration:none;
							font-weight:bold;
						}
						.panelShopNavigation ul.panel-shop-category li ul li a.active {
							text-decoration:underline;
						}
	.panelShopContent {
		float:left;
		margin:0px 0px 0px 20px;
		width:505px;
	}
		.panelShopContent .categoryStrapline {
			font-weight:bold;
		}
		.panelShopContent .panel-shop-image {
			float:right;
			margin:0px 0px 0px 20px;
			padding:10px 0px;
			text-align:center;
			height:auto;
			width:200px;
		}
		.panelShopContent p {
			padding-left:0px;
			padding-right:0px;
		}
		.panelShopContent a.btnBackToShop {
			background:transparent url(../graphics/btnBackToShop.gif) no-repeat center left;
			display:block;
			height:25px;
			width:160px;
		}
			.panelShopContent a.btnBackToShop span {
				display:none;
			}
		.panelShopContent ul, .panelShopContent .productList {
			margin:0px;
			padding:0px;
			list-style:none;
		}
			.panelShopContent ul li, .panelShopContent .productItem {
				position:relative;
				border-top: 1px solid #fdb813;
				float:left;
				height:auto;
				width:250px;
			}
			.panelShopContent ul li.leftCell {
				clear:left;
			}
			.panelShopContent .endCell {
				overflow:hidden;
				height:1px;
			}
			.panelShopContent ul li.endCell, .panelShopContent .endCell {
				clear:both;
			}
				.panelShopContent ul li .itemImage, .panelShopContent .productItem .itemImage {
					float:left;
					xheight:120px;
					padding:10px 0px;
					width:105px;
				}
					.panelShopContent ul li .itemImage img, .panelShopContent .productItem .itemImage img {
						width:100px;
					}
				.panelShopContent ul li h4, .panelShopContent .productItem h4 {
					color:#b41920;
					line-height:130%;
					padding:10px 5px 10px 105px;
				}
				.panelShopContent ul li .itemText, .panelShopContent .productItem .itemText {
					padding:0px 8px 0px 105px;
					font-size:0.9em;
					line-height:130%;
				}
				.panelShopContent h4 {
					color:#B5121B;
					font-size:1.1em;
					font-weight:bold;
					padding:10px 0px;
				}
				.panelShopContent a.btnMoreInfo {
					background:transparent url(../graphics/btnMoreInfo.gif) no-repeat top left;
					display:block;
					margin:8px 0px 10px 105px;
					height:36px;
					width:107px;
				}
					.panelShopContent a.btnMoreInfo span {
						display:none;
					}
		.panelShopContent h3 {
			border-bottom:1px solid #fdb813;
			padding-bottom:10px;
		}
		.ph_ProductDescription h1, .ph_ProductDescription h2, .ph_ProductDescription h3, .ph_ProductDescription h4, .ph_ProductDescription h5, .ph_ProductDescription h6 {
			font-size:1.1em;
			font-weight:bold;
			color:#b5121b;
			padding:10px 0px;
		}
		.panelShopContent h5 {
			font-size:1em;
			font-weight:bold;
			color:#b5121b;
			padding:10px 0px 10px 0px;
		}

/* ########################################
	Page Layout - Page Bubble Promo
######################################## */

#promoBubble {
	height:202px;
	margin:10px 0px;
}
	#promoBubble li {
		background:transparent url(../graphics/bgPromoBubble_8bit.png) no-repeat top left;
		float:left;
		margin:0px 1px;
		height:202px;
		width:262px;
	}

/* ########################################
	Page Layout - Page Navigation [Bottom]
######################################## */

#pageFooter #pageSubInfo {
	color:#ffffff;
	height:217px;
	overflow:hidden;
}
	#pageSubInfo #pageNewsletter {
		float:left;
		margin-right:70px;
		height:auto;
		width:375px; 
	}
		#pageNewsletter .addthis_bookmarks {
			padding-top: 20px;
		}
		#pageSubInfo #pageNewsletter input.inputText {
			padding: 5px;
			width: 240px;
			margin: 0px 5px 0px 0px;
			border: 3px solid #fff599;
		}
		#pageSubInfo #pageNewsletter input.inputImage {
			vertical-align:middle;
		}
		#pageSubInfo #pageNewsletter a {
			text-decoration:none;
			color:#ffffff;
		}
		#pageSubInfo #pageNewsletter a:hover {
			color:#cccccc;
		}
		#pageSubInfo #pageNewsletter a.btnSubscribe {
			background:transparent url(../graphics/btnSubscribe.gif) no-repeat 0px 0px;
			float:right;
			display:block;
			margin:0px 0px 20px 20px;
			height:46px;
			width:116px;
		}
			a.btnSubscribe span {
				display:none;
			}
	#pageSubInfo #pageNavigationFoot {
		float:left;
		margin-right:40px;
		height:auto;
		width:210px; 
	}
		#pageSubInfo #pageNavigationFoot a {
			text-decoration:none;
			color:#ffffff;
		}
		#pageSubInfo #pageNavigationFoot a:hover {
			color:#cccccc;
		}
	#pageSubInfo #pageOtherLinks {
		float:left;
		margin-right:0px;
		height:auto;
		width:240px; 
	}
		#pageSubInfo #pageOtherLinks a {
			text-decoration:none;
			color:#ffffff;
		}
		#pageSubInfo #pageOtherLinks a:hover {
			color:#cccccc;
		}

#pageFooter #pageLanguage {
	color:#ffffff;
	position:relative;
	height:66px;
}
	#pageLanguage #copyright {
		float:left;
		margin:0px 30px 0px 0px;
		line-height:66px;
		height:66px;
		width:auto;
	}
	#pageLanguage #logo {
		position:relative;
		background:transparent url(../graphics/bgFooterLogo.gif) repeat-x 0px 0px;
		float:left;
		margin:0px 0px 0px 0px;
		top:-15px;
		height:81px;
		width:137px;
	}
		#pageLanguage #logo span {
			display:none;
		}
	#pageFooter #pageLanguage ul {
		float:left;
		margin:0px 30px 0px 0px;
		height:66px;
		width:405px;
	}
		#pageFooter #pageLanguage ul li {
			float:left;
			height:66px;
			width:66px;
		}
			#pageFooter #pageLanguage ul li a {
				display:block;
				height:66px;
				width:66px;
			}
			#pageFooter #pageLanguage ul li a.flagUK {
				background:transparent url(../graphics/iconFlags_8bit.png) repeat-x 0px 0px;
			}
			#pageFooter #pageLanguage ul li a.flagUS {
				background:transparent url(../graphics/iconFlags_8bit.png) repeat-x -66px 0px;
				display:none;
			}
			#pageFooter #pageLanguage ul li a.flagDK {
				background:transparent url(../graphics/iconFlags_8bit.png) repeat-x -132px 0px;
				display:none;
			}
			#pageFooter #pageLanguage ul li a.flagAU {
				background:transparent url(../graphics/iconFlags_8bit.png) repeat-x -198px 0px;
				display:none;
			}
			#pageFooter #pageLanguage ul li a.flagIT {
				background:transparent url(../graphics/iconFlags_8bit.png) repeat-x -264px 0px;
				display:none;
			}
			#pageFooter #pageLanguage ul li a.flagFR {
				background:transparent url(../graphics/iconFlags_8bit.png) repeat-x -330px 0px;
				display:none;
			}
			#pageFooter #pageLanguage ul li a.flagES {
				background:transparent url(../graphics/iconFlags_8bit.png) repeat-x -396px 0px;
				display:none;
			}

/* ########################################
	General Style
######################################## */

#pageBody {
	padding:0px 0px 60px 0px;
}

#pageFooter {
	margin:0px 0px 0px 0px;
	clear:both;
}
	#pageFooter #pageFooterMast {
		background:transparent url(../graphics/bgFooterMain.gif) repeat-x top center;
		height:283px;
		overflow:hidden;
	}

.pageContainer {
	clear:both;
	margin:0px auto;
	width:990px;
}

/* ########################################
	General Style: Headings
######################################## */

h2.panel-hd-contacts {
	background:transparent url(../graphics/panel-hd-contacts.gif) no-repeat top left;
	height:60px;
	text-indent:-9999px;
}

h2.panel-hd-creators {
	background:transparent url(../graphics/panel-hd-creators.gif) no-repeat top left;
	height:60px;
	text-indent:-9999px;
}

h2.panel-hd-newsletter {
	background:transparent url(../graphics/panel-hd-newsletter.gif) no-repeat top left;
	height:60px;
	text-indent:-9999px;
}

h2.panel-hd-privacypolicy {
	background:transparent url(../graphics/panel-hd-privacypolicy.gif) no-repeat top left;
	height:60px;
	text-indent:-9999px;
}

h2.panel-hd-termsconditions {
	background:transparent url(../graphics/panel-hd-termsconditions.gif) no-repeat top left;
	height:60px;
	text-indent:-9999px;
}

h2.panel-hd-mrbeanshop {
	background:transparent url(../graphics/panel-hd-mrbeanshop.gif) no-repeat top left;
	height:60px;
	text-indent:-9999px;
}

h2.panel-hd-mrbeanfungames {
	background:transparent url(../graphics/panel-hd-mrbeanfungames.gif) no-repeat top left;
	height:60px;
	text-indent:-9999px;
}

h2.panel-hd-classicclips {
	background:transparent url(../graphics/panel-hd-classicclips.gif) no-repeat top left;
	height:60px;
	text-indent:-9999px;
}

h2.panel-hd-20yearsofmrbean {
	background:transparent url(../graphics/panel-hd-20yearsofmrbean_8bit.png) no-repeat top left;
	height:60px;
	text-indent:-9999px;
}

h2.panel-hd-downloads {
	background:transparent url(../graphics/panel-hd-downloads.gif) no-repeat top left;
	height:60px;
	text-indent:-9999px;
}

h2.panel-hd-beantimeline {
	background:transparent url(../graphics/panel-hd-beantimeline.gif) no-repeat top left;
	height:60px;
	text-indent:-9999px;
}

h2.panel-hd-questionsanswer {
	background:transparent url(../graphics/panel-hd-questionsanswer.gif) no-repeat top left;
	height:60px;
	text-indent:-9999px;
}

h2.panel-hd-mrbeanquiz {
	background:transparent url(../graphics/panel-hd-mrbeanquiz.gif) no-repeat top left;
	height:60px;
	text-indent:-9999px;
}

h2.panel-hd-competition {
	background:transparent url(../graphics/panel-hd-competition.gif) no-repeat top left;
	height:60px;
	text-indent:-9999px;
}

h2.panel-hd-aboutmrbean {
	background:transparent url(../graphics/panel-hd-aboutmrbean.gif) no-repeat top left;
	height:60px;
	text-indent:-9999px;
}

h2.panel-hd-meetcharacters {
	background:transparent url(../graphics/panel-hd-meetcharacters.gif) no-repeat top left;
	height:97px;
	text-indent:-9999px;
}

h2.panel-hd-unsubscribe {
	background:transparent url(../graphics/panel-hd-unsubscribe.gif) no-repeat top left;
	height:60px;
	text-indent:-9999px;
}

h2.panel-hd-sendamrbeanecard {
	background:transparent url(../graphics/panel-hd-sendamrbeanecard.gif) no-repeat top left;
	height:60px;
	text-indent:-9999px;
}

h2.panel-hd-yourmrbeanecard {
	background:transparent url(../graphics/panel-hd-yourmrbeanecard.gif) no-repeat top left;
	height:60px;
	text-indent:-9999px;
}

h2.panel-hd-imagewall {
	background:transparent url(../graphics/panel-hd-imagewall.gif) no-repeat scroll left top;
	height:60px;
	text-indent:-9999px;
}

.picBeanRunning {
	position:absolute;
	top:0px;
	right:20px;
}

.picBeanTVRemote {
	position:absolute;
	top:40px;
	right:20px;
}

.picBeanTeddyDance {
	position:absolute;
	top:40px;
	right:20px;
}

.picBeanBadgesThree {
	margin-right:20px;
}

.textNewsletterSignup {
	background:transparent url(../graphics/textNewsletterSignup.gif) no-repeat top left;
	height:57px;
	text-indent:-9999px;
}

.textQuizAllRight {
	background:transparent url(../graphics/textQuizAllRight.gif) no-repeat top left;
	height:96px;
	text-indent:-9999px;
}

.textQuizAlmostExpert {
	background:transparent url(../graphics/textQuizAlmostExpert.gif) no-repeat top left;
	height:90px;
	text-indent:-9999px;
}

.textQuizBrushUp {
	background:transparent url(../graphics/textQuizBrushUp.gif) no-repeat top left;
	height:99px;
	text-indent:-9999px;
}

.textMrBeanEcardSent {
	background:transparent url(../graphics/textMrBeanEcardSent.gif) no-repeat top left;
	height:60px;
	text-indent:-9999px;
}