.Clear{clear:both; font-size:0; line-height:0; height:0;}


/* Template styles */

body{font-size:62.5%; background:url(../i/back.gif); font-family:Segoe UI, Arial, Sans-Serif;}

#Header{width:944px; margin:auto;  background:url(../i/HeaderFooterBack.gif) repeat-y center top;}
#Header .Bottom{height:185px; background:url(../i/HeaderBottom.gif) no-repeat center bottom;}
#Header .Inner{width:894px; margin:auto; height:150px; position:relative; top:6px; background:#F4F4F4;}

#Logo{float:left; width:157px; height:159px; background:url(../i/Logo.jpg) no-repeat;}
#BannerNav{float:left; position:relative; width:737px;}
#TopBanner{position:absolute; top:5px; width:737px; height:102px; background:url(../i/BannerBack.gif);}
#TopBanner .TopBannerInner{width:728px; margin:auto; padding-top:6px;}
#TopBanner .TopBannerInner img{padding-left:2px;}

#TopBar{position:absolute; top:110px; width:737px; height:46px; background:url(../i/MenuBack.jpg);}

#Menu{width:300px;}
#Menu div{position:absolute; top:12px;}
#Menu div a{display:block; height:26px;}

#Menu .Home, #Menu .HomeActive{left:23px;}
#Menu .Home a{width:52px; background:url(../i/MenuHome.jpg);}
#Menu .HomeActive a{width:52px; background:url(../i/MenuHomeActive.jpg);}
#Menu .Games, #Menu .GamesActive{left:87px;}
#Menu .Games a{width:62px; background:url(../i/MenuGames.jpg);}
#Menu .GamesActive a{width:62px; background:url(../i/MenuGamesActive.jpg);}
#Menu .News, #Menu .NewsActive{left:159px;}
#Menu .News a{width:51px; background:url(../i/MenuNews.jpg);}
#Menu .NewsActive a{width:51px; background:url(../i/MenuNewsActive.jpg);}
#Menu .Contact, #Menu .ContactActive{left:220px;}
#Menu .Contact a{width:70px; background:url(../i/MenuContact.jpg);}
#Menu .ContactActive a{width:70px; background:url(../i/MenuContactActive.jpg);}

#LoginForm{position:absolute; left:302px; width:435px; height:46px; background:url(../i/LoginFormBack.jpg) no-repeat;}
#LoginForm #Inputs{}
#LoginForm #Inputs input{position:absolute; top:15px; height:15px; font-size:1.2em; color:White; font-weight:bold; border:0; background:none;}
#LoginForm .Email{width:80px; left:53px;}
#LoginForm .Password{width:70px; left:212px;}

#LoginForm #Buttons{position:absolute; left:294px; top:10px; width:132px;}
#LoginForm .Login{position:absolute;}
#LoginForm .Login a{display:block; width:55px; height:25px; background:url(../i/ButtonLogin.jpg);}
#LoginForm .Register{position:absolute; left:57px;}
#LoginForm .Register a{display:block; width:75px; height:25px; background:url(../i/ButtonRegister.jpg);}

#LoggedIn{position:absolute; left:312px; top:9px; width:415px; height:28px; background:url(../i/LoggedInBack.jpg) no-repeat;}
#LoggedIn .Name{position:absolute; left:60px; top:5px; font-size:13px; font-weight:bold; color:#BB4C00;}
#LoggedIn #Buttons{position:absolute; left:284px; width:132px;}
#LoggedIn .Profile{position:absolute;}
#LoggedIn .Profile a{display:block; width:63px; height:25px; background:url(../i/ButtonProfile.jpg);}
#LoggedIn .Logout{position:absolute; left:65px;}
#LoggedIn .Logout a{display:block; width:67px; height:25px; background:url(../i/ButtonLogout.jpg);}


#Main{width:944px; margin:auto; background:url(../i/MainBack.gif);}
#Main .Inner{width:928px; margin:auto; background:url(../i/MainGradient.jpg) repeat-x center bottom;}

#Footer{width:944px; margin:auto; padding-bottom:6px; background:url(../i/HeaderFooterBack.gif) repeat-y center top;}
#Footer .Top{width:944px; height:30px; background:url(../i/FooterTop.gif);}
#Footer .Inner{width:894px; margin:auto; text-align:right; height:60px; background:#F4F4F4 url(../i/FooterGradient.jpg) repeat-x;}

