body {
	background-color: #051934;
	background-image:url( gfx/kuutamolla_2010-03/kuutamotausta_1920_2011-10.jpg );
	background-position: top center;
	background-repeat: no-repeat;
}

body#xdefault {
	background-image:none;
}

input#submitpainike {
	width:33px;
	height:34px;
	background: url( gfx/kuutamolla_2010-03/submit_yrityshaku.gif ) top left no-repeat;
	outline:none;
	border:none;
}

#footer
{
    background: url( gfx/kuutamolla_2010-03/footer_bg.gif ) no-repeat;
}

#navigation
{
    background: url( gfx/kuutamolla_2010-03/navigation_bg.gif ) no-repeat;
}

#otsikkopalkki
{
    background: url( gfx/kuutamolla_2010-03/otsikkopalkki_spiraali.gif ) no-repeat;
}

#otsikkopalkki-levea
{
    background: url( gfx/kuutamolla_2010-03/otsikkopalkki_levea.gif ) no-repeat;
}

#otsikkopalkki-kapea
{
    background: url( gfx/kuutamolla_2010-03/otsikkopalkki_kapea.gif ) no-repeat;
}

#nav li a
{
    background: url( gfx/kuutamolla_2010-03/navigation_separator.gif  ) bottom right no-repeat;
}

#subnav li
{
    background: url( gfx/kuutamolla_2010-03/subnavigation_separator.gif  ) top right no-repeat;
}

#leftcolumn .listbox h4
{
    background: url( gfx/kuutamolla_2010-03/listbox_left_header_bg.gif  ) no-repeat;
}

#centercolumn .listbox h4
{
    background: url( gfx/kuutamolla_2010-03/listbox_center_header_bg.gif ) no-repeat;
}

#rightcolumn .listbox h4, #shopinfocolumn .listbox h4
{
    background: url( gfx/kuutamolla_2010-03/listbox_right_header_bg.gif ) no-repeat;
}

#otsikkopalkki h2
{
    /* background: url(gfx/otsikko_kaikkeamita.gif) no-repeat; */
}


/* LINKKIEN VÄRIT 18.10.2007 */

#otsikkopalkki-kapea h2, #otsikkopalkki-levea h2
{
	color: #ffd800;
}

a {
		color: #5da0bf;
}

.listbox h4
{
    color: #fff;
}

#nav li a
{
    color: #ffd800;
}

#nav li a:hover
{
    color: #f00;
}


body#default ul#nav li#nav_etusivu
{
    background: url( gfx/kuutamolla_2010-03/nav_active_left.gif  ) bottom left no-repeat;
}

body#default ul#nav li#nav_etusivu a
{
    background: url( gfx/kuutamolla_2010-03/nav_active_right.gif  ) bottom right no-repeat;
    color: #5da0bf;
    cursor: default;
}



body#liikkeet ul#nav li#nav_liikkeet, body#liike ul#nav li#nav_liikkeet
{
    background: url( gfx/kuutamolla_2010-03/nav_active_left.gif  ) bottom left no-repeat;
}

body#liikkeet ul#nav li#nav_liikkeet a, body#liike ul#nav li#nav_liikkeet a
{
    background: url( gfx/kuutamolla_2010-03/nav_active_right.gif  ) bottom right no-repeat;
    color: #5da0bf;
    cursor: default;
}

body#liikkeet ul#nav li#nav_etusivu a
{
    background: none;
}



body#info ul#nav li#nav_info
{
    background: url( gfx/kuutamolla_2010-03/nav_active_left.gif  ) bottom left no-repeat;
}

body#info ul#nav li#nav_info a
{
    background: url( gfx/kuutamolla_2010-03/nav_active_right.gif  ) bottom right no-repeat;
    color: #5da0bf;
    cursor: default;
}

body#info ul#nav li#nav_liikkeet a
{
    background: none;
}



body#ajankohtaista ul#nav li#nav_ajankohtaista
{
    background: url( gfx/kuutamolla_2010-03/nav_active_left.gif  ) bottom left no-repeat;
}

