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

.boxText { font-family: "Microsoft Sans Serif", Helvetica, sans-serif; font-size: 11px; letter-spacing: 0.09em; color: #444; line-height: 175%}
.errorBox { font-family : "Microsoft Sans Serif", Helvetica, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: normal; }
.stockWarning { font-family : "Microsoft Sans Serif", Helvetica, sans-serif; font-size : 10px; color: #1B87C7; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : "Microsoft Sans Serif", Helvetica, sans-serif; font-size : 10px; color: #70d250;}

BODY {
  font-family: "Microsoft Sans Serif", helvetica, sans-serif;
  margin: 4px 9px 9px 9px;
  padding: 0;
  text-align: center; /* tekstin keskitys IE */
  background-color: white;
  font-size: 9px;
  
}

TD.category_desc {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 11px;
  color: #555;
  line-height: 1.5;
}


.fixcenter {
  width: 900px;
  border: solid; border-width: 0px;
  background: #ffffff;
  color: #6BB978;
  margin: auto;
  margin-top: 0px;
  text-align: left;
}

a {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  color: #555;
  font-size: 11px;
  font-weight : normal;
  font-style : normal;
  text-align: left;
  text-decoration: none;
  letter-spacing: 0.09em;
  /*border-top: 5px solid transparent;
  border-top-color: #ffffff;
  border-bottom: 0px;*/
 
}

a:hover {
  text-decoration: underline;
}

/* H1 stylesheet-new.css - joten muutokset tässä ei vaikuta mitään. Tai joskus vaikuttaa.. */

H1 {
    color: #1B87C7;
    font-family: Georgia, "Times new roman", serif;
    font-size: 24px;
    font-weight: normal;
	font-style: italic;
    line-height: 20px;
	}

H2 {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 20px;
  font-weight: normal;
  color: #1B87C7;
  font-style : normal;
}

H3 {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #1B87C7;
  font-style: normal;
}

H4 {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #A9A4D0;
  font-style: italic;
}
/* Varastotuote */
H5 {
  font-family: "Arial Narrow", "Franklin Gothic Medium", "Impact", sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #6BB978;
  margin-right: 3pt; 
  margin-top: 2pt; 
  margin-bottom: 0pt; 
}

/* Toimitusaika 1-2vk */
H6 {
  font-family: "Arial Narrow", "Franklin Gothic Medium", "Impact", sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #1B87C7;
  margin-right: 3pt; 
  margin-top: 2pt; 
  margin-bottom: 0pt; 
}

H7 {
  font-family: "Arial Narrow", "Franklin Gothic Medium", "Impact", sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #B82B8B;
  margin-right: 3pt; 
  margin-top: 2pt; 
  margin-bottom: 0pt; 
}

/* Toimitusaika yli 1kk */
H8 {
  font-family: "Arial Narrow", "Franklin Gothic Medium", "Impact", sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #8DABAD;
  margin-right: 3pt; 
  margin-top: 2pt; 
  margin-bottom: 0pt; 
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #FFFFFF;
  height: 30px;
}

TD.headerNavigation {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
  background: #6BB978;
  color: #ffffff;
  font-weight : normal;
}

TD.headerPalkki {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
  background: white;
  color: #ffffff;
  font-weight : normal;
}

A.headerNavigation { 
  color: white; 
}

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

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
  background: #ff0000;
  color: #F6969C;
  font-weight : normal;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
  background: #00ff00;
  color: blue;
  font-weight: normal;
  text-align: center;
}

TR.footer {
  background: #ffffff;

}

TD.footer {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
  background: #ffffff;
  color: #555;
  font-weight: normal;
}

.infoBox {
  background: white;
}

.infoBoxContents {
  background: #FFFFFF;
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0.09em;
  background: #FFFFFF;
  color: #6BB978;
}

TD.infoBox, SPAN.infoBox {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
}

.contentBox {
  background: #6BB978;
}

TD.contentBoxHeading {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  background: #6BB978;
  color: #ffffff;
}

.contentBoxContents {
  background: #FFFFFF;
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
}


.BestSellersBox {
  background: #6BB978;
}
TD.BestSellersBoxHeading {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  background: #6BB978;
  color: red;
}
.BestSellersBoxContents {
  background: #FFFFFF;
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
}


.CategoriesBox {
  background: #FFFFFF;
}
TD.CategoriesBoxHeading {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: white;
  color: #6BB978;
}
.CategoriesBoxContents {
  background: #FFFFFF;
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
}


.CurrenciesBox {
  background: #FFFFFF;
}
TD.CurrenciesBoxHeading {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  background: #FFFFFF;
  color: red;
}
.CurrenciesBoxContents {
  background: #FFFFFF;
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
}


.InformationBox {
  background: red;
}
TD.InformationBoxHeading {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  background: #6BB978;
  color: #ffffff;
}
.InformationBoxContents {
  background: #FFFFFF;
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
}


.LanguagesBox {
  background: #FFFFFF;
}
TD.LanguagesBoxHeading {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  background: #FFFFFF;
  color: red;
}
.LanguagesBoxContents {
  background: #FFFFFF;
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
}


.ManufacturerInfoBox {
  background: #FFFFFF;
}
TD.ManufacturerInfoBoxHeading {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 1em;
  font-weight: bold;
  background: #FFFFFF;
  color: red;
}
.ManufacturerInfoBoxContents {
  background: #FFFFFF;
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
}


.ManufacturersBox {
  background: #FFFFFF;
}
TD.ManufacturersBoxHeading {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  background: #FFFFFF;
  color: red;
}
.ManufacturersBoxContents {
  background: #FFFFFF;
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
}


.OrderHistoryBox {
  background: #6BB978;
}
TD.OrderHistoryBoxHeading {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  background: #6BB978;
  color: red;
}
.OrderHistoryBoxContents {
  background: #FFFFFF;
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
}


.ProductNotificationsBox {
  background: #6BB978;
}
TD.ProductNotificationsBoxHeading {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  background: #6BB978;
  color: red;
}
.ProductNotificationsBoxContents {
  background: #FFFFFF;
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
}


.ReviewsBox {
  background: #FFFFFF;
}
TD.ReviewsBoxHeading {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  background: #FFFFFF;
  color: red;
}
.ReviewsBoxContents {
  background: #FFFFFF;
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
}


.SearchBox {
  background: #6BB978;
}
TD.SearchBoxHeading {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  background: #6BB978;
  color: red;
}
.SearchBoxContents {
  background: #FFFFFF;
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 12px;
}


.ShoppingCartBox {
  background: #6BB978;
}
TD.ShoppingCartBoxHeading {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #6BB978;
  color: red;
}
.ShoppingCartBoxContents {
  background: #FFFFFF;
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
}


.SpecialsBox {
  background: #6BB978;
}
TD.SpecialsBoxHeading {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  background: #6BB978;
  color: red;
}
.SpecialsBoxContents {
  background: #FFFFFF;
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
}


.TellaFriendBox {
  background: #6BB978;
}
TD.TellaFriendBoxHeading {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  background: #6BB978;
  color: red;
}
.TellaFriendBoxContents {
  background: #FFFFFF;
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
}


.WhatsNewBox {
  background: #6BB978;
}
TD.WhatsNewBoxHeading {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  background: #6BB978;
  color: red;
}
.WhatsNewBoxContents {
  background: #FFFFFF;
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
}

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

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

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

.productListing-heading {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
  background: #6BB978;
  color: #FFFFFF;
  font-weight: normal;
}

TD.productListing-data {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 12px;
  color: black;
  font-weight: normal;
  letter-spacing: 0.08em;
  line-height: 150%;
  border: 5px solid white;
  
}

A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading {
  font-family: "Arial Narrow", "Franklin Gothic Medium", "Impact", sans-serif;
  font-size: 24px;
  color: #1B87C7;
  font-weight: normal;
  letter-spacing: 0.06em;
  border-top: 20px solid white;
}

HINTA {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 1.12em;
  font-weight: bold;
  color: #444;
}


TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
  color: #444;
}

