@import url(reset.css);
@import url(Gallery.css);
body
{
	text-align: center;
	font-size: 0.7em;
	color: #666;
	font-family: Verdana, Arial, Sans-Serif;
	/*background: #BCBDC1 no-repeat center -42px;*/
	background-color:#ffffff;
	background-attachment: fixed;
	margin: 0px;
}
p{line-height: 1.35em; margin: 7px 0px 7px 0px;}
.MasterDiv{ margin: 0px auto 0px auto; width: 758px;}

h1{display: block; font-size: 1.6em; color: #222; font-weight: bold; margin: 0px 0px 10px 0px;}
h2{display: block; font-size: 1.4em; color: #FA6C16; font-weight: bold; margin: 0px 0px 10px 0px;}
a {color: #474747; text-decoration: none;}
a:hover{text-decoration: underline;}
.MainContent ul, .MainContentCircle ul{ list-style-type: disc; margin: 15px 0px 15px 20px;}
.MainContent li, .MainContentCircle li{ margin: 10px 0px 10px 0px;}
.GameDesc{ color: #FFF; padding: 2px; display: block; float: left; font-size: 1.2em; font-weight: bold;}
.GameDesc a{color: #474747; padding: 2px; display: block; float: left; font-size: 1em; font-weight: bold;}
.HomeMovie{ display: block; margin-bottom: 8px;}
.HomeGameDiv{display: table;
	background-color: #ccc; 
	width: 397px;
	padding: 2px 0px 3px 3px;}
/*-----  Contact Areas*/

.ContactTable{ width: 400px; margin: 20px 0px 0px 10px;}
.ContactTable .label { width: 200px; border-right: 1px dashed #bdbec2; padding-right: 10px}
.ContactTable td {padding: 0px 25px 7px 10px; }
.ContactTextBox {width: 200px; border-bottom: 0px; border-left: 0px; border-top: 1px solid #333; border-right: 1px solid #333; background-color: #f9f9f9;}
.ContactSubmit{ width: 200px; height: 25px; border: 1px solid #ccc; background: url(../images/buttons/greybg.jpg);}

.SmallOrangeButton
{
    color: #000;
    padding: 2px;
    font-size: 10px;
    background: url(../images/buttons/greybg.jpg);
    border: 1px solid #777;
}

.OrangeButton
{
    color: #333;
    padding: 3px 10px 3px 10px;
    background: url(../images/buttons/greybg.jpg);
    border: 1px solid #777;
    margin: 15px 0px 10px 0px;
}


/*------   Banner Area   */

#OrangeMenu 
{
    background: transparent url(../images/template/nav-bar.jpg);
    width: 758px; height: 45px;
    margin: 5px 0px 5px 0px; 
    padding: 0px 0px 0px 0px;
    clear:both;
    }
  #OrangeMenu ul {
    padding-left:220px;
  }  
  #OrangeMenu li {
    margin: 0; padding: 0; list-style: none;
    float:left;
  }
  #OrangeMenu a 
  {
    background: url(../images/template/nav-bar.jpg);
    height: 45px; display: block;}
    
  #panel1b a { background-position: -215px 0;width: 54px;}
  #panel2b a { background-position: -270px 0; width: 105px;}
  #panel3b a { background-position: -375px 0;width: 62px;}
  #panel4b a { background-position: -435px 0; width: 105px;}
  
  #panel1b a:hover {
    background: transparent url(../images/template/nav-bar.jpg)
    -215px -45px no-repeat;}
  #panel2b a:hover {
    background: transparent url(../images/template/nav-bar.jpg)
    -270px -45px no-repeat;}
  #panel3b a:hover {
    background: transparent url(../images/template/nav-bar.jpg)
    -375px -45px no-repeat;}
  #panel4b a:hover {
    background: transparent url(../images/template/nav-bar.jpg)
    -435px -45px no-repeat;}
  

#flashTemp 
{
    position:absolute;
    bottom:17px;
    left:10px;
    z-index:1;
}
#hotHolder
{
    position:absolute;
    bottom:-2px;
    right:10px;
    z-index:1;
}


.newTest 
{
    position:relative;
}

#gameList ul 
{
    margin:0px;
    padding:0px;
}
#gameList li 
{
    margin:0px 0px 0px 0px;
    padding:0px;
    float:left;
}

.Banner{ width: 758px; float: left; display: table; clear: both; margin: 0px; padding: 0px; background-color: #FFF;}
.BannerTop{ width: 758px; float: left; display: block; clear: both; background-color: #FFF; }
.BannerLogo{float: left; display: block;}
.TradeLogin{ float: right; margin: 4px 16px 0px 0px; text-decoration: none; padding: 5px; font-weight: bold; font-size: 1.1em; color: #666; clear: right;}
.TradeLogin:hover{color: #FA6C16; }


.GlobalNav{ background-color: #FFF;}
.LeftNavImg{ float: left; background: #FFF; }
/*
.OrangeMenu{font-weight: bold; font-size: 0.87em; background: url('../images/template/OrangeBG.jpg') repeat-x; height: 27px; width: 582px; display: block; float: left; }
.OrangeMenu ul { margin: 0px 0px 0px 0px;}
.OrangeMenu li{ float: left; display: block; }
.OrangeMenu a{ display: block; color: #FFF; font-weight: bold; padding: 8px 20px 9px 20px; text-decoration: none; text-transform: uppercase;}
.OrangeMenu a:hover{ text-decoration: none; color: #FFF; background: url('../images/template/OrangeBGON.jpg') repeat-x; }
.OrangeMenu .Selected
{

}*/
.GreyStripe{ width: 582px; display: block; float: left;
	background: #666 url('../images/template/GreyStripeBG.jpg') ;
	height: 11px; padding: 0px; margin: 0px; line-height: 0px; overflow: hidden;}

.PlatformMenu{font-size: 0.85em; color: #FA6C16; width: 758px; display: table; float: left; background: #FFF url('../images/template/whitebg.jpg') repeat-x;}
.PlatformMenu ul { display: table; margin-left:80px;}
.PlatformMenu li{float: left; display: block; font-weight: bold;}
.PlatformMenu a, .PlatformMenu .PlatformTitle{ color: #666; text-decoration: none; font-weight: bold; padding: 3px 15px 8px 15px; display: block; }
.PlatformMenu a:hover{ color: #474747; /*background: url('../images/template/whitebgON.jpg') repeat-x;*/}
.PlatformMenu .PlatformTitle{color: #474747;}
.PlatformMenu .Selected
{
	color: #FA6C16;}

.FlashSkin{ height: 140px;}

.GreyBox
{   display: block; float: left;
	/*background: #666 url('../images/template/GreyGradientBG.jpg') repeat-y top left;*/
	background-color:#fff;
	height: 28px; width: 758px;
}
.QuickSearch{ padding: 0px; margin: 0px; float: right; margin: 4px 20px 2px 0px;}
.QuickSearch td{ vertical-align: top;margin: 0px; padding: 0px;}

 .QuickSearch td .QuickSearchTB
 {
    width: 225px;
    border: 1px solid #333;
    }
.QuickSearch .QuickSearchDD
{
   width: 250px;
   margin-left: 20px;
   border: 1px solid #333;
   height: 20px;
}
.SmallSearchButton
{
    /*color: #333;*/
    color:#fff;
    padding: 2px;
    font-size: 10px;
    /*background: #eee;*/
    background-color:#222;
    border: 1px solid #777;
    height: 20px;
}
.QuickSearchText{ font-weight: bold; /*color: #FFF;*/ color:#333; padding: 6px 10px 7px 0px; display: block; float: left;}

.HomeImageLinks{ display: block; clear: both;}
/*----  Main Site  */


.MainBody{width: 748px; float: left; display: block; clear: both; background-color:  #666; padding: 5px; position:relative; /*z-index:-999;*/}
/*.BodyTable{ width: 748px; background-color: #fff; display: table; float: left; }*/
/*.BodyTable td{ vertical-align: top;}*/
.BodyTable{ width: 747px; background-color: #fff; display: table; float: left; margin-top:4px; position:relative;}
.BodyTable td{ vertical-align: top;}

.LeftCol{ width: 180px; border-right: 5px solid #666; padding: 5px; vertical-align: top;  }
.MainContent, .MainContentCircle{ width: 400px; padding: 10px 10px 5px 10px;}
.MainContentCircle { background-position:bottom right;background-repeat:no-repeat;/*background: url('../images/template/loopcircles.gif') no-repeat bottom right*/}
.MainContentFull{ width: 505px; padding: 10px 10px 5px 10px; background: url('../images/template/FullBG.jpg') no-repeat top left}
.MainContentFull .AboutText{width: 400px; float: left; display: block;}
.MainContentFull .WhatWeLike{width: 255px; float: left; display: block; padding: 5px 0px 0px 155px; }
.MainContentFull .WhereWePub{width: 355px; float: left; display: block; padding: 15px 0px 0px 75px; }
.MainContentFull .AboutContact{width: 355px; float: left; display: block; margin: 15px 0px 30px 0px; }

.RightCol{  border-left: 5px solid #666; background-color: #666; width: 120px; }

/*------   Footer */
.Footer{ width: 748px; float: left; background-color: #fff; display: table; padding: 3px 5px 6px 5px; font-size: 0.96em;}

.Footer ul{ color: #999; font-size: 0.9em;}
.Footer li{ float: left; display: block; padding: 0px 15px 3px 0px;}
.Footer a{ color: #999; display: block; font-weight: bold; }
.Footer a:hover{color: #000000;}


/*-----  Game View ----------------*/

.GameTitle{ display: block; font-size: 1.8em; text-transform: uppercase; color: #474747; font-weight: bold; margin: 0px 0px 0px 0px;}
.GameIntroText{display: block; margin: 0px 0px 5px 0px; color:#383838; font-size: 1.35em; line-height: 1.2em; }
.GameDescription{}

.GameShot{ display: block; float: right; width: 150px; margin-bottom: 10px; margin-left: 10px; }
.GameFeatures{float: left; width: 400px; margin: 10px 5px 0px 0px; }
.FeaturesTitle{border-bottom: 3px solid #FFF; display: block; width: 390px; padding: 3px 5px 3px 5px; background: #474747 url('../images/template/features.gif') no-repeat top right; color: #FFF; font-weight: bold;}

.FeaturesText{ display: block; width: 400px; padding: 0px; background: #bdbec2; font-size: 0.9em; }
.FeaturesText ul{ list-style-type: disc; display: block;  margin: 0px 0px 0px 20px; padding: 5px; color:#222;}
.FeaturesText li {list-style-type: disc; line-height: 1.2em; display: block; padding: 3px 0px 3px 5px; margin: 0px;}

.OtherPlatforms{ display: block; width: 110px; padding-left: 5px; float: left;}



/*-----   Screenshots Small  */

.GameExtraLink{ background: url(../images/template/SilverBG.gif) repeat-x; height: 17px; width: 170px; margin: 10px 0px 0px 0px  }
.GameExtraLink{ color: #FFF; display: block; text-align: right; font-weight: bold; text-decoration: none; margin: 5px 0px 5px 0px;}


/* Games by Platform */
.GameRow
{
     display: block;
   width: 160px;
   float:left;
   border: 1px solid #CCC;
   margin-left: 5px;
   margin-bottom: 5px;
    }


/* Advanced Search */
.AdvancedSearchDiv
{
    width: 400px;
    }
 .AdvancedSearchTB
 {
    width: 300px;
    border: 1px solid #333;
    }
.AdvancedSearchDD
{
    font-family: arial;
    width: 380px;
}
.AdvancedSearchDDSmall
{
	width: 200px;
	margin-right: 10px;

    }
.ResultPanel
{
    margin-top: 4px;
    border: 1px solid #999;
    width: 400px;
    padding: 5px 0px 0px 0px;
    background: #FFF url(../images/resultpaneltop.gif) no-repeat top right;
    background-repeat: no-repeat;
    overflow: hidden;
}
.ResultPanel img
{
    float: left;
    display: block;
    width: 87px;
    padding: 3px;
    border: 1px solid #ccc;
    }
.ResultGameTitle
{
   display: block; float:left;
   color: #474747;
   font-size: 1.2em;
   width: 230px;
   margin: 3px 50px 4px 5px;
   text-decoration: none;
   font-weight: bold;

}
.ResultGameTitle:hover
{
   text-decoration: underline;
}
.ResultIntroText
{
   display: block; float:left;
   margin: 0px 3px 5px 5px;
   line-height: 1.2em;
   font-size: 0.9em;
   width: 295px;

    }
    .OtherPlatformLink{ display: block; float: left; margin: 2px 3px 2px 0px; color: #666; text-decoration: underline;}
	.OtherPlatformLink:hover{ color: #FA6C16; text-decoration: underline;}

.ResultsGoToPage{ margin: -24px 0px 0px 0px; float: right; width: 70px; height: 20px;}

.InfoTable
{
	 display: block; float: right;  width: 305px;  font-size: .78em; color: #222; font-weight:bold; margin: 5px 0px 0px 0px;
	}
.InfoTable .mid{ border-left: 1px solid #CCC; border-right: 1px solid #CCC; width: 110px}
.InfoTable td {padding: 0px 5px 0px 5px;}
.ResultText{ color: #666; margin: 3px 0px 5px 0px; display: block;}
.GameSummary{ width: 120px; padding-top: 10px; display: block; background-color: #FFF;}
.AvailableOn{width: 120px; display: table; background-color: #FFF;}
/*--------   Latest Arrivals *******/
.Latesth1{color: #FA6C16; font-weight: bold; margin-bottom: 4px; display: block; }
.LatestItem{ width: 180px; display: block; border-top: 2px dotted #666; padding: 10px 0px 10px 0px;}
.LatestPackLink{ float: left; padding-right: 7px; padding-bottom: 7px;}
.LatestPackImg{}
.LatestTitle{color: #474747; font-weight: bold; text-transform: uppercase; font-size: 0.88em; display: block; margin: 0px 0px 5px 0px;}
.LatestText{ color: #666; font-size: 0.9em; text-decoration: none; line-height:1.3em;}
.LatestText:Hover{color: #FA6C16; }

/*--------   Summary Box *******/

.SummaryTitle{font-size: 0.8em; color: #474747; font-weight: bold; display: block; margin: 4px 0px 3px 4px; }
.SummaryInfo{font-size: 0.9em; color: #777; display: block; margin: 4px 0px 5px 4px; padding-bottom: 4px; border-bottom: 1px dotted #777;}



/*------  Search Recults By Platform  */
.SearchMessagesDiv
{
	/*display: table;*/
	background-color: #848484; 
	width: 397px;
	/*padding: 2px 0px 3px 3px;*/
	padding:5px 0px 5px 5px;
	}

	.Pager{ float: right; color: #FFF; margin-right: 10px; }
	.PagerNumbers{ color: #FFF; font-size: 1.2em; font-weight: bold;}
.SelectedPagerNumbers { color: #474747; font-size: 1.2em; font-weight: bold; border: 1px solid #FFF; background-color: #FFF;}
.Pagerimg{ padding-top: 2px;}

.SignUpDiv
{
    width:  300px;
    }
.SignUpTopTitle
{
    font-size: 1.1em;
    font-weight: bold;
    display: block;
    margin: 3px 0 4px 0;
    }
.SignUpTitle
{
    display: block;
    padding: 3px 0 0 0;
    margin: 5px 0 3px 0;
    border-top: 1px dotted #777;
    }
.SignUpTextBox
{
    width:  196px;
  border: 1px solid #bdbec2;
    }
.AgeDiv{ display: block; margin: 0;}
.SearchResultsLabel{ display: block; color: #FFF; padding: 5px 0px 3px 5px; font-size: 1.2em; font-weight: bold; width: 230px; float: left;}

.LoginBox
  {
    width: 270px;
    height: 400px;
    background-image: url(../images/505bg.jpg);
    background-repeat: no-repeat;
    margin: 20px 0px 0px 20px;
    padding: 100px 0px 0px 20px;
    
    }
    

/* 31July08 */
.lang { float: right; padding-top: 10px; padding-right: 24px; }
.lang li { float: left; list-style-type: none; padding-left: 6px;}

#nostrip { margin-left: 0 }
