/* CSS Document */

/* HOMEPAGE SLIDESHOWS */

#downloadpanel_holder {
	position: relative;
}

#downloadpanel_frame {
	display: block;
	width:360px;
	height:250px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	overflow: hidden;
	z-index: 1;
	background: url(./images/uploads/downloadpanel_framebg.png);
	cursor:pointer;
}

#downloadpanel_slideshow {
	display: block;
	width:360px;
	height:250px;
	margin: 0px;
	position: absolute;
	overflow: hidden;
	z-index: 0;
}

#downloadpanel_slideshow img {
padding:9px;
border:0;
}



#winnerspanel_holder {
	position: relative;
}

#winnerspanel_frame {
	display: block;
	width:170px;
	height:250px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	overflow: hidden;
	z-index: 1;
	background: url(./images/uploads/winnerspanel_framebg.png);
	cursor:pointer;
}

#winnerspanel_slideshow {
	display: block;
	width:170px;
	height:250px;
	margin: 0px;
	position: absolute;
	overflow: hidden;
	z-index: 0;
}

#winnerspanel_slideshow img {
padding:9px;
border:0;
}

/* END OF HOMEPAGE SLIDESHOWS*/

/* GENERAL USEFUL CLASSES */

	* {
		margin:0;
		padding:0
	}

	.leftfloat {
		float:left;
	}

	.rightfloat {
		float:right;
	}

	img.noborder {
		border:0;
	}

	.nopad{
		padding:0;
		margin:0;
	}

	.displace {
		position: absolute;
		left: -5000px;
	}

	.nomargin{
		margin-bottom:0 !important;
	}

/* OVERALL SITE LAYOUT */

	body {
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:12px;
		background:#fff;
		text-align:center;
	}

	a {
		color:#d02026;
		text-decoration:none;
	}

	a:hover {
		color:#00529c;
	}

	p {
		padding: 5px 0;
	}

	#sitecontainer {
		margin:0 auto;
		padding:10px 15px 0;
		width:980px;
		text-align:left;
	}

	#siteheader {
		width:100%;
		height:100px;
		margin-bottom: 20px;
	}

	#logocontainer {
		padding-top:10px;
		float:left;
	}

	#logocontainer img {
		border:0;
	}

	#headernavcontainer {
		float:right;
		text-align:right;
		width:720px;
	}

	#topnavcontainer p {
		display:inline;
		color:#00529c;
	}

	#topnavcontainer {
		color:#d02026;
	}

	#strapline {
		padding:4px 0 15px;
	}


	#mainnavcontainer {
		height:40px;
	}

/* FORM FIELD DEFAULT TEXT */

    .defaultText { width: 300px; }
    .defaultTextActive { color: #a1a1a1; font-style: italic; }

/* FORM ELEMENTS */
	label	{
		width: 150px;
		float: left;
		text-align: left;
		margin-right: 0.5em;
		display: block
	}

/* TOP NAVIGATION SPRITES */

	#mainnav {
		width: 720px; height: 40px;
		background: url(./images/uploads/mainnav_sprite.gif);
		position: relative;
	}

	#mainnav li {
		margin: 0; padding: 0; list-style: none;
		position: absolute; top: 0;}

	#mainnav li, #mainnav a {
		height: 40px; display: block;
	}

	#mainnav a .navtext {display:none;}

	#mainnav_games {left: 0; width: 70px;}
	#mainnav_gettingstarted {left: 71px; width: 131px;}
	#mainnav_promotions {left: 202px; width: 98px;}
	#mainnav_banking {left: 300px; width: 73px;}
	#mainnav_supporthandsets {left: 373px; width: 165px;}
	#mainnav_viparea {left: 538px; width: 77px;}
	#mainnav_winners {left: 615px; width: 105px;}


	#mainnav_games a:hover {
		background: transparent url(./images/uploads/mainnav_sprite.gif)
		0 -40px no-repeat;}

	  #mainnav_gettingstarted a:hover {
		background: transparent url(./images/uploads/mainnav_sprite.gif)
		-71px -40px no-repeat;}

	  #mainnav_promotions a:hover {
		background: transparent url(./images/uploads/mainnav_sprite.gif)
		-202px -40px no-repeat;}

	  #mainnav_banking a:hover {
		background: transparent url(./images/uploads/mainnav_sprite.gif)
		-300px -40px no-repeat;}

	  #mainnav_supporthandsets a:hover {
		background: transparent url(./images/uploads/mainnav_sprite.gif)
		-373px -40px no-repeat;}

	  #mainnav_viparea a:hover {
		background: transparent url(./images/uploads/mainnav_sprite.gif)
		-538px -40px no-repeat;}

	  #mainnav_winners a:hover {
		background: transparent url(./images/uploads/mainnav_sprite.gif)
		-615px -40px no-repeat;}


