/* General styles, applies to all areas */

BODY {
font-family: Verdana, Arial;
margin: 0;
background-color : #000000;
color : #000000;
}

TABLE {
border : 0px;
}

IMG {
border : 0px;
}

H1 {
font-family: Verdana, Arial;
font-size : 120%;
font-weight : bold;
color : #ad2a2a;
}

H2 {
font-family: Verdana, Arial;
font-size : 110%;
font-weight : bold;
color : #000000;
}

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

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

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

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

.cotable P.smallfade {color: #777777}

A {
color : #ad2a2a;
}

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 {
vertical-align: middle;
padding: 0;
background-color: #ad2a2a;
color: #FFFFFF
}

P.toplinks {
font-family: "Times New Roman", Times, serif;
font-size: 13px;
color: #FFFFFF;
margin: 0; padding: 3px
}

P.toplinks a {color: #FFFFFF; text-decoration: none;}
P.toplinks a:hover {text-decoration: underline}

.slogan {font-family: "Times New Roman", Times, serif; font-size: 16px; margin: 0; padding: 0}


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

TD.topbreadcrumb {padding: 0; background: #000000 url(../custom/tausta.gif) top left repeat-x; width: 1000px; height: 200px; text-align: left}

div.topbreadcrumb {position: relative; height: 200px}
#ylakuvat {float: right; width: 500px; padding-top: 11px}
#ylakuvat img {margin-right: 15px}
#ylalogo {position: absolute; top: 33px; left: 80px; padding: 0; margin: 0; border: 0}
#ylalogo2 {position: absolute; top: 96px; left: 295px; padding: 0; margin: 0; border: 0}

P.topbreadcrumb {
padding: 0; margin: 0; position: absolute; bottom: 5px; left: 10px; width: 490px;
font-family : Verdana, Arial;
font-size : 70%;
color : #adadad;
}

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



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

TD.navigation {
width: 230px;
padding : 5px 20px 450px 20px;
background: #ffffff url(../custom/tuotetausta.jpg) bottom left no-repeat;

}

TD.nav_open { 
font-family: "Times New Roman", Times, serif; 
color : #000000;
background: #DDDDDD;
position:relative;
bottom:2px;

}

#nav_tr
{
	height:22px;
	
}

P.nav_open { 
font-family: "Times New Roman", Times, serif;
font-size : 16px;
font-weight: bold;
color : #000000; 
background: #DDDDDD;
padding : 4px 0px 0px 12px;

}
 
A.nav_open {color : #ad2a2a; text-decoration: none; display: block; padding: 0 2px; height:8px; }
A.nav_open:hover {text-decoration: underline;}

/*.nav_open .alilinkki{color : #ad2a2a; display:block; padding: 0 2px; text-decoration:underline;}*/
.alilinkki
{
	margin-left:1em;
	display:block;
	height:auto;
	position:relative;
	bottom:1px;
	padding : 4px 0px 0px 12px;
	font-family: "Times New Roman", Times, serif;
	font-size : 15px;
	/*vertical-align:middle;*/
	color : #000000;
	background: #DDDDDD;
}

#alilinkki_logo
{
	float:left;
 	display:block;
 	margin-right:1em;
 	position:relative;
	bottom:1px;
}

#alilinkki_boldaus
{
	font-size:15px; bottom:2px; position:relative;
}

 
TD.nav_closed { 
font-family: "Times New Roman", Times, serif;
/*font-size : 16px;*/
color : #000000;
background: #DDDDDD;

/*height:10px;*/
} 
 
P.nav_closed { 
font-family: "Times New Roman", Times, serif;
font-size : 16px;
color : #000000;
background: #DDDDDD;
padding : 4px 0px 0px 12px;
}
 
A.nav_closed {color : #000000; text-decoration: none; display: block; padding: 0 2px;}
A.nav_closed:hover {text-decoration: underline}

P.nav_closed A.nav_open {color: #000000}




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

TD.main {
width: 770px;
padding : 25px;
background-color : #ffffff;
font-size: 13px;
}



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

TD.cartbottom {
padding : 3px;
background: #ad2a2a;
}

FONT.cartbottom {
font-family: Times New Roman, Times, serif;
font-size : 14px;
color : #FFFFFF;
}

FONT.cartbottom a {color: #FFFFFF; text-decoration: none}
FONT.cartbottom a:hover {text-decoration: underline}


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