/* Tuoteryhmän puu */

#wrapper #righttop #mainbanner {
	background: url(/images/b/hakustausta.jpg) repeat-x;
	margin: 0px;
	padding: 0px;
}

#wrapper #righttop #mainbanner #tree  {
	color: #FFF;
	margin: 0;
	padding: 0;
	font-size: 8pt;
	height: 20px;
}

#wrapper #righttop #mainbanner #tree p{
	margin: 6px 0 0 10px;
	padding: 0 0 0 10px;
	background: url(/images/l/oranssinelio.jpg) no-repeat center left;
}

#wrapper #righttop #mainbanner #tree a {
	text-decoration: none;
	color: #FFF;
}



/* Hakuboxit */

#wrapper #righttop #mainbanner #sform  {
	color: #FFF;
	margin: 39px 0 0 0;
	padding: 0 0 0 30px;
	height: 23px;
	text-align: center;
}

#wrapper #righttop #mainbanner #sform  input{
	border: 1px solid #000;
	font-size: 8pt;
	padding: 2px;
	margin: 5px 0 0 10px;
	float: left;
}

#wrapper #righttop #mainbanner #sform  select{
	border: 1px solid #000;
	font-size: 8pt;
	margin: 5px 0 0 10px;
	padding: 2px;
	float: left;
}

#wrapper #righttop #mainbanner #sform  input.sprice{
	width: 75px;
}

#wrapper #righttop #mainbanner #sform  select.svendor{
	width: 150px;
}

#wrapper #righttop #mainbanner #sform  input.stext{
	width: 150px;
}

#wrapper #righttop #mainbanner #sform  input.ssubmit{
	width: 25px;
	height: 25px;
	border: 0px;
	margin: 0 0 0 10px;
}

/* oikean reunan bannerit */
#mainright {
	width: 150px;
	float: right;
	text-align: left;
	border-left: 1px solid #FFF;
}

#mainright img{
	width: 150px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #FFF;
}

#mainright div{
	width: 150px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	border-bottom: 1px solid #FFF;
}

/* Keskiosa */

#main {
	width: 772px;
	overflow:hidden;
	padding: 0;
	margin: 4px;
	color: #000;
}

#main.error {
	background-color: #fff;
	padding: 4px;
	width: 764px;
}

#main.error  h2 {
	display: block;
	clear: both;
	width: 747px; 
	height: 19px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 0px;
	padding: 3px 0 0 15px; 
	text-align:left; 
	font-size: 9pt; 
	font-weight: bold;
	background: #333 url(/images/l/otsikkoliuku.gif) repeat-x;
	
}

#main.error  h2 p{
	background: url(/images/l/onelio.png) no-repeat center left;
	padding: 0 0 0 10px;
	margin: 0;
	display: inline;
}

#mainvendor {
	width: 613px;
	overflow:hidden;
	padding: 0;
	margin: 4px;
	padding: 4px;
	color: #000;
	float: left;
	background-color: #FFF;
}

#mainvendor h2 {
	display: block;
	width: 596px; 
	height: 19px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 0px;
	padding: 3px 0 0 15px; 
	text-align:left; 
	font-size: 9pt; 
	font-weight: bold;
	background: #333 url(/images/l/otsikkoliuku.gif) repeat-x;
}

#mainvendor  h2 p{
	background: url(/images/l/onelio.png) no-repeat center left;
	padding: 0 0 0 10px;
	margin: 0;
	display: inline;
}

#main #help {
	width: 762px;
	border: 1px solid #999;
	background-color: #FFF;
	padding: 4px;
}

#main #help p {
	margin: 0;
}

/* Valmistajalistus */

#mainvendor #vendorlist {
	background-color: #FFF;
	text-align: center;
}

#mainvendor #vendorlist table {
	background-color: #FFF;
	width: 600px;
}

/* Tuotelistaus */

#main #bottomnav {
	float: right;
	text-align: right;
	color: #F30;
	padding: 3px 5px 0 0;
}

#main #bottomnav p{
	margin: 2px 0 0px 10px;
	padding: 0px 0 0 10px;
	color: #FFF;
	text-align: left;
	font-size: 10pt;
	font-weight: normal;
	background: url(/images/l/onelio.png) no-repeat left center;
}

#main #bottomnav a{
	text-decoration: none;
	color: #FFF;
}

#main #productlist {
	width: 772px;
	margin: 0 auto 0 auto;
	padding: 0;
	border: 0px;
	font-weight: normal;
}

#main #header a{
	color: #FFF;
	text-decoration: none;
}

/* Otsikkorivi */
#main #productlist tr.prodtoprow {
}

#main #productlist tr.prodtoprow  th{
	text-align: center;
	height: 30px;
}

#main #productlist tr.prodtoprow  th.c2{
	text-align: left;
	padding-left: 5px;
}

#main #productlist tr.prodtoprow a {
	color: #FFF;
	text-decoration: none;
	font-size: 8pt;
	font-weight: normal;
}

/* Valmistajarivi */
#main #productlist tr.vendorrow {  
	height: 20px;
}