#Footer ul{padding:12px 12px 0 0 ;}
#Footer ul li{display:inline; float:right;}
#Footer ul li a{color:#797979; text-decoration:none; font-size:1.4em; font-weight:bold; margin-left:15px;}
#Footer ul li a:hover{color:#A73B00;}

#Footer .Credits{float:right; padding:4px 12px 0 0; color:#797979; font-size:1em;}


/* Home Page Styles */

#HomeColumns{width:898px; margin:auto;}

.HomeCarousel{float:left; width:220px; margin-left:6px;}
.HomeCarousel .Top{height:41px;}
.HomeCarousel .Middle{height:443px;}
.HomeCarousel .Fade{padding:5px 0px 10px 0px; background-repeat:no-repeat; background-position:bottom; zoom:1;}
.HomeCarousel .HomeGames, .HomeCarousel .StoriesWrapper{position:relative; overflow:hidden; font-size:1em; font-weight:bold; margin:auto;}
.HomeCarousel .HomeGames{height:428px; width:216px;}
.HomeCarousel .Stories, .HomeCarousel .Games{position:absolute; top:0px;}
.HomeCarousel .Game{position:relative; height:71px; width:216px; cursor:pointer;}
.HomeCarousel .Game .Pic{position:absolute; left:10px; top:5px; }
.HomeCarousel .Game .PlayHover{position:absolute; left:11px; top:47px; width:60px; height:19px; background:url(../i/Play.gif) 0px 0px;}
.HomeCarousel .Game .Details{position:absolute; left:80px; top:5px; width:120px;}
.HomeCarousel .Game h4{font-size:1.1em; font-weight:bold; color:White; margin-bottom:4px;}
.HomeCarousel .Controls{height:25px;}
.HomeCarousel .View{float:left; width:71px;}
.HomeCarousel .View a{float:left; width:71px; height:25px; background-repeat:no-repeat; background-position:0px -25px;}
.HomeCarousel .View a:hover{cursor:pointer; background-repeat:no-repeat; background-position:0px 0px;}
.HomeCarousel .Arrows{float:right; width:58px; height:25px; background-repeat:no-repeat; background-position:0px -25px;}
.HomeCarousel .ArrowsHover{float:right; width:58px; height:25px; background-repeat:no-repeat; background-position:0px 0px;}
.HomeCarousel .Up{float:left; width:27px; height:25px; cursor:pointer;}
.HomeCarousel .Down{float:left; width:31px; height:25px; cursor:pointer;}

#HomeLatestNews{margin:0;}
#HomeLatestNews .Top{background:url(../i/HomeLatestNewsTop.gif);}
#HomeLatestNews .Middle{background:url(../i/HomeLatestNewsBack.gif);}
#HomeLatestNews .Fade{padding:10px 0px; background-image:url(../i/HomeLatestNewsFade.jpg);}
#HomeLatestNews .StoriesWrapper{height:423px; width:190px; color:#FFAEBD;}
#HomeLatestNews h3{font-size:1.2em; color:White; font-weight:bold;}
#HomeLatestNews p{margin-bottom:6px;}
#HomeLatestNews img{margin-bottom:6px;}
#HomeLatestNews .Story{margin-bottom:16px;}
#HomeLatestNews .Controls{background:url(../i/HomeLatestNewsControlsBack.gif);}
#HomeLatestNews .View a{background-image:url(../i/HomeLatestNewsView.gif);}
#HomeLatestNews .View a:hover{background-image:url(../i/HomeLatestNewsView.gif);}
#HomeLatestNews .Arrows{background-image:url(../i/HomeLatestNewsArrows.gif);}
#HomeLatestNews .ArrowsHover{background-image:url(../i/HomeLatestNewsArrows.gif);}

#HomeFeaturedGames .Top{background:url(../i/HomeFeaturedGamesTop.gif);}
#HomeFeaturedGames .Middle{background:url(../i/HomeFeaturedGamesBack.gif);}
#HomeFeaturedGames .Fade{background-image:url(../i/HomeFeaturedGamesFade.jpg);}
#HomeFeaturedGames .HomeGames{color:#9CE0FF;}
#HomeFeaturedGames .GameHover{background:url(../i/HomeFeaturedGamesHoverBack.jpg);}
#HomeFeaturedGames .Pic{border:solid 1px #6992A5;}
#HomeFeaturedGames .Controls{background:url(../i/HomeFeaturedGamesControlsBack.gif);}
#HomeFeaturedGames .View a{background-image:url(../i/HomeFeaturedGamesView.gif);}
#HomeFeaturedGames .View a:hover{background-image:url(../i/HomeFeaturedGamesView.gif);}
#HomeFeaturedGames .Arrows{background-image:url(../i/HomeFeaturedGamesArrows.gif);}
#HomeFeaturedGames .ArrowsHover{background-image:url(../i/HomeFeaturedGamesArrows.gif);}