body#ajankohtaista ul#nav li#nav_ajankohtaista a
{
    background: url( gfx/kuutamolla_2010-03/nav_active_right.gif  ) bottom right no-repeat;
    color: #5da0bf;
    cursor: default;
}

body#ajankohtaista ul#nav li#nav_info a
{
    background: none;
}



body#kauppakeskus ul#nav li#nav_kauppakeskus
{
    background: url( gfx/kuutamolla_2010-03/nav_active_left.gif  ) bottom left no-repeat;
}

body#kauppakeskus ul#nav li#nav_kauppakeskus a
{
    background: url( gfx/kuutamolla_2010-03/nav_active_right.gif  ) bottom right no-repeat;
    color: #5da0bf;
    cursor: default;
}

body#kauppakeskus ul#nav li#nav_ajankohtaista a
{
    background: none;
}



body#palaute ul#nav li#nav_palaute
{
    background: url( gfx/kuutamolla_2010-03/nav_active_left.gif  ) bottom left no-repeat;
}

body#palaute ul#nav li#nav_palaute a
{
    background: url( gfx/kuutamolla_2010-03/nav_active_right.gif  ) bottom right no-repeat;
    color: #5da0bf;
    cursor: default;
}


body#kuutamolla ul#nav li#nav_kampanja
{
    background: url( gfx/kuutamolla_2010-03/nav_active_left.gif  ) bottom left no-repeat;
}

body#kuutamolla ul#nav li#nav_kampanja a
{
    background: url( gfx/kuutamolla_2010-03/nav_active_right.gif  ) bottom right no-repeat;
    color: #5da0bf;
    cursor: default;
}

body#palaute ul#nav li#nav_kauppakeskus a
{
    background: none;
}


#subnav li a
{
    color: #5da0bf;
}

#subnav li a:hover
{
    color: #f00;
}

#subnav li#active a
{
    color: #f00;
}

.footer_holder1, .footer_holder2, .footer_holder3
{
    background: url(gfx/kuutamolla_2010-03/footer_separator.gif) bottom right no-repeat;
}

.listbox ul li
{
    background: url( gfx/kuutamolla_2010-03/listbox_bullet.gif  ) 0 5px no-repeat;
}

.shopsale {
	color:#ed1b2d;
    background: url( gfx/kuutamolla_2010-03/listbox_bullet.gif  ) 0 5px no-repeat;
	}

form#yrityshaku #haku
{
    background: transparent url( gfx/kuutamolla_2010-03/input_yrityshaku.gif  ) top left no-repeat;
}

#pystybanneri1 a, #pystybanneri1b a
{
   height: 280px;
   background: url( gfx/kuutamolla_2010-03/sivubanneri-hypnoosi.gif) no-repeat;
}

/* Rekrylinkki */

div#rekrylinkki {
   background: url( gfx/kuutamolla_2010-03/rekrynappula.gif ) top center no-repeat;
}

/* Uutiskirjelinkki */

div#uutiskirjelinkki {
   background: url( gfx/kuutamolla_2010-03/uutiskirjenappula.gif) top center no-repeat;
}


/* Kuutamolla-tarjouslistauslaatikko */
#kampanjatarjouslaatikko {
   height: 140px;
   padding:90px 0 0 0;
   background: url( gfx/kuutamolla_2010-03/linkkilaatikko_2009.gif) top left no-repeat;
}
#kampanjatarjouslaatikko h4 {
	display:none;
}
#kampanjatarjouslaatikko ul {
   margin:0;
   padding:0 0 0 7px;
   list-style:none;
}
#kampanjatarjouslaatikko li {
   margin:10px 0;
   padding:0;
   list-style:none;
   font-size: 13px;
   font-weight: bold;
   color: #ffd800;
}
#kampanjatarjouslaatikko li a {
	display:block;
	height: 29px;
	background: url( gfx/kuutamolla_2010-03/kuutamolinkki_torstai.gif) top left no-repeat;
   text-decoration: none;
   color: #ffd800;
}
#kampanjatarjouslaatikko li#laatikonperjantailinkki a {
	background-image: url( gfx/kuutamolla_2010-03/kuutamolinkki_perjantai.gif);
}
#kampanjatarjouslaatikko li#laatikonlauantailinkki a {
	background-image: url( gfx/kuutamolla_2010-03/kuutamolinkki_lauantai.gif);
}
#kampanjatarjouslaatikko li a span {
	display:none;
}

