/* ------------------------------------

	HOUSEKEEPER ja KIRBY stiilileht
	by Papilion Disain
	June 2007
	
------------------------------------ */

* { 	margin:0;
	padding:0;
}
body{
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Helvetica, Tahoma, Arial, sans-serif;
	font-size:70%;
	text-align:left;
	line-height:1.4em;
	color:#333;
	background:#313131 url('/img/b_bg.png') repeat-x fixed;
}
#wrap{
	position:relative;
	margin:0 auto;
	padding:0;
  	width:754px;
  	background-color:#fff;

}
#sisu_wrap{
	float:left;
	width:750px;
	margin:0;
	padding:0 0 60px 0;
	background:#fff url('/img/main_bg.gif') repeat-y left;
}
#esileht #sisu_wrap{
	float:left;
	width:750px;
	margin:0;
	padding:0 0 60px 0;
	background:#fff url('/img/main_bg_home.gif') repeat-y left;
}
#content{
	margin:30px 0;
	padding:0 25px;
	background:transparent;
}
.content_left{
	float:left;
	width:450px;
	padding:0px;
	margin:0;
	background:transparent;
}
.content_left_esi{
	float:left;
	width:390px;
	padding:0;
	margin:0;
	background:transparent;
}
.content_right{
	float:left;
	width:200px;
	margin:0 0 0 50px;
	padding:0px;
	background:transparent;
	text-align:right;
}
.content_right_esi{
	float:left;
	width:280px;
	margin:0 0 0 30px;
	padding:0px;
	background:transparent;
	text-align:left;
}
#jalus{
	position:relative;
	clear:both;
	width:750px;
	height:110px;
	margin:0;
	padding:0;
	font-size:90%;
	color:#ccc;
	background:#31424c url('/img/f_bg.gif') no-repeat;
}



/* ---- TYPOGRAAFIA JA MUUD ------ */


