/*#########################################################
###       Document Stylesheet for Tuontiyhtiö Oy        ###
###       Type: Formatting for Structure & Text         ###
###          Jussi Lahtinen / Smilehouse Oy             ###
#########################################################*/

body {
	background-color: #fff;
	margin: 2px 2px 2px 2px;
	background-image: url(bg.gif);
	background-repeat: repeat-x;
	font-size: 11px;
	margin: 0;
	color: #000;

}

table,img {
	border-style: none;
}

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

form {
	margin: 0;
}



a:link,a:visited { color: #00529f; text-decoration:none }


a:hover,a:active { color: #AAA }





#wrap{
	width: 950px;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
    }
#top
{
	height: 160px;
	background-image: url(top_bg.gif);
	background-repeat: repeat;
	margin-bottom: 30px;
}

#topBar
{
	
	float:right;
	width: 940px;
	height: 160px;
	background-image: url(top.jpg);
	background-repeat: no-repeat;
}

#left {
	width: 250px;
}

#main {
	width: 690px;
}
#footer {
	background-image: url(bottom.gif);
	background-repeat: no-repeat;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 7px;
	text-align: left;
	padding-left: 20px;
	padding-bottom: 7px;
}


#categoriesHead
{
margin-top: 8px;
width: 212px;
height: 21px;
background-image: url(head_kaupantuotteet.gif);
background-repeat: no-repeat;
}

#categoriesContent
{
margin-top: 2px;
width: 200px;
padding: 5px;

background-color: #f2f2f2;
border: solid 1px #7bc4e8;
}




#contentRight
{
float: right;
margin-left: 25px;
width: 201px;
}

#shopcartHead
{
width: 212px;
height: 29px;
background-image: url(head_ostoskorintuotteet.gif);
background-repeat: no-repeat;
}

#shopcartContent
{
margin-top: 2px;
width: 200px;
padding: 5px;
background-color: #f2f2f2;
border: solid 1px #7bc4e8;
}

#shopcartContentText
{
text-align: left;
padding: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
}




/*  Navigation and Menus */

#topNavigation
{
position: relative;
top: 28px;
}


.topNavigation a font
{
padding: 0px 10px 0px 10px;
color: #FFF;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
}

ul.ProductGroupTree
{
margin: 0px;
padding: 0px;
text-indent: 0px;
list-style-type: none; 
}

.ProductGroupTree li
{

	list-style: none;
	text-align: left;
	margin: 2px 0px 0px 0px;
	background-color: #ddd;
	padding: 2px 2px 2px 2px;

}


.ProductGroupTree li a
{
	padding: 0px 0px 0px 20px;
	background-image: url(navinuoli.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
}

.ProductGroupTree li:hover
{


margin: 2px 0px 0px 0px;
background-color: #e9e9e9;


}

.ProductGroupTree li ul
{



margin: 0px;
background-color: #e9e9e9;
	padding: 0px 0px 0px 0px;

}

.ProductGroupTree ul li:hover
{

margin: 0px;



}


.ProductGroupTree li ul li
{


background-color: #e9e9e9;
margin: 0px;
padding: 2px;

}

.ProductGroupTree li ul li a, .ProductGroupTree li ul li a:visited
{


	margin: 0px;
	background-image: none;

}

.ProductGroupTree li ul li a:active, .ProductGroupTree li ul li a:hover
{
	text-indent: 0px;
	list-style: none;
	text-align: left;
	margin: 0px;
	background-image: none;
   color: #AAA;
   padding-top: 0px;
   padding-bottom: 0px;
}

.ProductGroupTree a:link, .ProductGroupTree a:visited
{
color: #000;
text-decoration: none;
font-size: 9.5pt;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
}

.ProductGroupTree a:hover,.ProductGroupTree a:active { color: #AAA }



/* Buttons and Elements */



.productBoxText
{
width: 650px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: normal;
}

.productBoxImage
{
float: right;

}

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

.productBoxLink
{

}

.productBoxLink a
{

color: #00529f;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: normal;
}

#date
{
	position: relative;
	width: 166px;
	top: 10px;
	color: #fff;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-image: url(datebg.gif);
	padding-top: 8px;
	padding-bottom: 8px;
	background-repeat: no-repeat;
	text-align: center;
}

#searchTopic
{
	position: relative;
	width: 170px;
	height: 30px;
	top: 10px;
	right: 118px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	margin-top: 20px;
}

#searchBox
{
position: relative;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: normal;
}




/** WS-styles **/		

.TableBg {
	background: #2b7db5;
}

.TableHeader td, th {
	font-weight: bold;
	color: #FFF;
	padding: 4px;
	text-align: left;
	background-color: #2976c6;
}

.TableFooter td {
	font-weight: bold;
	color: #000;
	background: #ddd;
	padding: 4px;
}

.TableRow td {
	padding: 2px;
	background-color: #f2f2f2;
}


.TableRowDark td {
	background: #ddd;
	padding: 2px;
	font-weight: bold;

}

.TableError td {
	padding: 2px;
	font-weight: bold;
	background-color: #FF0000;
	color: #FFF;
}

.ProductSearchParameter {
width: 140px;
height: 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: normal;

}

h1 {
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
.blu {
	color: #00529f;
	font-weight: bold;
}


#ylanavi {
	  float:right;
	
	width:100%;
	font-size:100%;
	line-height:normal;
	vertical-align: bottom;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 27px;
  }
#ylanavi ul {
  margin:0;
  padding:0;
  list-style:none;
  }
#ylanavi li {
	float:right;
	background:url("navi-left_both.gif") no-repeat left top;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 1px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 9px;
  }
#ylanavi a {
  float:left;
  display:block;
  background:url("navi-right_both.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#E1E0E5;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#ylanavi a {float:none;}
/* End IE5-Mac hack */
#ylanavi a:hover {
  color:#FFF;
  }
  
  
  /** CSSBOX **/		

	.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 { 
	  background: transparent url(cssbox.gif) no-repeat bottom right; 
	  margin:0;
	 
	} 
		.cssbox{ 
	  margin-bottom:5px;
	 
	} 

	/* set the top-right image */ 
	.cssbox_head { 
	  background-position: top right; 
	  padding-right: 25px; /* right corner width */ 
	  
	 } 
	 /* set the top-left image */ 
	 .cssbox_head h2 { 
	  color: #00529f;

font-size: 11.5pt;
font-weight: bold;
	  background-position: top left; 
	  padding-left: 10px; /* position header text to suite image*/
	  padding-top : 7px;  /* position header text to suite image*/
	  padding-bottom : 5px; 

	  margin: 0; /* reset main site styles*/ 
	  border: 0; /* ditto */ 
	  } 
	  /* set the lower-left corner image */ 
	  .cssbox_body {
	background-position: bottom left;
	margin-right: 10px; /* interior-padding right */
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-right: 0px;	  
	  }