/****************************************************************************/
/* 2007 - TECHFRONT - http://www.techfront.com.br/							*/
/*																			*/
/* Created: 22/10/2007 by Herus Armstrong - herus.armstrong@techfront.com.br*/
/* Description: Layout of site eGames.com									*/
/****************************************************************************/

/* Zerando Boxes */
* {
	padding: 0px;
	margin: 0px;
}

/************************************/
/* HEADER							*/
/************************************/

/* Menu */
#topcontent {
	width: 870px;
	height: 30px;
	margin: auto;
}
#menu {
	background-image: url("../images/bg/menu_top.png");
	background-repeat: no-repeat;
	background-position: top center;
	width: 703px;
	height: 29px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
}

/* Menu Item */
#menu li {
	height: 29px;
	float: left;
	list-style: none;
}
#menu li a {
	background: url("../images/bg/menu.jpg") #004ACE repeat-x;
	height: 26px;
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-top: 2px;
}
#menu li span {
	font-size: 11px;
	padding-right: 10px;
	padding-left: 10px;
	border-left: 2px solid #FFFFFF;
	height: 11px;
}
#menu li a:hover {
	background: url("../images/bg/menu_hover.png") #2B60FF repeat-x;
}

/* Layout bads */
.menul {
	padding-left: 29px;
}
.menur {
	/*background-image: url(../images/bg/menu_r.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 26px;*/
}
.noborder {
	border: 0px;
	border: none;
	border-left: none;
	border-left: 0px;
}

/* Hackersafe */
a.hackersafe {
	float: right;
}
a.hackersafe img {
	border: 0;
}

a.estrela {
	display: block;	
	background-image:url(../images/bg/star_index2.png);
	background-repeat:no-repeat;
	padding-left: 20px;	
	margin:	auto auto auto 3px;
}
/* Mainform */
#mainforms {
	width: 955px;
	height: 87px;
	margin: auto;
	margin-top: 30px;
	padding-left: 30px;
}

/* Logo */
#logo {
	position: absolute;
	width: 250px;
	height: 132px;
	background-image: url(../images/bg/logo.png);
	background-repeat: no-repeat;
	margin-top: -29px;
	margin-left: -35px;
}
#logotype {
	width: 186px;
	height: 79px;
	/*
	background: url("../images/bg/logotype.gif") #FFFFFF top no-repeat;
	*/
	background-color: #fff;
	padding-right: 5px;
	margin-left: 110px;
	margin-top: 8px;
	float: left;
}

/* Fieldset login */
fieldset#login {
	background-image: url("../images/bg/login.gif");
	background-repeat: no-repeat;
	width: 342px;
	height: 79px;
	float: left;
	text-align: center;
	margin-top: 8px;
}
fieldset#login div {
	width: 100px;
	height: 40px;
	padding-left: 15px;
	padding-top: 10px;
	float: left;
}
fieldset#login #useroptions {
	float: left;
	width: 230px;
	height: 20px;
	margin-top: -30px;
	padding: 0;
}
fieldset#login label {
	display: block;
	width: 95px;
}
fieldset#login input {
	border: 1px solid #777777;
	font-family: "Helvetica", Verdana, Arial, sans-serif;
	font-size: 10px;
	letter-spacing: 2px;
	height: 16px;
	padding: 3px;
	padding-bottom: 0px;
	width: 90px;
}
fieldset#login #divsubmit, fieldset#login #divlogoff {
	background-image: url("../images/bg/loginarrow.png");
	background-position: right; 
	background-repeat: no-repeat;
	margin-top: -16px;
	margin-left: 0px;
	width: 112px;
	height: 95px;
	padding: 0;
}
fieldset#login #submit {
	border: 0;
	width: 62px;
	height: 23px;
	float: left;
	margin-top: 35px;
	margin-left: 13px;
}
fieldset#login a {
	font-weight: bold;
	color: #666666;
	margin-left: 16px;
	float: left;
}
fieldset#login #divlogoff #submit {
	border: 0;
	width: 74px;
	height: 23px;
	float: left;
	margin-top: 35px;
	margin-left: 13px;
}
fieldset#login .details a {
	font-weight: bold;
	color: #FFFFFF;
	margin-left: 16px;
	float: left;
	width: 100px;
	text-align: left;
	margin: 0;
}

/* Fieldset search */
fieldset#search {
	background: url("../images/bg/taskbar_r.png") transparent no-repeat center right;
	width: 195px;
	height: 60px;
	float: left;
	margin-top: 8px;
	padding-top: 19px;
	padding-left: 10px;
}
fieldset#search form {
	background-color: #fff;
	height: 60px;
	margin-top: -19px;
	margin-left: -10px;
	padding-top: 19px;
	width: 185px;	
	float: left;
}
fieldset#search input, fieldset#search select {
	border: 1px solid #777777;
	font-family: "Helvetica", Verdana, Arial, sans-serif;
	font-size: 10px;
	letter-spacing: 2px;
	height: 16px;
	padding: 3px;
	padding-bottom: 0px;
	width: 90px;
	float: left;
}
fieldset#search select {
	width: 175px;
	border: 1px solid #777777;
	margin-top: 5px;
	padding-bottom: 3px;
	height: 20px;
}
fieldset#search #gosearch {
	border: 0;
	width: 71px;
	height: 23px;
	margin-top: -4px;
}

