* {
	margin: 0;
	padding: 0;
}

body {
   margin: 0;
   padding: 0;
   background-color: #fff;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 86%;
   color: #666;
}

a {
   color: #144012;
}

a:hover {
	color: #378602;	
}

div#header {
   margin: 0 auto 0 auto;
   padding: 0;
   width: 800px;
   height: 127px;
   background: url(../graf/full.jpg);
}

div#leftside {
   float: left;
   height: 127px;
   margin: 0;
   padding: 0;	
   border: none;
   
}

div#leftside img{
   border: none;
   margin: 0;
   padding: 0;
}

div#leftside a{
   border: none;
   margin: 0;
   padding: 0;
}

div#leftside p{
   padding: 0 0 0 30px;
}

div#leftside a:hover{
   color: #378602;
}

div#vasen_yla {
   margin: 20px 0 0 30px;
   float: left;	
}

div#vasen_yla a img {
   border: 0; 	
}

div#pikahaku {
   width: 170px;
   border: 1px solid #dcddde;
   padding: 5px 0 0 0;
   margin: 75px 35px 0 0;
   float: right;
}

div#pikahaku form input.text {
    width: 100px;
    font-family: Verdana;
    font-size: 10px;
    margin-left: 10px;
    margin-bottom: 5px;
}

div#pikahaku form input.submit {
    font-family: Verdana;
    font-weight: bold;
    font-size: 10px;
    margin-left: 10px;
    margin-bottom: 5px;
    display: inline;
}

div#pikahaku form label {
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    margin-left: 10px;
    color: #fff;
}

div#main {
   margin: 0 auto 0 auto;
   padding: 0;
   width: 800px;
   background: url(../graf/vahittais_na_tausta.jpg) repeat-y;
}

#hakutulokset {
    line-height: 150%;	
}

div#maincontent {
   margin: 0 auto 0 auto;
   width: 450px;
   padding: 30px 0 30px 0;
}

div#footer {
   margin: 0 auto 0 auto;
   padding: 0;
   width: 800px;
   height: 31px;
   background: url(../graf/footer.jpg);
   clear: both;
}

p {
   margin: 0;
   padding: 0;
}

h1 {
   margin: 0;
   padding: 0;
   text-indent: -999px;
}

/* IN ENGLISH */
.en {
	font-style: italic;
	
}

/* NAVIGAATIOJUTUT ----------------------------------------------------------------
-------------------------------------------------------------------------------- */

ul#top-navi {
	width: 760px;
	margin: 0 auto;
	list-style-type: none;
	background-color: #fdd7bc;
	height: 14px;
	padding-top: 20px;
	padding-left: 100px;
	overflow: hidden;
}

ul#top-navi li {
	display: inline;
	overflow: hidden;
}

ul#top-navi a:link, ul#top-navi a:visited {
	display: block;
	float: left;
	height: 14px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -999px;
	margin-right: 20px;
	overflow: hidden;
}

#tn1 {
 background-image: url( graf/uus2_top_navi_1.gif );
	width: 74px;
}

#tn2 {
	background-image: url( graf/uus2_top_navi_2.gif );
	width: 89px;
}

#tn3 {
	background-image: url( graf/uus2_top_navi_3.gif );
	width: 223px;
}

#tn4 {
	background-image: url( graf/uus2_top_navi_4.gif );
	width: 42px;
}

#tn5 {
	background-image: url( graf/uus2_top_navi_5.gif );
	width: 62px;
}

#tn6 {
	background-image: url( graf/uus2_top_navi_6.gif );
	width: 68px;
}

#tn7 {
	background-image: url( graf/uus2_top_navi_7.gif );
	width: 51px;
}

ul#top-navi a:hover, ul#top-navi a.act {
	background-position: 0 -14px;
}

ul#main-navi {
	float: left;
	height: 55px;
	list-style-type: none;
}

ul#main-navi li {
	display: inline;
}

ul#main-navi a:link, ul#main-navi a:visited {
	display: block;
	height: 55px;
	float: left;
	overflow: hidden;
	text-indent: -999px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

ul#main-navi a:hover {
	background-position: 0 -55px;
}

#n1 {
	width: 173px;
	background-image: url( graf/uusi_main_navi_1.gif );
}

#n2 {
	width: 108px;
	background-image: url( graf/uusi_main_navi_2.gif );
}

#n3 {
	width: 136px;
	background-image: url( graf/uusi_main_navi_3.gif );
}

#n4{
	width: 136px;
	background-image: url( graf/uusi_main_navi_4.gif );
}

ul#main-navi a.act {
	background-position: 0 -55px;
}

