﻿#arcadeLeft
{
	width: 603px;
	overflow: hidden;
	float: left;
	margin: 10px 9px 0 0;
}

#arcadeRight
{
	float: left;
}

#arcadeHeadLeft
{
	float: left;
}

.categoryHeadline h2
{
	font-family: Arial, Verdana;
	font-size: 1.2em;
	text-transform: uppercase;
	letter-spacing: -1px;
	padding: 1px;
}

.categoryLink
{
	color: #F74E00;
	font-size: 0.8em;
	text-decoration: underline;
}

#arcadeHeadRight
{
	float: left;
	margin: 0 0 0 4px;
	overflow: hidden;
	width: 309px;
}

.clear
{
	clear: both;
	height: 5px;
}

.arcadeHeadline
{
	background-color: #113166;
	width: 602px;
	height: 23px;
	padding: 6px 0 1px 1px;
	margin: 10px 0 4px 0;
	clear: both;
	position: relative;
}

.arcadeHeadline a
{
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

.arcadeHeadline h1
{
	font-family: Arial, Verdana;
	font-size: 2.3em;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0px;
}

.arcadeHeadline h2
{
	font-family: Arial, Verdana;
	font-size: 2.3em;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0px;
}

#headerGameOfDay
{
	background: url(/images/media/categoryBar/AC1655.gif);
	height: 18px;
	width: 286px;
	padding: 2px;
	text-align: right;
}

#headerGameOfDay h2
{
	font-family: Arial, Verdana;
	font-size: 1.2em;
	text-transform: uppercase;
	letter-spacing: -1px;
	padding: 1px;
}

#gameOfDay
{
	background-color: #E8E8E8;
	width: 278px;
	padding: 6px;
	height: 270px;
}
#gameOfDay img
{
	border: solid 1px #000;
	width: 276px;
	height: 210px;
}

#gameOfDay h2
{
	background-color: #FFEB07;
	text-transform: uppercase;
	letter-spacing: -1px;	
	margin: 0;
	padding: 0;
}

#gameOfDay p
{
	display: block;
	background-color: #000;
	font-family: Arial, Verdana;
	font-size: 1.2em;
	color: #fff;
	margin: 0;
	padding: 0;
}

#latestGames
{
	background-color: #E8E8E8;
	width: 310px;
	padding: 6px;
	overflow: hidden;
	height: 270px;
}

.latestGame
{
	float: left;
	margin: 0 10px 5px 0;
}

.latestGame img
{
	border: solid 1px #000;
	width: 142px;
	height: 108px;
}

.latestGame h3
{
	background-color: #FFEB07;
	text-transform: uppercase;
	letter-spacing: -1px;	
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 1.1em;
}

#headerLatestGames
{
	background: url(/images/media/categoryBar/113166.gif);
	height: 18px;
	width: 305px;
	padding: 2px;
	text-align: right;
}

#headerLatestGames h2
{
	font-family: Arial, Verdana;
	font-size: 1.2em;
	text-transform: uppercase;
	letter-spacing: -1px;
	padding: 1px;
}



.categories h2
{
	font-family: Arial, Verdana;
	font-size: 1.2em;
	text-transform: uppercase;
	letter-spacing: -1px;
	padding: 1px;
}

.categories a
{
	color: #000;
}



#categoryContainer
{
	width: 650px;
}

.categoryBody
{
	background-color: #E8E8E8;
	padding: 6px;
	overflow: hidden;
	position: relative;
	height: 300px;
}

.categoryBody img
{
	border: solid 1px #000;
	margin: 1px 0 0 3px;
	width: 176px;
	height: 134px;
}

.categoryBody h3
{
	display: block;
	background-color: #000;
	width: 172px;
	margin: 0 0 0 3px;
	color: #fff;
	padding: 3px;
	font-weight: bold;
	line-height: 15px;
	
}

.categoryBody p
{
	width: 172px;
	margin: 2px 0 0 3px;
	font-size: 1.1em;
}

.categoryBody ul
{
	padding: 3px;
	margin:  8px 8px 0 3px;
	background-color: #fff;
	width: 174px;
	position: absolute;
	bottom: 8px;
}

.categoryBody li
{
	padding: 2px;
	margin: 0;
	list-style: none;
}

.categoryBody a
{
	color: #BC0000;
	text-decoration: underline;
	font-size: 1.1em;
}

.categoryBody a:hover
{
	text-decoration: underline;
}

.arrow
{
	background: url(/site/webarcade/images/arrow.gif) no-repeat;
	position: absolute;
	top: 135px;
	right: 30px;
	width: 14px;
	height: 7px;
}

.categories
{
	float: left;
	margin: 0 6px 6px 0;
	width: 197px;
}

#arcadeTopTen
{
	width: 290px;
	padding: 5px;
	background-color: #EEEEEE;
	margin: 8px 0 0 0;
}

#arcadeTopTen h2
{
	background-color: #000;
	color: #fff;
	text-transform: uppercase;
	padding: 1px;
	letter-spacing: -1px;
}

.topTenNumber
{
	margin: 4px 0 5px 0;
	background-color: #fff;
	height: 77px;
	padding: 3px;
}

.topTenNumber img
{
	float: left;
	border: solid 1px #000;
	margin: 0 4px 0 0;
	width: 85px;
	height: 65px;
}

.arcadeNumber
{
	background: url(/site/webarcade/images/number.gif) no-repeat;
	width: 22px;
	height: 22px;
	font-family: Arial, Verdana;
	font-size: 2em;
	color: #FFEB07;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 1px 2px 2px 2px;
	float: left;
	margin: 0 3px 0 0;
}

.topTenNumber h3, .topTenNumber a
{
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #000;
	letter-spacing: -1px;
	font-size: 1.2em;
}

.topTenNumber p
{

	padding: 0;
	margin: 0;
}

#categoryHeader
{
	background: url(/site/webarcade/images/fade.jpg) repeat-x;
	margin: 0 0 8px 0;
	padding: 6px;
	background-position: bottom;
	background-color: #fff;
}

.arcadePrevious
{
	width: 185px;
	position: relative;
	height: 134px;
	float: left;
	text-align: left;
	padding: 30px 0 0 0;
	background-image: url(/site/webarcade/images/arrow_left.gif); 
	background-position: center right;
	background-repeat:  no-repeat;

}

.arcadePrevious img
{
	border: solid 1px #000;
	width: 103px;
	height: 77px;
}

.arcadeNext img
{
	border: solid 1px #000;
	width: 103px;
	height: 77px;
}

#playGame
{
	color: #000;
	width: 95px;
	font-size: 1.1em;
	margin: 3px 0 0 60px;
}


#playGame a
{
	font-weight: bold;
	color: #000;
	
	
}

#arcadeCurrent
{
	width: 220px;
	height: 190px;
	float: left;

}

#arcadeCurrent img
{
	border: solid 1px #000;
	width: 214px;
	height: 163px;
}

.arcadeNext
{
	width: 179px;
	height: 134px;
	float: left;
	text-align: right;
	padding: 30px 0 0 0;
	background-image: url(/site/webarcade/images/arrow_right.gif); 
	background-position: center left;
	background-repeat:  no-repeat;
	position: relative;
}

#arrowLinkRight
{
	position: absolute; 
	width: 40px; 
	height: 48px; 
	left: 20px; 
	top: 58px; 
}

#arrowLinkRight img
{
	border: 0;
	width: 40px; 
	height: 48px; 
}

#arrowLinkLeft img
{
	border: 0;
	width: 40px; 
	height: 48px; 
}

#arrowLinkLeft
{
	position: absolute; 
	width: 40px; 
	height: 48px; 
	right: 26px; 
	top: 58px; 
}

.navigation
{
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	font-size: 1em;
	letter-spacing: -1px;

}

.arcadeTitle
{
	background-color: #FFEB07;
	color: #000;
	text-transform: uppercase;
	font-size: 1.1em;
	text-align: left;
	font-weight: bold;
	width: 103px;
	padding: 1px;
}

#gameDescription
{
	clear: both;
}

#gameDescription h1
{
	background-color: #FFEB07;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 2.3em;
	letter-spacing: -2px;
	padding: 4px 0 0 0;
	height: 21px;
}

#gameDescription p
{
	background-color: #000;
	color: #fff;
	padding: 0;
	padding: 3px;
	margin: 0;
	line-height: 16px;
	font-size: 1.2em;
}

.moreCategory
{

	width: 143px;
	margin: 4px 9px 8px 0;
	float: left;
}

.moreCategory img
{
	width: 144px;
	height: 109px;
}

.moreCategory h2
{
	background-color: #FFEB07;
	color: #000;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 2px;
	width: 141px;
	margin: 1px 0 0 0;
}
.moreCategory img
{
	border: solid 1px #000;
}

.categoryIndex
{
	float: left;
	width: 90px;
	height: 110px;
	margin: 10px 12px 0 0;
}

.categoryIndex img
{
	border: solid 1px #000;
	width: 90px;
	height: 68px;

}

.categoryIndex h2
{
	background-color: #FFEB07;
	color: #000;
	font-size: 1.1em;
	line-height: 16px;
	text-transform: uppercase;
	padding: 1px;
	width: 88px;
	padding: 2px;
	letter-spacing: -1px;
}

.categoryIndex a
{
	color: #000;
}

.categoryIndex p
{
	padding: 0;
	margin: 0;
}

.spnDiagHeader
{
	background-color: #fff;
	border-left: solid 7px #000;
	height: 15px;
	padding: 1px 3px 1px 1px;
}
