.fi/*
  $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
*/

img
{  border-style: none;
}

.boxText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: none;
}

div#container { 
   min-width: 1200px; /* sets min-width value for all standards-compliant browsers */
}

* html div#container { 
   width: expression( document.body.clientWidth < 1200 ? "1199px" : "auto" ); /* set min-width for IE */

}


h1 {
	font-family Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #883a31;
    margin-top:-20px;
	padding-left: 15px;
}

h3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #6e261e;
	text-transform: none;
}

table {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

TD.boxText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: none;
}
.errorBox { font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 10px; color: #cc0033; }

.IntroIndex {
	background-repeat: no-repeat;
	background-position: right top;
	border: 1px solid #9b524b;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	margin-top: 4px;
}

.AstuntIndex {
	background-image: url(images/AstuntIndex.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	border: 1px solid #9b524b;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
}

.LahjaIndex {
	background-image: url(images/LahjaIndex.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	border: 1px solid #9b524b;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
}

.MerkitIndex {
	background-image: url(images/MerkitIndex.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	border: 1px solid #9b524b;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
}

.infoBoxBorders {
	border: 1px solid #9b524b;
	margin: 3px;
	padding: 3px;
}

.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 11px; color: #259700; text-decoration: underline; }

BODY {
  background: #ffffff; 
  background-image: url(images/backgcolor_r.gif);
  background-repeat: repeat-y;
  background-position: top left;
  font-size: 12px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color: #000000;
  margin: 0px;  
  
}

.ProdText {
  background: #f5eaea;
  font-size: 12px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color: #000000;
  margin: 0px;
}

TD.ProdText {
  background: #f5eaea;
  font-size: 12px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color: #000000;
  margin: 0px;
}

A {
  color: #362c6c;
  text-decoration: underline;
}

.boxText a, .infoBoxContentsWhite a, td.productListing-data a {
  color: #000;
  text-decoration: none;
}

A:hover {
  color: #64170e;
  text-decoration: underline;
}



FORM {
	display: inline;
}

TR.header {
  background: #ffffff url(images/top_backg.gif);
}

TR.headerNavigation {
  background: #dddddd url(images/topmenubackg.gif);
}

a:headerNavigation {color: #ffffff;
}

TD.headerNavigation {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	background: #dddddd url(images/topmenubackg.gif);
	color: #0d2c81;
	font-weight : normal;
	font-variant: small-caps;
}

.toptitle {
	background: #000000 url(images/topbackgrnd.gif);
}

A.headerNavigation {
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	text-transform: lowercase;
}

A.headerNavigation:hover {
  color: #64170e;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #6a1e16 url(images/low_background.gif);
}

TD.footer {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	background: #6a1e16 url(images/low_background.gif);
	color: #ffffff;
	font-weight: normal;
	text-align: center;

}

.infoBox {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #9e5047;
	border-right-color: #9e5047;
	border-bottom-color: #9e5047;
	border-left-color: #9e5047;
padding:0px;
}

.infoBoxContents {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	padding:0px;
	
//*	background-color: #e4c5c5; *//
}

.infoBoxContentsWhite {
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.infoBoxContentsWhite2 {
  background: #e9e8ff;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
}

A:infoBoxContentsWhite {
  text-decoration: underline;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;

}

TD.infoBox, SPAN.infoBox {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 10px;
  padding:3px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #9e5047;
  border-spacing: 0px;
  margin: 0px;
}

.productListing-heading {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	background: #85372e;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}

TD.productListing-data {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	padding: 3px;
	font-weight: bold;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-transform: none;
	padding: 4px;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	padding: 6px;

}

.main{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;


}

TD.smallText, SPAN.smallText{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 10px;

}

TD.accountCategory {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  color: #b90000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; }
.messageStackError, .messageStackWarning { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; background-color: #a2ffa2; }

/* input requirement */

.inputRequirement { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #ff0000; }
DIV.pageHeading  { 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
 } 
.whiteBackBlack {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #D8E2FA;
}
P.main  {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5;

 } 
 
.infoBox3 {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ffffff;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #ffffff;
	background-color: #ffffff;
	width: 1px;
}

TD.infoBox3 {
	border-top-width: 0px;
	border-right-width: 9px;
	border-bottom-width: 0px;
	border-left-width: 9px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ffffff;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #ffffff;
	background-color: #ffffff;
	width: 1px;
}

.infoBoxContents3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #e4c5c5;

}

.boxText3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: none;

}

TD.boxText3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: none;
}

TR.productListing-even {   background: #f7eaea;
 } TR.productListing-odd {   background: #ffffff;
 } P.smallText  {   font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
 } 
 
TD.PromoHeading {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #83453e; 
}

.NewsHeading {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: none;
}
.infoBoxNews {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-style: solid;
	border-color: #9e5047;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: none;
	background: #dddddd;
}

.rightbackg {
	float: right; 
	valign: top;
	width: 184px; /* since this element is floated, a width must be given */
	background: #dddddd; /* the background color will be displayed for the length of the content in the column, but no further */
}

.topleft {
	background-image: url(images/top_left_backg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	height: 39px;
	width: 100%;
	left: 0px;
	top: 0px;
	padding-left: 0px;
	visibility: visible;
	z-index: 3;
	text-align: right;
}

.topright {
	background-image: url(images/top_right_backg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	position: absolute;
	height: 39px;
	width: 185px;
	right: 0px;
	top: 0px;
	visibility: visible;
	z-index: 3;
	text-align: right;
}





.BrandsIndex {
	background-repeat: no-repeat;
	background-position: right top;
	border: 1px none #9b524b;
	text-align: left;
	vertical-align: top;
	background-color: #FFFFFF;
}

$.BrandsIndex A:link A:visited A:active A:hover{
	border: 1px none #ffffff;
}
.singlebrand {
	background-repeat: no-repeat;
	background-position: right top;
	text-align: left;
	vertical-align: top;
	background-color: #FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.mainarea {
	padding: 6px;
	margin: 6px;
	background-color: #FFFFFF;
}

.mainareaplus {
	padding-left: 4px;
	padding-right: 16px;
	background-color: #FFFFFF;
}

.yht {
font-size:14px;
font-weight:bold;
}

.yht a {
font-size:14px;
font-weight:bold;
color: #64170e; }