#HomeNewestGames .Top{background:url(../i/HomeNewestGamesTop.gif);}
#HomeNewestGames .Middle{background:url(../i/HomeNewestGamesBack.gif);}
#HomeNewestGames .Fade{background-image:url(../i/HomeNewestGamesFade.jpg);}
#HomeNewestGames .HomeGames{color:#FFDAA8;}
#HomeNewestGames .GameHover{background:url(../i/HomeNewestGamesHoverBack.jpg);}
#HomeNewestGames .Pic{position:absolute; left:10px; top:5px; border:solid 1px #CF9C65;}
#HomeNewestGames .Controls{background:url(../i/HomeNewestGamesControlsBack.gif);}
#HomeNewestGames .View a{background-image:url(../i/HomeNewestGamesView.gif);}
#HomeNewestGames .View a:hover{background-image:url(../i/HomeNewestGamesView.gif);}
#HomeNewestGames .Arrows{background-image:url(../i/HomeNewestGamesArrows.gif);}
#HomeNewestGames .ArrowsHover{background-image:url(../i/HomeNewestGamesArrows.gif);}

#HomeHighestRated .Top{background:url(../i/HomeHighestRatedTop.gif);}
#HomeHighestRated .Middle{background:url(../i/HomeHighestRatedBack.gif);}
#HomeHighestRated .Fade{background-image:url(../i/HomeHighestRatedFade.jpg);}
#HomeHighestRated .HomeGames{color:#8CEC9F;}
#HomeHighestRated .GameHover{background:url(../i/HomeHighestRatedHoverBack.jpg);}
#HomeHighestRated .Pic{position:absolute; left:10px; top:5px; border:solid 1px #43A947;}
#HomeHighestRated .Controls{background:url(../i/HomeHighestRatedControlsBack.gif);}
#HomeHighestRated .View a{background-image:url(../i/HomeHighestRatedView.gif);}
#HomeHighestRated .View a:hover{background-image:url(../i/HomeHighestRatedView.gif);}
#HomeHighestRated .Arrows{background-image:url(../i/HomeHighestRatedArrows.gif);}
#HomeHighestRated .ArrowsHover{background-image:url(../i/HomeHighestRatedArrows.gif);}


/* Category Page Styles */

#CatTopColumns{width:898px; margin:auto; padding-bottom:8px;}
#CatTopGOTW{position:relative; color:#9CE0FF; font-weight:bold; float:left; width:446px; height:155px; background-image:url(../i/CategoryGOTWBack.gif); cursor:pointer; zoom:1;}
#CatTopGOTW  .Pic{position:absolute; left:16px; top:50px; border:solid 1px #6992A5;}
#CatTopGOTW  .PlayHover{position:absolute; left:17px; top:92px; width:60px; height:19px; background:url(../i/Play.gif) 0px 0px;}
#CatTopGOTW  .Details{position:absolute; left:90px; top:50px; width:350px;}
#CatTopGOTW  h4{font-size:1.1em; font-weight:bold; color:White; margin-bottom:4px;}

#CatTopSearch{position:relative; float:left; width:446px; height:155px; margin-left:6px; background-image:url(../i/CategorySearchBack.gif);}
#CatTopSearch Form{display:block; position:absolute; left:14px; top:54px;}
#CatTopSearch .SearchBox{width:416px; height:25px; margin-bottom:8px; background:url(../i/CatSearchInput.gif);}
#CatTopSearch .SearchBox input{position:relative; top:3px; left:12px; width:380px; font-size:1.3em; color:White; font-weight:bold; border:none; background:none;}
#CatTopSearch .Submit{width:136px; height:30px;}
#CatTopSearch .Submit a{display:block; width:136px; height:30px; background:url(../i/CatSearchSubmit.gif);}