/* SITE FOOTER */

	#sitefootercontent {
		text-align:center;
		padding:0 10px;
	}

	p.footertext {
		padding-top:0;
		color:#d02026;
	}

	p.footersmalltext {
		font-size:75%;
	}

/* COMMON LAYOUTS */

	#maincontent_2col {
		width:100%;
		margin-bottom:20px;
	}

	#maincontent_2col_left {
		float:left;
		width:784px;
		padding-right:13px;
	}

	#maincontent_2col_right {
		float:right;
		width:183px;
		margin-bottom:20px;
	}

	#greypanelcontent .middle{
		min-height:435px;
		padding-top: 6px;
	}

	#greypanelcontent .middle ul{
		padding-left:20px;
	}

	.greypanelcontent-header {
		margin:10px 18px 10px 18px;
	}

	.greypanelcontent-header h1 {
		margin-top:5px;
	}

	img.greypanelcontent-banner {
		width:730px; height:180px;
	}

	.greypanelcontentholder {
		padding:0 18px;
		margin-bottom:20px;
	}

.greypanelcontentholder ul, .greypanelcontentholder ol{
padding-left:20px;
}

/* GRID LAYOUT */

	.grid_thumbnailarea-deep {
		position:relative;
		float:left;
		width:230px;
		height:210px;
		margin: 10px 12px 10px;
		background: #fff url(./images/site/layout/white-rounded-footer-230.gif) 0 100% no-repeat;
	}

	.winner_game_logo {
		padding-left:10px;
	}

	.grid_thumbnailarea{
		position:relative;
		float:left;
		width:230px;
		height:180px;
		margin: 10px 12px 10px;
		background: #fff url(./images/site/layout/white-rounded-footer-230.gif) 0 100% no-repeat;
	}

	.grid_thumbnailarea img, .grid_thumbnailarea-deep img {
		border:0;
	}

	.grid_thumbnailarea p, .grid_thumbnailarea-deep p {
		display:inline;
		float:left;
		width: 210px;
		margin:0;
		padding: 5px 10px;
		font-size:110%;
	}

	.grid_thumbnailarea h3 , .grid_thumbnailarea-deep h3{
		padding:5px 10px 0 10px;
		margin:0;
	}

	a.moreinfo-small {
		display: block;
		position:absolute;
		top:150px;
		right:10px;
		width: 60px;
		height: 20px;

		text-decoration: none;
		background: url(./images/site/buttons/moreinfo-small.gif) 0 0 no-repeat;
		}

	a.moreinfo-small:hover {
		background-position: 0 -20px;
		}

