body, html { margin: 0px; padding: 0px; height: 100%; }
html { background: url(../images/bg-body-gradient.jpg) left top repeat-x #09181b; }
body { background: url(../images/bg-body-img.jpg) center top no-repeat; height: 100%; text-align: center; font: 9pt arial; color: #79a4ae; }

hr { padding: 0px; margin: 0px; background-color: #263e3a; border: 0px; height: 1px;}

a img { border: 0px; }
a { text-decoration: none; color: #fff; }

div.clearing { clear: both; }

.tabs { position: relative; }
	.tabs .handle { 
		position: relative; height: 20px; float: left; font: 9pt arial; 
		color: #79a4ae; font-weight: bold; line-height: 20px; padding: 5px; background: black; margin: 3px;
		cursor: pointer;
		opacity: 0.5;
	}
	.tabs .active {
		opacity: 1 !important;
	}
	.tabs .handle:hover {
		opacity: 1 !important;
	}
	.tabs .content { padding: 30px 10px 0px 10px; }
	.tabs .loadingOverlay { background: url(../images/load.gif) center center no-repeat; display: none; top: 70px; min-height: 100px; position: absolute; width: 100%;}
	
.leftBanners {
	position: absolute;
	top: 0px;
	left: -130px;
	width: 130px;
}
.leftBanners img {
	margin-bottom: 10px;
}
.rightBanners {
	text-align: right;
	position: absolute;
	top: 0px;
	right: -130px;
	width: 130px;
}
.rightBanners img {
	margin-bottom: 10px;
}

.topBanners {
	padding-bottom: 6px;
	text-align: center;
}
.topBannerBig {
	position: absolute;
	top: 0px;
	left: 0px;
}
table { width: 100%;}
	table td, th { background: url(/images/bg-rightcol.png) repeat; padding: 6px;}
	th { vertical-align: top;}
	tr.submit td, tr.submit th { background-image: none;}
#body { width: 980px;  margin: auto; text-align: left; position: relative; padding-top: 100px; }
	#login { width: 220px; position: absolute; top: 0px; right: 0px; background: #0c1c1f; padding: 4px 6px;}
		#login input { width: 80px; margin-right: 4px;}
		#login input.submit { width: auto; position: relative; top: 3px; }
	#login-form { text-align: center; }
	#login-links { text-align: center; margin-top: 5px; }
	#header { background: #0c1c1f; height: 90px; margin-bottom: 10px; }
		img.logo { margin: 50px 0px 0px 27px; float: left; }
		#menu { width: 675px; float: right; }
			#menu .menuitem { display: block; position: relative; float: left; margin-right: 10px; z-index: 10000;}
				#menu .motocross { width: 115px; height: 90px; background: url(/images/menu-motocross-off.gif) left top no-repeat; }
					/*#menu .motocross:hover { background: url(../images/menu-motocross-on.gif) left top no-repeat; }*/
				#menu .enduro { width: 85px; height: 90px; background: url(/images/menu-enduro-off.gif) left top no-repeat; }
					/*#menu .enduro:hover { background: url(../images/menu-enduro-on.gif) left top no-repeat; }*/
				#menu .trial { width: 65px; height: 90px; background: url(/images/menu-trial-off.gif) left top no-repeat; }
					/*#menu .trial:hover { background: url(../images/menu-trial-on.gif) left top no-repeat; }*/
				#menu .speedway { width: 102px; height: 90px; background: url(/images/menu-speedway-off.gif) left top no-repeat; }
					/*#menu .speedway:hover { background: url(../images/menu-speedway-on.gif) left top no-repeat; }*/
				#menu .jaarata { width: 88px; height: 90px; background: url(/images/menu-jaarata-off.gif) left top no-repeat; }
					/*#menu .jaarata:hover { background: url(../images/menu-jaarata-on.gif) left top no-repeat; }*/
				#menu .supermoto { width: 113px; height: 90px; background: url(/images/menu-supermoto-off.gif) left top no-repeat; }
					/*#menu .supermoto:hover { background: url(../images/menu-supermoto-on.gif) left top no-repeat; }*/
			#menu .menuitem a.mainitem 
			{
				display: block;
				height: 90px;
				position: relative;
			}		
			#menu .menuitem a.mainitem img {
				border: 0;
			}
			#menu .menuitem a.mainitem img.off {
				z-index: 100;
			}
			#menu .menuitem a.mainitem img.on {
				display: none;
				position: absolute;
				left: 0;
				top: 0;
				z-index: 200;
			}
			#menu .menuitem .submenu {
				display: none;
				position: absolute;
				top: 90px;
				background: #0C1C1F;
				width: 100px;
				min-width: 145px;
				overflow: hidden;
				z-index: 1000;
			}
			#menu .menuitem .submenu .submenuitem {
				height: 25px;
				white-space: nowrap;
				font: 12px Arial;
				line-height: 25px;
				display: block;
				padding: 0px;
				border-bottom: 1px solid #263E3A;
			}
			#menu .menuitem .submenu .submenuitem a {
				display: block;
				padding: 2px 7px;
			}
			#menu .menuitem .submenu .submenuitem a:hover {
				background: #9fdff8;
				color: black;
				
			}
		
		
	#contentframe { background: url(/images/bg-content.png); padding-bottom: 20px; position: relative; }
	
		#breadcrumbs { padding: 0px 30px; height: 32px; background: url(/images/bg-content-header.png) no-repeat; color: #E8F8D9; font: 10px Verdana; line-height: 32px; }
	
		#leftcol { width: 575px; float: left; margin: 20px 0px 0px 20px; }
			#content { padding-left: 10px; width: 100%; color: #ffffff; }
				#content div.result-kapy { width: 100%; overflow: auto; }
				#content h1, #content #article h1 a, h1 { font: trebuchet MS; margin: 0px; padding: 0px; font-size: 13pt; line-height: 24px; color: #b6edbb !important;  }
				h2 { font: 20px Trebuchet MS; color: #b6edbb !important;}
				h3 { font: 14px Trebuchet MS; color: #b6edbb !important;}
				#content p.date { border-top: 1px solid #263e3a; font: 7pt verdana; color: #f8f59f; margin: -4px 0px 15px 0px; }
				#content p.date_noline { font: 7pt verdana; color: #f8f59f; margin: 12px 0px 2px 0px; }
				p, li, td, th, label { font: 9pt arial; color: #79a4ae; line-height: 1.5; }
				#content p, #content li, #content td, #content th, #content label { font: 9pt arial; color: #DAE0E3; line-height: 1.5; }
				th { font-weight: bold;}
				#article img, .main-article .image img, .normal-article .image img, img.image { padding: 3px; border: 1px solid #263e3a; }
				#content a { color: #98CDDA; }
				#content a:hover { color: #DAE0E3; }
				#content #article a, #content .normal-article a { color: #DAE0E3; }
				#content .normal-article h1 a { color: #b6edbb !important; }
				
				.main-article, .normal-article { margin-bottom: 20px;}
				
				.normal-article .image { float: left !important; margin: 3px 15px 15px 0px;}
				.kuvateksti { margin-top: -2px; padding-left: 3px; font-size: 10px; color: #364A4F;}
				
				#articlesmenu p {
					padding: 0px; margin: 5px;
				}
				#articlesmenu p .article-date { padding: 0px 10px 0px 0px; color: #79A4AE; }
				#articlesmenu p a { display: block;}
				
				.video table { }
				
					
		#rightcol { width: 330px; float: right; margin: 20px 20px 0px 0px; background: url(/images/bg-rightcol.png); }
			#sidebar { padding: 20px; }
				#sidebar h3 { font: bold 11pt trebuchet ms; color: #b6edbb; }
				
					.special-links td { text-align: center; padding: 0px; margin: 0px;}
					.special-links td a { display: block; padding: 5px;  }
					
					.special-links a:hover { background: #9fdff8; color: #000;  }
					
#footer p { float: right; width: 780px;	height: 45px; padding: 19px 0px; color: #364A4F; line-height: 14px; }
#footer img { float: left; opacity: 0.3; padding: 15px; margin: 15px; border-right: 1px dotted gray; }

.purchaseInfo, .topicInfo { display: none; margin-left: 20px;}

.searchBox {
	margin-top: 20px;
	padding: 5px 5px 5px 10px;
}

.searchBox input {
	margin-right: 10px;
}
.article-p {
	padding: 0px;
	margin: 0px;
}
.article-p a {
	color: #9fdff8;
}
div.article p {
	color: #fff;
}
.cart {
	font: 9pt arial; color: #79a4ae; line-height: 1.5;
}
.cartItem {
/*	border: 1px solid black;*/
	background: url(/images/bg-rightcol.png);
	padding: 4px;
	margin: 4px 0px;
}
.cartPrice {
	float: right;
}

	
#forum .category .topics, #forum .category .posts { width: 50px; }	
#forum .topics .posts, #forum .topics .views { width: 50px; }
#forum .topics .updated { width: 120px; }
#forum .message .id { width: 20px; }
#forum .message .date { width: 120px; }
#forum .actions { text-align: center; }


.image-container {
	position: relative;
}

.image-container-additional {
	position: absolute;
	bottom: 12px;
	left: 10px;	
	display: none;
}
.image-container-additional img {
	float: left;
	background: black;
	padding: 1px;
	border: 1px solid #F8F59F;
	margin-right: 3px;
	opacity: 0.4;
}
.image-container-additional img:hover {
	opacity: 1;
	cursor: pointer;
}
.image-container p.kuvateksti {
	padding: 0px !important; 
	margin: 0px !important;
}

a.edit {
	background: url('/images/page_white_edit.png') no-repeat;
	background-position: 0px -1px !important;
	padding-left: 20px;
	margin-right: 10px;

} 
 
a.remove {
	background: url('/images/exclamation.png') no-repeat;
	background-position: 0px -1px !important;
	padding-left: 20px;
	margin-right: 10px;
}