.preload1, .preload2 {background: url(images/layout/_separator.png);}

.menu2 {padding:0; margin:0 0 0 0; list-style:none; height:26px; position:relative; z-index:500; font-family:Verdana, Arial; text-align: left;}
.menu2 li.top {display:block; float:left;}
.menu2 li a.top_link {display:block; float:left; height:26px; line-height:25px; color:white; text-decoration:none; font-size:11px; padding:0 12px 0 12px; cursor:pointer;
background: url(images/layout/_separator.png) no-repeat center right;}
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:26px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:26px;}
.menu2 li a.top_link:hover {color:white; text-decoration: underline; background: url(images/layout/_separator.png) no-repeat center right;}
.menu2 li a.top_link:hover span {background:url(images/layout/_separator.png) no-repeat center right;}
.menu2 li a.top_link:hover span.down {background:url(images/layout/_separator.png) no-repeat center right;}

.menu2 li:hover > a.top_link {color:white; background: url(images/layout/_separator.png) no-repeat center right;}
.menu2 li:hover > a.top_link span {background:url(images/layout/_separator.png) no-repeat center right;}
.menu2 li:hover > a.top_link span.down {background:url(images/layout/_separator.png) no-repeat center right;}

.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0; }
.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
/* .menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} */

/* .menu2 :hover ul.sub {left:0; top:31px; background: #fff; padding:3px; border:1px solid #164a86; white-space:nowrap; width:150px; height:auto; z-index:300;}
.menu2 :hover ul.sub li {display:block; height:25px; position:relative; float:left; width:150px; font-weight:normal;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:25px; width:150px; line-height:22px; text-indent:5px; color:#000; text-decoration:none;}
.menu2 :hover ul.sub li a.fly {background:#fff url(../images/arrow.gif) 140px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#436fa0; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#436fa0 url(../images/arrow_over.gif) 140px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#436fa0 url(../images/arrow_over.gif) 140px 7px no-repeat; color:#fff;}  */

/* .menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:150px; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:150px; z-index:400; height:auto;} */


/* General styles, applies to all areas */