/* Shopping bag */
#bag {
	width: 78px;
	height: 116px;
	float: right;
	display: block;
}
#bag h3 {
	text-align: left;
	margin: 0;
	padding: 0;
}
#bag a {
	margin-top: -13px;
	margin-left: 0px;
	position: absolute;
	width: 78px;
	height: 116px;
	background-image: url(../images/bg/mycart.png);
}
#bag a.bagfull {
	background-image: url(../images/bg/mycart_full.png);
}

/************************************/
/* CONTENT							*/
/************************************/

/* Content */
#content {
	width: 990px;
	background: none;
	padding-left: 0;
	margin: auto;
	margin-top: 30px;
}

/* Newest Additions, Featured Games and Onlinegames */
#newestandfeatured {
	float: left;
	width: 218px;
	margin-right: 13px;
	display: block;
}
#newest, #featured h2 {
	background-image: url(../images/bg/newest_top.png);
	width: 218px;
	height: 28px;
}

#featured_search h2 {
	background-image: url(../images/bg/newest_top.png);	
	width: 218px;
	height: 28px;
}

#featured h2 {
	background-image: url(../images/bg/newest_top.png);
}

#newestlist img, #featured img {
	border: 1px solid #FFFFFF;
}
#newestlist, #featured div {
	background-image: url(../images/bg/newest_bottom.png);
	background-position: bottom;
	background-repeat: no-repeat;
	width: 218px;
	margin: auto;
	display: block;
	margin-bottom: 15px;
	padding-bottom: 13px;
	margin-top: 0;
}
#featured_content {
	margin: 0 !important;
	background: none !important;
	background-color: #172055 !important;
	height: 266px !important;
}
#newestlist li {
	display: block;
	background-color: #172055;
	width: 210px;
	height: 98px;
	padding: 2px 4px 2px 4px;
	border-bottom: 2px solid #003EAF;
	margin-left: 0;
	font-size: 11px;
	list-style: none;
}
#newestlist li q {
	width: 100%;
	height: 30px;
	display: block;	
}
#newestlist li img {
	float: left;
	border: 1px solid #FFFFFF;
	margin-right: 7px;
	margin-left: 2px;
}
#newestlist li .forfree, #featured .forfree {
	background-image: url(../images/bt/playgame.gif);
	margin-top: 17px;
}
.forfree, .forfree2 {
	background-image: url(../images/bt/playforfree.gif);
	float: left;
	height: 30px;
	width: 56px;
}
.buy {
	background-image: url(../images/bt/buyonline.gif);
	width: 58px;
	margin-left: 2px;
	float: left;
	height: 49px;
}

.gameinfo {
	background-image: url(../images/bt/viewgameinfo.gif);
	width: 117px;
	float: left;
	height: 17px;
}
#featured .gameinfo {
	float: left;
}
#featured .buttons {
	width: 120px;
	height: 65px;
	margin: auto;
	clear: both;
	padding-bottom: 4px;
	margin-bottom: 5px;
	background-image: none;
}
#featured img {
	margin: auto;
	margin-top: 8px;
}
#featured #game {
	clear: both;
	display: block;
	margin: auto;
	width: 154px;
}
#online {
	background-image: url(../images/bg/onlinegames_bottom.gif);
	background-repeat: no-repeat;
	background-color: #3e9800;
	padding-bottom: 2px;
	margin: auto;
	margin-bottom: 10px;
	padding-bottom: -11px;
	margin-top: 0;
	width: 218px;
	background-position: bottom;
}
#online h2 {
	background-image: url(../images/bg/onlinegames_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 218px;
	height: 190px;
	display: block;
	padding-top: 28px;

}
#online a {
	background-image: url(../images/bg/playonline.gif);
	background-position: left;
	background-repeat: no-repeat;
	width: 218px;
	display: block;
	height: 148px;
}

/* Top Games and Dashboard */
#topgamesanddashboard {
	float: right;
	width: 184px;
}
#topgames, #dashboard dt, #tellafriend h2 {
	background-image: url(../images/bg/topgames_top.png);
	width: 184px;
	height: 31px;
	line-height: 32px;
	float: right;
}
#tellafriend h2 {
	background-image: url(../images/bg/topgames_top.png);
}
#tellafriend #tellafriendsubmit {
	background-image: url(../images/bt/submit_forgot.gif);
	background-repeat: no-repeat;
	width: 90px;
	height: 34px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	color: transparent;
	border: 0;
}
#topgameslist, #dashboard, #tellafriend #tellafriendform {
	float: right;
	background-image: url(../images/bg/topgames_bottom.png);
	background-position: bottom;
	background-repeat: no-repeat;
	width: 184px;
	padding-bottom: 13px;
	margin-bottom: 15px;
	clear: both;
}
#topgameslist li, #dashboard li {
	background-color: #29378B;
}
#dashboard {
	background-image: url(../images/bg/dash_bottom.gif);
	padding-bottom: 0px;
}
#tellafriend #tellafriendform {
	/*padding-bottom: 25px;*/
}
#tellafriend .tellafrienddiv {
 	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 0;
	clear: both;
}
#tellafriendform div {
	background-color: #29378B;
	padding-bottom: 13px;
	padding-top: 9px;
}
#tellafriend .tellafrienddiv input {
	border: 1px solid #777777;
	font-family: "Helvetica", Verdana, Arial, sans-serif;
	font-size: 10px;
	letter-spacing: 2px;
	height: 16px;
	padding: 3px;
	padding-bottom: 0px;
	width: 120px;
}
#dashboard h2 {
	background-image: url(../images/bg/dash_top.gif);
}

