

/* Tyylit */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
}

p{
	margin:10px 0;
}

a, a:link, a:visited, a:active{
	font-family: arial;
	color: #9a55a6;
	text-decoration: none;
}

/* Tällä pakotetaan editorin sisällön linkit oikean näköisiksi
   Eli yleensä sama tyyli kuin tuossa yllä a-elementille, mutta jokaisen perään !important */
.mceContentBody a,.mceContentBody a:link, .mceContentBody a:visited{
	font-family: arial !important;
	color: #9a55a6 !important;
	text-decoration: none !important;
}
.mceContentBody{
	background-image:none;
}



a.news, a.news:link, a.news:visited {
	color:#0c6c94;
	text-decoration: none;
}

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

}
.login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}

input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.text{
	width:100%;
}

h1 {
	font-size: 16px;
	color: #8e2f9b;
	text-transform:uppercase;
	padding-top:6px;
}

h2 {
	font-size: 14px;
	color: #8e2f9b;
	text-transform:uppercase;
}

h3 {
	font-size: 12px;
	color: #8e2f9b;
}

h4 {
	color: #458AD7;
}

h5 {
	color: #458AD7;
}

h6 {
	color: #458AD7;
}

#koko{
	width:100%;
	height:100%;
	background:url(../img/bg.jpg) repeat-x top left;
	}
#bg{
	width:100%;
	height:100%;
	background:url(../img/bg_center.jpg) no-repeat top center;
	}
#container{
	width:1057px;
	background-color:#fff;
}
#left{
	width:78px;
		background:url(../img/left.jpg) no-repeat top right;}
#ca{
	width:804px;
	background:url(../img/ca_yla.jpg) no-repeat top left;}
#right{
	width:175px;
	background:url(../img/right.jpg) no-repeat top left;
}

#menu{
	width:620px;
	height:36px;
	background:url(../img/menu_bg.gif) repeat-x top left;
}

#sivupalsta{
	width:158px;
	font-size:11px;}

#sc_vali{
	width:25px;}

#logo{
	height:68px;
	background:url(../img/logo_yla.jpg) no-repeat top left;
	}

#bread{
	height:36px;
	color:#3f4445;
	padding-left:14px;}

.yhteystiedot{
	padding-top:10px;
	padding-left:4px;}

#menutable_sb{
	padding-top:10px;
	font-size:11px;
	width:100%;}
#menutable_sb a, #menutable_sb a:link, #menutable_sb a:active, #menutable_sb a:hover, #menutable_sb a:visited {
	font-size:11px;
	display:block;}

.sb_linkki{
	border-bottom:1px solid #e0e0e0;
	padding:6px 0 6px 10px;
	background:url(../img/nuolis.gif) no-repeat 0 8px;
	width:100%;}

#footer{
	padding:20px 0 40px 0;}

#etusivun_nosto{
	background:url(../img/nosto_bg.jpg) repeat-x top right;
	}

#nosto_content{
	font-size:14px;
	font-family:arial, tahoma, sans-serif;
	font-weight:normal;
	color:#fff;
	height:163px;
	}

#nosto_caption{
	height:36px;
	color:#e0c6e3;}

.etusivun_ala{
	width:180px;
	font-size:10px;
	font-family:georgia, times, serif;
	color:#5b5b5b;}

.etusivun_ala h2{

	font-family:arial, tahoma, verdana, sans-serif;}

.e_vali{
	width:40px;}

.more{
	width:126px;
	height:29px;
	background:url(../img/button_bg.gif) no-repeat top left;
	margin-top:10px;
	padding:7px 0 0 20px;}

.more a, .more a:link, .more a:active, .more a:hover, .more a:visited{
	color:#fff;
	font-weight:bold;
	font-size:9px;
	text-transform:uppercase;
	font-family:verdana;
	letter-spacing:0;
	}

 a.front, a.front:link, .a.front:active, a.front:hover, a.front:visited{
	font-size:10px;
	font-family:georgia, times, serif;
	color:#363838;
	border-bottom:1px solid #bbb;}

.etusivun_ala b {
	color:#8e2f9b;
	font-weight:normal;}

img{
	border:0;}

acronym {
	text-decoration: none;
	border-style: none;
}
.taustatumma{

	padding-left:25px;
	background-color:#efefef;
	height:30px;
}
.taustavaalea{
	height:30px;
	padding-left:25px;
}

.tuotekuvalla{	
	margin-left:25px;
	color:#ffffff;
	float:left;

}
.tuoteilmankuvaa{
	float:left;
	color:#ffffff;
	margin-left:25px;
	
}
.tuoteotsikkokuvalla{
	clear:both;
	text-align:left;
	float:right;
	background:url("../img/tuoteotsikko.png") no-repeat right bottom;
	height:45px;
	width:446px;


}
.tuoteotsikkoilmankuvaa{
	text-align:left;
	float:left;
	background:url("../img/tuoteotsikko.png") no-repeat left bottom;
	height:45px;
	width:446px;

}
a.tuotenosto, a.tuotenosto:link, .a.tuotenosto:active, a.tuotenosto:hover, a.tuotenosto:visited{
	color:#5b5b5b;

}

a.vakevat-juomat-link {
	background-color:#b677c0;
	padding: 4px 0px 4px 10px;
	color:#fff;
	display:block;
}