/* PANEL LAYOUT */

	.panel_thumbnailarea{
		float:left;
		width:732px;
		min-height:100px;
		background:url(./images/uploads/whitefilledbox-732-top.gif) no-repeat;
		padding:0;
		margin:10px 12px 10px;
		display:block;
		clear:both;
	}

	.panel_thumbnail_content{
		float:left;
		width:100%;
		min-height:100px;
		margin-top:5px;
		background:#FFF;
	}

	.panel_thumbnail_content p{
		width:445px;
	}

	.panel_thumbnail_bottom{
		float:left;
		width:732px;
		height:10px;
		background:url(./images/uploads/whitefilledbox-732-bottom.gif) no-repeat;
		padding:0;
		display:block;
		clear:both;
	}

	.panel_thumbnail_img{
		display:block;
		margin-top:5px;
		margin-left:10px;
		float:left;
		width:230px;
		height:100px;
		border:0;
	}

	.panel_thumbnailarea p {
		float:left;
		margin:0;
		padding: 5px 10px;
		font-size:100%;
	}

	.panel_thumbnail_link {
		width:100%;
		height:40px;
	}

	.panel_thumbnailarea a.panel-moreinfo-small {
		display:block;
		float:right;
		padding-right:10px;
		width: 60px;
		height: 20px;
		text-decoration: none;
		background: url(./images/site/buttons/moreinfo-small.gif) 0 0 no-repeat;
		}

	.panel_thumbnailarea a.panel-moreinfo-small:hover {
		background-position: 0 -20px;
		}

/* PROMOTION DETAILS PAGE SPECIFIC LAYOUTS */

	a.promotion_backtopromotions {
		margin-bottom:20px;
		display: block;
		width: 230px;
		height: 40px;
		text-decoration: none;
		background: url(./images/site/buttons/back-to-promotions.gif) 0 0 no-repeat;
		}

	a.promotion_backtopromotions:hover {
		background-position: 0 -40px;
		}


/* PROMOTIONS SPECIFIC LAYOUTS */
	#promotions_header_container {
		height:40px;
		margin-bottom: 20px;
	}


/* GAME DETAILS PAGE SPECIFIC LAYOUTS */

	a.game_backtogames {
		margin-bottom:20px;
		display: block;
		width: 230px;
		height: 40px;
		text-decoration: none;
		}

	#backto_slots { background: url(./images/site/buttons/back-to-slots.gif) 0 0 no-repeat;}
	#backto_slots:hover { background-position: 0 -40px; }

	#backto_casino { background: url(./images/site/buttons/back-to-casino.gif) 0 0 no-repeat;}
	#backto_casino:hover { background-position: 0 -40px; }

	#backto_poker { background: url(./images/site/buttons/back-to-poker.gif) 0 0 no-repeat;}
	#backto_poker:hover { background-position: 0 -40px; }

	#backto_bingo { background: url(./images/site/buttons/back-to-bingo.gif) 0 0 no-repeat;}
	#backto_bingo:hover { background-position: 0 -40px; }

	#backto_whats_new { background: url(./images/site/buttons/back-to-whats_new.gif) 0 0 no-repeat;}
	#backto_whats_new:hover { background-position: 0 -40px; }

/* GAMES PAGE SPECIFIC LAYOUTS */

	#gamesthumbnailholder {
		min-height:345px;
	}

	#games_header_container {
		height:40px;
		margin-bottom: 20px;
	}

	#games_breadcrumb {
		float:left;
		margin-right:17px;
	}

	#games_subnav_container {
		float:left;
		height:40px;
		margin-bottom:10px;
	}

	#games_subnav {
		width: 523px; height: 40px;
		background: url(./images/uploads/games_subnav_sprite.gif);
		position: relative;
	}

	#games_subnav li {
		margin: 0; padding: 0; list-style: none;
		position: absolute; top: 0;}

	#games_subnav li, #games_subnav a {
		height: 40px; display: block;
	}

	#games_subnav a .navtext {display:none;}

	#games_subnav_slots {left: 0; width: 70px;}
	#games_subnav_casino {left: 71px; width: 70px;}
	#games_subnav_poker {left: 141px; width: 69px;}
	#games_subnav_bingo {left: 210px; width: 65px;}
	#games_subnav_whatsnew {left: 275px; width: 115px;}


	#games_subnav_slots a:hover {
		background: transparent url(./images/uploads/games_subnav_sprite.gif)
		0 -40px no-repeat;}
	#games_subnav_casino a:hover {
		background: transparent url(./images/uploads/games_subnav_sprite.gif)
		-71px -40px no-repeat;}
	#games_subnav_poker a:hover {
		background: transparent url(./images/uploads/games_subnav_sprite.gif)
		-141px -40px no-repeat;}
	#games_subnav_bingo a:hover {
		background: transparent url(./images/uploads/games_subnav_sprite.gif)
		-210px -40px no-repeat;}
	#games_subnav_whatsnew a:hover {
		background: transparent url(./images/uploads/games_subnav_sprite.gif)
		-275px -40px no-repeat;}




