
/* General styles, applies to all areas */

BODY {
margin: 0px;
	padding: 0px;
background-image: url(bg_v3_pink.gif);

	background-color: #fff;
	color: #000;
	
}
body, table, td, input, select {
font-weight: normal;
  font-family: "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
  
}
.hieno {background-image: url(hieno_pink.gif);
background-repeat: no-repeat;}
TABLE {
border : 0px;
}
 
IMG {
border : 0px;
}

h1,h2,h3,h4 { 
	padding-top: 1px;
padding-left:0px;
padding-right:0px; 
padding-bottom:1px;  
margin: 0px;
font-weight: bold;
font-family: Tahoma, Verdana, sans-serif;
color: #2c2c2c;

}
h1 {font-size: 16px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4 {font-size: 13px;}

.sivumenu {color: #fff; }
P, LI {
font: normal 12px "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
color : #000; 

line-height : 140%;
}

P.smallbasic {
font: normal 12px "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
color : #000; 
}

P.smallnote {

display : inline;
}

P.smallfade {color: #999;

}

A {
color : #000;
}

INPUT, TEXTAREA, SELECT {
font: normal 11px "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
color : #000; 
}

INPUT.button {

  color: #fff; 
  font-size: 12px;
  background-color: #373737;
  margin: 1px;
  border-top: 1px solid #777777;
  border-left: 1px solid #777777;
  border-bottom: 1px solid #0c0c0c;
  border-right: 1px solid #0c0c0c;
  padding: 1px 7px 1px 7px;
}

INPUT.field {
  background-color: #eee;
  color: #000;
  border: 1px solid #606060;
  padding: 2px;
  margin: 1px;
font: normal 11px "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
color : #000; 
}

TEXTAREA.field {
  background-color: #eee;
  color: #000;
  border: 1px solid #606060;
  padding: 3px;
  margin: 1px;
font: normal 11px "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
color : #000; 



}
.huomio {
  background-color: #F4F3D4;
  color: #000;
  border: 1px solid #727272;
  padding: 6px;
  margin: 3px;
font: normal 13px "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
}
.huomioale {
  background-color: #ff84c4;
  color: #000;
  border: 1px solid #ff0084;
  padding: 6px;
  margin: 3px;
font: normal 13px "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
}
.huomio2 {
  background-color: #eee;
  color: #000;
  border: 1px solid #727272;
  padding: 6px;
  margin: 3px;
font: normal 13px "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
}

FORM.inline {
display : inline;
} 



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

TD.toplinks {
padding-left : 8px;
padding-right : 8px;
padding-top : 5px;
padding-bottom : 5px;
background-image: url(menupohja_v3_pink.gif);
background-repeat: no-repeat;
    color : #000; 
height: 35px;

}

P.toplinks {
font: bold 13px Tahoma, Verdana, sans-serif;

color : #fff; 
}
.toplinkit
{
font: bold 13px Tahoma, Verdana, sans-serif;
	
	text-decoration: none;
	padding-top: 5px;
	padding-right: 4px;
	padding-bottom: 5px;
	padding-left: 4px;}

a.toplinkit {color: #fff;}
a.toplinkit:link {color: #fff;}
a.toplinkit:visited {color: #fff;}
a.toplinkit:active {color: #fff;}

a.toplinkit:hover
{font: bold 13px Tahoma, Verdana, sans-serif;
text-decoration: none;
	padding-top: 5px;
	padding-right: 4px;
	padding-bottom: 5px;
	padding-left: 4px;
color: #bb77bc}

.logintext {color: #fff;}
a.logintext {color: #fff;}
a.logintext:link {color: #fff;}
a.logintext:visited {color: #fff;}
a.logintext:active {color: #fff;}
a.logintext:hover {color: #bb77bc;}


.boksi {        padding:0px;
  background-image: url(box2.gif);
	background-repeat:no-repeat;

  margin:4px;
width: 190px;
}
.boksi3 {        padding:0px;
  background-image: url(box2_uusi.gif);
	background-repeat:no-repeat;

  margin:4px;
width: 250px;



}

.boksi2 {      
  padding:1px;
  margin:4px;
width: 680px;}





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

TD.topbreadcrumb {
padding : 5px;
}

P.topbreadcrumb {
font: normal 12px "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
color : #fff; 
}

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



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

TD.navigation {
padding : 3px;
border-right : 0px dashed #c0c0c0;

}

TD.nav_open { 
font-family: "Lucida Sans", Tahoma;
font-size: 12px;
} 
 
P.nav_open {	
font-family: "Lucida Sans", Tahoma;
font-size: 12px;	
} 
 
A.nav_open { 
font-family: "Lucida Sans", Tahoma;
font-size: 12px;	
} 
  
TD.nav_closed { 
font-family: "Lucida Sans", Tahoma;
font-size: 12px;	
} 
 
P.nav_closed { 
font-family: "Lucida Sans", Tahoma;
font-size: 12px;	
} 
 
A.nav_closed {
font-family: "Lucida Sans", Tahoma;
font-size: 12px;	
}



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

TD.main {
padding : 3px;

}



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

TD.cartbottom {
padding : 3px;
width: 900px;
border-top: 0px solid #444;


}

FONT.cartbottom {
font: normal 12px "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;


color : #007ba4;
}



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

TD.bottom {
padding : 5px;
}



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

TABLE.product {
border-left : 1px dotted #444;
}

TD.details {
padding : 10px;
border-left : 1px dotted #666;
}

TR.list1 {
background-color : #1f1f1f;
} 

TR.list2 {
background-color : #2f2f2f;
} 



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

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

P.cartbasic {

} 

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

P.carttotal {

font-weight : bold;
} 



/* Progress bar styles, applies to progress bar area */

P.pb {

color : #adadad;
} 

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

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

body, td, input, select {
  font: normal 12px "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
  
}

input, textarea, select, .laatikko {
  background-color: #eee;
  color: #000;
  border: 1px solid #606060;
  padding: 1px;
  margin: 0px;
  font-size: 11px;}
  	     	      	        	   	       		         	    	   	   	     
.lootapoota {background: url(pohjus_v2_pink.png) repeat-y; width: 940px; padding-left
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
  padding-top: 0px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 0px;}

a {text-decoration: none;}
a:link {color: #000;}
a:visited {color: #000;}
a:active {color: #000;}
a:hover {color: #9B2D9C;}
.pad {padding: 3px;}

hr {background-color: #444;
  color: #444;
border: 0;
height: 1px;}

.hintalappu {width: 95px; height: 50px; background-image: url(hintalappu.png);
background-repeat: no-repeat;
    color : #000; }
.hinta {color : #000;}

