/* General styles, applies to all areas */

BODY {
font-family: Verdana, Arial;
margin-top : 1%;
margin-bottom : 1%;
margin-left : 1%;
margin-right : 1%;
background : #ffffff url(osat/tausta.gif) repeat top left;
color : #000000;
}

TABLE {
border : 0px;
}

IMG {
border : 0px;
}

H1 {
font-family: Georgia, Verdana, Arial;
font-size : 120%;
font-weight : bold;
font-style:italic;
color : #663333;
}

H2 {
font-family: Georgia, Verdana, Arial;
font-size : 100%;
font-weight : bold;
font-style:italic;
color : #663333;
}

P, LI {
font-family: Georgia, Verdana, Arial;
font-size : 80%;
line-height : 160%;
margin-right: 50px;
}

P.smallbasic {
font-family: Verdana, Arial;
font-size : 70%;
}

P.smallnote {
font-size : 70%;
color : #7a7a7a;
display : inline;
}

P.smallfade {
font-size : 70%;
color : #663300;
line-height : 130%;
}

A {
color : #663333;
}

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

INPUT.button {
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;
}

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;
} 



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

TD.toplinks {
padding :0px;
border-top : 0px solid #c0c0c0;
border-bottom : 0px solid #c0c0c0;
width: 892px;
margin:0;
}

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



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

TD.topbreadcrumb {
padding : 0 5px 5px 5px;
background: url(osat/tekstitausta.png) repeat-y top left;
}

P.topbreadcrumb {
font-family : Verdana, Arial;
font-size : 70%;
color : #adadad;
background: url(osat/ruskea.png) repeat-x top left;
height: 30px;
margin: 0 27px 0 27px;
padding: 6px 20px 0 0;
}

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



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

TD.navigation {

padding : 0;
border-right : 0px dashed #c0c0c0;
background: url(osat/navi.png) repeat-y top right;
}

TD.nav_open { 

} 


 
P.nav_open { 
font-family: Verdana, Arial; 
font-size : 70%; 
color : #663333; 
margin-left: 25px;
} 
 
A.nav_open { 
color : #663333; 
text-decoration:none;
} 
 
TD.nav_closed { 

} 
 
P.nav_closed { 
font-family: Verdana, Arial; 
font-size : 70%; 
color : #663333; 
margin-left: 25px;
} 
 
A.nav_closed { 
color : #663333; 
text-decoration:none;
}

img.kottari {margin:0;
padding:0;
position:relative;
}

table.oktausta {background: url(osat/ok_tausta.gif) no-repeat top left;
width: 250px;
height: 50px;
}


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

TD.main {
padding : 25px;

}



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

TD.cartbottom {
padding : 5px;
background : url(osat/ala.png) no-repeat top left;
width:965px;
height: 144px;
}

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



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

TD.bottom {
padding : 5px;
}



/* 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 : #f3f3f3;
} 

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


/*YLÄOSA*/

td.yla {background: url(osat/yla.png) no-repeat top left;
width: 965px;
height: 235px;
border:0;
}

/*TAUSTA*/

td.tausta {background: url(osat/tekstitausta.png) repeat-y top left;
width: 965px;
}

table.tausta2 {background: url(osat/tekstitausta.png) repeat-y top left;
width: 965px;
}

/*FLASH*/

td.flash {background: url(osat/tekstitausta.png) repeat-y top left;
width: 965px;
} 	        	   	       		   

/*alaosa*/

td.vasen {text-align: right;
width: 360px;
}

td.keski {
width: 280px;
}

a.web {font-family: Georgia, Verdana, Arial;
font-size: 10px;
color: #CC9999;
text-decoration:none;
}

a.web:hover {color: #666666;
}

/*ETUSIVU*/

img.tuotepoiminnot {border: 1px dotted #cccccc;
padding: 5px;
}

td.etusivu {border: 1px dotted #cccccc;

}

p.etusivu {font-family: Georgia, Times, Verdana, Arial;
color: #663333;
font-size: 12px;
font-style:italic;
font-weignt:bold;
}

   	    	   	   	     

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