/* HOMEPAGE SPECIFIC LAYOUTS */

	#maincontent_homepage {
		width:100%;
		margin-bottom:20px;
		height:520px;
	}

	#homepage_maincontent_left {
		float:left;
		width:360px;
		padding-right:20px;
	}

	#homepage_maincontent_center {
		float:left;
		width:180px;
		padding-right:20px;
	}

	#homepage_maincontent_right {
		float:right;
		width:400px;
	}

	#homepage_winnerspanel {
		float:left;
		width:170px;
		height:250px;
		padding-right:20px;
	}

	#homepage_downloadpanel {
		width:360px;
		height:250px;
		padding-bottom:20px;
	}

	#homepage_promopanel {
		float:right;
		width:170px;
	}



	#homepage_topgamesheader {
		width:400px;
		height:40px;
		padding-bottom:10px;
		background: transparent url(./images/site/top-games.gif) 0 0 no-repeat;
	}

	a.homepage_signup {
		float:left;
		margin:5px 0px 5px 8px;

		display: block;
		width: 72px;
		height: 30px;
		text-decoration: none;
		background: url(./images/uploads/emailsignup.png) 0 0 no-repeat;
		}

	a.homepage_signup:hover {
		background-position: 0 -30px;
		}



	a.homepage_clickformoregames {
		margin-left:160px;
		display: block;
		width: 240px;
		height: 40px;
		text-decoration: none;
		background: url(./images/site/buttons/click-here-for-more-games.gif) 0 0 no-repeat;
		}

	a.homepage_clickformoregames:hover {
		background-position: 0 -40px;
		}



	#homepage-gamescrollerbox-container {
		height: 350px;
		padding-bottom: 16px;
		text-align:left;
	}


	#homepage-gamescrollerbox {
		height:328px;
	}


	#homepage_emailupdatespanel {
		width: 210px;
		height: 78px;
		margin-left:14px;
		padding-top:0px;
		float:left;
	}

	a.homepage_emailsignup {
		margin-bottom:20px;
		display: block;
		width: 210px;
		height: 78px;
		text-decoration: none;
		background: url(./images/uploads/sprite_signupnow.png) 0 0 no-repeat;
		}

	a.homepage_emailsignup:hover {
		background-position: 0 -78px;
		}


	#homepage_sociallinkspanel {
		float:right;
		width:160px;
		margin-right:10px;
	}

	#homepage_sociallinkspanel img {
		padding:8px 8px 15px 8px;
	}

	h1{
		font-size:150%;
	}


	a.homepage_moreinfo {
		display: block;
		width: 90px;
		height: 30px;
		text-decoration: none;
		background: url(./images/site/buttons/moreinfo.gif) 0 0 no-repeat;
		}

	a.homepage_moreinfo:hover {
		background-position: 0 -30px;
		}

/* NEWSLETTER FORM */

	p.emailinfo {
		padding-left:20px;
		color:#f00;
		font-weight:800;
		text-align:left;
	}

	#newsletterformcontainer {
		padding-top:10px;
	}

	#emailformarea {
		float:left;
		padding-right:10px;
	}

	#emailsignupform ul li{
		clear:both;
		margin: 0; padding-bottom: 20px; list-style: none;
	}

	#emailsignupinfo {
		padding-left:20px;
		color:#f00;
		font-weight:800;
	}

	#emailformarea label	{
		width: 85px;
		height:30px;
		padding-top:10px;
		float: left;
		text-align: left;
		display: block
	}

