* {
	margin:0;
	padding:0;
}

ul {
	margin:0;
}

body {
	font-family:  arial, tahoma, 'lucida grande',verdana,helvetica,arial,sans-serif;
	font-size: 12px;
	margin: 0;
	color: #555;
	background-image: url('../img/bg.jpg');
	background-color: #d3d3d3;
	background-repeat: repeat-x;
}

form.left label {
	width:75px;
}

form.left div.submit {
	margin-left:75px;
}

a {
	color:#2C519E;
	text-decoration:underline;
}
a:hover {
	color:#D18110;
	text-decoration:underline;
}


.header-left {
	background-image:url(../img/header-left.jpg);
	background-repeat:no-repeat;
	float:left;
	height:79px;
	width:6px;
}
.header-right {
	background-image:url(../img/header-right.jpg);
	background-repeat:no-repeat;
	float:left;
	height:79px;
	width:6px;
}
.header {
	background-image:url(../img/header-bg.jpg);
	background-repeat:repeat-x;
	float:left;
	height:79px;
	width:841px;
}
.logo-wrapper {
	float:left;
	width: 310px;
}
.logo {
	margin-left:20px;
	margin-right:30px;
	margin-top:11px;
}
.headermenu-left {
	background-image:url(../img/headermenu-left.jpg);
	background-repeat:no-repeat;
	float:left;
	height:79px;
	width:1px;
}

.nav-primary {
	float:left;
	height:79px;
}
.nav-primary ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-top:23px;
	padding-left:1px;
}
.nav-primary li {
	background:transparent url(../img/menu-br.jpg) repeat-y scroll right center;
	float:left;
	padding: 5px 9px;
}
.nav-primary a {
	color: #555555;
	padding:7px 0 7px 10px;
	text-decoration:none;
}
.nav-primary a:hover {
	background:transparent url(../img/button-blue.gif) no-repeat scroll left center;
	color: white;
	text-decoration: none;
}
.nav-primary span {
	padding:7px 10px 7px 0;
}
.nav-primary a:hover span {
	background:transparent url(../img/button-blue.gif) no-repeat scroll right center;
}

.headersicons-wrapper {
	float:right;
	margin-top: 22px;
	margin-right: 0px;
	text-align: center;
	width: 200px;
}

.headersicons-wrapper a {
	margin: 0 6px;
	padding 0;
}

.headersearchinput-wrapper {
	float:left;
	padding-left:5px;
	padding-top:27px;
}

.headersearchbutton-wrapper {
	float:left;
	padding-left:5px;
	padding-top:27px;
}


#headlines {
	border: 1px solid #A7A7A7;
/*	background-image: url("../img/content-bg.jpg");*/
	background-color: #f3f3f3;
	width: 840px;
	padding: 5px 6px;
}

#headlines .caption {
	font: 12px;
	font-family: arial, verdana;
	font-weight: bold;
	padding-right: 6px;
	margin-right: 6px;
	border-right: 1px solid #808080;
	float: left;
}

a.hotnews {
	color: #555555;
	text-decoration: none;
	width: 700px;
}

a.hotnews: hover {
	text-decoration: none;
}

.allcontent-wrapper {
	border-left: solid 1px #a7a7a7;
	border-top: solid 1px #a7a7a7;
	border-right: solid 1px #a7a7a7;
	width: 852px;
	background-image: url(../img/content-bg.jpg);
	background-repeat: repeat-z;
	padding-bottom: 1px;
}

.caption-panel {
	background:transparent url(../img/caption-panel-bg.jpg) no-repeat scroll left center;
	width: 844px;
	height: 20px;
	margin: 4px 4px 4px 4px;
}

.content-header {
	background:transparent url(../img/caption-panel-bg.jpg) no-repeat scroll left center;
	width: 844px;
	height: 20px;
	margin: 4px 4px 4px 4px;
}

* html .content-header {
	margin-top: 0px;
}

.content-header h2 {
	color: white;
	font-weight: bold;
	padding-left: 20px;
	text-transform: uppercase;
	font-size: 12px;	
}

* html .content-header h2 {
	padding-top: 8px;
}

* html .caption-panel li {
	padding-top: 0px;
}

.content-data {
	padding: 0px 25px 20px;
}

.caption ul {
	list-style-type: none;	
	padding-left: 22px;
	margin-bottom: 0px;
}

.caption li {
	color: white;
	font-weight: bold;
	padding-left: 5px;
	text-transform: uppercase;
	line-height: 21px;	
}

.content-round-corners {
	width: 855px;
	background-image: url(../img/content-footer.jpg);
	background-repeat: no-repeat;
	height:10px;	
}


/* title menu */
ul.title li {
	line-height: 15px;
	float: left;
	padding: 0px 3px 0px 3px;
	background: transparent url('../img/menu-element-bg.gif') top right no-repeat;
}

 * html ul.title li {
	padding: 0px 2px 0px 2px;
}


html>body ul.title li {
	//padding: 0px 2px 0px 1px;
}

ul.title li a {
	display: block;
	text-align: center;
	padding: 0 0 0 7px;
	font-size: 12px;
	text-decoration: none;
	color: #555;
	line-height: 20px;
	z-index: 100;

}
ul.title li a span{
	padding: 0px 7px 0px 0;
	display: inline-block;
	height: 20px;
	
}

ul.title li span{
	padding: 0px 7px 0px 7px;
	display: inline-block;
	height: 20px;
	line-height:20px;		
}

li.empty span {
	color: #aaa;
}

li.bold span {
	font-weight: bold;;
}

ul.title li a:hover {
	text-decoration: none;
	color: #fff;
	background: transparent url('../img/button-blue-small.gif') left center no-repeat; 
}

ul.title li a:hover span {
	background: scroll transparent url('../img/button-blue-small.gif') no-repeat right center;
}

