/* reset */

/* pikkureset */
h5,h6,p,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
caption,th{text-align:left;}


strong{font-weight: bold;}

/* ----------  HTML stuff  ------------------------------------------------------------------------------*/
body {
  background: url('gfx/main_bg.gif') no-repeat;
  background-position: center 415px;
  background-color: #ffffff;
  color: #5f5f5f;
  margin: 0;
  padding: 0;
}
body, td, th
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}
input, select
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}
table, img
{
  border: 0;
}


/* ----------  Template  --------------------------------------------------------------------------------*/
table.main
{
  width: 100%;
}

table.main td.center
{
  width: 100%;
  padding: 12px 12px 12px 12px;
}

#logo
{
  width: auto;
  height: 46px;
  background: #ffffff url('gfx/logo_bg.png') repeat-x;
  padding: 0;
  margin: 0;
  padding-left: 65px;
}

#haku
{
  position: absolute;
  left: 534px;
  top: 14px;
  width: 180px;
}

#navigation
{
  width: auto;
  height: 22px;
  background: #ffffff url('gfx/nav_bg.png') repeat-x;
  font-size: 13px;
  padding-left: 87px;
  padding-right: 87px;
}

#navigation div
{
  position: relative;
  text-align: left;
  top: 2px;
}

#path /* Breadcrumb */
{
  font-family : Verdana, Arial;
  font-size: 85%;
  margin-left: 109px;
  color: #adadad;
  padding: 4px;
}

#left
{
  padding-top: 14px;
  padding-left: 32px;
  width: 200px;
}

#left div
{
  padding: 10px 10px 2px 2px;
}
    
#right
{
  padding-right: 10px;
  text-align: left;
  width: 210px;
}

#footer
{
  padding: 18px;
  clear: both;
  text-align: center;
  color: #adadad;
}


/* ----------  Contents  --------------------------------------------------------------------------------*/
/*h1, h2, h3
{
  
}*/

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

form.inline { display: inline; }

p { line-height: 140%; }

a, a:link, a:visited
{
  color: #336699;
  text-decoration: none;
  background-color: transparent;
}

a:hover
{
  color: #cc3300;
  text-decoration: none;
  background-color: transparent;
}

em
{
  color: #ff8000;
  font-size: 180%;
  font-weight: bold;
}


/* Category links styles, applies to links to subcategories */

#category_links
{
  display: block;
  margin: 0;
  padding: 0;
}

#category_links table
{
  float: left;
  width: 180px;
  height: 170px;
}

#category_links table td.img
{
  width: 110px;
  height: 110px;
}

#category_links table a
{
  color: #747474;
  background-color: transparent;
  font-weight: bold;
  font-size: 11px;
}



/* Product List styles, applies to the product lists */

#product_list
{
  display: block;
}

#product_list table
{
  float: left;
  width: 180px;
  height: 190px;
}

#product_list table td.img
{
  width: 110px;
  height: 110px;
}

#category_links table img, #product_list table img, table.product img
{
  border: 2px solid #cecece;
  padding: 2px;
  background-color: #ffffff;
}

#product_list table a, table.mainpagebox a
{
  color: #747474;
  background-color: transparent;
  font-size: 14px;
}

#product_list table a.product_price, table.mainpagebox a.product_price, span.product_price
{
  color: #1486df;
  background-color: transparent;
  font-size: 14px;
  font-weight: bold;
  line-height: 42px;
}


.mainpagebox td {
	padding: 0 4px 4px 0;
}

#left td {
	padding: 2px;
}

table.mainpagebox td img
{
  border: 2px solid #dedede;
  padding: 3px;
  background-color: #ffffff;	
}



/* Green styles, reserved for the possible green themed pages */

