/*Fonts*/
a
{
    text-decoration: none;
    color: #3c8a2e;
}
p
{
    font-size: 12px;
    color: #515151;
}
h1
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 20px;
    color: #00b12a;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 10px;
}
h2	
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 15px; 
    color: #555555; 
    font-weight: bold; 
    margin-bottom: 1px;
}
h3
{
    font-size: 14px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #00B12A;
    margin: 0px 0px 8px 0px;
}
h4	
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px; 
    color: #555555; 
    font-weight: bold; 
    padding: 8px 0px 5px 0px;
}
h1 a, h2 a, h3 a, h4 a
{
    text-decoration:none !important;
}

/* 0-level Navigation */
#GlobalNavi				
{
    width: 100%;
    height: 23px;
    font-size: 12px;
    text-transform: uppercase;
    z-index: 8;
}
#GlobalNavi div
{
    float: left;
    height: 23px;
}
#GlobalNavi a
{
    display: block;
    color: #3c8a2e;
    font-weight: bold;
    padding: 4px 47px 10px 47px;
}
#GlobalNavi a:hover
{
    color: #515151;
    background-image: url(../images/ValittuNuoli.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}
#GlobalNavi .selected a
{
    color: #515151; 
    background-image: url(../images/ValittuNuoli.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}
#GlobalNavi .selected a:hover
{
    color: #515151;
}
.NollaTasonViiva
{
    padding-top: 6px;
}
/* 1-level Navigation */
#topNavi,
#topNaviShort
{
	font-size: 15px;
	width: 100%;
	position: relative;
	z-index: 0;
}
#topNavi table, #topNaviShort table
{
	width: 100%;
	border-width: 0px;
}
#topNavi td,
#topNaviShort td
{
    height: 45px;
	text-align: center;
}
#topNavi a, #topNaviShort a
{
    color: #ffffff;
    text-decoration: none;
    display: block;
    padding-top: 14px;
    padding-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px;
}
#topNavi .selected a, #topNavi a:hover,
#topNaviShort .selected a, #topNaviShort a:hover
{
    color: #ffffff;
	margin: 0px;
	background-image: url(../images/ValittuNuoli2.png);
	background-position: center bottom;
    background-repeat: no-repeat;
    border-width: 0px;
}

/* 2-level Navigation */

#topNavi2
{
    font-size: 12px;
    width: 932px;
    border-bottom: #d3d3d3 1px solid;
    border-right: #f0f0f0 1px solid;
    border-left: #f0f0f0 1px solid;
    padding: 5px 0px 5px 15px;
    z-index: 0;
}
#topNavi2 a
{
    margin-right: 20px;
    list-style: none;
    display: inline;
    z-index: 0;
}
#topNavi2 .selected
{
    font-weight: bold;
    color: #515151;
}
#topNavi2 a:hover
{
    color: #515151;
}
/* subnavigation */

#subNavi
{
    font-size: 12px;
    width: 179px;
    border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    margin-bottom: 25px;
}
#subNavi ul
{
    margin: 0px; 
    padding: 0px; 
    list-style: none; 
    width: 179px; 
    border-top: 1px solid #e6e6e6;
    background-color: #f7f7f7;
}
#subNavi ul li
{
    display: inline; 
    width: 179px;
}
#subNavi ul li a		
{
    display: block; 
    padding: 5px 20px; 
    border-bottom: 1px solid #e6e6e6;
}
#subNavi ul ul			
{
    background-color: #ffffff; 
    padding: 5px 0px 0px 8px; 
    border-top: 0px; 
    border-bottom: 1px solid #e6e6e6; 
    width: 171px;
}
#subNavi ul ul li a	
{
    padding: 0px 20px 5px 20px;
    border: 0px;
}
#subNavi a:hover,
#subNavi li.open			
{
    background-color: #f7f7f7;
} 
#subNavi ul ul a:hover	
{
    background-color: transparent;
}
#subNavi a.selected,
#subNavi a.open			
{
    font-weight: bold;
    color: #555555;
}
#subNavi a.selected:hover,
#subNavi a.open:hover	
{
    color: #6c6c6c;
}
#tabNavi div:hover
{
    background-image: url(../images/ValittuNuoliTuote.png);
}
.tabSelected	
{
    background-image: url(../images/ValittuNuoliTuote.png);
}

/*
These elements are company specific overridden values from UIComponents.CSS stylesheet 
in MCMS.Common.Internet project
*/
#RightBanner1
{ 
    background-image: url(  '../Images/Eniten_kaytetyt.png' );
}
#RightBannerVerkkokauppa
{ 
    background-image: url(  '../Images/Suosittelemme.png' );
}
#TekstinNosto
{
    background-image: url('../Images/Tekstinosto_tausta.png');
}
.txtSearch
{ 
    background-image: url('../images/bgSearch.png');
}
.product1passive .productNavi
{
    left: 0px;
    background: url(../images/productNavi1_passive.png) no-repeat;
    width: 63px;
}
.product2passive .productNavi
{
    left: 62px;
    background: url(../images/productNavi2_passive.png) no-repeat;
    width: 63px;
}
.product3passive .productNavi
{
    left: 124px;
    background: url(../images/productNavi3_passive.png) no-repeat;
    width: 54px;
}

.product1active .productNavi
{
    left: 0px;
    background: url(../images/productNavi1_active.png) no-repeat;
    width: 63px;
}
.product2active .productNavi
{
    left: 62px;
    background: url(../images/productNavi2_active.png) no-repeat;
    width: 63px;
}
.product3active .productNavi
{
    left: 124px;
    background: url(../images/productNavi3_active.png) no-repeat;
    width: 54px;
}
.productContent
{
	background: url(../images/productNav_bg.png) bottom left repeat-x;
}
#tabNavi A
{
    color: #ffffff;
}
/* Verkkokaupan etusivu */
.productGroupBox,
.summaryProductGroupBox
{
    width: 420px;
    border: 1px solid #cfcfcf;
    padding: 10px 15px 5px 15px;
    background-color: #ffffff;
    background-image: url('../Images/bgTuoteryhma.gif');
    background-position: top;
    background-repeat: repeat-x;
}
.summaryProductGroupBox
{
    background-position: bottom;
    margin-bottom: 8px;
}
.divSummaryHeader
{
    cursor: pointer;
}
.yvTitleSheet
{
    width: 100%;
}
.yvColumn1,
.yvColumn2,
.yvColumn3,
.yvColumn4
{
    vertical-align: top;
}

.yvColumn1
{
    width: 15px;
}

.yvColumn2
{
    width: 216px;
}

.yvColumn3
{
    width: 225px;
}
.btnSummarySlider
{
    margin-top: 2px;
}
.hidden
{
    display: none;
}