TD.main, P.main {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 11px;
  color: #444;
  line-height: 1.5;
  letter-spacing: 0.08em;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
  letter-spacing: 0.11em;
  line-height: 150%;
  border-bottom: 10px solid white;
}

TD.accountCategory {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 12px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
}

TD.fieldValue {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
}

TD.tableHeading {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
}

SPAN.newItemInCart {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
  color: blue;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
}

TEXTAREA {
  width: 100%;
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
}

SPAN.greetUser {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
  color: #f0a480;
  font-weight: normal;
}

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

TD.formAreaTitle {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
}

SPAN.markProductOutOfStock {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
  color: #1B87C7;
  font-weight: normal;
}

SPAN.productSpecialPrice {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  color: #1B87C7;
}

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

.checkoutBarFrom, .checkoutBarTo { font-family: "Microsoft Sans Serif", Helvetica, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: "Microsoft Sans Serif", Helvetica, sans-serif; font-size: 10px; color: #444; }

/* message box */

.messageBox { font-family: "Microsoft Sans Serif", Helvetica, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: "Microsoft Sans Serif", Helvetica, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: "Microsoft Sans Serif", Helvetica, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: "Microsoft Sans Serif", Helvetica, sans-serif; font-size: 10px; color: #ff0000; }

.cssButton {
	background: #6BB978;
	color: #ffffff;
	height: 20px;
	vertical-align: top;
	font-weight: normal;
	font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
	font-size: 10px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	border: 0px;
	border-style: solid;
	border-color: #000080;
	border-spacing: 0px;
	line-height: 22px;
}

#thecategories a:hover {
	background-color: #E6E6E6;
	color: #444;
}

.catwithsubs, .catwithnosubs {
	padding-right: 5px;
}

#thecategories {
	position: relative;
	top: -5px;
	margin-bottom: -1.12em;
	width: 140px;
}

