/* Rollover images */



.thumbnail{
position: static;
z-index:0;
height:100%;
vertical-align:middle;
}

.thumbnail:hover{
position:relative;
background-color: transparent;
z-index: 50;
}

.thumbnail span{ 
position: absolute;
background-color:#e8fbc4;
padding: 3px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span p{
text-size:65%;
margin:5px;
text-decoration:none;
}
.thumbnail span a{
text-decoration:none;
}
.thumbnail span img{ 

border:1px solid black;

}

.thumbnail:hover span{ 
visibility: visible;
top: -70px;
left: -200px; 
}
 /*contest */

.autosize {

}
.valprogress{
 margin: auto auto;
 text-align:center;

}

.valprogress TD{
 text-align:center;
 border:1px #999999; 
 border-style:none solid solid none;
}
.valprogress P
{
font-size:65%;
}
.valprogres_current
{
 font-size : 65%;
 cursor:pointer;
 background: white url('img/contest/img/button_bg2.jpg');
}
.contest_loh, .contest_peg, .contest_por, .contest_kei, .contest_lep, .contest_uni{
 text-size:80%;
 color:#336600;
 margin-right:10px;
} 
.contest_peg{
 color:#660066;
}
.contest_por
{
 color:#990000;
} 
.contest_uni
{
 color:#003399;
} 

/*Drupalista kokotaulukkoa varten */

.imagegroups_contest{

 border:1px #cccccc;
 border-style:none solid solid none;
 text-align:center;
 margin-top:10px;
}

.addthis_basicstyle
{
  text-align:center
  margin-left:10px;
}
	.addthis_basicstyle a 
	{
	margin:3px;
	}

.pdetails_cartborder
{
padding:5px 0px;
background:url('img/ostoskori2.png');
background-repeat:no-repeat;
background-position:0% 0%;
height:170px;
width:100%;
}
.pdetails_cartborder p
{
 margin:15;
 margin-left:30px;
}
.field2
{
 vertical-align:super;
}
.pdetails_pkuvat
{
margin:15px;
text-align:center;
height:400px;
overflow:auto;
border:1px #C0C0C0;
border-style: solid none;
}

.smallimages
{
border:1px solid #000000;
}

.etu_uutiset
{
 background:url('img/uutisyla.jpg');
 background-repeat:no-repeat;
 background-positon:100% 100%;
 padding-top:10px;
 text-align:center;
 width:472px;
 margin-left:20px;
 position:relative;
 z-index:6;
}

.etu_uutiset2
{
 background:url('img/uutisyla.jpg');
 background-repeat:no-repeat;
 background-positon:100% 100%;
 padding-top:10px;
 position:relative;
 z-index:6;
 width:472px;
}

.etu_uutis_ala
{
 position:absolute;
 bottom:0;
 left:0;
 height:60px;
 width:100%;
 background:url('img/uutisala.jpg');
 background-repeat:no-repeat;
 background-positon:0% 0%;
 z-index:-1;
 text-align:left;
}

.teksti, .teksti2,
 {
  font-size:12px;
  margin-left:60px;
  margin-right:60px;
  margin-top:5px;
  margin-bottom:5px;
  color: #774c15;

 }
 .teksti2
 {
  color:#b40c3c;
  margin-top:10px;
 }


/* OMAT */



.sisallot, .sisalto2, .sisalto3, .uutiset, sisalto4
{
 text-align:center;
 font-size:14px;
}

.sisalto2, .sisalto3, .uutiset, .miete, .kategoriat, .sisalto4
{
 font-size:12px;
 text-align: center;
 margin-top:10px;
 margin-bottom:40px;
 margin-left:5px;
 margin-right:5px;
 /*color: #906630;*/
 color: #774c15;
}
.sisalto3
{
 margin:10px;

}
.sisalto4
{
 font-size:10px;
 margin-left:2px;
 margin-right:2px;
}
.sisalto2{
 margin-bottom:10px;
}
.uutiset
{
 margin:40px 140px;
}
.koot
{
 margin:10px 60px;
}
.miete
{
 font-style: italic, bold;
 font-size:13px;
}
.kategoriat
{
 color:#3cbc14;
}
.tuotenimet
{
 color:#92cb2f;
}
.lisalinkki
{
 font-size:11px;
}


.randomtieto
{
 border:1px  #c0c0c0;
 border-style:none none none dashed;
 margin-top:0;
 padding-top:0;
 float:right;
 width:175px;
 height:800px;
 /*background:url('img/bluefade.jpg');
 background-repeat:repeat-x;*/

  background-repeat:repeat-y;
  background-position:100% 100%;
}

.randomtieto2
{
 border:1px  #c0c0c0;
 border-style:none none none dashed;
 margin-top:0;
 padding-top:0;
 float:right;
 width:215px;
 height:100%;

  background-repeat:repeat-y;
  background-position:100% 100%;
}



.kuvaborder, .pikkukuva, .detailiso, .detailpieni
{
 padding:5px;
 background-color:#b23d8b;
}
.kuvareunus
{
 padding:5px;
 background-color:#b23d8b;
 display:inline-block;

}
.kuvaborder
{
 background:url('img/kehys.png');
 background-repeat:no-repeat;
 display:inline-block;
 padding:28px;
 
}

DIV.menuitems
{
 margin-left:35px;

}

DIV.maksutunnarit
{
 margin-top:20px;
 text-align:center;
 margin-left:20px;

}



.ylabanneri
{
 height:220px;
 border:1px solid #569624;
  /*background-image : url(img/banner/linnabanner7.jpg);
  background-repeat:no-repeat;
 background-position:100% 100%;*/
}

.maintable
{
 border:1px solid #569624;
 background-color:#4fbb08;
 padding:2px;
 margin-left:auto;
 margin-right:auto;
}

.taxonormy
{

 text-align:left;
}

.wrapperi
{
 position:relative;
 width:980px;
 text-align:center;

 margin-left:auto;
 margin-right:auto;
}

.menudecor
{
 margin-right:5px;
 vertical-align:middle;
}

/* General styles, applies to all areas */

BODY {
font-family: Verdana, Arial;
margin-top : 1%;
margin-bottom : 1%;
margin-left : 1%;
margin-right : 1%;
background-color : #ffffff;
color : #000000;
background:url('img/tausta/taivastausta3.jpg');
text-align:center;
}

TABLE {
border : 0px;
}

IMG {
border : 0px;
}

H1 {
font-family: Verdana, Arial;
font-size : 100%;
font-weight : bold;
color : #006080;
margin-top:10px;
}

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

P.smallbasic {
font-family: Verdana, Arial;
font-size : 70%;
padding:3px;
}
P.smallbasic2 {
font-family: Verdana, Arial;
font-size : 70%;
margin:0;
padding:0;
}
P.smallnote {
font-size : 70%;
color : #7a7a7a;
display : inline;
}

P.smallfade {
font-size : 70%;
color : #553d3d;
text-align: center;
margin:0;
padding:0;
}

A {
color : #007ba4;
}

INPUT, TEXTAREA, SELECT {
font-family: Verdana, Arial;
font-size : 70%;
}

INPUT.button, .button_prog {
border-top : 1px solid #d3d3d3;
border-left : 1px solid #d3d3d3;
border-bottom : 1px solid #969696;
border-right : 1px solid #969696;
background-image : url(logos/button_bg.gif);
background-repeat:repeat-x;
font-family : Verdana, Arial;
font-size : 70%;
color : #000000;
cursor:pointer;
}
.button_prog{
font-size : 65%;
}
INPUT.button_addtocart, INPUT.button_addtocart_cata{
width:111px;
height:45px;
background-image: url('img/lisaa_koriin.png');
background-repeat:no-repeat;
background-color:transparent;
border: 0px;
text-indent: -1000em;
padding-bottom:4px;
margin:0;
cursor: pointer;
}
 	INPUT.button_addtocart_cata{
	background-image: url('img/lisaa_koriin.png');
	width:125px;
	height:70px;
	 }


INPUT.field {
border-top : 1px solid #747474;
border-bottom : 1px solid #747474;
border-left : 1px solid #747474;
border-right : 1px solid #747474;
font-family : Verdana, Arial;
font-size : 70%;
background : #ffffff;
color : #000000;
}

TEXTAREA.field {
border-top : 1px solid #747474;
border-bottom : 1px solid #747474;
border-left : 1px solid #747474;
border-right : 1px solid #747474;
font-family : Verdana, Arial;
font-size : 70%;
background : #ffffff;
color : #000000;
}

FORM.inline {
display : inline;
text-align:center;
} 



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

TD.toplinks {
padding : 5px;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
background-color:#C7E398;
border-bottom : 1px solid #569624;
font-size:120%;
}
p.toplinks a{
background:url(img/menu/wholemenu_suomi.jpg); 
background-repeat:no-repeat;
height:37px;
width:100px;
text-indent:-9000px; 
float:left;
margin:0;
padding:0;
} 
p.conditions{
width:250px;
}
p.feedback{
width:107px;
}



     p.toplinks a.tervetuloa { background-position:0px 3px; }
     p.toplinks a.tervetuloa:hover { background-position:0px -37px;
	}
	p.toplinks a.contest { background-position:-100px 3px; }
     p.toplinks a.contest:hover { background-position:-100px -37px;
	}

     p.toplinks a.search { background-position:-200px 3px; width:105px;}
     p.toplinks a.search:hover { background-position:-200px -37px; 
	}

     p.toplinks a.feedback { background-position:-305px 3px; width:108px; }
     p.toplinks a.feedback:hover { background-position:-305px -37px; 
	}

     p.toplinks a.news { background-position:-413px 3px; width:102px; }
     p.toplinks a.news:hover { background-position:-413px -37px; width:102px;
	}


	  p.toplinks a.newsletter { background-position:-516px 3px; width:120px; }
     p.toplinks a.newsletter:hover { background-position:-516px -37px; width:120px;
	}
     

     p.toplinks a.conditions { background-position:-639px 3px; width:140px;}
     p.toplinks a.conditions:hover { background-position:-639px -37px;  
	
	width:140px;}

     p.toplinks a.size { background-position:-775px 3px; width:120px;}
     p.toplinks a.size:hover { background-position:-775px -37px;  width:120px;
	}

   
	
     p.toplinks a.cart { background-position:-900px 3px; width:100px }
     p.toplinks a.cart:hover { background-position:-900px -37px;  
	
	width:100px;}


P.toplinks {
font-family : Verdana, Arial;
font-size : 70%;
color : #007ba4;
margin:0;
padding:0;
}



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

TD.topbreadcrumb {
padding : 0px;
}

P.topbreadcrumb {
font-family : Verdana, Arial;
font-size : 65%;
color : #553d3d;
padding:0;
margin:0;
position:relative;
}

A.topbreadcrumb {
text-decoration : none;
color : #553d3d;
}



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


TD.navigation {
padding : 3px;
border-right : 1px dashed #c0c0c0;
background:url('img/vineborder2_mirror.jpg');
background-repeat:repeat-y;
background-color : #ffffff;
text-align:center;
margin:50% 50%;

}

TD.nav_open { 

} 
 
P.nav_open { 
font-family: Verdana, Arial; 
font-size : 70%; 
color : #000000;
background-color:#FFFFFF;
} 
 
A.nav_open { 
color : #000000;
margin-left:5px; 
} 
 
TD.nav_closed { 

} 
 
P.nav_closed { 
font-family: Verdana, Arial; 
font-size : 70%; 
color : #007ba4;
margin-top:1px;

} 
 
A.nav_closed { 
color : #007ba4; 
}

.menukuvat
{
 vertical-align:middle;
 margin-right:5px;
 margin-top:3px;
}

/* Menukuvat */



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


TD.main {
padding : 0px 0px 0px 0px;
margin-right:0px;
background-color : #ffffff;
background-image : url(img/vineborder2.jpg);
background-repeat: repeat-y;
background-position:100% 100%;
}


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


TD.cartbottom {
padding : 5px;
background-color : #f3f3f3;
border-bottom : 1px solid #c0c0c0;
background-image : url(img/footer_grass.jpg);
background-repeat:no-repeat;
background-position:50% 50%;
height:125px;
}

FONT.cartbottom {
font-family: Verdana, Arial;
font-size : 70%;
color : #007ba4;
}



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

TD.bottom {
padding : 5px;
color: #553d3d;
}

.footerlohari, .footerlohari2
{
background-image : url(img/bottom_dragon.png);
background-repeat: no-repeat;
position:absolute;
bottom:60px;
right:0px;
clear:both;
height:152px;
width:180px;

}
.footerlohari2
{
 background-image : url(img/bottom_cow.png);
 left:0px;
}

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

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

TD.details {
padding : 10px;
border-left : 1px solid #f3f3f3;
}

TR.list1 {
background-color : #f9f9f9;
} 

TR.list2 {
background-color : #ffffff;
} 



/* 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 {
border-top : 1px solid #f3f3f3;
border-bottom : 1px solid #f3f3f3;
background-color : #ffffb3;
} 

TD.pbinactive {
border-top : 1px solid #f3f3f3;
border-bottom : 1px solid #f3f3f3;
background-color : #ffffff;
}


  	     	      	        	   	       		         	    	   	   	     

/* Clover Shop Copyright (c) 2001- Apilaratas Oy - http://www.apilaratas.fi */
