a#coleur, a#coleur:visited { 
margin: 0px 0px 30px 125px;
padding: 0;
display:block; 
width: 160px; 
height: 60px; 
background: url(palikat/button_logo_coleur_up.jpg) no-repeat; 
}
a#coleur:hover, a#coleur:active{  
margin: 0px 0px 30px 125px;
padding: 0;
display:block; 
width: 160px; 
height: 60px; 
background: url(palikat/button_logo_coleur_down.jpg) no-repeat; 
}

a#jb, a#jb:visited { 
margin: 0px 0px 30px 0px;
padding: 0;
display:block; 
width: 153px; 
height: 60px; 
background: url(palikat/button_logo_jb_up.jpg) no-repeat; 
}
a#jb:hover, a#jb:active{  
margin: 0px 0px 30px 0px;
padding: 0;
display:block; 
width: 153px; 
height: 60px; 
background: url(palikat/button_logo_jb_down.jpg) no-repeat; 
}


a#simply, a#simply:visited { 
margin: 30px 0px 0px 90px;
padding: 0;
display:block; 
width: 118px; 
height: 60px; 
background: url(palikat/button_logo_simply_natural_up.jpg) no-repeat; 
}
a#simply:hover, a#simply:active{  
margin: 30px 0px 0px 90px;
padding: 0;
display:block; 
width: 118px; 
height: 60px; 
background: url(palikat/button_logo_simply_natural_down.jpg) no-repeat; 
}



a#tigi, a#tigi:visited { 
margin: 30px 0px 30px 0px;
padding: 0;
display:block; 
width: 110px; 
height: 60px; 
background: url(palikat/button_logo_tigi_up.jpg) no-repeat; 
}
a#tigi:hover, a#tigi:active{  
margin: 30px 0px 30px 0px;
padding: 0;
display:block; 
width: 110px; 
height: 60px; 
background: url(palikat/button_logo_tigi_down.jpg) no-repeat; 
}


a#loreal, a#loreal:visited { 
margin: 30px 0px 30px 0px;
padding: 0;
display:block; 
width: 165px; 
height: 60px; 
background: url(palikat/button_logo_loreal_up.jpg) no-repeat; 
}
a#loreal:hover, a#loreal:active{  
margin: 30px 0px 30px 0px;
padding: 0;
display:block; 
width: 165px; 
height: 60px; 
background: url(palikat/button_logo_loreal_down.jpg) no-repeat; 
}


a#kerastase, a#kerastase:visited { 
margin: 30px 0px 30px 0px;
padding: 0;
display:block; 
width: 160px; 
height: 60px; 
background: url(palikat/button_logo_kerastase_up.jpg) no-repeat; 
}
a#kerastase:hover, a#kerastase:active{  
margin: 30px 0px 30px 0px;
padding: 0;
display:block; 
width: 160px; 
height: 60px; 
background: url(palikat/button_logo_kerastase_down.jpg) no-repeat; 
}


a#professionails, a#professionails:visited { 
margin: 0px 0px 30px 0px;
padding: 0;
display:block; 
width: 165px; 
height: 60px; 
background: url(palikat/button_logo_professionails_up.jpg) no-repeat; 
}
a#professionails:hover, a#professionails:active{  
margin: 0px 0px 30px 0px;
padding: 0;
display:block; 
width: 165px; 
height: 60px; 
background: url(palikat/button_logo_professionails_down.jpg) no-repeat; 
}


a#palvelut, a#palvelut:visited { 
margin: 0px;
padding: 0;
display:block; 
width: 120px; 
height: 60px; 
background: url(palikat/navi_palvelut_up.jpg) no-repeat; 
}
a#palvelut:hover, a#palvelut:active{  
margin: 0px;
padding: 0;
display:block; 
width: 120px; 
height: 60px; 
background: url(palikat/navi_palvelut_down.jpg) no-repeat; 
}


