/* WWW.REILUKAUPPA.FI PRINT STYLE SHEET	*/
/* Copyright (c) Medusaworks Oy 2007 	*/
/* Author: Miska Loimaala >^..^<  */


html {width: 100%;
	height: 100%;}
body {
	margin: 0px;
	padding: 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	background: #ffffff;
	text-align: center;
	width: 100%;
	height: 100%;
	}

/* LAYOUT FRAMES */

#frame-top {
	display: none;
	}
#frame-menu1 {
	display: none;
	}
#frame-menu2 {
display: none;
	
	}
#frame-main {
	width: 100%;
	background-color: #ffffff;
	}
.frame-inner {
	width: 90%;
	margin: 0px auto;
	text-align: left;
	}

/* TOP */

#top {
	position: relative;
	}

/* Branding */
#branding {
	display: none;
	}

/* Site/browsing functions */
#sitefuncs {
display: none;
	}

/* MENUS */

/* menu1 -> top area/black*/

#menu1 {
display: none;
	}

/* menu2 -> top area/white */
#menu2 {
	width: 100%;
	margin: 0px;
	font-size: 12px;
	
	}

#menu2 ul {
display: none;
	}

/* Menu 3 -> right column */

#menu3 ul {
display: none;	}

/* Breadcrumbs -> below menu1/2 */
#breadcrumbs {
	clear: left;
	margin: 5px 0px 5px 0px;
	}
#breadcrumbs ul {
	display: inline;
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;
	}
#breadcrumbs li {
	display: inline;
	list-style: none;
	padding: 0px 4px 0px 0px;
	color: #00c0eb;
	}
#breadcrumbs a {	
	margin-left: 3px;
	padding-right: 10px;
	background: url(images/linkarrow.gif) no-repeat right;	/* Doesn't work on IE but we really care (see below). */
	_background: none;		/* hides background link arrow from IE (no CSS workaround available as of June'06) */
	}
#breadcrumbs a:link, #breadcrumbs a:visited {
	color: #00c0eb;
	text-decoration: none;
	}
#breadcrumbs a:hover {
	text-decoration: underline;
	}

/* MAIN */
#main {height: 100%;}

#main h1 {			/* lead header */
	font-size: 1.2em;
	font-weight: bold;
	color: #00c0eb;
	margin: 10px 0px 5px 0px;
	}

#main h4 {
	font-size: 2.2em;
	line-height: 1.0em;
	font-weight: normal;
	color: #000000;
	margin: 10px 0px 5px 0px;
	}
#main h3 {			/* product header */
	font-size: 1.6em;
	font-weight: normal;
	color: #000000;
	margin: 10px 0px 5px 0px;
	}

#main h2 {
	font-size: 15px;
	font-weight: normal;
	line-height: 16px;
	color: #00c0eb;
	margin: 10px 0px 5px 0px;
	}
#main h5 {			/* right column header */
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
	color: #000000;
	margin: 8px 0px 0px 0px;
	}
#main h6 {			/* small header type */
	font-size: 1.0em;
	font-weight: bold;
	color: #000000;
	margin: 0px 0px 5px 0px;
	}
#main p {
	font-size: 0.9em;
	margin: 0px 0px 5px 0px;
	}
	


#news .sisalto_10  h2 { 
	display: none;}
	
#ritecol {
display: none;
}


#content .sisalto_5 h2, #content .sisalto_9 h2 
{margin-top: 15px; font-size: 15px;}
#content .sisalto_5 h4, #content .sisalto_9 h4 {margin: 20px 0px 20px 0px;}
#content .sisalto_4, #content .sisalto_5, #content .sisalto_9 {width: 465px;}
#content .sisalto_4 h4 {
	margin-bottom: 10px;
}

ul.news, ul.productnews {
	margin: 0px;
	padding: 0px;
	display: block;
	} 
ul.news li, ul.productnews li {
	list-style-type: none;
	_margin-bottom: 15px;
	}
ul.news li .newsbox, ul.productnews .newsbox {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	width: 450px;
	}
ul.news li .newsbox .paivays, ul.productnews .paivays {
	font-weight: bold;
	}


#listaa {
	display: block;
	margin: 10px 0px 10px 0px;
}

	
.otsikko a, #main .otsikko a
	{
	margin: 2px 0px 5px 0px;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	color: #000000;
	text-decoration: none;
	}

.otsikko a:hover, #main .otsikko a:hover
{	color: #87c546;
	margin: 2px 0px 5px 0px;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;}

.ingressi a, #main .ingressi a
{
	margin: 2px 0px 5px 0px;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #000000;
	text-decoration: none;
	}
