/* General styles, applies to all areas */

#menubar {
	width: 1000px;
	height: 50px;
	background: #999 url('img/menubar.png') no-repeat 0 0;
	margin: 0.5em auto;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #999;
}

#menubar a {
	color: #000;
	text-decoration: none;
}

#menubar a:hover {
	text-decoration: underline;
}

.menuitem {
	border-left: 1px solid #999;
	border-right: 1px solid #ccc;
	float: left;
	margin: 0 2px;
	padding: 17px 1em 10px 1em;
	background: transparent url('img/menu.png') repeat-x 0 0;
}

#menu_left {
	margin: 0px 0 0 20px;
	float: left;
}

#menu_right {
	margin: 16px 20px 0 0;
	float: right;
}

#menu_right img {
	vertical-align: middle;
}

#content {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

#content_left {
	width: 200px;
	float: left;
	text-align: right;
}

#content_center {
	width: 600px;
	float: left;
	text-align: left;
}

#contentbox {
	width: 574px;
	margin: 25px 13px;
}

#contentbox_top {
	height: 10px;
	background: transparent url('img/content_top.png') no-repeat 0 0;
	font-size: 0px;
}

#contentbox_middle {
	padding: 0;
	background: #ccc url('img/content_middle.png') repeat-y 0 0;
	font-size: 12px;
	overflow: hidden;
	margin: 0;
}

#contentbox_middle h1 {
	width: 556px;
	height: 34px;
	background: transparent url('img/h1.png') no-repeat 0 0;
	font-size: 16px;
	color: #e0d9a7;
	margin: 0 8px 0.5em 8px;
	padding: 7px 0 0 10px;
}

#contentbox_middle h2 {
	font-size: 13px;
	color: #666;
	font-weight: bold;
	border-bottom: 1px solid #999;
	margin: 1em 15px;
}

#contentbox_middle p {
	font-size: 13px;
	margin: 1em 1em 0 1em;
	padding: 0 8px;
}

#contentbox_middle table {
	width: 550px;
	margin: 10px 12px 0 12px;
	font-size: 11px;
}

#contentbox_middle td {
	vertical-align: middle;
}

#contentbox_bottom {
	height: 10px;
	background: transparent url('img/content_bottom.png') no-repeat 0 0;
	font-size: 0px;
}

#content_right {
	width: 200px;
	float: right;
	text-align: left;
}

#footerbar {
	width: 1000px;
	height: 50px;
	background: #999 url('img/footer.png') no-repeat 0 0;
	margin: 0 auto 30px auto;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
}

#foot_left {
	margin: 15px 0 0 15px;
	float: left;
}

#foot_left a {
	color: #000;
	text-decoration: none;
}

#foot_left a:hover {
	text-decoration: underline;
}

#foot_left img {
	vertical-align: middle;
}

#foot_right {
	width: 550px;
	margin: 17px 15px 0 0;
	float: right;
	font-weight: normal;
	font-size: 12px;
	color: #666;
	text-align: right;
}

.laatikko {
	width: 199px;
	background: transparent;
	margin: 0.5em 0;
}

.laatikko_top {
	height: 56px;
	margin: 0;
}

#content_left .laatikko_top {
	background: transparent url('img/laatikko_top_left.png') no-repeat 0 0;
}

#content_right .laatikko_top {
	background: transparent url('img/laatikko_top_right.png') no-repeat 0 0;
}

.laatikko_top_otsikko {
	padding: 32px 15px 0 15px;
	font-size: 14px;
	font-weight: bold;
	color: #e0d9a7;
}

.laatikko_middle {
	background: #999 url('img/laatikko_middle.png') repeat-y 0 0;
	margin: 0;
	padding: 0 10px;
	text-align: left;
	font-size: 12px;
}	

.laatikko_bottom {
	height: 20px;
	background: transparent url('img/laatikko_bottom.png') no-repeat 0 0;
}

.laatikko_top_kuva {
	height: 56px;
	width: 70px;
	margin: 0 5px;
}

#content_left .laatikko_top_kuva {
	float: left;
}

#content_right .laatikko_top_kuva {
	float: right;
}

