/**
 * Home
 */
.home #content .wrapper { 
	margin: 6px 0 0; 
	padding: 0 6px 6px; 
	background: #fff url('../../img/bg/content/homepage-holder.gif') scroll no-repeat 0 100%; 
	}
.home #content .wrapper .stage { padding: 0 6px 0 7px; }
.headers img { float: left; }

/* games overview */
.lottogames-large-text-results{ font-size: 1em; font-style:italic; text-align:center; }


.games-overview { 

/* ------------------------------------------------------------------------------------------------- */
/*  100810 ....expands white space on overview area 															*/
/*	-------------------------------------------------------------------------------------------------*/		
/*	height: 183px; */
	height: 245px; /* was 203 */
	width: 985px; 
    background: transparent url('../../img/bg/content/games-overview.jpg') scroll no-repeat 0 0; 
	}
	
.games-overview div { float: left; text-align: center; width: 138px; }
/* ------------------------------------------------------------------------------------------------- */
/*  100810.....creates larger space between lotto logos and data within white space on overview area */
/*	-------------------------------------------------------------------------------------------------*/		
/* .games-overview .game { display: block; width: 138px; height: 53px; text-indent: -9999px; } */
.games-overview .game { display: block; width: 138px; height: 63px; text-indent: -9999px; }

.games-overview div div { padding-top: 0; }
.games-overview div h6 { font-weight: normal; font-size: 0.8em; text-align: center; }
.games-overview .numbers { font-size: 1.1em; height: 36px; font-weight: bold; margin-bottom: 16px; }
.games-overview .numbers strong { display: block; }
.games-overview .estimated-jackpot { font-size: 0.8em; font-weight: bold; }
.games-overview .estimated-jackpot em { font-size: 1.4em; display: block; font-style: normal; }

.games-overview .newest-numbers, .games-overview .new-numbers { font-size: 0.9em; font-weight: bold; }
.games-overview .newest-numbers div h6 { font-weight: normal; font-size: 0.8em; text-align: center; }
.games-overview .new-numbers div h6 { font-weight: normal; font-size: 0.8em; text-align: center; }
.games-overview .newest-numbers { margin-top: 0px; }
.games-overview .new-numbers { margin: 0px; }
.games-overview .newest-numbers em, .games-overview .new-numbers em { font-size: 1.2em; display: block; font-style: normal; }
.games-overview .mass-cash .numbers { margin-bottom: 18px; }

.games-overview .other-games { position: relative; }
.games-overview .other-games .race{ 
	position: absolute; 
	top: 20px; 
	left: 0; 
	width: 86px; 
	height: 52px;  margin-top:5px;
	}
.games-overview .other-games .keno{ 
	position: absolute; 
	top: 85px; 
	left: 0; 
	width: 86px; 
	height: 52px;  
	}


/* feature columns */
.columns { width: 100%; margin-top: 4px; }
.columns .column { width: 472px; margin-left: 4px; margin-right: 0; }
.columns .column.first { margin-left: 0; }
.column .module { margin-bottom: 4px; }
#content .column .module .stage {
	padding: 0 4px;
}

/* headers */
#content .column .module .stage .module .stage { padding: 0em .8em; font-weight: bold; font-size: 1.25em; }

/* carousel */
.carousel { 
	width: 466px; 
	padding: 0 3px; 
	background: transparent url('../../img/bg/content/game-carousel.gif') scroll no-repeat 0 0;
	
	}
.carousel-wrapper { 
	overflow: hidden; 
	height: 106px;
	position: relative;
	margin-bottom: 4px;
	visibility: hidden;
	}
.carousel ul { padding: 0 3px; }
.carousel li { width: 466px; height: 106px; }
a.previous-game { position: absolute; top: 0; left: -3px; z-index: 1000; outline: none; }
a.next-game { position: absolute; top: 0; left: 414px; z-index: 1000; outline: none; }
.carousel-game { padding: 0 55px; }
.carousel-game img { float: right; margin-top: 20px; margin-right: 20px; }
.carousel-game h3, .carousel-game h5, .carousel-game h6 {
	text-align: center;
	width: 49%;
	}
.carousel-game h3 { font-size: 2.5em; padding-top: 17px; font-weight: bold; margin-bottom: .1em; }
.carousel-game h6 { font-weight: normal; font-size: 0.9em; line-height: 1; }
.carousel-game h5 { font-weight: bold, font-size: 1em; margin-top: .2em; }

.launch-logo { float: right; margin: -18px 0 0; }
.view-all { 
	font-size: 0.65em; 
	text-decoration: none;
	background: transparent url('../../img/bg/content/view-all-arrow.gif') scroll no-repeat 0 50%;
	padding-left: 8px;
	position: absolute;
	left: 350px;
	width: 90px;
	top: 8px;
	}
.learn-more {
	font-size: 0.65em;
	text-decoration: none;
	background: transparent url('../../img/bg/content/learn-more-arrow.gif') scroll no-repeat 0 45%;
	padding-left: 11px;
	width: 60px;
	position: absolute;
	left: 241px;
	top: -66px;
	outline: none;
	}
	
.learn-more-stories {
	position: absolute;
	top: 146px;
	left: 374px;
	background: transparent url('../../img/bg/content/learn-more-arrow.gif') scroll no-repeat 0 45%;
	font-size: 0.8em; 
	z-index: 1000;
	outline: none;
	padding-left: 11px;
	width: 60px;
	text-decoration: none;
	}

/* recent winners */
.recent-winners .holder {
	height: 194px;
	}
.recent-winners ul { 
	list-style: none; 
	background: transparent url('../../img/bg/content/recent-winners-frames.gif') scroll no-repeat 28px 60px;
	height: 194px;
	position: absolute;
	width: 464px;
	padding: 0;
	margin: 0;
	}
.recent-winners li {
	float: left;
	width: 100px;
	height: 186px;
	position: absolute;
	top: -1px;
	left: 45px;
	}
	.recent-winners li.second-winner {left: 186px; }
	.recent-winners li.third-winner {left: 323px;
}
.recent-winners li span {
	width: 78px;
	height: 100px;
	position: absolute;
	display: block;
	top: 66px;
	left: 6px;
	background: transparent url(' ') scroll no-repeat 50% 40%;
	}

/* stories */
.stories-holder { 
	height: 170px; 
	position: relative;
	overflow: hidden; 
	background: transparent url('../../img/bg/content/stories.gif') scroll no-repeat 0 0; 
	margin-bottom: 5px;
	width: 472px;
	}
.stories { width: 462px; margin: 0 auto; }
.stories ul { list-style: none; margin: 0 4px; padding: 0; width: 464px; }
.stories li { height: 127px; padding-top: 5px; }
#content .stories ul .module .stage { font-size: 1.25em; font-weight: bold; padding: 0 .8em; }
.stories p { padding: 0 1em; }
.stories img { float: right; margin: 4px 1em 0; border: 1px solid #ccc; }

