
/* General styles, applies to all areas */
/* itkk */

BODY {
font-family: Verdana, Arial;
margin-top : 4px;
margin-bottom : 4px;
margin-left : 1px;
margin-right : 1px;
background-color : #dddddd;
color : #000066;
}

TABLE {
border : 0px;
}

IMG {
border : 0px;
}

H1 {
font-family: Verdana, Arial;
font-size : 100%;
font-weight : normal;
color : #000000;
background-color: #eeeeee;
padding: 0.1em 0.3em;
}

H1 span {
font-family: Verdana, Arial;
font-size : 100%;
font-weight : normal;
color : #ffffff;
background-color: #003399;
padding: 0.1em 0.3em;
}


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

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

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

P.smallfade {
font-size : 70%;
color : #555555;
}

A {
color: #3333ff;
text-decoration: none; 
}

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 : 5px;
background-color : #ffffff;
border-top : 1px solid #0000ff;
border-bottom : 1px solid #0000ff;
border-left : 1px solid #0000ff;
border-right : 1px solid #0000ff;
}

P.toplinks {
font-family : Verdana, Arial;
font-size : 70%;
color : #000000;
}



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

TD.topbreadcrumb {
padding : 0px;
padding: 0.2em 0.0em;
}

P.topbreadcrumb {
font-family : Verdana, Arial;
font-size : 80%;
color : #000000;
}

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

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

TD.navigation 			{ padding: 4px; border-right: 1px dashed #c0c0c0; background-color: #DDECD9; }
TD.nav_open 				{ border-right: 4px solid #007ba4; } 
TD.nav_closed 			{ border-right: 4px solid #eaeaea; } 

A.nav_open					{ color: #3333ff; }
A.nav_open:link		  { text-decoration: none; }
A.nav_open:visited	{ text-decoration: none; }
A.nav_open:hover		{ text-decoration: none; }

A.nav_closed					{ color: #000000; }
A.nav_closed:link		  { text-decoration: none; }
A.nav_closed:visited	{ text-decoration: none; }
A.nav_closed:hover		{ text-decoration: none; }

P.nav_open 					{ font-family: Verdana, Arial; font-size: 70%; color: #007ba4; } 
P.nav_closed				{ font-family: Verdana, Arial; font-size: 70%; color: #000000; }


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

TD.main {
padding : 3Px;
background-color : #ffffff;
}



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

TD.cartbottom {
padding : 5px;
background-color : #f3f3f3;
border-top : 1px solid #c0c0c0;
border-bottom : 1px solid #c0c0c0;
}

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

  	     	      	        	   	       		         	    	   	   	     

/* Clover Shop Copyright (c) 2006 Netville Oy */
TR.prodlist {
font-family: Verdana, Arial;
font-size: 70%; color: #ffffff;
background-color : #003399;
}

TR.prodlist_spacer {
font-family: Verdana, Arial;
font-size: 50%; color: #ffffff;
background-color : #ffffff;
}

TR.prodlist_end {
font-family: Verdana, Arial;
font-size: 70%; color: #ffffff;
background-color : #148AFC;
}

A.welcome:link 		{ text-decoration: none; color: #0000ff; background: #DDDDDD }
A.welcome:visited	{ text-decoration: none; color: #0000ff; background: #DDDDDD }
A.welcome:hover		{ text-decoration: none; color: #0000ff; background-image: url(logos/button_bg.gif); background-repeat: repeat-x; }

A.mainmenu:link 		{ text-decoration: none; color: #ffffff; background: #148AFC }
A.mainmenu:visited	{ text-decoration: none; color: #ffffff; background: #148AFC }
A.mainmenu:hover		{ text-decoration: none; color: #0000ff; background-image: url(logos/bg18_blue_grad.gif); background-repeat: repeat-x; }

P.osasto {
border-top:		 	0px solid #0000ff;
border-left: 		1px solid #B7DAFB;
border-bottom: 	0px solid #0000ff;
border-right: 	1px solid #B7DAFB;
background-image: url(logos/bg22_blue_grad.gif);
background-repeat: repeat-x;
font-family: Verdana, Arial;
font-size : 100%;
color : #000000;
}

P.mini {
font-size : 100%;
padding: 0.0em 0.0em;
color : #555555;
}


/*

A.mainmenu:link 		{ text-decoration: none; color: #0000ff; background-image: url(logos/bg18_blue_grad.gif); background-repeat: repeat-x; }
A.mainmenu:visited	{ text-decoration: none; color: #0000ff; background-image: url(logos/bg18_blue_grad.gif); background-repeat: repeat-x; }
A.mainmenu:hover		{ text-decoration: none; color: #ffffff; background: #148AFC }

A.mainmenu:link 		{ text-decoration: none; color: #ffffff; background: #148AFC }
A.mainmenu:visited	{ text-decoration: none; color: #ffffff; background: #148AFC }
A.mainmenu:hover		{ text-decoration: none; color: #000000; background: #33ffff }



A.welcome:link 		{ text-decoration: none; color: #0000ff; background: #DDDDDD }
A.welcome:visited	{ text-decoration: none; color: #0000ff; background: #DDDDDD }
A.welcome:hover		{
text-decoration: none;
color: #000000;
background: #33ffff
}


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




TD.navigation 			{ padding: 4px; border-right: 1px dashed #c0c0c0; background-color: #DDECD9; }
TD.nav_open 				{ border-right: 4px solid #007ba4; } 
TD.nav_closed 			{ border-right: 4px solid #eaeaea; } 

A.nav_open					{ color: #3333ff; }
A.nav_open:link		  { text-decoration: none; }
A.nav_open:visited	{ text-decoration: none; }
A.nav_open:hover		{ text-decoration: none; }


A.nav_closed					{ color: #000000; }
A.nav_closed:link		  { text-decoration: none; }
A.nav_closed:visited	{ text-decoration: none; }
A.nav_closed:hover		{ text-decoration: none; }

P.nav_open 					{ font-family: Verdana, Arial; font-size: 70%; color: #007ba4; } 
P.nav_closed				{ font-family: Verdana, Arial; font-size: 70%; color: #007ba4; }
*/