.laatikko_top_kuva img {
	border: 0;
}

.nav_open , .nav_closed{
	padding: 0.3em 0;
}

BODY {
font-family: Verdana, Arial;
margin: 190px 0 0 0;
background: #430e0e url('img/tausta.jpg') no-repeat center top;
color : #000000;
text-align: center;
}

IMG {
border : 0px;
}
A {
color : #b72020;
text-decoration: none;
}

A:hover {
text-decoration: underline;
color: #f07878;
}

.nav_closed A:hover {
	text-decoration: none;
}

.nav_open A:hover {
	text-decoration: none;
}

strong A {
	color: #777;
}

INPUT, TEXTAREA, SELECT {
font-size : 12px;
}

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;
color : #000000;
}

INPUT.field {
border: 1px solid #747474;
background : #ffffff;
color : #000000;
}

TEXTAREA.field {
border: 1px solid #747474;
background : #ffffff;
color : #000000;
}

FORM.inline {
display : inline;
margin: 0 1em;
} 

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

TABLE.product {
background: transparent url('img/tuotelaatikko_bottom.png') no-repeat bottom left;
}

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

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

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

.tuoteotsikko {
	height: 30px;
	background: #999 url('img/tuotelaatikko_top.png') no-repeat 0 0;
	color: #ddd;
	padding: 0 0 0 20px;
}

.tuoteotsikko b {
	font-size: 14px;
	color: #e0d9a7;
}

.tuoteotsikko a {
	color: #fff;
}

.tuote_hinta {
	color: #f00;
	font-weight: bold;
	width: 120px;
	vertical-align: bottom;
	text-align: center;
	font-size: 14px;
}

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

TD.cartheader {
	padding: 0 5px;
	height: 20px;
	font-weight: bold;
	color: #eee;
	border-bottom: 1px solid #999;
	background: #444;
}

TD.cartheader_tausta {
	padding: 0 5px;
	height: 20px;
	font-weight: bold;
	color: #eee;
	border-bottom: 1px solid #999;
	background: #555;
}

TD.cartbasic {
padding : 5px 2px;
margin: 0;
border-bottom : 1px solid #f3f3f3;
} 

.cartbasic_tausta {
	background: #eee;
}

.cartbold {
	font-weight: bold;
	padding-right: 5px;
}


TD.carttotal {
padding : 0px;
border-bottom : 1px solid #f3f3f3;
} 

INPUT.button_paivita {
	font-size: 0;
	color: yellow;
	border: 0;
	width: 20px;
	height: 20px;
	margin: 0 0 0 2px;
	padding: 0;
	background: transparent url('img/paivita.gif') no-repeat 0 0;
	vertical-align: top;
}
INPUT.button_poista {
	font-size: 0;
	color: red;
	border: 0;
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
	background: transparent url('img/poista.gif') no-repeat 0 0;
}


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

P.pb {
font-size : 10px;
color : #adadad;
} 

TD.pbactive {
background-color : #ffffb3;
padding: 0 0 10px 0;
} 

TD.pbinactive {

background-color : #ffffff;
padding: 0 0 10px 0;
}

.hakutaulukko {
	padding: 5px;
}

.harmaa {
	color: #777;
} 	        

.etusivu_tuotteet {
	width: 175px;
	background: transparent url('img/etusivu_bottom.png') no-repeat bottom left;
	margin: 0;
	padding: 0 0 10px 0;
	font-weight: bold;
	color: #f00;
	font-size: 16px;
}	   	  
 
.etusivu_tuotteet_top   {
	font-weight: bold;
	width: 175px;
	background: #989898 url('img/etusivu_top.png') no-repeat 0 0;
	margin: 0 0 10px 0;
	padding: 3px 0;
}

.etusivu_tuotteet_top a {
	color: #e0d9a7;
	font-size: 10px;
}

.etusivu_tuotteet_kuva {
	width: 100px;
	height: 100px;
	background: #fff;
	border: 1px solid #666;
	background-repeat: no-repeat;
	background-position: center center;
} 

/* Clover Shop Copyright (c) 2001- Apilaratas Oy - http://www.apilaratas.fi */