.boxText { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Tahoma, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.orderEdit { font-family : Verdana, Tahoma, Arial, sans-serif; font-size : 10px; color: #4e6c77; text-decoration: underline; }

BODY {
  background: #ffffff;
  color: #000000;
  margin: 5px 10px 5px 10px;
  font-family: Verdana,Tahoma,Arial,sans-serif;
  font-size:75%;

}

A {
   text-decoration: underline;
}

A:hover {
  color: #4e6c77;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #4e6c77;
}

TD.headerNavigation {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 10px;
  background: #4e6c77;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

TR.headerError {
  background: #ff0000;
}

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

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #4e6c77;
}

TD.footer {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 10px;
  background: #4e6c77;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {
  background: #f8f8f9;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #cbd4d1;
  color: #4e6c77;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Tahoma, Arial, 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: #f8f8f9;
}

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: #f8f8f9;
}

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

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #4e6c77;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading {
  font-family:  Verdana, Tahoma, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #4e6c77;
}


TR.subBar {
  background: #f4f7fd;
}

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

TD.main, P.main {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

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

TD.accountCategory {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 110%;
}

INPUT.haku, SELECT.haku {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  border: 1px solid #4e6c77;
  color: #0e2c37;
  width: 150px;
}

SELECT.tulos {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  border: 1px solid #4e6c77;
  color: #0e2c37;
}

INPUT.submitButton 
{
  background-color: #ccd4d1; 
  border: 1px solid #4e6c77;
  font-weight: bold;
}

INPUT.submitButton:hover
{
  color: #dd2222;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 11px;
  color: #1111ee;
  font-weight: bold;
}

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

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

SPAN.markProductOutOfStock {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

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

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

blockquote.previewContents
{
        margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
        padding-left: 10px;
	padding-right: 10px;
	width: 250px;	
	text-align: center;
        position: absolute;
        top: -1000px;
        left: -1000px;
        border: 1px solid #000000;
        z-index: 100;
        background-color: #f4f7fd;
        
}

span.hasPreview:hover
{
	color: red;
	cursor: help;
}

.esivalintaOtsikko
{
color:#4e6c77;
font-weight:bold;
font-family: Verdana, Tahoma, sans-serif;
text-align: center;
}

h2
{
color: #4e6c77;
}

h1
{
color: #4e6c77;
}

#tabnav
	{
		height: 20px;
		margin: 0px;
		padding-left: 10px;
	}

#tabnav li
	{
		margin: 0px; 
		padding: 0px;
  		display: inline;

  	}
	
#tabnav a:link, #tabnav a:visited
	{
		position:relative;
		top:2px;
		z-index:0;
		float: left;
		background: #f3f3f3;
		font-size: 10px;
		line-height: 14px;
		font-weight: bold;
		padding: 4px 10px 2px 10px;
		margin-right: 6px;
		border-top: 1px solid #cccccc;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		text-decoration: none;
		color: #666;
	}
	
#tabnav span
	{
		position:relative;
		top:2px;
		float: left;
		font-size: 10px;
		line-height: 14px;
		font-weight: bold;
		padding: 4px 10px 2px 10px;
		margin-right: 6px;
		border-top: 1px solid #cccccc;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		text-decoration: none;
		color: #666;
		position:relative;
		background: #fff;
		color: #3e5c67;
		border-color:#000000;
		border-bottom:2px solid #ffffff;
		cursor: default;
	}

#tabnav a:link.active, #tabnav a:visited.active
	{
		position:relative;
		top:2px;
		background: #fff;
		color: #3e5c67;
		border-color:#000000;
		border-bottom:2px solid #ffffff;
	}
	
	#tabnav a:link.inactive:hover
	{
		
		color: red;
	}
	
#tabnav a.inactive:hover
	{
		color:#ff2222;
	}
	



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

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

/* message box */

.messageBox { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

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