/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.small, .theme { font-family: Arial; font-size: 10pt; color: #000000; }

.heti { font-family: Arial; font-size: 10pt; color: #004296; }
.boxText { font-family: Arial; font-size: 10pt; }
.errorBox { font-family : Arial, sans-serif; font-size : 10pt; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Arial, sans-serif; font-size : 10pt; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Arial, sans-serif; font-size : 10pt; color: #000080; text-decoration: underline; }
.joulu { font-family: Arial; font-weight: bold; color: #990000; }
.ilmoitus { font-family: Arial; font-size: 12pt; font-weight: bold; color: #990000; }

TR.type1  { font-family: arial; font-size: 10pt; font-weight: normal; color: #000000; }
TR.type2  { font-family: arial; font-size: 10pt; font-weight: normal; color: #000000;   background: #E4E6F2;}

.filter
{  
border: solid 1px #7b9ebd;
background: #E5EBF6;
font-family: Arial; 
font-size: 10pt;
font-weight: bold;

}

BODY {
  text-align: center;
  background: url(images/webtausta.gif);
  color: #000000;
  margin: 0px;
}

.fixcenter {
  width: 990px;
  border: solid 1px #7b9ebd;
  color: #000000;
  background: #FFFFFF;
  margin: auto;
  margin-top: 20px;
  text-align: left;
}



.teksti { font-family: Arial; font-size: 10pt; }

.etuotsake { 
font-family: Arial; font-size: 11pt;
font-weight: bold;
color: #000000; 
}

A:link, a:visited 
{
color: #171747;
  text-decoration: none;
}

a:link.banneri, a:visited.banneri

{ 
color: #171747;
}

A:hover {
  color: #000099;
}

ul, li
{
  font-family: Arial, sans-serif;
  font-size: 10pt;
}

FORM {
	display: inline;
}

TR.header {

}

a.koriin
{
color: #004296;
font-family: Arial;
font-size: 10pt;
font-weight: bold;
}

TR.headerNavigation {
background: #E5EBF6;
}

TD.headerNavigation {
  font-family: Arial, sans-serif;
  font-size: 10pt;
  border-top: solid 1px #7b9ebd;
  border-bottom: solid 1px #7b9ebd;
  background: #E5EBF6;
  color: #171747;
  font-weight : bold;
}

A.headerNavigation { 
  color: #171747;
  text-decoration: underline; 
}

.pageheading1

	{ font-family: Arial; font-size: 10pt; font-weight: bold;}

A.headerNavigation:hover {
  color: #000000;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Arial, sans-serif;
  font-size: 10pt;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;

}

.kat6
{ 
font-family: Arial; 
font-weight: bold; 
font-size: 11pt; 
color: #2A375D; 
border-bottom: solid 1px #7b9ebd;
}

TD.headerInfo {
  font-family: Arial, sans-serif;
  font-size: 10pt;
  background: #00ff00;
  color: #000000;
  font-weight: bold;
  text-align: center;
  border: solid 1px black
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Arial, sans-serif;
  font-size: 10pt;
  background: #bbc3d3;
  color: #000000;
  font-weight: bold;
}

.kehysta
{ border: solid 1px #7b9ebd; }

.infoBox {
 background: #7b9ebd;
}

.infoBoxContents {
  background: #FFFFFF;;
  font-family: Arial, sans-serif;
  font-size: 10pt;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Arial, sans-serif;
  font-size: 10pt;
}

tr.infoboxheading {
   }

TD.infoBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  background: #E5EBF6;
  color: #000000;
  border-top: solid 1px #7b9ebd;

}

TD.infoBox, SPAN.infoBox {
  font-family: Arial, sans-serif;
  font-size: 10pt;
}


TR.productListing-odd {
  background: #FFFFFF;
}

TR.productListing-even {
  background: #FFFFFF;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd, TR.rivi-odd {
  background: #FFFFFF;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even, TR.rivi-even {
  background: #EFF2F9;
}



TABLE.productListing {
  border: 0px;
  border-style: solid;
  border-color: #FFFFFF;
  border-spacing: 0px 0px;
}

td.productListing-heading {
  border-top: solid 1px #7b9ebd;
  border-bottom: solid 1px #7b9ebd;
}

.productListing-heading {
  font-family: Arial, sans-serif;
  font-size: 10pt;
  background: #EFF2F9;
  color: #000000;
  font-weight: bold;
 text-decoration: none;

}

TD.productListing-data {
  font-family: Arial, sans-serif;
  font-size: 10pt; 
  vertical-align: top;
  border-spacing: 0px 2px;
  text-decoration: none;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Arial, sans-serif;
  font-size: 14pt;
  font-weight: bold;
  color: #000000;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Arial, sans-serif;
  font-size: 10pt;
  color: #000000;
}

TD.main, P.main {
  font-family: Arial, sans-serif;
  font-size: 10pt;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Arial, sans-serif;
  font-size: 10pt;
}

TD.accountCategory {
  font-family: Arial, sans-serif;
  font-size: 12pt;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Arial, sans-serif;
  font-size: 10pt;
}

TD.tableHeading {
  font-family: Arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Arial, sans-serif;
  font-size: 10pt;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Arial, sans-serif;
  font-size: 10pt;
}

TEXTAREA {
  width: 100%;
  font-family: Arial, sans-serif;
  font-size: 10pt;
}

SPAN.greetUser {
  font-family: Arial, sans-serif;
  font-size: 10pt;
  color: #000000;
  font-weight: normal;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}


TD.formAreaTitle {
  font-family: Arial, sans-serif;
  font-size: 12pt;
  font-weight: bold;
}

table.tuotetieto, table.width100

{

background: #E4E6F2k;
border-collapse: collapse;
font-family: Arial;
font-size: 10pt;
width: 380px; 
margin: 0px;  
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
z-index: 0;

}

.vari1, .type1
{
margin: 0px;  
background: #ffffff;
}

.vari2, type2
{
margin: 0px;  
background: #E5EBF6;
}


.tuotekuva

{
z-index: 1;
visibility: visible;
}

SPAN.markProductOutOfStock {
  font-family: Arial, sans-serif;
  font-size: 10pt;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Arial, sans-serif; font-size: 10pt; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Arial, sans-serif; font-size: 10pt; color: #000000; }

/* message box */

.messageBox { font-family: Arial, sans-serif; font-size: 10pt; }
.messageStackError, .messageStackWarning { font-family: Arial, sans-serif; font-size: 10pt; background-color: #E4E6F2; }
.messageStackSuccess { font-family: Arial, sans-serif; font-size: 10pt; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Arial, sans-serif; font-size: 10pt; color: #ff0000; }

/* banneri */

.ba { font-family: Arial; font-size: 10pt; border-top: solid 1px #A6A6A6; border-left: solid 1px #A6A6A6; background: #FFFFFF; }

.ba2 { font-family: Arial; font-size: 10pt; border-top: solid 1px #A6A6A6; border-left: solid 1px #A6A6A6; border-right: solid 1px #A6A6A6; background: #FFFFFF; }

.ba3 { 
font-family: Arial; font-size: 10pt; border-left: solid 1px #A6A6A6; 
background: #FFFFFF;
border-top: solid 1px #A6A6A6; 
border-bottom: solid 1px #A6A6A6;  }

.ba4 { 
font-family: Arial; font-size: 10pt; border-left: solid 1px #A6A6A6; 
border-right: solid 1px #A6A6A6; border-top: solid 1px #A6A6A6; 
border-bottom: solid 1px #A6A6A6; 
background: #FFFFFF; }

.ba5 { 
font-family: Arial; font-size: 10pt; border-left: solid 1px #A6A6A6; 
background: #FFFFFF; border-bottom: solid 1px #A6A6A6; }

.ba6 { 
font-family: Arial; font-size: 10pt; border-left: solid 1px #A6A6A6; 
border-right: solid 1px #A6A6A6; 
background: #FFFFFF; border-bottom: solid 1px #A6A6A6;    }

.b1 { 
font-family: Arial; font-size: 9pt;
font-weight: bold;
color: #000000; 
margin-bottom: 4px;
}



.hinta { 
font-family: Arial;
font-size: 12pt; 
font-weight: bold; 
margin-left: 5px; 
margin-bottom: 10px;
}

.hinta2 { 
font-family: Arial;
font-size: 12pt; 
font-weight: bold; 
margin-left: 5px; 
margin-bottom: 10px;
}

.pieni 

{ font-size: 10pt; }

A.bl
{
text-decoration: underline;
font-family: Arial;
color: #2A375D;
font-size: 12pt;
font-weight: bold;
margin-bottom: 5px;
}

A.bpa
{
text-decoration: underline;
font-family: Arial;
font-size: 11pt;
font-weight: bold;
margin-bottom: 4px;
color: #171747; 
}

B.vari
{
color: #171747; 
}


A:visited.bl
{
text-decoration: underline;
font-family: Arial;
font-size: 10pt;
font-weight: bold;
margin-bottom: 5px;
}

.jaa
{ margin-left: 5px; margin-top: 5px; }

.tekstiban
{ margin-left: 5px; font-family: Arial; font-size: 10pt;}

.viivaa2 { border-left: solid 1px #A6A6A6; background: #FFFFFF; }
.viivaa3 { border-right: solid 1px #A6A6A6; background: #FFFFFF;  }
.viivaab {  border-bottom: solid 1px #A6A6A6; background: #FFFFFF;  }
.viivaa2b { border-left: solid 1px #A6A6A6; border-bottom: solid 1px #A6A6A6; background: #FFFFFF;  }
.viivaa3b { border-right: solid 1px #A6A6A6; border-bottom: solid 1px #A6A6A6; background: #FFFFFF; }
.viivaa4b { border-left: solid 1px #A6A6A6;  border-right: solid 1px #A6A6A6; border-bottom: solid 1px #E4E6F2; background: #FFFFFF;  }

.reuna { border: solid 1px gray; border-left: dotted 1px #000000; }

/* mafian normisivu */

.linkki 
{
  font-family: Arial, sans-serif;
  font-size: 10pt;
  background: #E5EBF6;
  color: #000000;
  margin-top: 2px;
  margin-bottom: 2px;
  font-weight : bold;
  width: 170px;
  margin-right: 10px;
}


.linkki2
{
  font-family: Arial, sans-serif;
  font-size: 10pt;
  color: #000000;
}

A.etusivuot6
{
color:  #171747;
font-family: Arial;
font-size: 10pt;
font-weight: bold;
text-decoration: underline;
}


A.laskuri
{
color:  #000000;
font-family: Arial;
font-size: 10pt;
font-weight: bold;
text-decoration: underline;
}


.etusivuot9
{
color: #000000;
font-family: Arial;
font-size: 10pt;
}

.tietok
{
color: #000000;
font-family: Arial;
font-size: 10pt;
}

.morse
{
border: solid 1px #A6A6A6;
background: #FFFFFF;
}

.morseo
{ font-family: Arial; font-size: 10pt; font-weight: bold; border-bottom: solid 1px #7b9ebd; }


#nav, #nav ul 
{
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	width: 152px;
	color: #171747; 
		text-decoration: underline;
}

#nav a:hover
{ 
background: #E5EBF6;
text-decoration: underline; }

#nav li { /* all list items */
		position : relative;
		float: left;
		width: 152px;
		background-color : #FFFFFF;	
		font-family: Arial;
		font-weight: bold; 
		font-size: 10pt;
		line-height : 1.50em;
		border-top: solid 1px #FFFFFF;
		border-right: solid 1px #FFFFFF;
		border-bottom: solid 1px #FFFFFF;

}

#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 4px;
		margin-top : -1.35em;
		border-top: solid 1px #7b9ebd;
		border-right: solid 1px #7b9ebd;
		border-bottom: solid 1px #7b9ebd;
}

#nav li ul ul { /* third-and-above-level lists */
		position : absolute;
		left: -999em;
		margin-left : 3px;
		margin-top : -1.35em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em; background: #E4e6f2;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: 149px; background: #E4e6f2;
}



#nav2, #nav2 ul 
{
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.nav2
{
	border: solid 1px #7b9ebd;
}

#nav2 a {
	display: block;
	width: 152px;
	color: #171747; 
	text-decoration: underline; 
}

#nav2 a:hover
{ 
background: #E5EBF6;
text-decoration: underline; }

#nav2 li { /* all list items */
		position : relative;
		float: left;
		width: 152px;
		background-color : #FFFFFF;	
		font-family: Arial;
		font-weight: bold; 
		font-size: 10pt;
		line-height : 1.50em;
		border: solid 1px #FFFFFF;
}

#nav2 li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 2px;
		margin-top : -1.35em;
		border-top: solid 1px #7b9ebd;
		border-right: solid 1px #7b9ebd;
		border-bottom: solid 1px #7b9ebd;
}

#nav2 li ul ul { /* third-and-above-level lists */
		position : absolute;
		left: -999em;
		margin-left : 2px;
		margin-top : -1.35em;
}

#nav2 li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em; background: #E4e6f2;
}

#nav2 li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: 150px; background: #E4e6f2;
}

	
/* Menu items with subcategories */	
#nav a.daddy {
background: url(menuta.gif) center left no-repeat
}

#nav a:hover.daddy {
background: url(menutac.gif) center left no-repeat
}

/* Selected items with  */	
#nav li.selected {
background: #E4e6f2;
 border: solid 1px #7b9ebd;
}

/* Selected items with subcategories */	

/* Menu items with subcategories */	
#nav2 a.daddy2 {
background: url(menuta.gif) center left no-repeat;
}

#nav2 a:hover.daddy2 {
background: url(menutac.gif) center left no-repeat;
}

/* Selected items with subcategories */	
#nav2 li.selected {
    background: #E4e6f2;
 border: solid 1px #7b9ebd;
}

td.specsTitle { vertical-align: top; font-weight: bold; font-size: 10pt; font-family: Arial; }

td.specsDescript{ vertical-align: top; font-family: arial; font-size: 10pt; }

.uutiset { font-size: 9pt; font-family: Arial; }

a:link.hp, a:visited.hp {
color: #171747;
}

p

{ font-size: 10pt; }

	.estimatedshippingBox {
	  background: #FFFFFF; 
 	  border: solid 1px #7b9ebd;
	}

	TD.estimatedshippingBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  background: #E5EBF6;
  color: #000000;
  border-top: solid 1px #7b9ebd;

	}

	TD.estimatedshippingBoxHeading2 {
  font-family: Arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  background: #E5EBF6;
  color: #000000;
  border-top: solid 1px #7b9ebd;
border-right: solid 1px #7b9ebd;
	}

	.estimatedshippingBoxContents {
	  background: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 10pt;
	}

	.ShowShipping {
	  background: #FFFFFF;
	  color: #000000;
  font-family: Arial, sans-serif;
  font-size: 10pt;
	  text-align: center;
	} 

.suosittelu {
	display:block;
	border-width: 0px;
	border-style: solid;
	border-color: 000;
	padding:0px;
	margin-top:0px;
	width:620px;
	height:180px;
	overflow:auto;
	}