.CatColumns{width:898px; margin:auto; padding-bottom:8px;}
.CatColumns .CatColumn{float:left; width:220px; margin-left:6px;}
.CatColumns .LeftColumn{margin:0;}
.CatColumn .Top{height:41px;}
.CatColumn .Middle{height:443px; background:url(../i/CatCarouselBack.gif);}
.CatColumn .Fade{padding:5px 0px 10px 0px; background:url(../i/CatCarouselFade.jpg) no-repeat bottom; zoom:1;}
.CatColumn .ItemsWrapper{width:216px; height:428px; position:relative; overflow:hidden; font-size:1em; font-weight:bold; margin:auto;}
.CatColumn .Items{position:absolute; top:0px; color:#FFAEBD;}
.CatColumn .Item{position:relative; height:71px; width:216px; cursor:pointer;}
.CatColumn .Item .Pic{position:absolute; left:10px; top:5px; border:solid 1px #A96572;}
.CatColumn .Item .PlayHover{position:absolute; left:11px; top:47px; width:60px; height:19px; background:url(../i/Play.gif) 0px 0px;}
.CatColumn .Item .Details{position:absolute; left:80px; top:5px; width:120px;}
.CatColumn .Item h4{font-size:1.1em; font-weight:bold; color:White; margin-bottom:4px;}
.CatColumn .ItemHover{background:url(../i/CatCarouselHoverBack.jpg);}
.CatColumn .Controls{height:25px; background:url(../i/CatCarouselControlsBack.gif);}
.CatColumn .View{float:left; width:71px;}
.CatColumn .View a{float:left; width:71px; height:25px; background:url(../i/CatCarouselView.gif) no-repeat 0px -25px;}
.CatColumn .View a:hover{cursor:pointer; background:url(../i/CatCarouselView.gif) no-repeat 0px 0px;}
.CatColumn .Arrows{float:right; width:58px; height:25px; background:url(../i/CatCarouselArrows.gif) no-repeat 0px -25px;}
.CatColumn .ArrowsHover{float:right; width:58px; height:25px; background:url(../i/CatCarouselArrows.gif) no-repeat 0px 0px;}
.CatColumn .Up{float:left; width:27px; height:25px; cursor:pointer;}
.CatColumn .Down{float:left; width:31px; height:25px; cursor:pointer;}

.ActionCarousel .Top{background:url(../i/CatCarouselAction.gif);}
.PuzzleCarousel .Top{background:url(../i/CatCarouselPuzzle.gif);}
.DefenceCarousel .Top{background:url(../i/CatCarouselDefence.gif);}
.StrategyCarousel .Top{background:url(../i/CatCarouselStrategy.gif);}
.AdventureCarousel .Top{background:url(../i/CatCarouselAdventure.gif);}
.SportCarousel .Top{background:url(../i/CatCarouselSport.gif);}
.ShootingCarousel .Top{background:url(../i/CatCarouselShooting.gif);}
.MiscellaneousCarousel .Top{background:url(../i/CatCarouselMiscellaneous.gif);}

.ActionCarousel .Controls{background:url(../i/CatCarouselControlsBackTop.gif)}
.PuzzleCarousel .Controls{background:url(../i/CatCarouselControlsBackTop.gif)}
.DefenceCarousel .Controls{background:url(../i/CatCarouselControlsBackTop.gif)}
.StrategyCarousel .Controls{background:url(../i/CatCarouselControlsBackTop.gif)}


/* Game Page Styles */

#GameTitle {text-align:center;margin-bottom:15px;color:#797979; font-size:2.4em; font-weight:bold;}

#GameWrapper{width:898px; margin:auto; margin-bottom:6px;}
#GameWrapper .Top{height:41px; background:url(../i/GameWrapperTop.gif);}
#GameWrapper .Middle{text-align:center; padding-bottom:20px; background:url(../i/GameWrapperMiddle.gif) repeat-y;}
#GameWrapper .Bottom{clear:both; height:12px; background:url(../i/GameWrapperBottom.gif);}

#GameLayout{margin:auto;}
#GameLayout td{background:#3F3F3F;}
#GameLayout .TopLeft{width:10px; height:10px; background:url(../i/GameTopLeft.gif) no-repeat top left;}
#GameLayout .TopRight{width:10px; height:10px; background:url(../i/GameTopRight.gif) no-repeat top right;}
#GameLayout .BottomLeft{width:10px; height:10px; background:url(../i/GameBottomLeft.gif) no-repeat bottom left;}
#GameLayout .BottomRight{width:10px; height:10px; background:url(../i/GameBottomRight.gif) no-repeat bottom right;}

#GameColumns{width:898px; margin:auto;}
#GameColumns .Left{float:left; width:446px;}
#GameColumns .Right{float:left; width:446px; margin-left:6px;}


.GameCarousel{margin-bottom:6px;}
.GameCarousel .Top{height:41px;}
.GameCarousel .Fade{background:url(../i/GameCarouselFade.jpg) no-repeat bottom; zoom:1;}
.GameCarousel .ItemsWrapper{margin:auto; position:relative; overflow:hidden; font-size:1em; font-weight:bold;}
.GameCarousel .Items{position:absolute; top:0px; color:#FFAEBD;}
.GameCarousel .Arrows{float:right; width:58px; height:25px; background:url(../i/GameCarouselArrows.gif) no-repeat 0px -25px;}
.GameCarousel .ArrowsHover{float:right; width:58px; height:25px; background:url(../i/GameCarouselArrows.gif) no-repeat 0px 0px;}
.GameCarousel .Up{float:left; width:27px; height:25px; cursor:pointer;}
.GameCarousel .Down{float:left; width:31px; height:25px; cursor:pointer;}


#GameDescription .Top{background:url(../i/GameDescriptionTop.gif);}
#GameDescription .Middle{height:100px; background:url(../i/GameBoxBack.gif);}
#GameDescription .Fade{padding:5px;}
#GameDescription .ItemsWrapper{height:90px; width:420px;}
#GameDescription p{margin-bottom:8px;}
#GameDescription .Controls{height:25px; background:url(../i/GameCarouselControlsBackTop.gif);}

#GameRating .Top{background:url(../i/GameRatingTop.gif);}
#GameRating .Middle{height:100px; background:url(../i/GameBoxBack.gif);}
#GameRating .Fade{padding:5px 0px;}
#GameRating .ItemsWrapper{height:90px; width:442px;}
#GameRating .Bottom{height:25px; background:url(../i/GameBoxBottom.gif);}
#GameRating .Contribute{position:relative; width:442px; height:42px; border-bottom:1px solid #842335;}
#GameRating .Highest{position:relative; height:42px; border-bottom:1px solid #842335;}
#GameRating span{position:absolute; width:150px; left:20px; top:10px;}
#GameRating .Choose{position:absolute; left:200px; top:10px;}
#GameRating .Choose select{width:150px;}
#GameRating .Stars{position:absolute; left:200px; top:10px; width:130px;}

#GameComments .Top{background:url(../i/GameCommentsTop.gif);}
#GameComments .Middle{height:300px; background:url(../i/GameBoxBack.gif);}
#GameComments .Fade{padding:5px;}
#GameComments .ItemsWrapper{height:290px; width:420px;}
#GameComments .Item{margin-bottom:8px;}
#GameComments .Pic{width:60px; float:left;}
#GameComments .Details{width:350px; float:right;}
#GameComments .Pic img{border:solid 1px #A96572;}
#GameComments .Name{color:White; font-size:1.1em; margin-right:10px;}
#GameComments p{margin-bottom:1px;}
#GameComments .Controls{height:25px; background:url(../i/GameCarouselControlsBack.gif);}

#GameScores .Top{background:url(../i/GameHiScoresTop.gif);}
#GameScores .Middle{height:300px; background:url(../i/GameBoxBack.gif);}
#GameScores .Fade{padding:5px 0px;}
#GameScores .ItemsWrapper{height:290px; width:442px;}
#GameScores .Item{border-bottom:solid 1px #842335; width:442px; color:White; font-size:1.1em; padding:3px 0px;}
#GameScores .Name{float:left; width:200px; margin-left:10px;}
#GameScores .Score{float:right; width:200px;}
#GameScores .Controls{height:25px; background:url(../i/GameCarouselControlsBack.gif);}

/*Generic*/
.GenericTitle {text-align:left;margin-bottom:15px;color:#797979; font-size:2.4em; font-weight:bold;}
.GenericText {text-align:left;color:#000000; font-size:1.3em; padding-left: 10px;}
.GenericAlert {text-align:left;color:#ff0000; font-size:1.5em; font-weight: bold; background-color: #000; padding-left: 5px; margin-right: 10px;}