/* General styles, applies to all areas */

BODY {
font-family: Verdana, Arial;
margin-top : 0px;
margin-bottom : 1%;
margin-left : 1%;
margin-right : 1%;
background-color : #000000;
color : #000000;
background-image:url(layout/bodyBG.jpg);
background-position:center top;
background-repeat:no-repeat;
}

TABLE {
border : 0px;
}
.white{
background-color:#FFFFFF;
}

.whitep{
background-color:#FFFFFF;
padding:0px 10px 0px 10px;
}

.whitep2{
background-color:#FFFFFF;
padding:0px 10px 10px 10px;

}


IMG {
border : 0px;
}

H1 {
font-family: Verdana, Arial;
line-height:28px;
padding:0px 0px 0px 30px;
font-size : 90%;
font-weight : bold;
color : #787878;
background-image:url(layout/h1bg.jpg);
background-position:left top;
background-repeat:no-repeat;
margin:0px 0px 6px 0px;
display:block;
}

p{
margin:0px;
padding:0px 0px 6px 0px;}

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

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

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

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

.smallfade A{
color : #EDDEDE;
}

A {
color : #234577;
}

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


INPUT.button {
border-top : 1px solid #9F9FA0;
border-left : 1px solid #9F9FA0;
border-bottom : 1px solid #383737;
border-right : 1px solid #383737;
background-image : url(layout/button1_bg.gif);
background-repeat:repeat-x;
background-color:#383737;
font-family : Verdana, Arial;
font-size : 70%;
color : #efefef;
}

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;
margin:0px 16px 0px 0px;
font-size:80%;


} 


FORM.inline td{
background-color:#FFFFFF;
padding:6px;}

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

.toplinks {
padding : 0px 0px 0px 18px;
margin:0px;
background-image:url(layout/navibg.jpg);
background-position:left top;
background-repeat:repeat-x;

}

.navihoriz{
font-family : Verdana, Arial;
font-size :80%;
color : #FFFFFF;
height:38px;
list-style-type: none;
padding:0px 0px 0px 12px;
margin:0px;
background-image:url(layout/horiznavborderstarter.jpg);
background-position:left top;
background-repeat:no-repeat;
}

.btn1, .btn1B{
height:38px;
line-height:38px;
display:block;
float:left;
background-image:url(layout/horiznavbg.jpg);
background-position:left top;
background-repeat:repeat-x;


}



.btn1 a:link, .btn1 a:visited, .btn1 a:active{
color:#C7C7C7;
text-decoration:none;
background-image:url(layout/horiznavborder.jpg);
background-position:right center;
background-repeat:no-repeat;
padding:12px 25px 12px 5px;
margin:0px;}

.btn1B a:link, .btn1B a:visited, .btn1B a:active{
color:#C7C7C7;
text-decoration:none;
background-image:url(layout/horiznavborderend.jpg);
background-position:right center;
background-repeat:no-repeat;
padding:12px 15px 12px 0px;
margin:0px;}

.btn1 a:hover, .btn1B a:hover{
color:#000000;
}

.toplinks p{
font-size :10px;
text-align:center;
}

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

TD.topbreadcrumb {
background-image : url(layout/topimg.jpg);
height:157px;
padding : 0px;
}

P.topbreadcrumb {
font-family : Verdana, Arial;
font-size : 70%;
color : #4C5970;
height:20px;
width:750px;
margin:135px 10px 0px 0px;
padding:0px;
display:none;


}

A.topbreadcrumb {
text-decoration : none;
padding:0px 0px 0px 0px;
color:#FFFFFF;
}



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

.navitop{
width:170px;
height:51px;
background-image:url(layout/navtop.jpg);
background-position:left top;
background-repeat:no-repeat;
}

.navibottom{
width:170px;
height:18px;
background-image:url(layout/navbott.jpg);
background-position:left bottom;
background-repeat:no-repeat;
}

.naviwrap{
width:170px;
background-image:url(layout/navwrap.jpg);
background-position:left bottom;
background-repeat:repeat-y;
padding:0px 0px 0px 0px
}
.naviwrap table{
width:157px;
margin:0px 20px 5px 3px;
padding:0px;

}
TD.navigation {
padding : 0px 0px 0px 0px;
background-color : #DEDEDE;
}

TD.nav_open { 
padding:3px 0px 0px 4px;
margin:0px 0px 0px 0px;
background-image:url(layout/nappipohja.gif);
background-position:left top;
background-repeat:repeat-x;
background-color:2B2B2B;
border-bottom: 1px solid #000000;
} 
 
TD.nav_open a{
color:#FFFFFF;
text-decoration:none;
}
P.nav_open { 
font-family: Verdana, Arial; 
margin:0px;
padding:0px;
font-size : 70%; 
color : #007ba4; 
} 
 
A.nav_open { 
color : #959595; 
padding:0px;
text-decoration:none;

} 
 
TD.nav_closed { 
padding:3px 0px 0px 4px;
margin:0px 0px 0px 0px;
background-image:url(layout/nappipohja.gif);
background-position:left top;
background-repeat:repeat-x;
background-color:2B2B2B;
border-bottom: 1px solid #000000;
} 
 
P.nav_closed { 
font-family: Verdana, Arial; 
font-size : 70%; 
color : #007ba4; 
margin:0px;
padding:0px;
} 
 
A.nav_closed { 
color : #007ba4; 



}



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

TD.main {
padding : 2px 15px 25px 5px;
background-color : #DEDEDE;
}



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

TD.cartbottom {
padding : 9px;
background-color : #DEDEDE;
background-image : url(layout/footer.jpg);
background-position:center bottom;
background-repeat:no-repeat;
}

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



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

TD.bottom {
background-image : url(layout/footertextbox.jpg);
background-position:center top;
background-repeat:no-repeat;
padding : 10px 0px 20px 0px;
color:#000000;
}


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

TABLE.product {
background-color : #FFFFFF;
padding:6px 8px 0px 8px;
border:4px double #DFDFDF;
font-size:110%;
}

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

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

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

/*TABLE.product img{ 
background-color:#FFFFFF;
border:1px solid #BCBCBC;
padding:3px;
display:block;
}*/
.boxtop{
background-image:url(layout/angle2.jpg);
background-position:right top;
background-repeat:no-repeat;
background-color:#FFFFFF;
}

.boxbottom{
background-image:url(layout/angle3.jpg);
background-position:right top;
background-repeat:no-repeat;
background-color:#FFFFFF;
margin:0px 0px 0px 0px;
display:block;
}

/* Shopping cart styles, applies to shopping cart table area */

TD.cartbasic {
padding : 5px;
border-bottom : 1px solid #dedede;
} 

P.cartbasic {
font-size : 80%;
} 

TD.carttotal {
padding : 5px;
border-bottom : 1px solid #dedede;
} 

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

.toppest{
margin:0px;
padding:0px;
}

.cart{
background-color : #FFFFFF;
}

.valikko{
background-color:#FFFFFF;
border:1px solid #777777;
padding:0px;
margin:0px 0px 7px 0px;
}

.valikko p{
padding:3px;
margin:0px;
}
  	     	      	        	   	       		         	    	   	   	     

/* Clover Shop Copyright (c) 2001- Apilaratas Oy - http://www.apilaratas.fi */
/* Modified for MPM-performance: Underground Graphics - Layout copyright (c) 2007 - Underground Graphics - http://www.uusiaalto.com */