#sub-navi {
	width: 150px;
	height: 300px;
	float: left;
	list-style-type: none;
	font-size: .86em;
	margin: 0 10px 30px 25px;
	font-weight: bold;
    border: 0px solid #dcddde;
    padding: 0 0 0 0px;
}

#sub-navi li, div#sub-navi ul li, div#sub-navi ul li ul li {
	background: url( graf/navi_arrow.gif ) no-repeat 0 7px;
	padding-left: 10px;
	padding-right: 5px;
	
}

#sub-navi ul {
	margin-left: 12px;
	list-style-type: none;
}

#sub-navi ul li {
	padding-left: 0;
	/*background: #fff none;*/
}

#sub-navi ul li ul {
	margin-left: 12px;
	list-style-type: none;
}

#sub-navi ul li ul li{
	padding-left: 0;
	background: #fff none;
}

#sub-navi a:link, #sub-navi a:visited {
	color: #ffffff;
    /* LINKIT VALKOSENA ..MUISTA MUUTTAA KU TULEE JOTAIN TEKSTII. VALKOSENA KUVAN TAKII*/
}

#sub-navi img {
    border: 0;
}

/*
#sub-navi a:link, #sub-navi a:visited {
	color: #808284;
}

#sub-navi a.act:link, #sub-navi a.act:visited {
	color: #47A2A5;
}

#sub-navi a:hover {
	color: #47A2A5;
}
 */
#sub-navi form input.text {
    width: 100px;
    font-family: Verdana;
    font-size: 10px;
    margin-left: 7px;
}
#sub-navi form input.submit {
    font-family: Verdana;
    font-size: 10px;
}
#sub-navi form label {
    font-family: Verdana;
    font-size: 10px;
    margin-left: 7px;
}
#yp1 {
    border-right: 1px solid grey;
    padding: 3px 10px 0 10px;
    float: left;
}

#yp2 {
    border-right: 1px solid grey;
    padding: 3px 10px 0 10px;
    float: left;
}

#yp3 {
    border-right: 1px solid grey;
    padding: 3px 10px 0 10px;
    float: left;
}

/* ISOKUVA ------------------------------------------------------------------------
-------------------------------------------------------------------------------- */

/*#isokuva {
	clear: both;
	width: 836px;
	height: 257px;
	padding-top: 8px;
	margin: 0 auto;
	background: url( graf/isokuva_bg.gif ) no-repeat left top;
} */

#ylapalkki1 {
    background: url( graf/ylapalkki.jpg );
    clear: both;
	width: 800px;
	height: 50px;
	padding-top: 0px;
	margin: 0 auto;
	border: 0px solid #dcddde;
}

/*
#ylapalkki2 {
    background: #dcddde;
    clear: both;
	width: 800px;
	height: 20px;
	margin: 0 auto;
	border: 0px solid #dcddde;
	font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    color: grey;
}

#ylapalkki2 a:link, #ylapalkki2 a:visited {
    color: grey;
    text-decoration: none;
}
#ylapalkki2 a:hover {
    color: #fff;
}
*/

#isokuva img, #isokuva object, #isokuva embed {
	display: block;
	margin: 0 auto;
	width: 808px;
	height: 257px;
}

#linkkimato {
	/*background: url( graf/linkkimato_bg.gif ) no-repeat center top;  */
	height: 20px;
	padding: 0 30px;
	line-height: 20px;
	font-size: .86em;
	padding-bottom: 5px;
}

#linkkimato p {
	background: url( graf/nuoli.gif ) no-repeat left;
	padding-left: 20px;
	font-weight: bold;
}

#linkkimato span {
	color: #47A2A5;
}

#linkkimato a:link, #linkkimato a:visited {
	color: #808284;
}

#linkkimato a:hover {
	text-decoration: underline;
}

/* MAIN CONTENT -------------------------------------------------------------------
-------------------------------------------------------------------------------- */

a {
    font-weight: strong;
    text-decoration: none;
    color: #144012;
}
#line {
    width: 100%;
    height: 1px;
    border: 1px solid #dcddde;
}

#content-wrapper {
	float: left;
	display: inline;
	width: 100%;
	/*background: url( graf/content_bg.gif ) repeat-y center top;*/
}

#content-clear {
	clear: both;
	/*background: url( graf/content_bottom.gif ) no-repeat center bottom;*/
	height: 6px;
}

#main-content {
   margin: 0 auto 0 auto;
   width: 450px;
   padding: 30px 15px 15px 15px;
   overflow: hidden;
}

div#err_msg {
	color: red;
	width: 400px;
	margin: 0 auto 15px auto;	
}