BODY {font-family: Verdana, Arial; margin: 15px 0px 15px 0px; color: #000; background: url(images/layout/_main_bg.jpg) #333333 repeat-x top;}
table.main {width:1100px;}
td.header {margin: 0; padding: 0; color: #fff; background: url(images/layout/_header.jpg) #000 no-repeat center; height: 105px;}

TABLE {border: 0px;}

IMG {border: 0px;}

H1 {font-family: Verdana, Arial; font-size: 100%; font-weight: bold; color: #ff9f12; background: url(images/layout/_hintalaatikko_bottom.jpg) repeat-x top; width: 99%; padding:5px 0px 5px 10px; margin-bottom:20px;}

P, LI {font-family: Verdana, Arial; font-size: 80%; line-height: 140%;}

A {color: #0054A8;}


P.smallbasic {font-family: Verdana, Arial; font-size: 70%; color: #353535;}
span.smallbasic_index {font-family: Verdana, Arial; font-size : 11px; color: #e2e2e2;}
a.smallbasic_index {color: #ff9f12; text-decoration: none;}
a.smallbasic_index:hover {color: #ff9f12; text-decoration: underline;}
span.smallbasic {font-family: Verdana, Arial; font-size: 70%;}

a.smallbasic_listaus {color: #ff9f12; text-decoration: none; }
a.smallbasic_listaus:hover {color: #ff9f12; text-decoration: underline;}
span.smallbasic_listaus {font-family: Verdana, Arial; font-size: 70%; line-height:20px;}
div.otsikko {font-family: Verdana, Arial; font-size: 100%; font-weight: bold; color: #ff9f12; margin-bottom:8px;}
.info {font-family: Verdana, Arial; font-size: 100%; color: #ff9f12; background: url(images/layout/_info_otsikko.gif) #fff repeat-x top; width: 390px; padding:5px 0px 5px 10px; margin-bottom:5px; border: 1px solid #cdcdcd;}


P.smallnote {font-size: 70%; color: #484848; display: inline;}
P.smallfade {font-size: 70%; color: #626262;}


INPUT, TEXTAREA, SELECT {font-family: Verdana, Arial; font-size: 70%;}
INPUT.button {border: 1px solid #9d9d9d; font-family: Verdana, Arial; background: url(logos/button_bg.gif) #e1e0e0 repeat-x; font-size: 70%; color: #000000;}
INPUT.field {border: 1px solid #747474; font-family: Verdana, Arial; font-size : 70%; background : #ffffff; color : #000000; height:19px;}
TEXTAREA.field {border: 1px solid #747474; font-family: Verdana, Arial; font-size: 70%; background: #ffffff; color: #000000;}

FORM.inline {display: inline; width: 100%;} 
SELECT.inline2 {display: inline; width: 250px;} 
OPTION.inline3 {display: inline; width: 250px;} 

/* Page top styles, applies to the top area */

TD.toplinks {padding: 5px; background-color: #f3f3f3; border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; height: 24px; display: block;}

div.toplinks {font-family: Verdana, Arial; font-size: 90%; color: #ffffff;}
a.navi {font-size: 80%; color : #ffffff; text-decoration: none;}
a.navi:hover {font-size: 80%; color : #ffffff; text-decoration: underline;}


/* Breadcrumb styles, applies to the breadcrumb area */

TD.topbreadcrumb {padding: 4px 8px 4px 0px;	background-color: #f5a416; background: url(images/layout/_topbreadcrumb_bg.jpg) repeat-x top; height:22px;}
P.topbreadcrumb {font-family: Verdana, Arial; font-size: 70%; color: #000;}
A.topbreadcrumb {text-decoration: none; color: #000;}

td.headnav {background: url(images/layout/_nav_bg.jpg) #000 no-repeat top; height: 34px; border-top: 2px solid #3A3A3A;	border-bottom: 2px solid #3A3A3A; padding-right: 10px;}


/* Navigation styles, applies to the category navigation area on the left hand side */

/* Web Monkey lisäys: Saatavuus. */
.saatavuus {
	font-weight: bold;
	color: #32CC32;
}

/* Web Monkey lisäys 2008-11-ban. */
TD.banners {/* padding : 10px; background-color : #67abdd; */}

TD.navigation {padding: 25px 15px 25px 15px; background: url(images/layout/_navigation_bg.jpg) #000 repeat-y left top;}

TD.nav_open {padding: 3px 0px 3px 0px; height: auto;} 
p.nav_open {font-family: Verdana, Arial; font-size: 70%; color: #ff9f12; display: block;} 
A.nav_open {color: #ff9f12; text-decoration: none; display:block;} 
A.nav_open:hover {text-decoration: underline; color: #cf8400; display:block;}

TD.nav_closed {padding-top: 3px; padding-bottom: 3px; height: auto; display: block;} 
p.nav_closed {font-family: Verdana, Arial; font-size: 70%; color: #ff9f12; display:block;} 
A.nav_closed {color: #ff9f12; display: block; }
A.nav_closed:hover {text-decoration: underline; color: #925906; padding: 1px 0px 1px 0px; height:22px; display:block;}

img.tree {margin-top:2px; margin-right:3px; float: left;}


/* Main styles, applies to the main page area on the right hand side */

TD.main {padding: 20px 10px 20px 10px; background-color: #eaeaea;}


/* Cart snapshot styles, applies to the snapshot area of the shopping cart */

TD.cartbottom {padding: 5px; border-top: 1px solid #3A3A3A; border-bottom: 1px solid #3A3A3A; background: url(images/layout/_topbreadcrumb_bg.jpg) #f5a416 repeat-x top; height:24px;}
FONT.cartbottom {font-family: Verdana, Arial; font-size: 70%; color : #007ba4;}


/* Bottom styles, applies to the bottom area */

TD.bottom {padding: 5px; background-color: #000; color: white;}


/* Product table styles, applies to product detail area */
/* Catalog */

TABLE.product {border-bottom: 1px solid #f3f3f3;}

TD.details {padding: 10px; border-left: 2px solid #ffffff;}
TR.list1 {background-color: #f9f9f9;} 
TR.list2 {background-color: #ffffff;} 

td.productbox {border: 1px solid #cdcdcd; background: url(images/layout/_hintalaatikko_bottom_2.jpg) #fff repeat-x bottom;} 
div.productbox {height:185px; min-height: 185px; padding-top:5px; padding-bottom: 5px;}

div.productbox_price {background: url(images/layout/_hintalaatikko_bottom.jpg) #333333; repeat-x top; height:50px; padding: 3px 3px 3px 3px; border-top: 6px solid #ffb113;}
div.productbox_price2 {font-family: Arial, Verdana; font-size : 11px; color: #e2e2e2; background: url(images/layout/_hintalaatikko_bottom.jpg) #fff repeat-x top; height: auto; min-height:35px;  padding: 6px 3px 6px 3px; border-top: 6px solid #ffb113;}

span.tarjoushinta {color: #ff0000; font-weight: bold; font-size:11px;}
span.tarjoushinta2 {color: #ff0000; font-weight: bold; font-size:12px;}
span.normaalihinta {color: #e2e2e2; font-weight: bold; font-size:11px;}

/* Shopping cart styles, applies to shopping cart table area */

TD.cartbasic {padding: 5px; border-bottom: 1px solid #f3f3f3;} 
P.cartbasic {font-size: 80%;} 
TD.carttotal {padding: 5px; border-bottom: 1px solid #f3f3f3;} 
P.carttotal {font-size: 80%; font-weight: bold;} 


/* Progress bar styles, applies to progress bar area */

P.pb {font-size: 70%; /* color: #adadad; */} 
TD.pbactive {color: #ff9f12; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; background-color: #ffffb3; background: url(images/layout/_hintalaatikko_bottom.jpg) repeat-x top; height:25px;} 
TD.pbinactive {color: #adadad; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; background-color: #ffffff; height:25px; }


#sivunvaihto .nykyinen{color: white; font-size: 80%; text-decoration: none; background-image: url(images/layout/_hintalaatikko_bottom.jpg); padding: 3px 5px 3px 5px;}
#sivunvaihto a {color: orange; text-decoration: none;}
#sivunvaihto a:hover {color: white; text-decoration: none;}
  	     	      	        	   	       		         	    	   	   	    
/* Clover Shop Copyright (c) 2001- Apilaratas Oy - http://www.apilaratas.fi */