#topgameslist li {
	width: 179px;
	height: 70px;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	margin-top: 0;
	font-size: 11px;
	list-style: none;
	display: block;
	float: left;
	background-repeat: no-repeat;
	text-transform: none;
}
#dashboard {
	background-color: #3B6300;
	display: block;
}
#dashboard ul {
	display: block;
}
#dashboard .dashboarditem {
	font-size: 11px;
	text-transform: none;
	padding-left: 3px;
	list-style: none;
	font-weight: bold;
}
#dashboard .dashboardlist li {
	text-transform: none;
	font-weight: bold;
	list-style: disc;
	font-size: 10px;
	margin-left: 5px;
	padding-left: -9px;
	text-transform: uppercase;
	list-style-position: inside;
}
#topgameslist li img {
	float: right;
	border: 1px solid #FFFFFF;
	margin: 3px;
	margin-left: 0;
}
.forfree, .forfree2 {
	background-image: url(../images/bt/playforfree.gif);
	width: 56px;
	float: left;
	height: 30px;
}
.forfree2 {
	background-image: url(../images/bt/playforfree2.gif);
}
.stars strong, .stars2 strong {
	margin-left: 0;
	display: none;
}
.stars_off, .stars_off2 {
	background-image: url(../images/bg/stars_off.gif);
	width: 66px;
	height: 13px;
	float: left;
	display: block;
}
.stars_off2 {
	background-image: url(../images/bg/stars_off2.gif);
}
.stars, .stars2  {
	width: 66px;
	height: 13px;
	float: left;
	margin-left: 0;
	background-image: url(../images/bg/stars_on.gif);
}
.stars2 {
	background-image: url(../images/bg/stars_on2.gif);
}
.gameplay {
	width: 90px;
	height: 50px;
	margin-top: 5px;
	float: left;
}
.gameplay span {
	height: 24px;
	clear: both;
	display: block;
	line-height: 13px;
}
.position {
	width: 24px;
	height: 25px;
	float: left;
	margin-right: 5px;
}

/* Buttons Page */
#buttons a {
	margin-bottom: 5px;
}
.fav {
	background-image: url(../images/bg/fav.png);
	background-position: top;
	background-repeat: no-repeat;
	width: 158px;
	height: 79px;
	display: block;
	float: left;
	margin-left: 25px;
}
#newsletter {
	background-image: url(../images/bg/newsletter.png);
	width: 157px;
	height: 59px;
	float: left;
	display: block;
	margin-left: 25px;
}

/* Terms of Use */
#termsofuse {
	float: left;
	display: block;
	background-image: url("../images/bg/catbottom_left.png");
	background-position: top left;
	background-repeat: no-repeat;
	background-color: transparent;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	font-size: 10px;
	height: 28px;
}
#termsofuse span {
	float: left;
	display: block;
	background-image: url("../images/bg/catbottom_right.png");
	background-position: top right;
	background-repeat: no-repeat;
	background-color: transparent;
	height: 28px;
	width: 560px;
}
#termsofuse div {
	background-color: #003FB1;
	float: left;
	height: 23px;
	margin-left: 30px;
	padding-top: 5px;
	text-align: center;
	width: 500px;
	font-size: 9px;
}
#termsofuse div a {
	font-size: 9px;
}
#give_gift {
	margin-bottom: 15px;
}

/************************************/
/* DEFAULT FORMAT TAGS				*/
/************************************/

/* Titles */
h2, dt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 28px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: center;
}

/* Sub-titles */
h3, h4, dd {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10.4px;
	font-weight: bold;
	line-height: 28px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: left;
}
h4 {
	font-size: 10px;
}

/* Texts */
p, span, .txt, label, a, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	line-height: 16px;
}
.txt11, label {
	font-size: 11px;
	font-weight: bold;
}
label {
	color: #FFFFFF;
	text-transform: uppercase;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
 
/* Fieldset Elements */
fieldset {
	border: 0;
}

/* Hidden Elements */
.hide, h1 span, h3 span, .forfree span, .forfree2 span, fieldset#search label, .fav span, #newsletter span, #online h2 span, legend, .gameinfo span, .buy span, .forfree span {
	display: none;
}