#right-content {
    width: 150px;
    float: left;
    border: 0px solid #dcddde;
    padding: 0 0 0 0px;
    margin-left: 5px;
}
/*
#pikahaku {
    width: 206px;
    padding: 0;
    margin: 1px 0 0 0;
    display: inline;
    float: right;
}

div#pikahaku form input.text {
    width: 100px;
    font-family: Verdana;
    font-size: 10px;
    display: inline;
}

div#pikahaku form input.submit {
    margin: 0 0 0 3px;
    font-family: Verdana;
    font-weight: bold;
    font-size: 10px;
    display: inline;
}

div#pikahaku form label {
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    display: inline;
}
*/
div#login {
    height: 25px;
    padding: 2px 0 0 0;
    margin: 0;
    background-color: #144012;
   }

div#login form {
    width: 800px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 50px;
}

div#login a {
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    color: #aecf53;	
}

div#login a:hover {
	color: #d9ffb3;	
}

div#login form input.text {
    width: 100px;
    font-family: Verdana;
    font-size: 10px;
    display: inline;
}

div#login form input.submit {
    font-family: Verdana;
    font-weight: bold;
    font-size: 10px;
    display: inline;

}

div#login form label {
    width: 100px;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    display: inline;
    color: #aecf53;
}

div#ylalinkit {
    width: 800px;
    margin: 2px auto 0 auto;
    padding: 0 0 0 50px;	
}

h2 {
    width: 100%;
    text-align: center;
    font-size: 2em;
    font-weight: normal;
    margin: 0 0 10px 0;
    clear: both;
    text-transform: uppercase;
    color: #378602;
    padding: 0;
    /*color: #1F6766 ;*/
}

h3 {
	font-size: 1.5em;
	font-weight: normal;
	margin-bottom: 10px;
	color: #378602;
}

h4 {
    font-size: 12px;
	font-weight: bold;
    margin: 20px 0 5px 20px;
	color: #378602;
    clear: both;
}

#liput {
    float: right;
    margin: 0 5px 10px 0;
}

#main-content ul {
	font-size: .86em;
	line-height: 1.6em;
	margin: 20px 25px;
}

#main-content ul ul {
	margin: 0px 25px;
	font-size: 1em;
}

#main-content td  {
    vertical-align: top;
	font-size: 10px;
}


#main-content td p {
	font-size: 1em;
}

#main-content td.hakutulokset_vasen {
    width: 300px;
   	font-size: 12px;
   	padding: 0 0 0 10px;	
}

#main-content td.hakutulokset_oikea {
    width: 100px;
   	font-size: 12px;
   	padding: 0 0 0 10px;	
}

.pallukka {
    border: 0;
    display: inline;
    padding: 0 0 0 5px;
}

#logo {
    margin: 20px 0 0 15px;
    display: block;
    clear: both;
}

#katalogikuva img {
    padding-left: 15px;
}

#ylateksti {
   border-bottom: 5px solid #dcddde;
   width: 400px;
   margin: 0 auto 20px auto; 
   padding-bottom: 20px;
}

#ylateksti p{
   padding-bottom: 10px;
   font-size: 0.9em;
}

#ylateksti h4{
   padding: 0;
   margin: 0 0 10px 15px;
}

#ylateksti table{
   margin: 10px auto 20px auto;
}

#ylateksti td{
   padding: 5px;
   font-size: 0.8em;
}

#ylateksti ul{
   padding: 0;
   font-size: 0.9em;
   margin: 0 0 20px 30px;
}

#takaisin_etusivulle {
    clear: both;
}

#company-story {
    font-size: 10px;
    font-family: Verdana;
    margin: 10px 15px 10px 15px;
}

#company-edit {
    font-size: 10px;
    font-family: Verdana;
    margin: 10px 15px 10px 15px;
}

div#company-edit form label {
    font-size: 10px;
}

div#company-edit form input.textarea {
    width: 400px;
    height: 100px;
}

div#company_modify img {
	margin-left: 15px;	
}

div#company_modify div#logo img{
	margin-left: 0;	
	margin-right: 15px;
}

#main-content img {

}

#main-content p {
     margin: 0 0 0 15px;
}

#main-content a {
     margin: 0 0 0 15px;
}

#main-content table {
	margin-left: 0px;	
}

#main-content table p{
     margin: 0;
}

#main-content table a {
     margin: 0;
}

//#main-content table img {
//    margin: 0px 15px 10px 0px;
//    float: left;
//}

#logo img {
    margin: 0px 0 10px 0px;
}

#tuotenimi {
    font-size: 10px;
    font-family: Verdana;
    font-weight: bold;
    margin: 0px 10px 10px 0px;
    display: block;
}

