/* OMAT SÄÄDÖT */

a.luettelo {
font-family: 'Play', sans-serif;
font-size : 18px;
font-weight : bold;
color : #fff;
background: #50454D;
line-height: 45px;
padding-left: 15px;
padding-right: 15px;
}


td.offersbottom {
padding-bottom : 10px;
padding-top : 20px;
border-bottom-style: solid; 
border-bottom-color: #000000; 
border-bottom-width: 1px;
}

.kategoriat {
text-decoration: none;
font-size : 12px;
line-height: 20px;
padding-left : 5px;
padding-right : 5px;
font-family: Verdana, Arial;
}

td.padded {
 padding-right:8px;
 padding-left:8px;
 }

#dek
{POSITION:absolute;
VISIBILITY:hidden;
Z-INDEX:200;
}


TABLE.tuotetaulukko {
border : 0px;
font-size : 13px;
margin-left : 10px;

}

.specialtable td
{
font-family: Verdana, Arial;
font-size : 12px;
text-align: center;
}


.specialtable2 td
{
font-family: Verdana;
font-size : 12px;
}


A.navigaatio
{
color : #fff;
text-decoration: none;
font-size : 15px;
font-family: 'Play', sans-serif;
margin-right: 15px;
padding-bottom:1px;
}

.toplinks A.navigaatio:hover{
border-bottom: 6px solid #f7be00;
color: #fff;
}

P.shopcart
{
font-family : Verdana, Arial;
font-size : 100%;
}


#ajankohtaista
{
background-color : #f0f0f0;
}


.ajankohtainen
	{
	margin-top : 6px;
	margin-left : 650px;
	font-size : 18px;
	text-align: left;
	font-weight:bold
	}

.ajankohtainen h1{
	color: #9e9e9e;
	font-family: 'Play', sans-serif;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
	width: 265px;
	border-bottom: 1px dotted #404040;
	padding: 0 0 3px 0;
	
}
.ajankohtainen ul{
	padding: 0;
	margin: 0;
}
.ajankohtainen ul li{
	padding: 0;
	margin: 0;
	line-height: 12px;
}
.ajankohtainen ul li a{
	margin:0;
	padding:0;
	color: #bbbbbb;
	text-decoration: none;
	font-family: 'Arial', sans-serif;
	font-size: 12px;
	font-weight: normal;
	
}
.ajankohtainen a:hover{
	color: #f7be00;
}

#haku{
	color: #f7be00;
	font-family: 'Play', sans-serif;
	font-size: 23px;
	font-weight: bold;
	margin:0 0 7px 0;
	padding:0;
}

.main u{
	color: #a12c23;
}

.autostyle{
	border:0;
	margin:0;
	padding:0;
	background: #000;
}

.pagelinks p, .pagelinks a{
	font-weight: normal;
	font-size: 13px;
}
.pagelinks a{
	font-weight: bold;
}

.esittelyt a{
	text-decoration: none;
}

.huomio {
font-family: 'Play', sans-serif;
font-size : 16px;
font-weight : bold;
color : red;
padding-left: 0px;
}
/*---------------------------------*/







/* General styles, applies to all areas */

BODY {
font-family: Verdana, Arial;
margin-top : 0px;
margin-bottom : 5px;
margin-left : 5px;
margin-right : 5px;
background: #000 url("logos/sivuntausta.jpg") center top no-repeat;
color : #000000;

}



/*UL { list-style-image: url(/logos/listamerkki.gif) }*/


p.taulukko {
font-size : 70%;
}


A.otsikko
{
color : #A52B31;
}


.testi {
background-image : url(logos/nav.gif);
}
	
:link:hover, :visited:hover { 

	color: #ae2421;
	}

TABLE {
border : 0px;
}


IMG {
border : 0px;
}


H1 {
font-family: 'Play', sans-serif;
font-size : 24px;
font-weight : bold;
color : #000000;
/*padding:0 0 0 10px;*/
}

H2 {
font-family: 'Play', sans-serif;
font-size : 18px;
font-weight : bold;
color : #fff;
background: #000;
line-height: 26px;
padding-left: 15px;
}

H3 {
font-family: Verdana, Arial;
font-size : 100%;
font-weight : bold;
color : #A52B31;
}

H4 {
font-family: 'Arial', sans-serif;
font-size : 18px;
font-weight : bold;
color : #000000;
}

H5 {
font-family: Verdana, Arial;
font-size : 16px;
color : #000000;
}

P, B{
line-height: 19px;
}

P, B, LI {
font-family: 'Arial', sans-serif;
font-size : 12px;
/*line-height : 18px;*/
}

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

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

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

P.smallfade {
font-size : 75%;
color : #7a7a7a;
}

A {
color : #000;
}

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