#main #productlist tr.vendorrow th {
	padding: 0px;

}
#main #productlist tr.vendorrow th div {
	width: 770px;
	height: 20px;
	background: #333 url(/images/l/liuku_pitka.jpg) repeat-y top right;
	text-align: left;
	border: 1px solid #333;
	margin: 2px 0 2px 0;
}

#main #productlist tr.vendorrow th p {
	margin: 2px 0 0px 10px;
	padding: 0px 0 0 10px;
	color: #FFF;
	text-align: left;
	font-size: 10pt;
	font-weight: normal;
	background: url(/images/l/onelio.png) no-repeat left center;
}



/* Tuoterivi */
#main #productlist tr.productrow {
}

#main #productlist  tr.productrow td {  
	background-color: #FFF;
	border-bottom: 1px solid #999;
	padding: 3px 0 3px 0;
	height: 75px;
}

#main #productlist tr.productrow td img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#main #productlist  tr.productrow td div.vline{  
	width: 1px;
	background-color: #999;
	height: 70px;
	overflow: hidden;
	float: left;
}
/* Kuva */
#main #productlist  tr.productrow td.c1 {  
	width: 75px;
	text-align: center;
	border-left: 1px solid #999;
	padding: 3px;
}

#main #productlist tr.productrow td.c1 a{
	width: 75px;
	height: 75px;
	display: block;
	overflow: hidden;
}
#main #productlist tr.productrow td.c1 img{
	width: 75px;
	height: 75px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

/* Tuotekuvaus */
#main #productlist tr.productrow td.c2 {
	text-align: left;
	vertical-align: top;
	width: 389px;
	height: 75px;
}

#main #productlist tr.productrow td.c2 p.name {
	display: block;
	font-weight: bold;
	margin: 0 0 5px 0;
	height: 45px;
	padding: 0px;
	font-size: 9pt;
}

#main #productlist tr.productrow td.c2 p.name a{
	font-size: 9pt;
}

#main #productlist tr.productrow td.c2 p.code {
	float: left;
	padding: 0 20px 10px 0 ;
	margin: 0;
	text-align: left;
	font-size: 8pt;
}

#main #productlist tr.productrow td.c2 p.code a {
	font-size: 8pt;
}

#main #productlist tr.productrow td.c2 a.vendor {
	float: right;
	margin: 0 10px 0 0;
	padding: 0;
	font-size: 8pt;
}



/* Hinta */
#main #productlist tr.productrow td.c3{
	width: 100px;
	vertical-align: middle;
	text-align: center;
}

#main #productlist tr.productrow td.c3 p{
	width: 90px;
	height: 20px;
	padding: 0px;
	float: left;
	font-size: 11pt;
	font-weight: bold;
	margin: 25px 5px 0 4px;
}

/* Ostoskori */
#main #productlist tr.productrow td.c4{
	width: 90px;
	color: #F30;
	vertical-align: middle;
	text-align: center;
}

#main #productlist tr.productrow td.c4 p{
	float: left;
	margin: 22px 5px 0 4px;
	padding: 0px;
	display: inline;
	width: 80px;
}

/* Saldo */
#main #productlist tr.productrow td.c5{
	width: 110px;
	vertical-align: middle;
	text-align: center;
	border-right: 1px solid #999;
	overflow: hidden;
}

#main #productlist tr.productrow td.c5 p{
	float: left;
	font-size: 8pt;
	font-weight: bold;
	margin: 25px 5px 0 4px;
	padding: 0px;
	width: 100px;
}

#main #productlist tr.productrow td.firstrow { border-top: 1px solid #999 }

#main #productlist tr, table#productlist td, table#productlist th{  margin: 0px;  border: 0px;}

#main #productlist a {
	text-decoration: none;
	color: #000;
}

#main #productlist a:hover {
	color: #F30;
}

/* Suosituimmat */
#top5 {
	width: 205px;
	margin: 0;
	padding: 0;
	float: right
}

#top5 #toplist {
	width: 205px;
	float: left;
	display: block;
	background-color: #111;
	text-align: left;
	overflow: hidden;
}

#top5 #toplist.new {
	float: left;
}

#top5 #toplist.top {
	float: right;
}

#top5 #toplist h1 {
	height: 17px;
	background: #000 url(/images/l/litausta.png) repeat-y;
	background-position: top right;
	color: #FFF;
	font-size: 9pt;
	text-align: left;
	padding: 3px 5px 3px 15px;
}

#top5 #toplist h1 p{
	background: url(/images/l/nuoli1.png) no-repeat center left;
	margin: 0px;
	padding: 0 0 0 20px;
}

#top5 #toplist a{
	height: 28px;
	color: #FFF;
	text-decoration: none;
	padding: 1px 5px 0 15px;
	margin: 0;
	display: block;
	font-size: 8pt;
	overflow: hidden;
	border-top: 1px solid #222;
}

#top5 #toplist a:hover {
	background: #222;
}

#top5 #toplist a p {
	margin: 0px;
	padding: 0 0 0 10px;
}
#top5 #toplist a p.top5info {
	background: url(/images/l/onelio.png) no-repeat;
	background-position: center left;
}

#top5 #toplist a p.top5price {
	font-weight: bold;
	color: #F30;
}