﻿/* Elements and styles in Etusivu.aspx */
html, body {
    /*height: 100%;*/
   
    /*overflow:scroll;*/
    
    padding: 0 auto;
    margin: 0 auto;
}


/* Narrow dividing DIVs in the bottom of the page */
.Etusivu_NarrowDivs
{
    width: 30px;
    float: left;
    height: 100%;
}

/* Vertical dot-lines at the bottom part of the page. */
.Etusivu_DotDivs
{
    width: 30px;
    float:left;
    height:200px;
    background-image:url('../Images/etusivu_green_dot.gif');
    background-repeat:repeat-y;
    background-position:center;
}

/* Wide content DIVs in the bottom of the page. */
.Etusivu_WideDivs
{
    width: 265px;
    float: left;
    height: 100%;
}

.RegularSmallText
{
	font-family:"Trebuchet MS" , Tahoma, Verdana, Sans-Serif;
	font-size:11px;
	font-style:normal;
	color:#404040;
}

/* DIV containing left menu. */
#divFrontPageLeftMenu
{
    float:left;
    width:232px;
    padding:0;
    padding-top:40px;
    padding-left:25px;
    margin:0;
    min-height:198px;
    height:100%;
}

/* DIV containing left menu items. */
#divFrontPageLeftMenuItems
{
    width:224px;
    margin-left:8px;
    margin-right: auto;
    margin-top:0;
    margin-bottom:0;
    padding:0;
    background-color:Transparent;
    height:240px;
    overflow:hidden;
}

/* DIV containing top part of the left menu. */
#divFrontPageLeftMenuTop
{
    width: 232px;
    height: 12px;
    background-image: url('../Images/etusivu_left_menu_top.gif');
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    font-size: 2px;
}

/* DIV containing middle part of the left menu. */
#divFrontPageLeftMenuMiddle
{
    width: 232px;
    height: 100%;
    background-color:#E9F4DE;
    margin: 0;
    padding: 0;
}

/* DIV containing bottom part of the left menu. */
#divFrontPageLeftMenuBottom
{
    width: 232px;
    height: 11px;
    background-image: url('../Images/etusivu_left_menu_bottom.gif');
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}

/* DIV containing product presenting in top-right. */
#divFrontPageProductPresenter
{
    margin:0;
    padding:0;
    /*padding-right: 25px;*/
    padding-top: 40px;
    max-height:320px;
    margin-left:280px; 
}

/* DIV containning awarded products raise. */
#divAwardedProducts
{
    float: left;
    padding-left: 10px;
    padding-top: 30px;
    height: 204px;
    width: 250px;
}

/* DIV containing article listing. */
#divArticles
{
    float: left;
    padding-top: 30px;
    height: 204px;
    width: 250px;
}

/* DIV containing news listing. */
#divNewsListing
{
    padding-top: 30px;
    height: 204px;
}

/* Style for the table that repeater creates for the left menu. */
#tblLeftMenu
{
    font: normal 11pt "Trebuchet MS", Tahoma, Verdana, sans-serif;
	color: Green;
	text-decoration: none;
    margin:0;
	background-color:#E9F4DE;
	border: 0px none transparent;
	padding:0;
	
}

#divBottomContainer
{
    float:left;
    width:100%;
    height:100%;
    padding-top:20px;
}

#divTopContainer
{
    float:left;
    width:100%;
}

#divComboContainer
{
    background-color:#E9F4DE; 
    padding-top:10px; 
    height:25px;
}

#divPresenterBackground
{
    width:611px; 
    height:300px; 
    position:absolute;
}

#divPresenterContent
{
    width:280px; 
    z-index:600; 
    height:300px; 
    position:absolute;
}

#divPresenterHeader
{
    margin:27px 0px 0px 22px;
}

#divPresenterText
{
    margin:5px 0px 5px 22px;
}

#divPresenterLink
{
    margin:0px 0px 0px 22px;
}