/* General styles, applies to all areas */



BODY {

	font-family: Arial, Helvetica, sans-serif;

	background-color : #FFFFFF;

	color : black;

	background-image: url(../images/mainbg.gif);

	margin: 0%;

	padding: 0px;

	font-size: 12px;

	scrollbar-face-color: #EEEEEE;

	scrollbar-shadow-color: #FEF5E9;

	scrollbar-highlight-color: #ffffff;

	scrollbar-3dlight-color: #FEF5E9;

	scrollbar-darkshadow-color: #1B1E25;

	scrollbar-track-color: #F7F7F7;

	scrollbar-arrow-color: #E88E09;

	font-size: 12px;





}

TD.plinkbg {
background : #ffffff;
border-bottom : 5px solid #ffffff;
background-image : url(bar_bg.gif);
}
/* Web Monkey lisäys 2008-07-tuk. */
P.tukku {
font-family : Estrangelo Edessa;
font-size : 100%;
line-height : 120%;
color : #000000;
}

TABLE {

border : 0px;

}



IMG {

border : 0px;

}



H1 {

font-family: Verdana, Arial;

font-size : 100%;

font-weight : bold;

color : #CE7B00;

}



P, LI {

font-family: Arial, Helvetica, sans-serif;

font-size : 12px;

line-height : 16px;

}



P.smallbasic {

font-family: Arial, Helvetica, sans-serif;
color: gray;
font-size : 70%;

}



P.smallnote {

font-size : 70%;

color : #7a7a7a;

display : inline;

}



P.smallfade {

font-size : 70%;

color : #adadad;

}

td.smallfade2 {
font-size : 95%;
color : #adadad;
font-family: arial, helvetica, sans-serif;

}

td.small {
font-family: arial, helvetica, sans-serif;
font-size : 75%;
color: black;
font-weight: bold;
}

A {

	color : #3D73A9;

	font: bold 12px Arial, Helvetica, sans-serif;

}



INPUT, TEXTAREA, SELECT {

	font-family: Arial, Helvetica, sans-serif;

	font-size : 12px;

	background: #F9F9F9;

	border: 1px solid #EFEFEF;

	font-weight: normal;

}



INPUT.button {

	border-top : 1px solid #CCCCCC;

	border-left : 1px solid #CCCCCC;

	border-bottom : 1px solid #333333;

	border-right : 1px solid #333333;

	background-image : url(logos/button_bg.gif);

	background-repeat:repeat-x;

	font-family : Arial, Helvetica, sans-serif;

	font-size : 12px;

	color : #FFFFFF;

	font-weight: bold;

}



INPUT.field {

border-top : 1px solid #747474;

border-bottom : 1px solid #747474;

border-left : 1px solid #747474;

border-right : 1px solid #747474;

font-family : Arial, Helvetica, sans-serif;

font-size : 12px;

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 : 5px;

	background-color : #7E7E7E;

	border-top : 1px solid #7E7E7E;

	border-bottom : 1px solid #7E7E7E;

	height: 29px;

}



P.toplinks {

font-family : Verdana, Arial;

font-size : 70%;

color : #CCCCCC;

}

.toplinks a:link {

	padding : 1px;

	font-color: #204162;

	text-align: left;

	font: normal 12px Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	text-decoration: none;



}



.toplinks a:visited {

	padding : 1px;

	font-color: #204162;

	text-align: left;

	font: normal 12px Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	text-decoration: none;



}

.toplinks a:active {

	padding : 1px;

	font-color: #204162;

	text-align: left;

	font: normal 12px Arial, Helvetica, sans-serif;

	color: #FFCC99;

	text-decoration: none;



}



.toplinks a:hover {

	padding : 1px;

	font-color: #204162;

	text-align: left;

	font: normal 12px Arial, Helvetica, sans-serif;

	color: #FF9900;

	text-decoration: none;



}

.toplinks a.selected {

	font-size: 12px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #FFCC99;

	text-decoration: none;

}





/* Breadcrumb styles, applies to the breadcrumb area */



TD.topbreadcrumb {

padding : 5px;

}



P.topbreadcrumb {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 11px;

color : #CCCCCC;

}



A.topbreadcrumb {

	text-decoration : none;

	color : #FFFFFF;

	margin: 2px;

	padding: 2px;

	font: 11px Arial, Helvetica, sans-serif;





}







/* Navigation styles, applies to the category navigation area on the left hand side */



TD.navigation {

	padding : 1px;

	border-right : 1px solid #CECECE;

	background-color : #F59612;

	font-size: 70%;

}



TD.nav_open {

	border-right : 0px solid #F59612;

	background: #606060;

	color: #EFEFEF;

	padding: 3px 11px;

	font-weight: normal;

	margin: 3px 0px;

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	border-top: 0px solid #B7B7B7;

	border-bottom: 0px solid #B7B7B7;

} 

 

P.nav_open { 

font-family: Arial, Helvetica, sans-serif; 

font-size : 12px; 

color : #007BA4; 

} 

 

A.nav_open {

	color : #EFEFEF;

	font-weight: bold;

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

} 

 

TD.nav_closed {

	border-right : 0px solid #F59612;

	background: #000000;

	margin: 3px 0px;

	padding: 3px 11px;

	color: #FF9900;

	font: 12px Arial, Helvetica, sans-serif;

	border-top: 0px solid #000000;

	border-bottom: 0px solid #000000;

} 

 

P.nav_closed { 

font-family: Arial, Helvetica, sans-serif; 

font-size : 12px; 

color : #007ba4; 

} 

 

A.nav_closed {

	color : #007ba4;

	font: 12px Arial, Helvetica, sans-serif;

}







/* Main styles, applies to the main page area on the right hand side */



TD.main {

	padding : 25px;

	background-color : #ffffff;

	margin: 0px;
	color: #000000;
	
}







/* Cart snapshot styles, applies to the snapshot area of the shopping cart */

.cartbottom a {

	padding : 5px;

	background-color : #757575;

	border-top : 0px solid #CACACA;

	border-bottom : 0px solid #959595;

	font: 12px Arial, Helvetica, sans-serif;

	color: #FFFFFF;

}



TD.cartbottom {

padding : 5px;

background-color : #757575;

border-top : 0px solid #CACACA;

border-bottom : 0px solid #959595;

}



FONT.cartbottom {

font-family: Arial, Helvetica, sans-serif;

font-size : 12px;

color : #FFFFFF;

}







/* 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 #DADADA;

}



TD.details {

padding : 10px;

border-left : 1px solid #D6D6D6;

}



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- Clover Wheel Ltd - http://www.cloverwheel.com */


