body, p, td, li, #main, #menu ol li, div, ul li, #ArticlesContainer { font-size: 12px !important; line-height: 18px !important }
#menu li a { font-size: 12px !important }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}
HTML, BODY { margin: 0; padding: 0; background: #fff;color: #333; }
BODY, INPUT, SELECT, TEXTAREA, BUTTON, BLOCKQUOTE { font: 12px Arial, Tahoma, Helvetica, sans-serif;color: #333; }

TEXTAREA, SELECT {border: 1px solid #ddd8ca;}
INPUT {border: 1px solid #ddd8ca;padding: 2px 2px 0 2px;color: #666;}
INPUT, option {height: 17px;voice-family: "\"}\"";voice-family:inherit;height: 14px;}
SELECT {padding: 2px 2px 1px 2px;height: 20px;voice-family: "\"}\"";voice-family:inherit;height: 20px;}
INPUT.noborder {border:none !important;}

H1, H2, H3, H4, H5, H6 {
	margin: 1em 0 .5em 0;
	padding: 0;
	color: #333;
	font-weight: normal;
	font: 20px Arial, Tahoma, sans-serif;
	line-height: normal;
}
H2 { font-size: 18px; color: #f68c3e; margin: 0;}
H3 { font-size: 12px; font-weight: bold; margin: 1.5em 0 0 0;}
H4 { font-size: 11px; font-weight: bold; margin: 2em 0 1em 0;}
H5 { font-size: 13px; }
H6 { font-size: 12px; }

IMG { border: 0; }
A { color: #1163b6; text-decoration: none; }
A:hover { text-decoration: underline }

P { padding: 0; margin: 1em 0 0 0;  }
UL, OL, TD, DD { margin: 0; padding: 0;}
OL {margin-left: 20px;}
OL.none {list-style: none;}
LI { margin: 0; padding: 0 0 0 10px; }
.nobullets LI {list-style:none;padding: 0}


FORM { margin: 0; padding: 0; }

TABLE { border-collapse: collapse; border-spacing: 0; margin: 1.1em 0 0 0;}
TH, TD { text-align: left; vertical-align: top;font-size:11px;}


BLOCKQUOTE, ADDRESS {font: 12px Arial, Tahoma, Helvetica, sans-serif; padding: 0; margin: 0; font-style: normal}

.hidden { display: none; }
.f-left {float:left; margin-right: 5px;}
* html .f-left {margin-top: -3px;}/*ie*/

.right {float:right;}
.left {float:left;} 
.leftalign {text-align:left !important;} 

.margin {margin: 0;}

.top_space {margin-top: 5px}

.w40 { width: 40px; }
.w70 { width: 70px; }
.w100 { width: 100px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w400 { width: 400px; }

#main .type1, .type1 UL {margin-left: 20px;list-style: none}
#main .type1 LI {padding: 3px 0;}
#main UL.type1 { margin: .5em 0 0 .5em; list-style: none !important; font-size: 12px; font-weight: bold; }
#main UL.type1 UL { margin: .5em 0 .5em 1.5em; list-style: none; font-size: 12px; font-weight: bold; }
#main UL.type1 UL UL { font-weight: normal; }

/* =clear
-------------------------------------------------- */
.clear:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}
.clear { display: inline-block; }
/* backslash hack \*/
* html .clear { height: 1%; }
.clear { display: block; }
/* backslash hack */


div.extra_kalk { clear: both; width: 614px; height: 288px; background: url('/public/banner/extra_top.jpg'); }
div.extra_text { clear: both; width: 614px; height: 330px; background: url('/public/banner/first.jpg');  }
div.extra_text_i { padding: 10px; padding-right: 30px; padding-left: 20px }


div.extra_text_kytus_1 { clear: both; width: 614px; height: 332px; background: url('/public/extra_pildid/kyte/1.jpg'); }
div.extra_text_kytus_2 { clear: both; width: 614px; height: 332px; background: url('/public/extra_pildid/kyte/2.jpg'); }
div.extra_text_kytus_3 { clear: both; width: 614px; height: 332px; background: url('/public/extra_pildid/kyte/3.jpg'); }
div.extra_text_kytus_4 { clear: both; width: 614px; height: 332px; background: url('/public/extra_pildid/kyte/4.jpg'); }

div.extra_text_pesu { clear: both; width: 614px; height: 332px;  }




	div.extra_select { padding-top: 145px; padding-left: 120px; }
	div.extra_select select, div.extra_select_teine select { width: 150px }
	div.extra_edasi { clear: both; text-align: right; padding-top: 38px; padding-right: 90px; }
	div.extra_selgitus { clear: both; }
	div.clear { clear: both }
	.pointer { cursor: pointer }
	div.extra_tasemel { clear: both; padding-top: 45px; padding-left: 20px; font-size: 17px	 }
	div.saada_nupp { clear: both; text-align: right; padding-right: 85px; padding-top: 205px }
	div.saada_nupp2 { clear: both; text-align: right; padding-right: 85px; padding-top: 210px }
	div.extra_tablid { clear: both; width: 570px; height: 120px }
		div.e_kaart { float: left; width: 400px; height: 120px }
		div.automaat { float: left; width: 120px; height: 120px }

		div.e_1, div.e_2, div.e_3 { float: left; padding-top: 80px; padding-left: 40px; padding-right: 24px; font-size: 14px }


div.extra_text_teine { clear: both; width: 614px; height: 332px; background: url('/public/extra_pildid/second.jpg'); }
div.extra_select_teine { padding-top: 153px; padding-left: 120px; }
div.extra_edasi_2 { clear: both; text-align: right; padding-top: 30px; padding-right: 90px; }

div.extra_text_kolmas { clear: both; width: 614px; height: 332px; background: url('/public/extra_pildid/third.jpg'); }
div.extra_select_kolmas { padding-top: 147px; padding-left: 120px; }
div.extra_edasi_2 { clear: both; text-align: right; padding-top: 37px; padding-right: 90px; }
div.extra_edasi_3 { clear: both; text-align: right; padding-top: 45px; padding-right: 90px; }
div.koik_kokku { clear: both; width: 614px; height: 332px; }
div.koik_kokku2 { clear: both; padding-top: 210px; text-align: right }
	div.oled_tasemel { clear: both; font-size: 18px; padding-top: 49px; padding-left: 32px; font-weight: normal; color: #1a1718 }
	div.numbrid { clear: both; width: 600px; height: 120px;  }
	div.kokku_pronks, div.kokku_hobe, div.kokku_kuld, div.kokku_autom { float: left; font-size: 14px; color: #1a1718;  }
	div.kokku_pronks { width: 130px; color: #756c5e;   text-align: center }
	div.kokku_hobe { width: 132px;  color: #756c5e; text-align: center }
	div.kokku_kuld { width: 117px;  color: #756c5e; text-align: center}
	div.kokku_autom { width: 190px;  color: #6b7160; padding-top: 15px; text-align: center;  }

	div.numbrid_kokku_i { padding-top: 80px; padding-left: 27px }
	div.tagasi_algusse { clear: both; padding-top: 22px; padding-right: 35px; text-align: right }

div.font_color { color: #333 !important }


.rotate th { vertical-align: bottom !important; padding-left: 5px; padding-right: 5px}

/* main page banners */

table.index_banners { width: 650px }
.index_banners td { border: none !important; padding-bottom: 10px }

div.kohvi_landing { clear: both; width: 645px; height: 850px; background: url('/gfx/kohvi_taust.jpg'); color: white }
div.kohvi_landing2 { clear: both; width: 645px; height: 510px; background: url('/gfx/kohvi_taust.jpg'); color: white }
div.kohvi_landing2 div.kohvi_landing_i { padding-right: 20px }
	div.kohvi_landing_i { padding-top: 330px; padding-left: 20px  }
div.kohvi_landing td, div.kohvi_landing input { border: none }
div.kohvi_landing td { color: white }
div.kohvi_landing table { width: 640px }
div.kohvi_landing td p { margin-top: 0px; padding: 2px !important;  }
div.kohvi_landing select { width: 500px }
textarea.kohv { width: 400px !important;  }

div.kohvi_landing input.saada { clear: both; width: 74px; height: 36px; background:  url('/gfx/saada_kohv.jpg'); background-repeat: no-repeat; cursor: pointer  }



/** Partnerite leht **/


div.partnerite_leht { clear: both; width: 645px; background: #dbe3e6; font-family: arial; text-align: center; color: #333333 !important}
	div.partner_top { clear: both; width: 645px; height: 437px; background: url('/gfx/partner_page.jpg'); background-repeat: no-repeat; text-align: justify; font-weight: bold }
	div.partner_top_i { padding: 25px; padding-top: 280px; color: #333333; font-size: 12px }

	div.partner_1 { clear: both; width: 645px; text-align: left; font-family: verdana !important; font-size: 15px !important; font-weight: bold; }
		div.partner_1_i { padding: 30px; padding-top: 0px; padding-bottom: 5px;  }
		div.partnerite_leht a { color: #ff9900 !important }
			
		h1.partner { color: #123f4e; font-family: verdana; font-size: 24px; font-weight: bold; margin: 0px; padding: 0px; padding-bottom: 8px; padding-top: 2px }

		div.partner_more { color: #333333; font-family: verdana; font-size: 12px; font-weight: normal }
		div.partner_more_i { padding-top: 15px }
		div.partner_more ul { padding-bottom: 10px }

		.if { background: url('/gfx/if.png'); background-repeat: no-repeat; background-position: 93% 0%;  }
		.roheline { background: url('/gfx/roheline_laine.png'); background-repeat: no-repeat; background-position: 93% 1%; }
		.tm { background: url('/gfx/tm.png'); background-repeat: no-repeat; background-position: 93% 1%; }
		.firststop { background: url('/gfx/firststop.png'); background-repeat: no-repeat; background-position: 93% 1%; }



div.fotopank td { border: none }


div.boxHeader,h3.boxHeader
{
	background-color:#CCCCCC;
	color:#333333;
	padding:6px; 
	font-weight:bold;
	margin-bottom:2px;
	font-size: 12px
}

a.icon
{
	background: url("/gfx/fotopank_ico.jpg");
	background-repeat:no-repeat;
	background-position:0 50%;
	padding-left:15px;
	font-weight: bold; color: #333333; font-size: 11px; text-decoration: none;

}
a.icon:hover{text-decoration: underline;}







div.no_border td { border: none }


div.termostass { clear: both; width: 645px; height: 891px !important; background: url('/gfx/termos_bg.jpg'); background-repeat: no-repeat; }

div.termos_text a { color: white !important; text-decoration: underline }
div.termos_text a:hover { color: white; text-decoration: none }

div.termos_text { padding: 26px; padding-top: 70px; color: white; line-height: 15px !important; color: #cccccc; text-align: justify }




/** propaan **/

div.propaan { clear: both; width: 645px; height: 1000px; background: url('/gfx/propaan_vorm.jpg'); background-repeat: no-repeat; }
	div.propaan_i { padding-top: 490px; padding-left: 20px }

div.propaan_aitah { clear: both; width: 645px; height: 1000px; background: url('/gfx/propaan_aitah.jpg'); background-repeat: no-repeat; }
div.propaan_aitah_i { padding-top: 620px; padding-left: 25px }
div.propaan_lahtrid { clear: both; padding-top: 4px; }
div.propaan_lahtrid table { margin-top: 0px; padding-top: 0px }
div.propaan_lahtrid td { border: none; padding-bottom: 15px; color: black }
div.propaan_lahtrid input { border: none }
input.propaan { width: 280px; height: 19px; border: none; background: none; color: black }

div.propaan_tingimused_input { clear: both; padding-top: 5px }

input.propaan_saada { clear: both; width: 91px; height: 28px; background: url('/gfx/propaan_saada.jpg'); background-repeat: no-repeat; border: none; cursor: pointer}

div.propaan_tingimused { clear: both; width: 645px; background: url('/gfx/propaan_tingimused.jpg'); background-repeat: repeat-x; background-color: #fffef2 }
div.propaan_tingimused_i { padding: 20px }



/** Grillit **/
/** 2011.06.16**/

div.grillit { clear: both; width: 645px; height: 1000px; background: url('/gfx/grillit_vorm.jpg'); background-repeat: no-repeat; text-align: justify}
div.grillit_i { padding-top: 480px; padding-left: 20px; padding-right: 20px }

div.grillit_aitah { clear: both; width: 645px; height: 1000px; background: url('/gfx/grillit_send.jpg'); background-repeat: no-repeat; }
div.grillit_aitah_i { padding-top: 620px; padding-left: 25px }
div.grillit_lahtrid { clear: both; padding-top: 4px; }
div.grillit_lahtrid table { margin-top: 40px; padding-top: 0px }
div.grillit_lahtrid td { border: none; padding-bottom: 15px; color: black }
div.grillit_lahtrid input { border: none }
input.grillit { width: 294px; height: 24px; border: none; background-image:url("gfx/input_back.gif") }

div.grillit_tingimused_input { clear: both; padding-top: 5px }

input.grillit_saada { clear: both; width: 91px; height: 28px; background: url('/gfx/grillit_saada.gif'); background-repeat: no-repeat; border: none; cursor: pointer}

div.grillit_tingimused { clear: both; width: 645px; background: url('/gfx/Grill_landingpage-EST-Reeglid_Taust.gif'); background-repeat: repeat-x; background-color: #fffef2 }
div.grillit_tingimused_i { padding: 20px }



/** Viking EST **/
/** 2011.06.17**/


div.viking { clear: both; width: 645px; background: url('/gfx/VikingLine_landingpage-EST_Taust.jpg'); background-repeat: repeat-x; background-color: #fffef2 }
div.viking_i { padding: 20px }
div.viking_sisu {margin-top:260px; text-align:justify}


/** Viking RUS **/
/** 2011.06.17**/


div.viking_RUS { clear: both; width: 645px; background: url('/gfx/VikingLine_landingpage-RUS_Taust.jpg'); background-repeat: repeat-x; background-color: #fffef2; color: white; line-height: 14px }
div.viking_i_RUS { padding: 20px }
div.viking_sisu_RUS {margin-top:260px; text-align:justify}
div.viking_sisu_RUS a { color: white !important; text-decoration: underline }
div.viking_sisu_RUS a:hover { color: white; text-decoration: none }

/** KKK **/

#kkk p{
   		text-decoration:none;
   		color:#1163b6;
   		margin:5px;
   }
#big {font-size:18px}



#offer-inner { border: none !important; }
#offer-inner input { border: none; border-bottom: 1px solid #ddd8ca }


div.erakliendi_avaleht { clear: both; width: 645px; height: 395px; color: #464749; background-color: #d3eefc; background-image: url('/gfx/eraklient_bg.png'); }
div.eraklient_kaardid { clear: both; padding-left: 20px; padding-top: 10px}
	div.eraklient_kaart { float: left; width: 150px; height: 200px; }
	div.eraklient_kaart p {  line-height: 14px !important }

div.arikliendi_avaleht { clear: both; width: 645px; height: 430px; color: #464749; background-color: #d3eefc; background-image: url('/gfx/ariklient_avaleht_bg.png'); background-position: bottom  }
div.ariklient_kaardid { clear: both; padding-left: 20px; padding-top: 10px}
	div.ariklient_kaart { float: left; width: 200px; height: 200px; }
	div.ariklient_kaart p {  line-height: 14px !important }






#content-tree {
	width: 645px;
	min-height: 500px;
	float: left;
	position: relative;
	background: #fff url('tree/tree.png') no-repeat center 50px;
}

#content-tree .orange {
	background:  transparent url('tree/tree-o.jpg') no-repeat top left;
	display: block;
	float: left;
	width: 178px;
	font: 15px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: normal;
	text-align: center;
	line-height: 32px;	
		white-space: nowrap;
}
#content-tree .orange .text {
	display: block;
	float: left;
	width: 178px;
}
#content-tree .orange span.footer {
	background:  transparent url('tree/tree-o.jpg') no-repeat bottom left;
	width: 178px;
	display: block;
	float: left;
	height: 10px;
	margin-top: -10px;
}
#content-tree .orange2 {
	background:  transparent url('tree/tree-o2.jpg') no-repeat top left;
	display: block;
	float: left;
	width: 217px;
	font: 13px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: normal;
	text-align: center;
		white-space: nowrap;
	line-height: 32px;	
}
#content-tree .orange2 .text {
	display: block;
	float: left;
	width: 217px;
}
#content-tree .orange2 span.footer {
	background:  transparent url('tree/tree-o2.jpg') no-repeat bottom left;
	width: 217px;
	display: block;
	float: left;
	height: 10px;
	margin-top: -10px;
}
#content-tree .gray {
	background:  transparent url('tree/tree-g.jpg') no-repeat top left;
	float: left;
	width: 178px;
	display: block;
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: normal;
	text-align: center;
	display: block;
	margin: 2px 0 2px 20px;
}
#content-tree .gray .text {
	padding: 5px;
	display: block;
}
#content-tree .gray span.footer {
	background:  transparent url('tree/tree-g.jpg') no-repeat bottom left;
	width: 178px;
	display: block;
	float: left;
	height: 10px;
	margin-top: -10px;
}

#content-tree #top {
	position: absolute;
	top: 30px;
	left: 230px;
}
#content-tree #top-2 {
	position: absolute;
	top: 75px;
	left: 35px;
}
#content-tree #top-3 {
	position: absolute;
	top: 75px;
	left: 380px;
}
#content-tree #top-4 {
	position: absolute;
	top: 130px;
	left: 35px;
}
#content-tree #top-5 {
	position: absolute;
	top: 130px;
	left: 380px;
}
#content-tree #top-6 {
	position: absolute;
	top: 185px;
	left: 35px;
}

#content-tree .parent {
	position: relative;
	z-index: 10;
}
#content-tree #parent-1 {
	position: absolute;
	width: 217px;
	top: 275px;
	left: 0;
}
#content-tree #parent-2 {
	position: absolute;
	width: 217px;
	top: 275px;
	left: 220px;
}
#content-tree #parent-3 {
	position: absolute;
	width: 217px;
	top: 275px;
	left: 440px;
}
#content-tree #parent-4 {
	width: 217px
}