INPUT.button {
border:0;
padding:0;
margin:0;
background: #000;
font-family: 'Play', sans-serif;
font-size : 15px;
color : #fff;
text-transform: uppercase;
}

INPUT.button:hover{
	color: #f7be00;
}

.tuotehaku INPUT.field{
	background: #fff !important;
	height:20px !important;
	color: #000 !important;
	border: 1px solid #000 !important;
	width:130px !important;
}

.tuotehaku INPUT.button{
	background: url("logos/button_bg_hae.gif") repeat-x !important;
	border: 1px outset #5f5f5f !important;
	height: 20px !important;
	color: #000 !important;
	font-family: 'Arial', sans-serif !important;
	font-size: 14px !important;
	text-transform: none !important;
	font-weight: normal !important;
	padding:0 5px 2px 5px !important;
}

INPUT.field {
border: 1px solid #f7be00;
font-family : Verdana, Arial;
font-size : 80%;
background : #000;
color : #fff;
height: 33px;
width: 200px;
}

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;
/*width: 30px;
margin-left : 10px;
*/
} 



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

TD.toplinks {
background-image : url(logos/ylapalkki.png);
height: 66px;
}

P.toplinks {
font-family : 'Arial', sans-serif;
font-size : 13px;
color : #fff;
text-transform: uppercase;
padding-left: 25px;
}



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

TD.topbreadcrumb {
background: #000 url(logos/rengasvanne2.jpg);
background-repeat : no-repeat;
vertical-align:top;
}

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

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



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

TD.navigation {
padding : 25px;
/*background-image:url(logos/navigaatiotausta.jpg);*/
background:#000 url(logos/valikontaustakuva.png) left top repeat-x;
vertical-align: top;
width: 305px;

}

TD.nav_open { 
	margin-left : 30px;
} 
 
P.nav_open { 
font-family: 'Arial', sans-serif; 
font-size : 12px; 
color : #000000;
margin-left : 0px;
} 
 
A.nav_open { 
text-decoration: none;
font-size : 14px; 
color : #000000;
} 

.nav_open a.navigaatio{
	font-family: 'Arial', sans-serif; 
	font-size: 12px;
}
.nav_open:hover a{
	color: #000;
	font-weight: bold;
}
.nav_open:hover{
	background: #f7be00;
}

TD.nav_closed {
} 
 
P.nav_closed { 
font-family: 'Arial', sans-serif; 
font-size : 12px; 
color : #007ba4;
/*margin-left : 8px;*/ 
border-bottom: 1px dotted #404040;
line-height:22px;
padding:0;
width:265px;
} 

P.nav_closed:hover{ 
font-family: 'Arial', sans-serif; 
font-size : 12px; 
/*margin-left : 8px;*/
border-bottom: 1px dotted #404040;
line-height:22px;
background: #f7be00;
} 

P.nav_closed:hover a{
	color : #000;
	font-weight: bold;
}

P.nav_closed a { 
font-family: 'Arial', sans-serif; 
font-size : 12px; 
color : #fff;
/*margin-left : 8px;*/ 
} 

A.nav_closed { 
color : #007ba4; 
}



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

TD.main {
padding: 30px;
background-position : right top;
background-repeat : repeat-y;
vertical-align: right top;
background-color : #ffffff;
font-family: 'Arial', sans-serif;
font-size: 12px;
}

TD.main INPUT.button{
	background: url("logos/button_bg.gif") repeat-x;
	border: 1px outset #d3d3d3;
	height:20px;
	color: #000;
	font-family: 'Arial', sans-serif;
	text-transform: none;
	font-size: 14px;
	padding: 0 5px 3px 5px;
}

TD.main INPUT.field{
	background: none;
	border: 1px solid #505050;
	height:auto;
	width:auto;
	color: #000;
}

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

TD.cartbottom {
padding : 2px;
background-color : #f7be00;
height: 62px;
}

FONT.cartbottom {
font-family: Verdana, Arial;
font-size : 85%;
color : #000;
}



/* 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 #000;
}

TABLE.product INPUT.field{
	border: 1px solid #747474;
	background: none;
	height:18px;
	width:27px;
	color: #000;
}

TABLE.product INPUT.button{
	background: url("logos/button_bg.gif") repeat-x;
	border: 1px outset #d3d3d3;
	height:20px;
	color: #000;
	font-family: 'Arial', sans-serif;
	text-transform: none;
	font-size: 12px;
	padding: 0 5px;
}

TD.details {
padding : 10px;
font-family: Verdana, Arial;
font-size : 110%;
color : #000000;
}

TD.details INPUT.button{
font-weight:bold;
font-size: 11px;
}

TD.details INPUT.field{
	font-family: 'Arial', sans-serif;
	font-size: 12px;
	text-align: right;
	width: 25px;
	height: 20px;
}

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 {
color : #808080;
font-size: 15px;
} 

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

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