.lime { color: #5ECD06; }
.green { color: #5FB917; }

/* Orange styles, reserved for the possible orange themed pages */

.orange { color: #ff8800; }


input.button
{
  border: 1px solid #747474;
  background-image: url('gfx/button_bg.gif');
  background-repeat: repeat-x;
  color: #000000;
}

input.field, textarea.field
{
  border: 1px solid #747474;
}


/* Shadowy boxes, applies to some images */

div.img-shadow {
  float: right;
  background: url("gfx/shadowAlpha.png") no-repeat bottom right !important;
  background: url("gfx/shadow.gif") no-repeat bottom right;
  margin: 5px 0px 0px 5px !important;
}

div.img-shadow img {
    display: block;
    position: relative;
    background-color: #ffffff;
  border: 1px solid #adadad;
  margin: -6px 6px 6px -6px !important;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}


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

p.navigation
{
  padding-left: 9px;
  margin-top: 12px;
  margin-bottom: 12px;
}

td.nav_open
{
  padding-left: 9px;
  border-right: 4px solid #007ba4;
} 
   
td.nav_closed
{
  padding-left: 9px;
  border-right: 4px solid #eaeaea;
}

a.nav_closed:hover, a.nav_open:hover
{
  color: #ff8000;
  background-color: transparent;
}

/* stylish box */
div.box
{
  background-image: url("gfx/boxbg.png");
  margin-top: 10px;
  width: 164px;
  margin-bottom: 10px;
}
div.box p:first-line
{
  font-size: 130%;
  font-weight: bold;
}
div.box p
{
  font-size: 90%;
  padding: 0 5px 0 5px;
}
.block
{
  display: block;
  z-index: 1;
}

.jukola
{
  display: block;
  width: 290px;
}
.jukola img
{
  padding: 4px;
}
.jukola p
{
  font-size: 90%;
}
.jukola p:first-line
{
  font-size: 130%;
  font-weight: bold;
}

/* ----------  CloverShop Specific Styles  --------------------------------------------------------------*/

/* General styles, applies to all areas */

TABLE {
border : 0px;
}

IMG {
border : 0px;
}

P.smallbasic {
font-family: Verdana, Arial;
line-height: 100%;
}

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

P.smallfade {
font-size : 85%;
color : #adadad;
line-height: 100%;
}

FORM.inline {
display : inline;
} 



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

TD.toplinks {
padding : 5px;
background-color : #f3f3f3;
border-top : 1px solid #c0c0c0;
border-bottom : 1px solid #c0c0c0;
}

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



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


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



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

TD.cartbottom {
padding : 5px;
background-color : #f3f3f3;
border-top : 1px solid #c0c0c0;
border-bottom : 1px solid #c0c0c0;
}

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


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


/* tapahtumat */

#tapahtumat_base { width: 602px; }

p {
	margin: 12px 0;
	line-height: 18px;
}

#tapahtumat {
	width: 599px;
	margin-left: 1px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#tapahtumat tr {
	height: 54px;
}

#tapahtumat .empty {
	font-size: 11px;
	color: #aaa;
	border: 0;
}

#tapahtumat td, th {
	padding: 12px;
}

#tapahtumat td {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

#tapahtumat thead th {
	background: #f5f5f5;
	height: 72px;
	border-left: 1px solid #ccc;
	font-size: 10px;
}

#tapahtumat tbody th {
	border-top: 1px solid #ccc;
}

#tapahtumat h6 {
	font-size: 12px;
}

#tapahtumat .pvm {
	width: 120px;
	padding: 12px 0 14px 18px;
}

.tapahtuma_tre2, .tapahtuma_hki {
	background: #fff4ee;
}
.tapahtuma_tre, .tapahtuma_tku {
	background: #f4ffee;
}

a#enemman_tapahtumia {
	float: right;
	margin: 6px 0;
	width: 94px;
	height: 25px;
	background: url("gfx/tapahtumat_lisaa.gif") no-repeat;
	text-indent: -9999px;
}

.vkoalku {
	background: #f5f5f5;
}

#tapahtumat_yla {
	width: 600px;
	height: 3px;
	background: url("gfx/tapahtumat_yla.gif") no-repeat;
}

#tapahtumat_ala {
	width: 600px;
	height: 3px;
	background: url("gfx/tapahtumat_ala.gif") no-repeat;
}

#haku_eiloydy {
	display: none;
}


#frontpage_banner {
    text-align: center;
    margin-bottom: 30px;
}