#tarjouslehtibanneri {
	margin: 0 0 10px 0;
}
#tarjouslehtibanneri a {
	display:block;
	height: 230px;
	background: url( gfx/kuutamolla_2010-03/linkkilaatikko_2010-03_lehtinen.jpg ) top left no-repeat;
}
#tarjouslehtibanneri a span {
	display:none;
}

/* Kampanjatarjoussivun listaustyylit */

div.kampanjatarjoushinta
{
	color: #f00;
	font-weight: bold;
	font-size: 18px;
}

div.offerlink span
{
	color: #f00;
	font-weight: bold;
	font-size: 14px;
}

div.kampanjatarjoushinta span
{
	color: #999;
	font-weight: normal;
	font-size: 11px;
}

.offerlink {
	font-weight: bold;
	}

.kampanjaliikelinkki {
	background: #fff url( gfx/kuutamolla_2010-03/kuutamoikoni.gif ) center left no-repeat;
	height:20px;
	padding-top:6px;
	padding-left:30px;
	color: #f00;
	font-weight: bold;
	}

.kampanjaliikelinkki a {
	color: #f00;
}

/* Kampanjatarjoukset liikkeen omalla sivulla */

#rightcolumn .listbox h4.kampanjatarjoukset, #shopinfocolumn .listbox h4.kampanjatarjoukset
{
    background: url( gfx/kuutamolla_2010-03/tarjouslaatikonotsikkotausta.jpg ) no-repeat;
    padding-top:60px;
    padding-left:20px;
    padding-right:20px;
    text-align:center;
    height:44px;
    line-height:1;
}

#rightcolumn li span {
		font-weight:bold;
		color:#5da0bf;
	}

/* Tarjouslistaukset */

div#offers .price {
	color:#ef1b33;
	font-size:18px;
}

div#offers span.normal {
	color:#999;
	font-weight:normal;
	font-size:11px;
}

div#offers span.percent {
	font-size:11px;
	font-weight:bold;
}

.offer a.description {
	padding-bottom:5px;
}
.offer a.description span.store {
	padding-bottom: 0;
	font-weight:bold;
	font-size:15px;
}

.offer p.price {
	position: static;
	width:180px;
	padding: 2px 5px;
	background-position:bottom left;
	margin-bottom: 10px;
}

div#offers h3 {
	font-size:20px;
	font-weight:bold;
	border-top: 1px solid #e0e0e0;
	margin: 5px 0 5px 0;
	padding:0;
	height: 81px;
	text-align:center;
	background-position: 0 20px;
	background-repeat:no-repeat;
}
div#offers h3 span {
	display:none;
}

h3.kuutamovapaa-aika {
	background-image: url( gfx/kuutamolla_2010-03/kuutamotoimiala_vapaa-aika.gif );
}
h3.kuutamotavaratalot {
	background-image: url( gfx/kuutamolla_2010-03/kuutamotoimiala_tavaratalot.gif );
}
h3.kuutamoja {
	background-image: url( gfx/kuutamolla_2010-03/kuutamotoimiala_ja.gif );
}
h3.kuutamomuoti {
	background-image: url( gfx/kuutamolla_2010-03/kuutamotoimiala_muoti.gif );
}
h3.kuutamokoti {
	background-image: url( gfx/kuutamolla_2010-03/kuutamotoimiala_koti.gif );
}
h3.kuutamokodintekniikka {
	background-image: url( gfx/kuutamolla_2010-03/kuutamotoimiala_kodintekniikka.gif );
}
h3.kuutamokauneus {
	background-image: url( gfx/kuutamolla_2010-03/kuutamotoimiala_kauneus.gif );
}
h3.kuutamoravintolat {
	background-image: url( gfx/kuutamolla_2010-03/kuutamotoimiala_ravintolat.gif );
}
h3.kuutamotoimistot {
	background-image: url( gfx/kuutamolla_2010-03/kuutamotoimiala_toimistot.gif );
}