.activelink {
	display: block;
	font-weight: normal;
        color: black;
}

activelink {
	display: block;
	font-weight: normal;
        color: black;
}

#thecategories a {
	display: block;
	padding-bottom: 0px;
	padding-top: 0px;
	width: 100%;
}

/*mozilla fix*/
html>body #thecategories a {
	width: auto;
}
/*end of mozilla fix*/

#topcat a {
padding-left: 5px;
}

#secondcat a {
	padding-left: 20px;
}

#thirdcat a {
	padding-left: 35px;
}

#fourthcat a {
	padding-left: 50px;
}

#fifthcat a {
	padding-left: 65px;
}



/*
  Muotoilut artikkelisivulle
*/

table.art {
	empty-cells: show;
	border-collapse: separate;
}

table.art TD {
	border-width: 0px;
	padding: 20px;
	border-style: dotted;
	border-color: red;
	background-color: white;
}


/*
  Kuvan taustaväri
*/

table.art td.kuva {
	background-color: #333;
}



/*
  Leipätekstin sijoitus
*/

table.art td.teksti {
	vertical-align: top;
}


/*
  Informaatio laatikko
*/

table.art td.info {
	background-color: #333;
}


.ingressi {
	color: #222;
	font-family: "Times New Roman", "Lucida Grande", serif;
	font-style: italic;
	font-variant: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 100%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: justify;
	text-indent: 0ex;
}

.leipateksti {
	color: #222;
	font-family: "Helvetica","Microsoft Sans Serif", sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 150%;
	word-spacing: normal;
	letter-spacing: 0.09em;
	text-decoration: none;
	text-transform: none;
	text-align: left;
	text-indent: 0ex;
}

.kuvateksti1 {
	color: white;
	font-family: "Arial Black", sans-serif;
	font-weight: normal;
	font-size: 10px;
	line-height: 150%;
	word-spacing: normal;
	letter-spacing: 0.1ex;
	text-decoration: none;
	text-transform: capitalize;
	text-align: left;
	text-indent: 0ex;
}

.kuvateksti2 {
	color: #1B87C7;
	font-family: "Monaco", "Georgia", serif;
	font-style: italic;
	font-variant: normal;
	font-weight: 600;
	font-size: 11px;
	line-height: 150%;
	word-spacing: normal;
	letter-spacing: 0.1ex;
	text-decoration: none;
	text-transform: none;
	text-align: left;
	text-indent: 0ex;
}

.kuvateksti3 {
	color: white;
	font-family: "Helvetica","Microsoft Sans Serif", sans-serif;
	font-weight: normal;
	font-size: 9px;
	line-height: 125%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: left;
	text-indent: 0ex;
}


.info-otsikko {
	color: #6BB978;
	font-family: "Times New Roman", "Lucida Grande", serif;
	font-style: italic;
	font-variant: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 100%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: justify;
	text-indent: 0ex;
}


.infoteksti {
	color: #ccc;
	font-family: "Helvetica","Microsoft Sans Serif", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 100%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: justify;
	text-indent: 0ex;
}


TD.hinta, DIV.hinta {
  font-family: "Arial Narrow", "Franklin Gothic Medium", "Impact", sans-serif;
  font-size: 24px;
  color: black;
  font-weight: normal;
  letter-spacing: 0.06em;
  border-top: 20px solid white;
}


TD.tilaa {
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0.07em;
  background: #FFFFFF;
  color: #ffffff;
  line-height: 125%;
}

.tilaateksti {
  background: #6BB978;
  font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
  font-size: 10px;
}

.tilaateksti2 { font-family: "Microsoft Sans Serif", Helvetica, sans-serif; font-size: 11px; letter-spacing: 0.09em; color: #FFFFFF; line-height: 125%}


CAPTION.MYTABLE
  {
     font-family:Georgia, "Times new roman", serif;
     font-size:24px;
	 background-color:#AAA;
     color:#1B87C7;
     border-style:solid;
     border-width:0px;
     border-color:black;
  }

  TABLE.MYTABLE
  { 
     font-family:"Microsoft Sans Serif", Helvetica, sans-serif;
     font-size:14px;
     background-color:#777;
     width:500px;
     border-style:solid;
     border-color:black;
     border-width:0px;
  }

  TH.MYTABLE
  {
     font-size:14px;
     color:white;
  }


  TR.MYTABLE
  { 
  }

  TD.MYTABLE
  {  
     font-size:11px;
     background-color:#222;
     color:white;
     border-style:solid;
     border-width:0px;
     text-align:center;
	 padding:10px;
  }