ul.title li a.current {
	background-color: #43ABDA;
	color: #fff;
}

ul.title li a.last {
	background-color: #43ABDA;
	color: #fff;
}

/* end of title menu */

/* Tables */

table#main {
	width: 100%;
	color: #ddd;
	border-width: 0px;		
}
table#main tr td {
	border-width: 0px;	
}

table {
	border:1px solid #ccc;
	border-right:0;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
}
th {
	border:1px solid #bbb;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	text-align: center;
	height: 25px;
}
th a {
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
th a:hover {
	color: #333;
	text-decoration: none;
}
table tr td {
	border-right: 1px solid #ccc;
	padding: 4px;
	text-align: left;
	vertical-align: top;
}
table tr.altrow td {
	background: #f4f4f4;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
td.actions a {
	margin: 0px 6px;
}
.cake-sql-log table {
	background: #f4f4f4;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
}


/* lists */

ul.line {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ul.line li {
	display: inline;
	float: left;
	background: url('../img/separator-menu.png') right 3px no-repeat; 
}

ul.line a {
	color: #666;
	text-decoration: none;
	font-size: 11px;
	padding: 2px;
}

ul.line a:hover {
	color: #fff;
	background-color: blue;
}


ul.line li.last {
	display: inline;
	background: none;
}

div.nav-wwp-menu, div.nav-tdp-menu, div.nav-jungle-menu, div.nav-slugs-menu, div.nav-moow-menu, div.nav-thepinball-menu, div.nav-robo-menu, div.nav-remotepinball-menu, div.nav-thepinball-hd-menu, div.nav-slayer-menu, div.nav-secondary-menu {
	padding: 3px 0px;
}	
/* end of lists */


.news-panel {
	background-image: url(../img/news-panel-bg.jpg);
	background-repeat: no-repeat;
	width: 422px;
	height: 157px;
	float: left;
}

.caption-smallpanel {
	background:transparent url(../img/caption-smallpanel-bg.jpg) no-repeat scroll left center;
	width: 412;
	height: 19px;
	margin: 4px 4px 0px 4px;
}

html>body .caption-smallpanel li {
	padding-top: 0px;
}

* html .caption-smallpanel li {
	padding-top: 0px;
}

.latestNews div.data{
	padding: 5px 5px 0px 10px;
}

.latestNews table {
	border: none;
	padding: 0px;
}

* html .latestNews td {
	padding: 1px 10px 1px 5px;
}

html>body .latestNews td {
	//padding: 1px 10px 1px 5px;
} 

.latestNews td {
	border: none;
	padding: 3px 10px 3px 5px;
}

.latestNews td.title {
	text-align: left;
}

.latestNews td.date {
	text-align: right;
}

div.comments {
	border: none;
	margin: 0;
	background-image: url(../img/comment3.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 26px;
	height: 16px;
	display: inline-table;
	text-align: center;
	font-size: 9px;
	vertical-align: middle;
	padding-left: 3px;
}

* html div.comments {
	margin-top: -16px;
	float: right;
}

html>body div.comments {
	//margin-top: -16px;
	//float: right;
}




.footer-wrapper {
	width: 854px;
	height: 38px;
	background-image: url(../img/footer2.jpg);
	background-repeat: no-repeat;
	margin-bottom: 15px;
	margin-left: 0px;
	margin-top: 5px;	
}

* html .footer-wrapper {
	margin-top: 0px;
}

.footer-wrapper div {
	font-size: 8pt;
	font-weight: normal;
	font-family: Tahoma;	
	color: #555555;
	padding-top: 10px;
	padding-left: 35px;
	padding-right: 10px;
	float: left;	
}

.footer-wrapper a, .footer-wrapper a:visited {
	font-size: 8pt;
	font-weight: normal;
	font-family: Tahoma;	
	color: #2C519E;
	text-decoration: underline;
}
.footer-wrapper a:hover {
	color: #D18110;
}


ul.sitemap {
	list-style-type: none;
	margin: 0px;
	margin-left: 1.5em;
}

ul.sitemap li {
	float: none;
	display: block;
	font-size: 12px;
	padding: 4px 0px;
}

ul.sitemap li a {
	font-size: 12px;
}

ul.sitemap li.empty {
	display: none;
}

div.message {
	clear: both;
	color: #056E05;
	font-size: 100%;
	font-weight: bold;
	margin: 0 0 0 75px;
	text-align: center;
	padding: 5px;
	width: 340px;
}

div.error-message {
	color: #FF5C5C;
	padding: 5px 0 0 0;
	font-size: 80%;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	clear: both;
	color: green;
	font-size: 100%;
	font-weight: normal;
	margin: 1em auto;
	text-align: center;
	background-color: #D9F4F8;
	padding: 5px;

}

.filter-wrapper  {
	text-align: right;
	margin-right: 25px;
}
.filter-wrapper span {
	margin: 5px;
	cursor: pointer;
}

.filter-wrapper span.curr {
	font-weight: bold;
}

.filter-wrapper span:hover {
	text-decoration: underline;
}

.product-banners-wrapper {
}
	
.product-banner {
	margin: 10px 10px 10px 16px;
	width: 396px;
	float: left;
}

.partner {
	text-align: center;
	padding: 20px 0px;
}

.fbcontainer .allcontent-wrapper {
	width: 490px;
	border-bottom: 1px solid #A7A7A7;
	margin-bottom: 4px;
}

.fbcontainer .content-header {
	background-image: url('../img/fb-caption-panel-bg.jpg');
	widht: 482px;
}

.fbcontainer .content-data {
	padding: 0px 10px;
}

.fbcontainer .span-24 {
	width: 490px;
}

.fbcontainer {
	margin-left: 0px;
	width: 494px;
}