.shopcampaignoffertitle {
	background-image: url( gfx/kuutamolla_2010-03/liikesivun_tarjousotsikko_2.gif );
}

h2#kuutamotarjousotsikkomaanantai {
	background: url( gfx/kuutamolla_2010-03/kuutamotarjousotsikko_ma.gif ) 10px 0 no-repeat;
	height:110px;
	margin:0;
}
h2#kuutamotarjousotsikkotiistai {
	background: url( gfx/kuutamolla_2010-03/kuutamotarjousotsikko_ti.gif ) 10px 0 no-repeat;
	height:110px;
	margin:0;
}
h2#kuutamotarjousotsikkokeskiviikko {
	background: url( gfx/kuutamolla_2010-03/kuutamotarjousotsikko_ke.gif ) 10px 0 no-repeat;
	height:110px;
	margin:0;
}
h2#kuutamotarjousotsikkosunnuntai {
	background: url( gfx/kuutamolla_2010-03/kuutamotarjousotsikko_su.gif ) 10px 0 no-repeat;
	height:110px;
	margin:0;
}
h2#kuutamotarjousotsikkoperjantai {
	background: url( gfx/kuutamolla_2010-03/kuutamotarjousotsikko_pe.gif ) 10px 0 no-repeat;
	height:110px;
	margin:0;
}
h2#kuutamotarjousotsikkotorstai {
	background: url( gfx/kuutamolla_2010-03/kuutamotarjousotsikko_to.gif ) 10px 0 no-repeat;
	height:110px;
	margin:0;
}

h2#kuutamotarjousotsikkolauantai {
	background: url( gfx/kuutamolla_2010-03/kuutamotarjousotsikko_la.gif ) 10px 0 no-repeat;
	height:110px;
	margin:0;
}
h2#kuutamotarjousotsikkomaanantai span, h2#kuutamotarjousotsikkotiistai span, h2#kuutamotarjousotsikkokeskiviikko span, h2#kuutamotarjousotsikkosunnuntai span, h2#kuutamotarjousotsikkolauantai span, h2#kuutamotarjousotsikkoperjantai span, h2#kuutamotarjousotsikkotorstai span  {
	display: none;
}

h4.kampanjatarjouksetmaanantai, h4.kampanjatarjouksettiistai, h4.kampanjatarjouksetkeskiviikko, h4.kampanjatarjouksettorstai, h4.kampanjatarjouksetperjantai, h4.kampanjatarjouksetlauantai, h4.kampanjatarjouksetsunnuntai {
}
h4.kampanjatarjouksettorstai span, h4.kampanjatarjouksetperjantai span, h4.kampanjatarjouksetlauantai span {
}
h4.kampanjatarjouksettorstai {
}
h4.kampanjatarjouksetperjantai {
}
h4.kampanjatarjouksetlauantai {
}

.whendays {color:#999;font:10px Arial,sans-serif}
div#kuutamolla-navigation { padding:16px 0 0 0;clear:left;height:160px}
#kuutamolla-navigation ul {list-style:none;margin:0 0 0 20px;padding:0;clear:left}
ul#kuutamolla-paivanavi {padding-top:10px;margin-left:75px}
#kuutamolla-navigation ul li {margin:0 4px 0 0;padding:0;width:98px;height:60px;float:left;text-align:center}
ul#kuutamolla-paivanavi li {}
#kuutamolla-navigation ul li a {display:block;height:100%;padding:15px 2px 0 2px;color:#ffd800;font:bold 11px/1 Arial,sans-serif;text-decoration:none;background:#fff url( gfx/kuutamolla_2010-03/kuutamotarjousnavipohja.jpg ) 0 0 no-repeat}
#kuutamolla-navigation ul li a:hover, #kuutamolla-navigation ul li.aktiivinen a {background-position:0 -80px}
div#leftcolumn-wide h3.kuutamolla-tarjousvaliotsikko {float:left;width:450px;text-align:left;padding-top:30px;margin:0 0 10px 0}
div#leftcolumn-wide h3.kuutamolla-tarjousvaliotsikko {height:auto;border:none}
form.kuutamolla-sortform {float:right;width:250px;padding-top:30px;margin:0}
div#offers {padding-top:0}

