/*#########################################################
###         Document Stylesheet for Syopa.net           ###
###       Type: Formatting for Structure & Text         ###
###          Jussi Lahtinen / Smilehouse Oy             ###
#########################################################*/

html {
	height: 100%;
}

body {
	height: 100%;
	background-color: #DBE9D1;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
}

table,img {
	border-style: none;
}

td, font, select, input {
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif;
}

form {
	margin: 0;
}

h1 {
	font-size: 16px;
	color: #4E951B;
	margin-top: 7px;
}
.footer {
	background: #fff url("gfx/footer2006.gif") center no-repeat;
	height: 63px;
	width: 802px;
}


a:link {
	color: #4E951B;
}
a:visited {
	color: #4E951B;
}

#wrap{
	margin:0 auto;
	width:802px;
	position:relative;
	text-align:left;
}

.greenbox {
	padding: 3px;
	border: 1px solid #4E951B;


}

.tuotenimi {
	font-size: 16px;
	font-weight: bold;
	color: #67986D;
}


.tuotenimi a {
	color: #67986D;
	text-decoration: none;
}

.ProductAmountField {
	border: 1px solid #67986D;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;

}

.ProductOptionsField {


	border: 1px solid #67986D;
	font-size: 11px;
	font-weight: bold;
}
.box {
	padding: 3px;
	border: 1px solid #4E951B;
	color: #B5B5B5;

}
.TableBg {
	background: #4E951B;
}
.TableHeader td {
	font-weight: bold;
	color: #FFF;
	background: #4E951B;
	padding: 4px;
}
.TableFooter td {
	font-weight: bold;
	color: #000;
	background: #f4f4f4;
	padding: 4px;
}

.TableRow td {
	background: #FFF;
	padding: 2px;
}
.TableRowDark td {
	background: #f4f4f4;
	padding: 2px;
	font-weight: bold;
}
/** NAVIBOX **/		
	/* set the image to use and establish the lower-right position */ 
	.navibox, .navibox_body, .navibox_head, .navibox_head h2 { 
	  background: transparent url(gfx/navibox.png) no-repeat bottom right; 
	  margin:0;
	} 
	/* set the top-right image */ 
	.navibox_head { 
	  background-position: top right; 
	  padding-right: 50px; /* right corner width */ 
	 } 
	 /* set the top-left image */ 
	 .navibox_head h2 { 
	  background-position: top left; 
	  padding-left: 15px; /* position header text to suite image*/
	  padding-top : 8px;  /* position header text to suite image*/
	  padding-bottom : 5px; 
	  font-size: 100%;
	  color: #FFF; 
	  margin: 0; /* reset main site styles*/ 
	  border: 0; /* ditto */ 
	  } 
	  /* set the lower-left corner image */ 
	  .navibox_body {
	   margin: 0; 
	   background-position: bottom left; 
	   margin-right: 8px; /* interior-padding right */ 
	   padding-left: 8px;
	   padding-bottom: 8px;
	   padding-top: 8px;
	  } 
	  .navibox_body p { margin:0; padding:0;
	  }	
	  .navibox_body img {
	  padding-bottom: 0px;
	  }	.content {
	padding: 5px;
}
.fadenav {
	background-image: url(gfx/fade_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #eaeaea;
	padding: 3px;
	font-weight: bold;

}
.fadenav a {

	text-decoration: none;
}