/* MATTOPUOTI */

#navigation a {
  display: block;
  margin-bottom: 1px;
  width: 150px;
  height: 27px;
  position: relative;
}

#navigation a.last {
  margin-bottom: 20px;
}

#navigation a span {
  position: absolute;
  background-image: url('images/buttons/sprite.png');
  background-position: left top;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

a#riippumatot_button span { background-position: 0px 0px; }
a#riippumatot_button:hover span { background-position: 150px 0px; }
a#riippumatot_button.active span { background-position: 300px -0px; }

a#tuolit_loungerit_button span { background-position: 0px -27px; }
a#tuolit_loungerit_button:hover span { background-position: 150px -27px; }
a#tuolit_loungerit_button.active span { background-position: 300px -27px; }

a#lastentuotteet_button span { background-position: 0px -54px; }
a#lastentuotteet_button:hover span { background-position: 150px -54px; }
a#lastentuotteet_button.active span { background-position: 300px -54px; }

a#valmispaketit_button span { background-position: 0px -81px; }
a#valmispaketit_button:hover span { background-position: 150px -81px; }
a#valmispaketit_button.active span { background-position: 300px -81px; }

a#telineet_button span { background-position: 0px -108px; }
a#telineet_button:hover span { background-position: 150px -108px; }
a#telineet_button.active span { background-position: 300px -108px; }

a#kiinnitystarvikkeet_button span { background-position: 0px -135px; }
a#kiinnitystarvikkeet_button:hover span { background-position: 150px -135px; }
a#kiinnitystarvikkeet_button.active span { background-position: 300px -135px; }

a#lisavarusteet_button span { background-position: 0px -162px; }
a#lisavarusteet_button:hover span { background-position: 150px -162px; }
a#lisavarusteet_button.active span { background-position: 300px -162px; }


a#faq_button span { background-position: 0px -189px; }
a#faq_button:hover span { background-position: 150px -189px; }
a#faq_button.active span { background-position: 300px -189px; }

a#kiinnitys_pesu_button span { background-position: 0px -216px; }
a#kiinnitys_pesu_button:hover span { background-position: 150px -216px; }
a#kiinnitys_pesu_button.active span { background-position: 300px -216px; }

a#toimitusehdot_button span { background-position: 0px -243px; }
a#toimitusehdot_button:hover span { background-position: 150px -243px; }
a#toimitusehdot_button.active span { background-position: 300px -243px; }

a#yhteystiedot_button span { background-position: 0px -270px; }
a#yhteystiedot_button:hover span { background-position: 150px -270px; }
a#yhteystiedot_button.active span { background-position: 300px -270px; }


a#lasiestan_tarina_button span { background-position: 0px -297px; }
a#lasiestan_tarina_button:hover span { background-position: 150px -297px; }
a#lasiestan_tarina_button.active span { background-position: 300px -297px; }

a#kuvagalleria_button span { background-position: 0px -324px; }
a#kuvagalleria_button:hover span { background-position: 150px -324px; }
a#kuvagalleria_button.active span { background-position: 300px -324px; }

a#historia_button span { background-position: 0px -351px; }
a#historia_button:hover span { background-position: 150px -351px; }
a#historia_button.active span { background-position: 300px -351px; }

/* a#yhteistyossa_button */
/* a#jalleenmyynti_button */

/* Kuvagalleria */

div.colombiana_balkanilla
{
	
	width: 147px;
	height: 166px;
	background-image: url('images/buttons/kuvagalleria/colombiana_balkan.jpg');
	float:left;
	
}

div.colombiana_balkanilla:hover
{
	
	background-image: url('images/buttons/kuvagalleria/colombiana_balkan_rollover.jpg');
	
}

div.colombiana_balkanilla a
{
	
	width: 147px;
	height: 166px;
	display: block;
	
}

div.frankfurt
{
	
	width: 147px;
	height: 166px;
	background-image: url('images/buttons/kuvagalleria/frankfurt.jpg');
	float:left;
	
}

div.frankfurt:hover
{
	
	background-image: url('images/buttons/kuvagalleria/frankfurt_rollover.jpg');
	
}

div.frankfurt a
{
	
	width: 147px;
	height: 166px;
	display: block;
	
}

div.kuosit
{
	
	width: 147px;
	height: 166px;
	background-image: url('images/buttons/kuvagalleria/kuosit.jpg');
	float:left;
	
}

div.kuosit:hover
{
	
	background-image: url('images/buttons/kuvagalleria/kuosit_rollover.jpg');
	
}

div.kuosit a
{
	
	width: 147px;
	height: 166px;
	display: block;
	
}

div.kesajuhlat
{
	
	width: 147px;
	height: 166px;
	background-image: url('images/buttons/kuvagalleria/kesajuhla2008.jpg');
	float:left;
	
}

div.kesajuhlat:hover
{
	
	background-image: url('images/buttons/kuvagalleria/kesajuhla2008_rollover.jpg');
	
}

div.kesajuhlat a
{
	
	width: 147px;
	height: 166px;
	display: block;
	
}

div.pussukat
{
	
	width: 147px;
	height: 166px;
	background-image: url('images/buttons/kuvagalleria/pussukat.jpg');
	float:left;
	
}

div.pussukat:hover
{
	
	background-image: url('images/buttons/kuvagalleria/pussukat_rollover.jpg');
	
}

div.pussukat a
{
	
	width: 147px;
	height: 166px;
	display: block;
	
}

div.tuotteita
{
	
	width: 147px;
	height: 166px;
	background-image: url('images/buttons/kuvagalleria/tuotteita.jpg');
	float:left;
	
}

div.tuotteita:hover
{
	
	background-image: url('images/buttons/kuvagalleria/tuotteita_rollover.jpg');
	
}

div.tuotteita a
{
	
	width: 147px;
	height: 166px;
	display: block;
	
}

div.breadcrumb a
{
	color: #ff9933;
}

#radiomainos-button {
  margin: 0px 7px 10px 8px;
  cursor: pointer;
  text-indent: -9999px;
  background: transparent url('logos/kuuntele_radiomainoksemme.png') top left no-repeat;
  width: 115px;
  height: 120px;
}

#radiomainos-button.playing {
  background-position: top right;
}