* { margin: 0px; padding: 0px; }
body { background: url(background-body.jpg) center top no-repeat #242424; font-family: myriad pro, trebuchet ms, sans-serif; color: #ccc; text-align: center;  }

a { text-decoration: none; color: #fff; }
	a:hover { color: #00ff54; }
	a img { border: 0px; }
	
#body { width: 1000px; margin: auto; text-align: left; }
	#header { height: 200px; position: relative; }
		img.logo { margin-top: 80px; }
		img.sv { position: absolute; top: 40px; right: 10px; width: 100px;}
	#sidebar { float: left; width: 210px; margin-right: 5px; }
		#sidebar li.category { list-style-type: none; margin: 0px 0px 5px 0px; }
		#sidebar li.category a { display: block; width: 202px; height: 32px; }
			#sidebar li.category a.lajit { background: url(navi-palloilulajit.png) left top no-repeat; }
			#sidebar li.category a.harkkaa { background: url(navi-harkkaa.png) left top no-repeat; }
			#sidebar li.category a.edusta { background: url(navi-edusta.png) left top no-repeat; }
			#sidebar li.category a.pakkaa { background: url(navi-pakkaa.png) left top no-repeat; }
			#sidebar li.category a.merkkaukset { background: url(navi-merkkaukset.png) left top no-repeat; }
			#sidebar li.category a.tarjouspyynto { background: url(navi-tarjouspyynto.png) left top no-repeat; margin-top: 25px; }
			#sidebar a span { visibility: hidden; }
			
			
			.submenu li { background: #000; height: 20px !important; line-height: 20px !important; margin: 0px !important; padding: 0px 10px; }
			.submenu li a { font: 12px Arial; background: #000; display: inline !important; height: 20px !important; line-height: 20px !important; margin: 0px !important; color: #BCBCBC;}	
			.submenu li a:hover {  color: #00ff54; text-decoration: underline;}	
			.submenu li a.active { color: #00ff54; text-decoration: underline;}
			.submenu { width: 200px; list-style-type: none; margin: -6px 0px -4px 0px;}
			
			.submenu-container { display: none; }
			.submenu-container.active { display: block; }
			
	#page { float: left; width: 620px; }
		div.productitem { height: 280px; background: #fff; }

			div.productimg { width: 200px; float: left; text-align: center; padding-top: 40px; }
			div.productitem h3 { padding-top: 25px; color: #00ff54; }
			
			tr.firstrow td { background: #f5f5f5; }
	
	#banners { float: right; width: 140px; margin-right: 10px; }
		 .banners { display: none; }
		 .banners img { height: 500px; }
	 	.banners p, #TB_ajaxContent p { width: 100%; text-align: center; }
	.roundings-top { display: block; }
	.roundings-bottom { display: block; }
	.clearing { clear: both; }
	#rounding-top { background: url(roundings-top.png) no-repeat top; height: 10px; }
	#rounding-bottom { background: url(roundings-bottom.png) no-repeat bottom; height: 10px; margin-bottom: 30px; }
	
	#content { background: #fff; padding: 20px 0px 20px 20px;  color: #282828; }
	#content h1 { font: 24px Trebuchet MS; margin: 0px 0px 10px 0px; }
	#content p { font: 12px Arial; color: #414141; line-height: 20px; padding-right: 20px;}
	
	.black-rounding { width: 200px; }
	.black-rounding.top { background: url(sidepanel_rounding_top.png) no-repeat top; height: 8px;  }
	.black-rounding.bottom { background: url(sidepanel_rounding_bottom.png) no-repeat bottom; height: 8px; }
	
	.blackbox { width: 200px; background: #000; margin-top: 10px;}
		.blackbox div { padding: 0px 15px 10px 15px; width: 170px; }
		.blackbox h1 { margin-left: 17px; line-height: 24px;}
		.blackbox div p { font: 10px Arial; padding: 1px 0px; margin: 0px 0px 0px 3px; }
		.cart-killts { background: url(killts.gif) no-repeat; width: 11px; height: 11px; float: right;}
		.cart-killts:hover { background: url(killts-hover.gif) no-repeat; width: 11px; height: 11px; float: right;}
		
		a.submit { padding-left: 20px; background: url(icon_check.gif) no-repeat 0px 0px; color: #00F052; font: 11px Arial; margin: 0 auto; line-height: 22px; display: block; width: 120px;}
		a.submit:hover { text-decoration: underline;}
	
	
		#searchbox { float: right; width: 140px; padding: 0px; margin: 0px; margin-top: -2px; }
			#searchbox .text { width: 80px; margin-right: 5px; background: #191919; border: 1px solid #353535; padding: 3px; color: #B5B5B5;} 
			#searchbox .button { background: #191919; border: 1px solid #353535; padding: 2px; color: #01A33A; }
	
		div.pager { height: 25px; float: left; margin-bottom: 15px; }
		div.pager .pager-page { height: 10px; float: left; margin: 1px; }
		div.pager .pager-page a { display: block; padding: 4px 8px; color: #262626; font-weight: bold; border: 1px solid #009C37;}
		div.pager .pager-page a:hover { background: #009C37; color: white; }
		div.pager .pager-page a.current { background: #009C37; color: white; }
	
	.product { background: #ebebeb; border: 1px solid #d9d9d9; padding: 5px; margin: 0px 20px 40px 0px;}
		.product-details { background: #fff; padding: 10px; }
			.product-info { float: left; width: 280px;}
				.product-info h3 { margin: 0px; }
				img.order { margin-top: 20px; cursor: pointer; clear: right; }
			.product-image { float: right; width: 180px; text-align: right; }

		.product-controls { background: url(bg-product-controls.gif) top left repeat-x #ebebeb; }
			.imgnavi-left { float: left; }
			.imgnavi-right {float: right; }
			 .picturenavi { height: 24px; width: 24px; margin: 0px; padding: 0px; float: left; margin: 3px 2px; } 
			.product-controls p { margin: 0px; padding: 10px 5px; }

			.product-controls-image { height: 34px; text-align: center; float: right; margin: 0px 10px 0px 10px;  background: url(bg-imgnavi.gif) top center repeat-x; }
				img.picturethumb { margin: 0px 2px 8px 2px; }
				
				#cartdetails { border-spacing: 0px; width: 580px; }
						#cartdetails td { border-bottom: 1px solid #d9d9d9; font: 8pt tahoma; padding: 4px 8px; }
							#cartdetails td.cart-td-icon { width: 32px; }
							#cartdetails td.cart-td-name { font-weight: bold; }
							#cartdetails td.cart-td-quantity { width: 40px; }
							#cartdetails td.cart-td-controls { text-align: right; width: 60px; }

					#cartadditional { margin-top: 10px; border-top: 5px solid #d9d9d9; width: 580px; }
						#cartadditional td { font: 8pt tahoma; padding: 5px 8px; background: #ebebeb; }
						#cartadditional th { font-weight: bold; }
							#cartadditional td.textarea { width: 360px; }
								#cartadditional td.textarea textarea { width: 100%; height: 200px; }
							#cartadditional p.formerror { float: right; background: #FFC0C0; border: 2px solid #EEA2A2; padding: 5px; margin: 0px 10px; }				
								#cartadditional p.formerror img { padding-top: 0px;}
					#cartadditional th { font: bold 8pt tahoma; padding: 5px 8px; background: #ebebeb; width: 120px; }

	.yhteystiedot { font-size: 10px; margin: 0px 10px; width: 180px; }
	.yhteystiedot td { padding: 4px; vertical-align: top; width: 50%;}