/* DOWNLOAD NOW MOBILE PHONE PANEL */

	#downloadnowphone {
		width: 183px;
		height: 370px;
		padding:5px 0;
		background: transparent url(./images/uploads/phone-background.gif) 0 5px no-repeat;
	}

	#downloadnowphonecontent {
		padding:30px 10px 0 30px;
		color:#fff;
		font-size:120%;
		font-weight:bold;
	}

	a.nowclickhere {
		margin-top:5px;
		display: block;
		width: 125px;
		height: 30px;
		text-decoration: none;
		background: url(./images/site/buttons/now-click-here.gif) 0 0 no-repeat;
		}

	a.nowclickhere:hover {
		background-position: 0 -30px;
		}

	#downloadnowinfo {
		text-align:center;
		border:1px solid red;
		background:#000;
		width:120px;
		margin-top:20px;
		padding:2px;
		font-size:80%;
	}




/* BOX CLASSES */



	.whitefilledbox-350-top {
		width:350px;
		height:10px;
		background:url(./images/uploads/whitefilledbox-350-top.gif) no-repeat;
		padding:0;
		margin:0;
		display:block;
		clear:both;
	}
	.whitefilledbox-350-middle {
		width:350px;
		min-height:230px;
		background:url(./images/uploads/whitefilledbox-350-middle.gif) repeat-y;
		display:block;
		clear:both;
		overflow:hidden;
	}
	.whitefilledbox-350-bottom {
		width:350px;
		height:10px;
		background:url(./images/uploads/whitefilledbox-350-bottom.gif) no-repeat;
		margin-bottom:20px;
		display:block;
		clear:both;
	}


	.bluefilledbox-400 .top {
		width:400px;
		height:12px;
		background:url(./images/site/layout/bluefilledbox-400-top.gif) no-repeat;
		padding:0;
		margin:0;
		display:block;
		clear:both;
	}
	.bluefilledbox-400 .middle {
		width:400px;
		background:url(./images/site/layout/bluefilledbox-400-middle.gif) repeat-y;
		display:block;
		clear:both;
		overflow:hidden;
		text-align:center;
	}
	.bluefilledbox-400 .bottom {
		width:400px;
		height:10px;
		background:url(./images/site/layout/bluefilledbox-400-bottom.gif) no-repeat;
		margin-bottom:20px;
		display:block;
		clear:both;
	}



	.blueborderbox .top {
		width:980px;
		height:14px;
		background:url(./images/site/layout/blueborderbox-top.gif) no-repeat;
		padding:0;
		margin:0;
		display:block;
		clear:both;
	}
	.blueborderbox .middle {
		width:980px;
		background:url(./images/site/layout/blueborderbox-middle.gif) repeat-y;
		display:block;
		clear:both;
		overflow:hidden;
		text-align:center;
	}
	.blueborderbox .bottom {
		width:980px;
		height:12px;
		background:url(./images/site/layout/blueborderbox-bottom.gif) no-repeat;
		margin-bottom:20px;
		display:block;
		clear:both;
	}


	.greyfilledbox .top {
		width:980px;
		height:11px;
		background:url(./images/site/layout/greyfilledbox-top.gif) no-repeat;
		padding:0;
		margin:0;
		display:block;
		clear:both;
	}
	.greyfilledbox .middle {
		width:960px;
		padding:0 10px;
		text-align:left;
		background:url(./images/site/layout/greyfilledbox-middle.gif) repeat-y;
		display:block;
		clear:both;
		overflow:hidden;
	}
	.greyfilledbox .bottom {
		width:980px;
		height:12px;
		background:url(./images/site/layout/greyfilledbox-bottom.gif) no-repeat;
		margin-bottom:20px;
		display:block;
		clear:both;
	}

	.greyfilledbox-784 .top {
		width:784px;
		height:11px;
		background:url(./images/site/layout/greyfilledbox-784-top.gif) no-repeat;
		padding:0;
		margin:0;
		display:block;
		clear:both;
	}
	.greyfilledbox-784 .middle {
		width:764px;
		padding:0 10px;
		text-align:left;
		background:url(./images/site/layout/greyfilledbox-784-middle.gif) repeat-y;
		display:block;
		clear:both;
		overflow:hidden;
	}
	.greyfilledbox-784 .bottom {
		width:784px;
		height:10px;
		background:url(./images/site/layout/greyfilledbox-784-bottom.gif) no-repeat;
		margin-bottom:20px;
		display:block;
		clear:both;
	}


