/*--------------------------------------------------*/
/* Basic resets                                     */

	* {
		margin: 0;
		padding: 0;
	}

	img {
		border: 0;
	}

	a {
		text-decoration: none;
	}

/*--------------------------------------------------*/
/* Generic classes                                  */

	.offScreen {
		position: absolute;
		left: -10000px;
	}

/*--------------------------------------------------*/
/* Template                                         */

	/*--------------------------------------------------*/
	/* Main                                             */

		html {
			height: 100%;
			font-size: 100%; /* standardise default at 16pt [for IE] */
			background: #9FCA19 url('../images/greenGradient.png') repeat-x;
			font-family: arial, verdana, helvetica, sans-serif;
		}

		body {
			background: url('../images/clouds.png') repeat-x 50% 100%;
		}

	/*--------------------------------------------------*/
	/* Wrapper                                          */

		#wrapper {
			margin: 0 auto;
			width: 1000px;
		}

	/*--------------------------------------------------*/
	/* Top: List                                        */

		#topList {
			background: url('../images/topListBg.png') no-repeat;
			width: 1000px;
			height: 455px;
			position: relative;
		}

		#topList div img {
			position: absolute;
			top: 47px;
			left: 336px;
		}

		#topList p img {
			position: absolute;
			top: 146px;
			left: 868px;
		}
		
		#topList p a#notLoggedIn img {
			left: -40px;
			top: 130px;
			position: absolute;
		}

	/*--------------------------------------------------*/
	/* Top: Screen                                      */

		#topScreen {
			text-align: center;
			z-index: 100;
		}
			
		#topScreen .inner {
			margin: 20px auto 0 auto;
			padding-right: 105px;
			width: auto !important;
			width: 100px;
			min-width: 100px;
			position: relative;
			display: inline-block;
		}

		#topScreen #gameContainer {
			padding: 20px 20px 0 125px;
			background: url('../images/tvTop.png') top left no-repeat;;
			
		}
			#topScreen #gameContainer .tl { background: #2e4651 url('../images/gameContainer.tl.png') top left no-repeat; }
			#topScreen #gameContainer .tr { background: transparent url('../images/gameContainer.tr.png') top right no-repeat; }
			#topScreen #gameContainer .br { background: transparent url('../images/gameContainer.br.png') bottom right no-repeat; }
			#topScreen #gameContainer .bl { background: transparent url('../images/gameContainer.bl.png') bottom left no-repeat; padding: 5px; }
		
		#topScreen #gameInfo {
			padding: 10px 20px 1px 0;
			padding-left: 125px;
			background: url('../images/tvBottom.png') top left repeat-y;
			height: auto !important;
			height: 149px;
			min-height: 149px;
		}

		#topScreen #gameInfo h2 {
			text-transform: uppercase;
			font-size: 1.2em;
			color: #FFF;
			background: url('../images/speaker.png') 0 50% no-repeat;
			height: 50px;
			margin-bottom: 10px;
		}
		
		#topScreen #gameInfo h2 span { display: block; padding-top: 15px; background: url('../images/speaker.png') 100% 50% no-repeat; height: 35px; }
		#topScreen #gameInfo p {
			color: #2F5F73;
			font-size: 0.8em;
			font-weight: bold;
			width: 300px;
			margin: 0 auto;
			padding: 20px 0;
		}

		#topScreen #wandaWes {
			height: 184px;
			width: 278px;
			position: absolute;
			background: url('../images/wandaWes.png') top left no-repeat;
			bottom: -1px; 
			left: -10px;
		}
		
		#topScreen #wijController {
			height: 193px;
			width: 254px;
			position: absolute;
			background: url('../images/wijController.png') top left no-repeat;
			bottom: -14px; 
			right: 15px;
			z-index: 101;
		}

		#topScreen #lnkBack {
			position: absolute;
			top: -98px;
			left: -47px;
		}

		#topScreen #lnkWebblistak {
			position: absolute;
			top: -98px;
			left: 215px;
		}

	/*--------------------------------------------------*/
	/* Modifications for widescreen version             */
	
		body.gamesMain-wide #veryTopScreen {
			text-align: center;
			z-index: 100;
			margin: 0 auto;
		}
		
		body.gamesMain-wide #veryTopScreen .inner {
			margin: 20px auto 0 auto;
			padding-right: 75px;
			width: auto !important;
			width: 825px;
			min-width: 825px;
			position: relative;
			display: inline-block;
		}

		body.gamesMain-wide #veryTopScreen #gameContainer {
			padding: 20px 20px 20px 95px;  /* +0px */
			background: url('../images/play-wide/tvTop.png') top left repeat-y;
		
		}
			body.gamesMain-wide #veryTopScreen #gameContainer .tl { 
				border: 5px solid #2e4651; 
				background: #FFF none;
			}
			/*
			body.gamesMain-wide #veryTopScreen #gameContainer .tr { background: transparent url('../images/gameContainer.tr.png') top right no-repeat; }
			body.gamesMain-wide #veryTopScreen #gameContainer .br { background: transparent url('../images/gameContainer.br.png') bottom right no-repeat; }
			body.gamesMain-wide #veryTopScreen #gameContainer .bl { background: transparent url('../images/gameContainer.bl.png') bottom left no-repeat; padding: 5px; }
			*/

		body.gamesMain-wide #topScreen .inner { margin-top: 0; }
		body.gamesMain-wide #topScreen #gameInfo { 
			height: auto !important;
			height: 165px;
			min-height: 165px;
			width: 610px !important; /* override min-width earlier */
			background: url('../images/play-wide/tvBottom.png') top left no-repeat; 
			padding-top: 25px; 
		}
		body.gamesMain-wide #topScreen #gameInfo h2 { margin: 0 60px 25px 60px; }
		
		body.gamesMain-wide #topScreen #lnkBack {
			position: absolute;
			top: 15px;
			left: 65px;
		}

		body.gamesMain-wide #topScreen #lnkWebblistak {
			position: absolute;
			top: 0px;
			left: 50px;
		}

	/*--------------------------------------------------*/
	/* Favourite                                        */

		#favouriteHeader { width: 100%; background: url('../images/favouriteListHeader.png') 0 0 no-repeat; height: 33px; z-index: 90; }

		#favouriteGrid {
			background: url("../images/favouriteGridBg.png") repeat-y;
			overflow: auto;
			width: 100%; /* IE5+6 Win: Trigger bug to contain floated elements */
			padding-bottom: 1px; /* FF: Link select outline triggers overflow scroll bar */
		}

		#favouriteGrid div {
			float: left;
			width: 296px;
			padding-top: 5px;
		}

		#favouriteGrid div#wandaFaves {
			margin-left: 78px;
			display: inline; /* IE6 Win: double margin bug */
		}

		#favouriteGrid div h3 {
			position: absolute;
			left: -10000px;
		}

		#favouriteGrid div ul li {
			list-style: none;
			text-align: center;
			float: left;
			width: 148px; /* 296/2 */
			padding-bottom: 10px;
			position: relative;
		}

		#favouriteGrid div ul li img,
		#favouriteGrid div ul li span {
			display: block;
			margin: 0 auto;
		}

		#favouriteGrid div ul li a {
			color: #44002C;
			font-weight: bold;
			font-size: 0.8em;
		}

		#favouriteGrid div ul li a:hover span,
		#favouriteGrid div ul li a:focus span,
		#favouriteGrid div ul li a:active span {
			text-decoration: underline;
		}

		#favouriteGrid div ul li span {
			height: 2.5em;
			padding: 2px 15px 0 15px;
		}
		
		#favouriteGrid div ul li div {
			height:   88px;
			width:    130px;
			position: absolute;
			top:      0;
			left:     9px;
			float:	  none;
			padding:  0;
			margin:   0;
			background-position: 0 0;
			background-repeat: no-repeat;
		}
		#favouriteGrid #wandaFaves ul li div { background-image: url('../images/surrounds/pink.png'); }
		#favouriteGrid #wezFaves   ul li div { background-image: url('../images/surrounds/red.png'); }
		#favouriteGrid #wijFaves   ul li div { background-image: url('../images/surrounds/blue.png'); }

	/*--------------------------------------------------*/
	/* Favourite lists                                  */

		#favouriteListsHeading {
			background: url("../images/favouriteListTop.png") repeat-y;
			height: 20px;
			text-indent: -500em;
			font-size: 1px;
		}

		.favouriteLists {
			background: url("../images/favouriteListBg.png") repeat-y 0 -6px;
			overflow: auto;
			width: 100%; /* IE5+6 Win: Trigger bug to contain floated elements */
			padding-bottom: 1px; /* FF: Link select outline triggers overflow scroll bar */
		}

		.favouriteLists div {
			float: left;
			width: 296px;
		}

		.favouriteLists div.wandaList {
			margin-left: 78px;
			display: inline; /* IE6 Win: double margin bug */
		}

		.favouriteLists div ul li {
			list-style: none;
			padding: 5px 20px 5px 60px;
			background: url("../images/bulletWanda.png") no-repeat 40px 8px;
		}

		.favouriteLists div.wesList ul li {
			background-image: url("../images/bulletWes.png");
		}

		.favouriteLists div.wijList ul li {
			background-image: url("../images/bulletWij.png");
		}

		.favouriteLists div ul li a {
			color: #FFF;
			font-weight: bold;
			font-size: 0.8em;
			text-transform: uppercase;
		}

		.favouriteLists div ul li a:hover,
		.favouriteLists div ul li a:focus,
		.favouriteLists div ul li a:active {
			text-decoration: underline;
		}

	/*--------------------------------------------------*/
	/* Favourite more                                   */

		#favouriteMore {
			background: url('../images/showMoreBg.png') no-repeat;
			width: 1000px;
			height: 190px;
		}

		#favouriteMore p {
			width: 1000px;
			height: 190px;
			background: url('../images/clouds.png') repeat-x 50% 100%;
			position: relative;
		}

		#favouriteMore img {
			position: absolute;
			left: 421px; /* 429-8 */
			top: 11px; /* 26-15 */
		}