a#tuotteet, a#tuotteet:visited { 
margin: 0px;
padding: 0;
display:block; 
width: 120px; 
height: 60px; 
background: url(palikat/navi_tuottet_up.jpg) no-repeat; 
}
a#tuotteet:hover, a#tuotteet:active{  
margin: 0px;
padding: 0;
display:block; 
width: 120px; 
height: 60px; 
background: url(palikat/navi_tuottet_down.jpg) no-repeat; 
}


a#yritys, a#yritys:visited { 
margin: 0px;
padding: 0;
display:block; 
width: 120px; 
height: 60px; 
background: url(palikat/navi_yritys_up.jpg) no-repeat; 
}
a#yritys:hover, a#yritys:active{  
margin: 0px;
padding: 0;
display:block; 
width: 120px; 
height: 60px; 
background: url(palikat/navi_yritys_down.jpg) no-repeat; 
}


a#galleria, a#galleria:visited { 
margin: 0px;
padding: 0;
display:block; 
width: 120px; 
height: 60px; 
background: url(palikat/navi_galleria_up.jpg) no-repeat; 
}
a#galleria:hover, a#galleria:active{  
margin: 0px;
padding: 0;
display:block; 
width: 120px; 
height: 60px; 
background: url(palikat/navi_galleria_down.jpg) no-repeat; 
}


a#yhteys, a#yhteys:visited { 
margin: 0px;
padding: 0;
display:block; 
width: 120px; 
height: 60px; 
background: url(palikat/navi_yhteys_up.jpg) no-repeat; 
}
a#yhteys:hover, a#yhteys:active{  
margin: 0px;
padding: 0;
display:block; 
width: 120px; 
height: 60px; 
background: url(palikat/navi_yhteys_down.jpg) no-repeat; 
}

a#hairart, a#hairart:visited { 
margin: 0px;
padding: 0;
display:block; 
width: 120px; 
height: 60px; 
background: url(palikat/navi_hairart_up.jpg) no-repeat; 
}
a#hairart:hover, a#hairart:active{  
margin: 0px;
padding: 0;
display:block; 
width: 120px; 
height: 60px; 
background: url(palikat/navi_hairart_down.jpg) no-repeat; 
}



a#palvelutpalst, a#palvelutpalst:visited { 
margin: 30px 0px 30px 140px;
padding: 0;
display:block; 
width: 180px; 
height: 30px; 
background: url(palikat/button_palvelut_up.jpg) no-repeat; 
}
a#palvelutpalst:hover, a#palvelutpalst:active{  
margin: 30px 0px 30px 140px;
padding: 0;
display:block; 
width: 180px; 
height: 30px; 
background: url(palikat/button_palvelut_down.jpg) no-repeat; 
}


a#tuotteetpalst, a#tuotteetpalst:visited { 
margin: 30px 0px 30px 140px;
padding: 0;
display:block; 
width: 180px; 
height: 30px; 
background: url(palikat/button_tuotteet_up.jpg) no-repeat; 
}
a#tuotteetpalst:hover, a#tuotteetpalst:active{  
margin: 30px 0px 30px 140px;
padding: 0;
display:block; 
width: 180px; 
height: 30px; 
background: url(palikat/button_tuotteet_down.jpg) no-repeat; 
}



ul{
margin: 0px;
padding: 0px;
list-style-type: none;
}

ul li { 
float: left; 
}



input {
    border: 1px solid rgb(255,135,0);
    background: white;
}
input:hover {
    border: 1px solid red;
    background: white;
}

textarea {
    border: 1px solid rgb(255,135,0);
    background: white;
}
textarea:hover {
    border: 1px solid red;
    background: white;
}

.button {
    border: none;
    background: url('palikat/button_laheta_yhteys_up.jpg') no-repeat top left;
    padding: 2px 8px;
}
.button:hover {
    border: none;
    background: url('palikat/button_laheta_yhteys_down.jpg') no-repeat top left;
    padding: 2px 8px;
}

label {
    margin: 2px 4px 6px 0px;
}