/* ROUNDED FORM INPUT FIELDS */

	.roundedinput-123 input {
		border: none;
		background: #FFF;
		width: 102px;
	}
	.roundedinput-123 {
		background:  url(./images/site/layout/inputbg-123.gif) no-repeat left top;
		padding: 8px;
	}

	.roundedinput-211 input {
		border: none;
		background: #FFF;
		width: 190px;
	}
	.roundedinput-211 {
		background:  url(./images/site/layout/inputbg-211.gif) no-repeat left top;
		padding: 8px;
	}


	.roundedinput-black-211 input {
		border: none;
		background: #FFF;
		width: 190px;
	}
	.roundedinput-black-211 {
		float:right;
		width: 211px;
		margin-right:5px;
		background:  url(./images/uploads/inputbg-black-211.gif) no-repeat left top;
		padding: 8px;
	}





/* JQUERY GAMES SCROLLER HOMEPAGE */

	/* NAVIGATOR CIRCLE BUTTONS */
		.navi {
			margin-left:3px;
			margin-top:10px;
			width:16px;
			height:250px;
			line-height: 200px;

		}


		/* items inside navigator */
		.navi a {
			width:8px;
			height:8px;
			float:left;
			margin:8px 3px;
			background:url(./images/site/buttons/navigator1.png) 0 0 no-repeat;
			font-size:1px;
		}

		/* mouseover state */
		.navi a:hover {
			background-position:0 -20px;
		}

		/* active state (current page state) */
		.navi a.active {
			background-position:0 -40px;
		}



	div.scrollable {
		position:relative;
		overflow:hidden;
		height: 330px;
		width: 355px;
	}

	div.scrollable div.items {
		position:absolute;
left:0px;
		/* this time we have very large space for the height */
		height:20000em;
	}

	#scrollpanel-content {
		float:left;
		width:370px;
	}

	#scrollpanel-nav {
		padding-top:10px;
		float:right;
		width:12px;
	}

	.prevPage img{
		cursor:pointer;
	}

	.nextPage img{
		margin-top:14px;
		cursor:pointer;
	}


	.scroller-gameholder {
		height:110px;
	}

	.scroller-gamethumbnail-holder {
		float:left;
		width:234px;;
		height:104px;
		padding:3px 15px 3px 15px;
	}

	.scroller-gamethumbnail-holder img {
		padding:2px;
		background:  url(./images/site/gamescroll-thumb-bg.gif) no-repeat 0 0;
	}

	.scroller-moreinfoholder {
		float:left;
		padding-top:78px;
		width:55px;
	}

/* TWEET SCROLLER */

	#homepage_winnersfeedpanel {
		float:left;
		background: transparent url(./images/uploads/latestwinners_bg.png) 0 0 no-repeat;
		width:136px;
		height:190px;
		padding: 45px 17px 15px 17px;
	}

	#homepage_winnersfeedpanel #innercontent {
		height:190px;
		overflow:hidden;

	}
	
	.tweet, .query {
		line-height:16px;
		color: #00529c;
		font-weight:800;
		height:170px;
		width:124px;
	}

	.tweet .tweet_list, .query .tweet_list {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
		text-transform: uppercase;
	}

	.tweet .tweet_list li, .query .tweet_list li {
		overflow-y: auto;
		overflow-x: hidden;
		padding: 5px 0 5px 0;
		margin:0;
		height:80px;
	}

	.tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even,  .tweet .tweet_list .tweet_even a {
		color: #b2191e;
	}

	.tweet .tweet_list .tweet_odd, .query .tweet_list .tweet_odd, .tweet .tweet_list .tweet_odd a  {
		color: #00529c;
	}