html, body
  {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: helvetica;
  font-size: 12px;
  }
#body
  {
	/* body element has id #body*/
	/* body styles has been moved to head-section of index.php */
background: url(../imagedata/320_a5870.jpg) repeat-x;
	}
#header
  {
	/* first div inside body */
	width: 905px;
	height: 100px;
	float: left;	
  background: url(../images/layout/headerbg.jpg)repeat-x;
  }
  #logo{
width:600px;
height:100px;
float:left;
margin-left:10px;
  }
  #languages
    {
    position: absolute;
    top: 12px;
    right: 0px;
    z-index: 2;
    color: #fff;
    font-size: 10px;
    }
	.lan
		{
		color:#fff;
		text-transform: uppercase;
		text-decoration: none;
		font-size: 10px;
		}
.lan:hover {
color: #cccccc;
}
#navigation
  {
  width: 905px;
  height: 32px;
  float: left;
  clear: right;  
  position: relative;
	}
#subnavigation_bg
  {
  width: 100%;
  height: auto;
  float: left;
  clear: right;
  background: url(../images/layout/subnavigation.jpg) repeat-x;
	}
#subnavigation
  {
  width: 905px;
  height: 22px;
  float: left;
  clear: right;

	}
		
#content{
	/*div wrapping content area where template is called */
	width: 905px;
	height: auto;
	float: left;
	}
#eAdminContent{
	/* first div inside body in administration mode. */
	}




#footer_bg
  {
  width: 100%;
  height: 119px;
  float: left;
  background: url(../images/layout/footer.jpg) repeat-x;
  }

  #footer
    {
    width: 905px;
    height: 119px;
    float: left;
    }

/* fontit */

  h1
    {
    padding: 0;
    margin: 0;
    color: #4c4c4c;
    font-size: 20px;
    font-weight: 100;
    }
h2
    {
 
    color: #4c4c4c;
    font-size: 15px;

    }
  p
    {
    padding: 0;
    margin: 0;
    color: #4c4c4c;
    font-size: 14px;
line-height: 1.5em;
    }
  #footer p
    {
    padding: 0;
    margin: 0;
    color: #333;
    font-size: 12px !important;
    }
  .footer_link
    {
    color:#333;
    text-decoration: none;
    }
  .footer_link:hover
    {
    color:#999;
    text-decoration: underline;
    }
  #headerlinks a,
  #content a
    {
    color:#999;
    text-decoration: underline;
    }
  #content a:hover
    {
    color:#666;
    text-decoration: underline;
    }

/*news*/
.content_newsitem
	{
	margin-bottom: 15px;
	}
a.newsitem_readmore
	{
	color: #4c4c4c !important;
	}
h3.newsitem_subject
	{
	color: #4c4c4c;
	padding: 0;
	margin: 0;
	font-weight: 100;
	font-size: 13px;
	}
h4.newsitem_date
    {
	color: #4c4c4c;
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 13px;
	}
    
/*tuotekatalogi*/
   
#sort_navigation {
width: 905px;
height: 22px;
float: left;
color: #333;
font-size: 13px;
line-height: 24px;
margin-left: 86px;
margin-top: 22px;
}

#sort_navigation a {

text-decoration: none;
margin-right: 4px;
margin-left: 4px;
}

#sort_navigation a:hover {
color: #444444;
text-decoration:none;
}

#product_navigation {
width: 905px;
height: auto;
float: left;
color: #4c4c4c;
font-size: 12px;
}

#product_navigation a {
text-decoration: none;
margin-left: 1px;
margin-right: 1px;
color: #999999;
font-size: 13px;
}

#product_navigation a:hover {
text-decoration:none;
color: #444444;
}

#product_navigation table tr {
line-height: 1.4em;
}
   		#product_navigation span
   			{
   			color: #808080;
   			}
   
   .item
   	{
   	width: 226px;
   	height: 200px;
   	float: left;
   	}
   		.itempaddings
   			{
			padding: 5px;
   			}
   			.itemwrapper
   				{
   				width: 216px;
   				height: 200px;
   				/*float: left;*/
   				}
   			.itemimage
   				{
   				width: 216px;
   				height: 160px;
   				float: left;
   				overflow: hidden;
   				}
   			.itemname
   				{
   				width: 216px;
   				height: 40px;
   				float: left;
   				text-align: center;
   				}
   				.itemlink
   					{
   					color: #4c4c4c !important;
   					font-size: 15px;
   					font-weight: 100;
   					text-decoration: none !important;
   					}
   		
   		
   		#details h4
   			{
   			font-size: 20px;
   			font-weight: 100;
   			color: #4c4c4c;
   			padding: 0px 0px 10px 0px;
   			margin: 0;
   			}
   		#relatedproducts {
			color:#4C4C4C;
		}
#fancy_outer{
/*position:absolute;*/
}
#headerlinks{
float:right; clear:right;
margin:15px;
width:270px;
margin-left:0;
}
   		