.ingressi a:hover, #main .ingressi a:hover
{
margin: 2px 0px 5px 0px;
color: #87c546;
font-size: 12px;
line-height: 12px;}

 

/* Content */

#content {
	clear: left;
	width: 90%;
	display: inline;
	line-height: 15px;
	font-size: 12px;
	}
	
#content p {
	font-size: 1.0em;
	margin-bottom: 7px;
	}
#content .prodname {
	font-weight: bold;
	}
#content p.proddesc {
	margin: 0px 0px 0px 90px;
	}
#content .proddescitem {
	font-style: italic;
	margin-left: -22px;
	}
/* >^..^< Content add-ons*/
#content a 
		{
			text-decoration: underline;
			color: #00c0eb;
			font-weight: bold;			
		}

#content img {margin: 0px;}
		
#ritecol a:hover {color: #87c546;}
#content a.name {
	font-size: 18px;
	text-decoration: none;
	color: Black;
}
/* >^..^< Product descriptions */

.italic {font-style: italic;}

#content .proddescription {
	float: left;
	width: 350px;
	margin-top: 7px;
}

#content .prodimg {
	float: left;
	margin-right: 15px;
	margin-top: 7px;
}
#content .products {margin-top: 30px;}

/* >^..^< Content add-ons*/
#content a 
		{
			text-decoration: underline;
			color: #00c0eb;
			font-weight: bold;			
		}

#content img {margin: 0px;}
		
#ritecol a:hover {color: #87c546;}


/* Image alignment classes -> all Main layout blocks */
#main img.center {		/* No text wrap of course */
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
#main img.left {
	display: block;
	float: left;
	margin-right: 3px;
	}
#main img.rite {
	display: block;
	float: right;
	margin-left: 3px;
	}

/* Bannerspace */
#bannerarea {
display: none;
	}
	

/* CONTENT:kuvapankki >^..^<*/

.kuvapankki_item {
	width: auto;
	height: auto;
	float: left;
	margin: 15px;
	padding: 5px;
	}
.kuvapankki_item img {
	/*border: 1px solid #ccc;*/
	padding: 5px;
}
.thumbnail {
	height: 115px;
}
ul.kuvapankki {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	/*font-weight: bold;*/
}

ul.kuvapankki li {
	/*list-style-image: url(images/kansio.gif);*/
	list-style-type: none;
	margin: 0px;
}
ul.kuvapankki li a {color: black;}

ul.kuvapankki_links  {
	margin: 0px; 
	padding: 0px;
}

ul.kuvapankki_links li {
	list-style-type: none;
	margin: 0px;
}

.kuvalaatikko {
float: left;
width: auto;
height: 120px;
margin-right: 10px;

}
#content .kuvalaatikko a{
	text-decoration: none;
	}

/* CONTENT form styles*/

table.package
{
background: #ffd281;
border: none;
}
table.tilauslomake
{
border: 2px solid #00c0eb;
}
table.tilauslomake th.left, table.tilauslomake td.otsakel
{
background: black;
color: #FFFFFF;
font-weight: bold;
width: 70%;
padding-left: 3px;
}
table.tilauslomake th.rite, table.tilauslomake td.otsaker
{
background: rgb(245,254,11);
color: black;
font-weight: bold;
width: 30%;
padding-left: 3px;
}
table.tilauslomake td.left, table.tilauslomake td.rite, table.tilauslomake td.row
{
background: rgb(201,214,10);
padding-left: 3px;
}
table.tilauslomake td.row 
{
width: 100%;
padding-left: 3px;
}


#supershiny {clear: both;}
#clearrite {clear: right;}
#clearleft {clear: left;}

#bannerarea .sisalto_6 {
display: none;
	}
#bannerarea .sisalto_7 {
display: none;;}
#bannerarea .sisalto_8 {
display: none;
	}

#bannerarea img, #bannerarea a {
display: none;
}

/* RIGHT COLUMN */

#ritecol {
	display: none;
	}
.ritecolblock {
display: none;	}






/* FOOTER */

#footer {
	clear: both;
	margin-top: 10px;
	border-top: 1px solid #dadada;
	height: 38px;
	}
#footer p {
	margin: 5px 3px 15px 0px;
	padding: 0px;
	color: #9e9e9e;
	font-size: 0.9em;
	font-weight: bold;
	}
#footer a {
	color: #9e9e9e;
	text-decoration: none;
	}
#footer a:hover {
	text-decoration: underline;
	}
#footerlogo {
	float: left;
	margin: 2px 5px;
	padding: 0px;
	}
	
a:active {outline:none;}
a:focus {-moz-outline-style:none;} 

#content a.tulosta {display:none;}