a:link{ color:#0a9eeb; }
a:visited{ color:#075f8d; }
a:hover{ color:#075f8d; }

#jalus a{ color:#eee; }
#jalus a:hover{ color:#ccc; }

p{ margin:1em 0 1em 0;padding:0; }
#jalus p{ margin:0;padding:30px 0 0 25px; }

h1{ font-size:200%;color:#fff;font-weight:normal;padding:0;margin:0; }
h2{ font-size:150%;color:#333;font-weight:normal;padding:0;margin:0; }
h3{ font-size:130%;color:#333;font-weight:normal;padding:0;margin:0; }
h4, h5, h6{ font-size:120%;color:#333;font-weight:bold;margin:1em 0 0 0;}
.esil_toode h3{ font-size:110%;font-weight:bold; }
.content_left h2, .content_left h3{ background-color:#fdf3d0;color:#000;margin:0 0 1em 0;padding:3px;text-indent:5px; }

.content_left_esi h3{ font-size:18px;height:60px;width:390px;margin:0 0 10px 0;padding:0;font-weight:bold;color:#000;background:transparent url('/img/tervitus.gif') no-repeat top left; }
.content_left_esi span{ display:none }

.content_right h3{ background-color:#487092;color:#fff;margin:0 0 6px 0;padding:4px 0; }

em{ color:#000;background-color:#fdf9da;padding:.3em;font-style:normal; }
div.hr{ margin:5px 20px;height:1px;background-color:#e4e8ea; }
div.hr hr{ display:none; }
a img{ border:none; }
.peida{ display:none; }
.red{ color:red;font-size:100%; }
.blue{ color:blue; }
.green{ color:green; }
p#kastis{ margin:0;padding:10px;width:180px;font-size:0.9em;line-height:1.5em;color:#333;background-color:#fefefe;border-top:1px solid #ccc;border-bottom:1px solid #ccc; }
p#eritekst{ margin:30px 0 0 0;padding:10px;font-size:0.9em;line-height:1.5em;color:#cf3410;background-color:#fefefe;border-top:1px solid #ccc;border-bottom:1px solid #ccc; }

.esil_toode{ margin:0 0 5px 0;padding:5px 0 5px 5px;font-size:95%; }
.content_right img, .content_right_esi img{ float:left;margin:2px 15px 0px 0px;padding:5px;background-color:#e4e8ea; }
.content_right_esi img.reklaam{ margin:0;padding:0px; }

.content_left .right{ float:right;margin:0 0 0 20px;padding:0; }
.content_left img{ margin:0 0 10px 0;padding:0; }



/* ---- TOP GRAAFIKA/LOGO ------ */


#logo{ background:#2d3a41 url('/img/top_bg.gif') no-repeat;width:750px;height:110px;padding:0;margin:0; }
#logo h1{ position:absolute;width:200px;top:20px;left:25px;color:#fff; }
#logo h2{ position:absolute;width:200px;top:58px;left:25px;color:#d2d7d9; }

#title{ clear:left;background:#2f2f34 url('/img/title_bg.gif') no-repeat top;margin:0;padding:25px 150px 25px 25px; }
#title h1{ margin:0;padding:0;font-size:160%; font-weight:normal;color:#eb9f3d; }
#title h2{ margin:5px 0 0 0;padding:0;font-size:110%;line-height:1.5em;color:#fff; }
#title a:link,#title a:visited{ padding:1px;color:#fff;border-bottom:1px dotted #eb9f3d;text-decoration:none; }
#title a:hover{ padding:1px;color:#eb9f3d;border-bottom:1px dotted #fff;text-decoration:none; }

#promo_kast{ margin:0;padding:0; }
#promo_kast a, #promo_kast a:hover{ padding:0;margin:0; }
#promo_kast #kolm{ display:block;list-style:none;width:750px;height:241px;margin:0;padding:0;text-indent:-9999px;text-decoration:none; }
#promo_kast #kolm li, #promo_kast #kolm li a{ display:block;float:left;min-width:250px; }

#promo_kast #kolm a.promo1{ background:transparent url('/img/promo_1.gif') top left no-repeat;width:250px;height:241px; }
#promo_kast #kolm a.promo2{ background:transparent url('/img/promo_2.gif') top left no-repeat;width:250px;height:241px; }
#promo_kast #kolm a.promo3{ background:transparent url('/img/promo_3.gif') top left no-repeat;width:250px;height:241px; }
#promo_kast #kolm .promo1:hover, #promo_kast #kolm .promo2:hover, #promo_kast #kolm .promo3:hover{ padding:0;margin:0;background-position:0px -241px; }



/* ---- NAV/LISTID ------ */


#nav{ float:left;list-style-type:none;width:750px;margin:0;padding:0;font-size:11px;border-bottom:2px solid #364c59;background:#315b6c url('/img/nav_bg.gif') repeat-x top left; }
#nav li{ float:left;margin:0;background:url('/img/nav_li.gif') no-repeat top right;list-style-type:none;padding:0 1px 0 0; }
#nav a{ float:left;padding:7px 10px;text-decoration:none;color:#fff; }
#nav a:hover, #nav a.active{ color:#fff;background-color:#206586; }
#nav a.active{ font-weight:bold;background:#206586 url('/img/nav_on.gif') repeat-x bottom left; }
li#nav1 a{ margin:0 0 0 25px;background: url('/img/nav_li.gif') no-repeat top left; }
#nav li#last{ float:right;background-image:none;display:none; }

.sub_nav{ margin:0 0 10px 0;border-top:1px solid #ccc;}
.sub_nav li{ display:inline; }
.sub_nav li a{ background-color:#eee;color:#333;padding:6px 20px;border-bottom:1px solid #ccc;display:block;width:160px;text-decoration:none; }

.sub_nav li a:hover{ background-color:#e9e9e9;color:blue; }
.sub_nav li#active a{ background-color:#e6e6e6;color:#333;font-weight:bold; }

ul.list{ margin:0 0 10px 20px;font-size:95%;border:none;padding:0 0 0 20px;list-style-image:url('/img/arrow.gif'); }
ul.list a, ul.list a:visited{ text-decoration:none; }
ul.list a:hover{ text-decoration:underline; }



/* ---- TOODETE LEHT ------ */


div.toote_wrap{ clear:both;width:450px;border-top:1px solid #ccc;margin:0;padding:0; }
div.toote_vasak{ float:left;display:inline;width:200px;margin:15px 0;padding:0; }
* html div.toote_vasak{ margin-left:0px; }
div.toote_parem{ text-align:left;float:left;width:235px;margin:15px 0 15px 15px;padding:0; }
* html div.toote_parem{ margin-top:0;padding:0; }

.zemContactForm{ width:230px;color:#000;background:transparent; }
input{ border:1px solid #ccc;background-color:#ebebeb; }
label,input,select{ float:left;width:180px; }
fieldset{ border:none; }
textarea{ width:200px;height:90px;border:1px solid #ccc; }
.zemSubmit{ width:60px;padding:4px;margin-top:10px;border:1px solid #ccc;background-color:#ebebeb;color:#000; }

#puhastusteenus .zemContactForm{ width:400px;margin:20px 0;color:#000;background:transparent; }
#puhastusteenus input{ border:1px solid #ccc;background-color:#ebebeb; }
#puhastusteenus fieldset{ border:none; }
#puhastusteenus textarea{ width:300px;height:90px;border:1px solid #ccc; }
#puhastusteenus .zemSubmit{ width:80px;padding:4px;margin-top:10px;border:1px solid #ccc;background-color:#ebebeb;color:#000; }


/* ---- KOMMENTAARID ------ */


.kommentaarid{ width:450px;float:left;padding:0;background:#fff url('/img/quote.gif') no-repeat top left;text-indent:40px; }

.kommentaarid blockquote{ padding:0;margin:0; }
.kommentaarid blockquote p{ font:italic 105%/1.4em georgia,'times new roman',serif;color:#666; }
.kommentaarid blockquote p span{ font:normal 80%/1em 'helvetica neue',helvetica,arial,sans-serif;color:navy;display:block;padding:5px 20px 10px 0;text-align:right;border-bottom:1px dotted #ccc; }

.comments{ margin:30px 0;padding:15px 0 0 0;border-top:1px dotted #ccc; }
.comments-wrapper{ clear:both; }
#txpCommentInputForm label{ margin-right:5px; }
.button{ float:left;margin:10px 0;padding:3px 0; }


/* ---- GOOGLE NAV ------ */


.paggingbottom{ padding:30px 0 0 0;float:right; }
ul.googlepaging{ list-style-type:none;margin:0;padding:0;font-size:11px }
ul.googlepaging li{ display:inline;background:none;padding:3px;margin:0px; }
ul.googlepaging li a{ padding:4px;text-decoration:none;border:1px solid #ccc;margin:0 1px; }
ul.googlepaging li a:hover{ background:#fff;border:1px solid #666; }
ul.googlepaging li.pagenow{ font-weight:bold;padding:4px;border:1px solid #ccc;margin:0 2px; }