/*  KYSELY  */

#kysely{
	position:absolute; top:50%; left:50%; margin-top:-186px; margin-left:-286px; width:572px; height:371px; background-image:url(images/banner_shoppailurahaa.png); z-index:3000;
}

#kysely_sulje{ display:block; text-decoration:none; font-size:12px; color:#838383; font-family:arial; float:right; margin:40px 40px 0px 0px; }
#kysely_linkki{ display:block; text-decoration:none; width:572px; height:300px; }

/* INPUT */

form{ margin:0; padding:0; }

input.liiketila, textarea.liiketila{
	background-image:url(images/bg_input.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	width:300px;
	border:2px solid #b9b9b9;
	font-family:arial, sans-serif;
	font-size:13px;
	color:#000;
	margin-bottom:15px;
	margin-top:5px;
	width:90%;
	}

/* GENERAL */
body {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#f9f4ea;
	background-image:url(images/bg_isomyy.gif);
	background-position:center center;
}

/* ROKKAAJA */

#rokBox{ margin:0 auto; width:986px; height:707px; background:url('images/bgbox_rokkaaja.png') no-repeat; text-align:left; }
.rokkaaja{ text-align:center; background: url('images/bg_rokkaaja.png') repeat; margin:40px 0 0 0; }

.rokPadds{ padding:200px 50px 50px 570px; }
.rokPadds2{ padding:250px 50px 50px 480px; }


/*  KAUNIINA JUHLAAN  */

.kauniinaJuhlaan{ text-align:center; background: #fff url('images/bg_kauniina_juhlaan.png') repeat !important; margin:40px 0 0 0; }

#kaunisBox{ margin:0 auto; width:986px; height:707px; background:url('images/bgbox_kauniina_juhlaan.png') no-repeat; text-align:left; }
.kaunisPadds1{ padding:210px 50px 50px 330px; }
p.kaunis{ font-family:georgia, serif; font-size:13px; margin:10px 0 10px 0; }

input.kaunis{ font-family:georgia, serif; font-size:13px; width:220px; border:2px solid #afcb08; }
.kapeaInput{ width:100px !important; }
textarea.kaunisTXT{ font-family:georgia, serif; font-size:13px; width:220px; height:75px; border:2px solid #afcb08; }
.kaunisFloater{ float:left; width:240px; margin:0 10px 0 0; }
.extraWidth{ width:440px !important; }
.kapea{ width:110px !important; }


div.eraser{ clear:both; }
div.eraserMargins{ clear:both; height:30px; }

div.toimitilaikoni{
	width:188px;
	height:148px;
	background-image:url(images/toimitilaikoni.png);
	position:absolute;
	display:inline;
	margin:-22px 0px 0px 777px;
}
	div.toimitilaikoni a{ text-decoration:none; width:188px; height:148px; display:block; }


div.kartta{
	z-index:100;
	position:absolute;
	top:0;
	left:0;
	background:none;
}

img.liikekuva{
	margin:10px 0px 10px 0px;
	width:365px;
}

table, img{
	border:0;
	margin:0 auto;
	padding:0;
}

p{
	font-family:arial, sans-serif;
	font-size:11px;
	color:#555555;
	line-height:165%;
	margin:0px 0px 10px 0px;
}

p a{
	color:#f8991d;
	font-weight:bold;
	text-decoration:underline;
}

b.nimi{ font-size:13px; }



p a:hover{
	text-decoration:none;
}

td{
	vertical-align:top;
}

div.padds{
	padding:20px 15px 10px 15px;
}

.light{
	background-color:#f9f4ea !important;
}



.padd_right{
	padding-right:20px !important;
}


/* LAHJAKONE v2 */
.lahjaBox{ float:left; margin:10px 15px 0 0; width:450px; height:160px; overflow:hidden; background:#f1f0ea url('images/bg_lahjakone.png') repeat-x center bottom; }
.removeRightMargin{ margin-right:0 !important; }
h2.lkHeader{ padding:0 10px 0 0; margin-bottom:10px; }
a.lkKuvaus{ font-size:11px; color:#555555; font-family:arial, sans-serif; display:block; line-height:150%; text-decoration:none; padding:0 10px 0 10px; }
a:hover.lkKuvaus{ text-decoration:underline; color:#909090; }
h2.lkHinta{ font-size:24px; text-transform:none; font-weight:bold; color:#f8991d; padding:0 10px 0 10px; }
.lkKuva{ margin:0 10px 0 10px; float:right; width:100px; height:100px; overflow:hidden; background-repeat:no-repeat; background-position:center center; }

/* LAHJAKONE */

.lahjakone{ height:279px !important; background:url('images/banner_lahjakone.jpg') no-repeat; }
.lahjakoneHeaderPadds{ padding:20px 20px 20px 600px; }


div.lahjaContainer{ width:450px; height:250px; float:left; margin:0px 10px 15px 10px; overflow:visible; background-image:url(images/bg_lahjakone.png); }
	div.lahjaKuva{ position:absolute; width:225px; height:250px; background-repeat:no-repeat; background-position:center center; }
		div.lahjaHinta{ position:absolute;
					overflow:hidden;
					width:225px;
					height:50px;
					margin:200px 0px 0px;
					font-family:arial, sans-serif;
					font-size:14px;
					font-weight:bold;
					color:#f8991d;
					background-color:#000;
					opacity:0.8;
					filter:alpha(opacity=80);
					-moz-opacity:0.8;
					}
					div.lahjaHinta div{ padding:5px 10px 0px 10px; }
	div.lahjaContent{ position:absolute; width:215px; height:250px; margin:0px 0px 0px 225px; overflow: hidden; }
	h2.lahjaLiike{ text-transform:none !important; font-size:11px; height:55px; color:#fff; }
	h2.lahjaOtsikko{ text-transform:none !important; font-size:12px; margin:0px 0px 10px 10px; color:#fff; }
	a.lahjalinkki{ font-weight:normal; font-size:11px; color:#fff; text-decoration:none; }
	a:hover.lahjalinkki{ color:f8991d; text-decoration:underline; }


div.backupLahjakone{ width:980px; height:420px; overflow:hidden; background-image:url(images/bg_backup_lahjakone.jpg); background-repeat:no-repeat; }
		div.LahjakoneContent{
			padding:160px 0px 0px 480px;
			font-size:14px;
			font-family:arial, sans-serif;
			color:#fff;

		}

	h4{ color:#fff; font-family:arial, sans-serif; font-size:14px; text-transform:uppercase; margin:0px 0px 10px 0px; }


h1{
	background-repeat:no-repeat;
	background-position:0 center;
	font-size:1px;
	color:#fff;
	overflow:hidden;
	text-indent:-9999px;
	height:25px;
	margin:0px 0px 15px 0px;
}

	.liikkeet{ background-image:url(images/h1_liikkeet.gif) !important; }
	.tarjoukset{ background-image:url(images/h1_tarjoukset.gif) !important; }
	.tiedotteet{ background-image:url(images/h1_tiedotteet.gif) !important; }
	.info{ background-image:url(images/h1_info.gif) !important; }
	.kalenteri{ background-image:url(images/h1_kalenteri.gif) !important; }
	.myytube{ background-image:url(images/h1_myytube.gif) !important; }
	.uutiskirje{ background-image:url(images/h1_uutiskirje.gif) !important; }
	.lahjakoneHeader{ background-image:url(images/h1_lahjakone.gif) !important; }
	.voitaaitio{ background-image:url(images/h1_voitaaitio.gif) !important; }
	.ystavamyynti{ background-image:url(images/h1_ystavamyynti.gif) !important; }
	.myynparkki{ background-image:url(images/h1_myynparkki.gif) !important; }
	.yhteystiedot{ background-image:url(images/h1_yhteystiedot.gif) !important; }
	.toimitilat{ background-image:url(images/h1_toimitilat.gif) !important; }
	.info_english{ background-image:url(images/h1_english.gif) !important; }
	.info_russian{ background-image:url(images/h1_russian.gif) !important; }

div.symbol{ float:left; width:53px; height:53px; margin:0px 10px 30px 10px; background-repeat:no-repeat; background-image:url(images/sprite_symbols.png); }
	.s_toimisto{ background-position:0px -478px !important; }
	.s_toimitusjohtaja{ background-position:0px -53px !important; }
	.s_talouspaallikko{ background-position:0px -106px !important; }
	.s_toimistosihteeri{ background-position:0px -159px !important; }
	.s_markkinointi{ background-position:0px -212px !important; }
	.s_huolto{ background-position:0px -265px !important; }
	.s_siivous{ background-position:0px -318px !important; }
	.s_vartiointi{ background-position:0px -371px !important; }
	.s_vahtimestari{ background-position:0px -424px !important; }
	.s_loytotavarat{ background-position:0px 0px !important; }

h2{
	font-family:georgia, times, serif;
	font-size:12px;
	color:#555555;
	margin:7px 0px 0px 0px;
	text-transform:uppercase;
}
.margins{ margin-bottom:10px !important; text-transform:none; }


	.whiteH2{ font-size:11px; color:#fff; }


h3{
	font-family:georgia, times, serif;
	font-size:10px;
	color:#555555;
	margin:7px 0px 7px 0px;
	text-transform:uppercase;
}



.liikeheader{
	float:right;
	margin-right:20px;
	margin-bottom:25px;
}

img.smallarrow{
	margin-right:6px;
}

/*  NEWSLETTER  */

div.newsletterContainer{  }
div.newsletterContainer input.txt{
	background-image:url(images/bg_input.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	width:300px;
	border:2px solid #b9b9b9;
	font-family:arial, sans-serif;
	font-size:12px;
	color:#000;
	margin-bottom:15px;
	margin-top:-5px;
	}


/* CONTENT */
div.content_floater{
	float:left;
}

/* KUUKAUSIKALENTERI */




/* MAIN CONTAINER */
td.main_container{
	margin:0px auto;
	text-align:center;
	background-image:url(images/bg_shadow.png);
	background-repeat:repeat-y;
	background-position:center;
	vertical-align:top;
}

td.content_container{

}


/* HEADER */
div.header_container{
	width:980px;
	height:40px;
	background-color:#ffffff;
	overflow:hidden;
	margin:0px auto;
	background-image:url(images/bg_header.gif);
	background-repeat:repeat-x;
}

div.logo{
	height:60px;
	width:980px;
	background-image:url(images/bg_topheader.png);
	background-repeat:repeat-x;
}

div.bookmark{ position:absolute; z-index:111; }

div.shoppaamaanHeader{ height:40px; background-image:url(images/bg_shoppaamaanheader.png); background-repeat:repeat-x; text-align:left; }


/* MENU ITEMS */

div.menu_container{

}

div.menu_container a, div.menu_container a.lock{
	display:block;
	margin:0 auto;
	height:40px;
	float:left;
	font-size:10px;
	font-family:georgia, times, serif;
	line-height:40px;
	color:#ccc;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:0px 20px 0px 20px;
}

div.menu_container a.lock, div.menu_container a:hover{
	background-image:url(images/bg_hover2.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	color:#fff;
}

div.menu_container a.lock{
	background-image:url(images/bg_hover.gif) !important;
}

			/* SUBMENU */

div.submenu_container{
	z-index:2;
	position:absolute;
	border:6px solid #ffffff;
	border-collapse:collapse;
	width:700px;
	height:500px;
	background-position:top;
	background-color:#585858;
	background-image:url(images/bg_footer.gif);
	background-repeat:repeat-x;
	color:#fff;
	margin:-6px 0px 0px 100px;
}

div.submenu_floater{
	width:150px;
	float:left;
}

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

li.parent{
	margin:7px 0px 7px 0px !important;
	padding:0 !important;
}

.headlink{
	font-weight:bold;
	text-decoration:none;
	font-family:georgia, times, serif;
	font-size:10px;
	color:#555555;
	text-transform:uppercase;
}


a.submenu{
	display:block;
	color:#c5c5c5;
	text-decoration:none;
	font-family:arial, sans-serif;
	font-size:11px;
	line-height:150%;
	margin:0 !important;
}

.gray{
	padding:2px 0px 2px 7px !important;
	color:#575757 !important;
}

a:hover.gray{
	background-image:none !important;
	background-color:#dddcd6;
	text-decoration:none !important;
}

a:hover.submenu{
	color:#fff;
	text-decoration:underline;
	background-image:url(images/submenu_pointer.png);
	background-repeat:no-repeat;
	padding-left:10px;
	background-position:0px center;
}

h6{
	font-family:arial, sans-serif;
	color:#f8991d;
	text-transform:uppercase;
	margin:0px 0px 10px 0px;
}

/* ETUSIVU */
/* BANNER */
div.etusivu_banner{ width:980px; height:284px; overflow:hidden;	margin:0px auto; }


div.BTN_container {
	position:absolute;
	width:980px;
	height:37px;
	z-index:1;

	background-image:url(images/bg_shadow_content.png);
	background-repeat:repeat-x;
	background-position:top;
}

div.sliderBTN_parent{
	width:47px;
	height:37px;
	overflow:hidden;
	background-image:url(images/bg_sliderbtn.png);
	background-repeat:no-repeat;
	float:right;
	margin:0px 10px 0px 10px;
}

a.sliderBTN, a.sliderBTN_lock{
	margin-left:11px;
	display:block;
	width:25px;
	height:25px;
	overflow:hidden;
	font-family:arial, sans-serif;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	background-color:#000;
	text-align:center;
	font-size:12px;
	line-height:25px;
}

a:hover.sliderBTN{
	background-color:#878787;
}

a.sliderBTN_lock{
	background-color:#f8991d;
	color:#000;
}

h2.eb{
	font-family:georgia, serif;
	font-size:16px;
	color:#000;
	padding-top:65px;
	padding-right:20px;
	margin:0px 0px 0px 0px;
	font-weight:normal !important;
	text-transform:none !important;
}

h2.eb span{
	font-size:20px;
	font-weight:bold;
}

span.eb_info{
	font-family:arial, sans-serif;
	font-size:11px;
	color:#818181;
	display:block;
}

p.eb_txt{
	margin-top:20px;
	font-size:12px;
}

p.eb_txt a{
	color:#555555;
	font-weight:normal;
	text-decoration:none;
}

p.eb_txt a:hover{
	text-decoration:underline;
}

img.eb_kuva{
	float:left;
	margin:0px 20px 0px 0px;
}

div#eb_content_container{
	width:4900px;
	height:284px;
}

div.eb_content{
	width:980px;
	height:284px;
	overflow:hidden;
	float:left;
}

#thumbNav_bg {
	position:absolute;
	width:980px;
	height:37px;
	z-index:1;

	background-image:url(images/bg_shadow_content.png);
	background-repeat:repeat-x;
	background-position:top;

 }

#thumbNav {

	width:700px;
	height:37px;

	float: right;


}

#thumbNav a{
	margin-left:11px;
	display:block;
	width:47px;
	height:37px;
	overflow:hidden;
	font-family:arial, sans-serif;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	text-align:center;
	font-size:12px;
	line-height:25px;
	float: left;
	background-image:url(images/bg_sliderbtn.png);
	background-repeat:no-repeat;
	margin:0px 10px 0px 10px;
}

#thumbNav a:hover{
	background-position: 0 -74px;
	color: black;
}

#thumbNav a.current {
	color:#000;
	background-position: 0 -37px;
}


/* ETUSIVU TARJOUSNOSTOT */

div.tarjousEtusivu{
	width:153px;
	height:172px;
	background-image:url(images/bg_etusivutarjous.png);
	background-repeat:no-repeat;
	float:left;
	margin:0px 5px 0px 0px;
}

div.tarjousEtusivu h2{
	font-size:11px !important;
	text-transform:none;
	font-family:arial, sans-serif;
	margin:10px 0px 10px 0px;
	padding:0px 10px 0px 0px;
}

div.tarjousEtusivu a{
	clear:both;
	display:block;
	padding:0px 15px 10px 15px;
	font-family:arial, sans-serif;
	font-size:11px;
	color:#555555;
	line-height:150%;
	text-decoration:none;
}

div.tarjousEtusivu a:hover{
	text-decoration:underline;
}

div.tarjousEtusivuLogo{
	border-collapse:collapse;
	margin:7px 9px 10px 8px;
	background-color:#fff;
	width:45px;
	height:45px;
	overflow:hidden;
	float:left;
}

img.tarjousLogo{
	margin:3px 0px 0px 3px;
}



/* LIIKKEET */
td.liikeinfo{
	font-family:arial, sans-serif;
	font-size:11px;
	line-height:165%;
	color:#555555;
	padding:0px 5px 0px 5px;
}

img.liikelogo{
	display:block;
	float:right;
	margin-right:20px;
}

div.tarjous{
	background-image:url(images/icon_cart.gif);
	background-repeat:no-repeat;
	padding:5px 20px 15px 50px;
	font-family:arial, sans-serif;
	font-size:11px;
	color:#555555;
}

.tiedote{ background-image:url(images/icon_attention.gif) !important; }
.tapahtuma{ background-image:url(images/icon_star.gif) !important; padding:5px 20px 15px 30px !important;}

div.tarjous span{
	display:block;
	font-weight:normal;
	text-decoration:none !important;
	margin:5px 0px 10px 0px;
	color:#afaea9;
}

div.tarjous b{
	font-size:12px;
	font-weight:bold;
}

div.tarjous a{
	color:#f8991d;
	font-weight:bold;
	text-decoration:underline;
}

div.tarjous a:hover{
	text-decoration:none;
}


/* INFOSIVU */
div.infoFloat{
	float:left;
	width:180px;
	margin-right:0px 20px 20px 0px;
}



/* FOOTER */

div.footer_container{
	width:980px;
	height:100px;
	overflow:hidden;
	margin:0px auto;
	background-position:top;
	background-color:#585858;
	background-image:url(images/bg_footer.gif);
	background-repeat:repeat-x;
}

div.footerFloater{
	float:left;
	width:200px;
	margin:5px 20px 0px 20px;
	font-family:arial, sans-serif;
	font-size:11px;
	color:#fff;
	line-height:150%;
}

div.footerFloater a{
	color:#f8991d;
}



/* other elements */
hr {
	border-width:0;
	height:1px;
	border-top:1px solid #c0c0c0;
}

.clear				{ clear: both; }


#myynjaristys						{ background: url(../images/bg.png) top left; border-radius: 5px; position: absolute;
									  margin: 0; left: 2.5%; top: 2.5%; text-align: center; width: 95%; z-index: 3000;
									  -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; }

#jaristys_container					{ margin: 0 auto; width: 800px; }

#jaristys_header					{ display: inline; margin: 0 0 70px; }

#jaristys_railo						{ background: url(../images/bg_railo.png) no-repeat;}

#jaristys_tarjoukset				{ background: white; border-radius: 5px; margin: 30px auto;
									  padding: 20px 30px; text-align: left; width: 95%;
									  -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#lataa_vihko						{ position: absolute; margin: 250px 0 0; }

#sulje								{ float: right; margin: 10px; }

#jaristys_tarjoukset .tarjous		{ float: left; padding: 0 0 0 40px; width: 180px; height: 250px; margin: 20px 10px 0; }

.clear								{ clear: both; }