#tuotenimi1 {
    font-size: 10px;
    font-family: Verdana;
    font-weight: bold;
    margin: 0px 10px 10px 15px;
    display: block;
}
#tuotenimi2 {
    font-size: 10px;
    font-family: Verdana;
    font-weight: bold;
    margin: 0px 10px 10px 15px;
    display: block;
}
#tuotenimi3 {
    font-size: 10px;
    font-family: Verdana;
    font-weight: bold;
    margin: 0px 10px 10px 15px;
    display: block;
}

#tuotekuvaus {
    font-size: 10px;
    font-family: Verdana;
    margin: 0px 10px 10px 15px;
    float: left;
}

#tuotekuva {
    width: 225px;
    border: 2px;
}

#tuote_kuvaus1 {
    font-size: 10px;
    font-family: Verdana;
    margin: 10px 10px 10px 15px;
    height: 150px;
    float: left;
}

#tuote_kuvaus2 {
    font-size: 10px;
    font-family: Verdana;
    margin: 10px 10px 10px 15px;
    height: 150px;
    float: left;
}

#tuote_kuvaus3 {
    font-size: 10px;
    font-family: Verdana;
    margin: 10px 10px 10px 15px;
    height: 150px;
    float: left;
}

div#main-content td.kuvaus {
    text-align: left;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    padding-left: 15px;
}

div#main-content td.arvo {
    text-align: left;
    font-family: Verdana;
    font-size: 10px;
    font-weight: normal;
    padding-left: 10px;
}

div#main-content td.tuote {
    padding-top: 10px;
    padding-left: 15px;
}
#uploadbox {
    width: 250px;
    float: left;
    margin-left: 15px;
}

#prod_descriptionbox {
    width: 400px;
    height: 140px;
    float: left;
    margin-left: 15px;
}

#aakkoset {
    text-align: center;
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0;
}

#aakkoset a{
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #144012;
    margin-bottom: 20px;
    letter-spacing: 7px;
}

#aakkoset a:hover {
	color: #378602;
}

#aakkoset a.kaikki{
   	letter-spacing: normal;
 	padding-right: 7px;
}

#checkboksit {
    width: 100%;
    padding: 20px;
}

div#checkboksit table td{
    vertical-align: top;
    width: 200px;
}

div#checkboksit form label {
    font-size: 13px;
    margin: 10px 0 0 10px;
}

form input.textarea {
    width: 400px;
    height: 200px;
}

form input.textarea_small {
    width: 300px;
    height: 80px;
}

div#selaus {
  height: 40px;
  padding-top: 20px;
  clear:both;
}

div#esittely {
	width: 400px;
	margin: 0 auto;
	font-size: 12px;
	padding-bottom: 10px;
}

div#esittely p{
	padding-bottom: 10px;
}

/* EDITOINTINyKYMyN PROGRESS BAR ------------------------------------------------
-------------------------------------------------------------------------------- */
div#progressbar {
	margin: 0;
	padding: 0;
	height: 30px;
        display: block;
        float: left;
}
div#progressbar a{
	margin: 0;
	padding: 0;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #40ae49;
}
div#progressbar ul{
	margin: 0;
	padding: 0;	
}
div#progressbar li{
	margin: 0;
	padding: 10px 33px 10px 30px;
	height: 30px;
	display: inline;	
	position: relative;
	list-style: none;
	background:url(graf/progressbar/progressbar.png) no-repeat right transparent;	
}
div#progressbar li#muokkaus{
	z-index: 11;
	left: 15px;
}
div#progressbar li#esikatselu{
	z-index: 10;
}
div#progressbar li#maksu{
	z-index: 9;
	right: 15px;
}
div#progressbar li.active{
	background:url(graf/progressbar/progressbar_active.png) no-repeat right transparent;	
}


/* SMALL BOXES --------------------------------------------------------------------
-------------------------------------------------------------------------------- */

#smallboxes {
	margin-top: 8px;
	margin-left: 25px;
	list-style-type: none;
	background: #fff;
}

#smallboxes li {
	float: left;
	margin-right: 7px;
	background: url( graf/smallbox.gif ) no-repeat left top;
	width: 197px;
	height: 132px;
	margin-bottom: 20px;
}

/* JATKA JA TAKAISIN NAPIT ESIKATSELUSSA YMS. -------------------------------------
----------------------------------------------------------------------------------*/
#valintanapit {
   clear: both;
   margin: 0 0 20px 140px;
}

#valintanapit form{
   display: inline;
}

#valintanapit form input{
   margin-right: 15px;
}

.takaisin{

}

.jatka{

}

/* BOTTOM -------------------------------------------------------------------------
----------------------------------------------------------------------------------*/

#bottom {
   background: url( graf/yhteystiedot.gif ) no-repeat center bottom;
   width: 609px;
   height: 20px;
   margin-top: 20px;
   margin-left: 120px
}