@charset "UTF-8";
/* CSS Documentt */

/* ASEMOINTI */

body  {font: 80% Arial, Helvetica, sans-serif;	background: #e0f4e8; margin: 0; padding: 0;	text-align: center; color: #000000;}
.thrColFixHdr H1, H2, H3, td.contentheading,th {font-family:"Times New Roman", Times, serif;color: #008264;padding:0 0 0 0;margin: 0 0 0 0;font-weight: normal;}
h2 {font-size:20px; padding-top: 20px;}
h3,.moduletablecenternews th {font-size:16px;}
.thrColFixHdr a, .thrColFixHdr a:visited {color: #008264;text-decoration:underline;}
.chronoform {
	display: none;
}
.thrColFixHdr a:hover {text-decoration:none;}
.thrColFixHdr #container { width:976px;	background-image: url(/media/images/bg_shades.gif);background-color:#FFFFFF;background-repeat:repeat-y;padding:0 13px 0 11px;margin: 0 auto;border: 0px solid #000000;	text-align: left;} 
.thrColFixHdr #header {background: #75c3b3;	background-image:url(/media/images/bg_topmenu.gif);background-repeat:repeat-x;height:150px;padding: 0 0px 0 0px;} 
.thrColFixHdr #header h1 {margin: 0;padding: 10px 0;}
.thrColFixHdr #sidebar1 {float: left;width: 200px;padding: 0px 0px 15px 0px;}
.thrColFixHdr #sidebar2 {float: right;width: 200px;	padding: 0px 0px 15px 0px;}
.thrColFixHdr #mainContent {margin: 0 200px;padding: 0 10px;} 
.thrColFixHdr #footer {padding: 3px 10px 3px 20px;background:#008264;background-image:url(/media/images/bg_footer.gif);background-repeat: repeat-x;font-size:11px;margin-top:20px;color:#ffffff;} 
.thrColFixHdr #footer p {margin: 0;	padding: 10px 0;}
.fltrt {float: right;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
.thrColFixHdr form {padding:0 0 0 0;margin: 0 0 0 0; display:inline;}
div.componentheading {font-family:"Times New Roman", Times, serif;color: #008264;padding:0 0 0 0;margin: 0 0 0 0;font-weight: normal;font-size:18px}
/* SIVUSTON ULKOASU */
.contentheading {font-size:18px;}
#blokki1 {width:540px; padding-bottom:20px;}
#blokki2 {/*border-right: #008264 solid 1px;*/padding: 0 20px 0px 0;float:left; width:249px;}
#blokki3 {float:left;width:250px; padding-left:20px;}
#Language {float:right; background-image:url(/media/images/bg_Navibar2.gif); background-repeat:repeat-x; display:inline; padding: 2px 0px 6px 0px; width:100%;}
#Language select {font-size:80%; height:18px; width:150px}
#Search {float:right; background-image:url(/media/images/bg_hae.gif); background-repeat: repeat-x; display:inline; height:25px; padding:3px 20px 0 10px; text-align:right;}
.SearchField { border: 1px #CCCCCC; font-size:80%; height:14px; width:150px; padding:0 0 0 5px;}
.SearchBtn { background-color:#007795; color:#fff; border:0px; padding:2px 0 0 0; font-size:10px; width:45px;}
.SearchBtn1 { background-image:url(/media/images/bg_btnHAE.gif); color:#007795; border:0px; padding:0px 0 0 0; font-size:10px; width:30px; height:15px; margin-top:2px; background-color:#007795;}
.sisalto {padding: 0 0 10px 0;}
.boxheader {background-image: url(/media/images/bg_boxheader.gif);background-repeat:repeat-y;margin:0 10px;width:180px;text-align:center; border-bottom: #f8f8f8 1px solid;}
boxheaderajankohtaista {background-image: url(/media/images/bg_boxheader.gif);background-repeat:repeat-y;margin:0 10px;width:180px;text-align:center; border-bottom: #f8f8f8 1px solid;}
.HAsiakaspalvelu {margin-top:6px;}
.boxheader h3 {font-family:Arial, Helvetica, sans-serif; padding:5px 3px; font-size:12px;}
boxheaderajankohtaista {font-family:Arial, Helvetica, sans-serif; padding:5px 3px; font-size:12px;}
.contentpane ul {list-style-image:url(/media/images/li_thirdlevel.gif);}
.contentpane ul li {padding:3px 0 3px 0px;}
.boxheadercontactlist h3 {  padding:20px 0px 10px 0px;}
.sectiontableheader {border-bottom:1px solid #000; color:#000; font-weight:bold;}
.thrColFixHdr .boxheader h3 a, .thrColFixHdr .boxheader h3 a:visited {text-decoration:none;}
.thrColFixHdr .boxheader h3 a:hover {text-decoration:underline;}
.thrColFixHdr a.boxheader:hover {text-decoration:underline;}
.boxcontent {background:url(/media/images/bg_boxcontent.gif) repeat-x bottom; padding:10px;width:160px;margin:0 10px; text-align:left;background-color:#eee;font-size:11px; margin-bottom:12px;}
.boxcontent > a,.boxcontent a:visited {text-decoration:none; color:#000;}
.boxcontent a:hover {text-decoration:underline}
.boxcontent a:visited {text-decoration:none; color:#666;}
.bannerlink {text-align:center; border:0; padding:2px 0;}
.boxheadercenternews img {  display:none; }
.banneritem img {
	border:0px;
	padding-bottom: 4px;;
}
table.CodeTable {position:absolute; z-index:2000; background:url(/media/images/bg_boxcontent.gif) repeat-x bottom; border:1px solid #333;width:500px;}
.TuotekooditHeader td {font-weight:bold;}

/*YHTEYDENOTTOLOMAKE*/
.contact_email {background-image: url(/media/images/bg_boxcontent.gif);background-repeat: repeat-x;background-position: bottom;padding: 20px 10px 20px 100px; border: 1px solid #bdbcbc; margin:0 20px 0 20px;}
.contact_email input.inputbox {margin:2px 0 10px 0;width:300px; font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#666; padding:1px 0 1px 4px; border:1px solid #666;}
.contact_email textarea.inputbox {margin:2px 0 10px 0;width:300px; font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#666; padding:1px 0 1px 4px; border:1px solid #666;}
.contact_email input.button {background: transparent url(/media/images/b_laheta.gif) no-repeat center top;width:122px;height:15px; margin: 0;  padding: 0;  border: 0; text-indent: -1000em;  cursor: pointer; /* hand-shaped cursor */  cursor: hand; /* for IE 5.x */ }


.boxcontent#Klinikka2 {background:url(/media/images/bg_klinikka.jpg) repeat-x bottom;width:180px;margin:0 10px;}
.boxcontent#Bannerit {background:#FFFFFF; text-align:center;}
.boxcontent#Klinikka {padding:10px; width:160px; text-align:center; font-size:90%; background:url(/media/images/bg_klinikka.jpg) bottom no-repeat; border-top:#f8f8f8 1px solid; height:250px;}
.boxcontent#Klinikka h2 a{background:url(/media/images/li_thirdlevel.gif) no-repeat left; padding-left:10px; text-align:left;font-size: 13px;margin:0; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
.boxcontent#Klinikka h2 a:hover { text-decoration:underline;}
.boxcontent#Asiakaspalvelu {text-align:center}
.boxcontent#Navi3 {text-align: left}
.boxcontent#centernews {background: none; width: 400px }


#Cart.boxcontent {text-align: center}
.boxcontent ul {list-style:none; padding:0; margin: 0;}
.boxcontent li {list-style:none; padding: 5px 0px; margin: 0;}
ul.action { list-style-image:url(/media/images/li_thirdlevel.gif);}
ul.action li { padding:5px 0;}
h2.kysymys {font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:20px 0; color:#000000}


.Logo {padding:30px 0 0 17px; width:200px;}
.Logo h3 {padding: 10px 0 0 0;font-family:"Times New Roman", Times, serif;font-style:italic;color:#000000;font-size:13px;}


/* NAVIT */

#Menu12 {color:#FFFFFF; text-decoration:none; font-size:12px;}

#Menu4 {color:#000000; text-decoration:none; font-size:10px; line-height:10px;}

.Navi1 {height:25px; clear:both;margin:0 17px; position: absolute; top:92px; width:942px;  z-index:1;}
.Navi1Button {float:left;width:105px;height:39px;background-image:url(/media/images/bg_Navi1.gif);background-repeat:no-repeat;text-align:center; padding-top:7px; overflow:hidden;}
.Selected1 {float:left;width:105px;height:39px;background-image:url(/media/images/bg_Navi1Selected.gif);background-repeat:no-repeat;text-align:center; padding-top:7px; overflow:hidden;}
.Selected1:hover{background-image:url(/media/images/bg_Navi1Hover.gif);background-repeat:no-repeat;}
.Navi1Button:hover {background-image:url(/media/images/bg_Navi1Hover.gif);background-repeat:no-repeat;}
.Navi1Button {color:#FFF; text-decoration:none; font-size:12px;}

.Navi2 {height:25px;float:left; margin:0px 17px; position:absolute; top:116px; width:942px; z-index:2;  background-repeat:repeat-x;}
.Navi2Button {float:left;width:98px;height:22px;background-image:url(/media/images/bg_navi2_2.gif);background-repeat:no-repeat;text-align:center; padding-top:4px; overflow:hidden;}
.thrColFixHdr a.Selected1,.thrColFixHdr a .Selected1:visited,.thrColFixHdr a.Selected2,.thrColFixHdr a .Selected2:visited,.thrColFixHdr a.Navi2Button,.thrColFixHdr a .Navi2Button,.thrColFixHdr a.Navi1Button,.thrColFixHdr a .Navi1Button {color:#FFFFFF; text-decoration:none; font-size:11px;}
.Selected2 {float:left;width:98px;height:22px;background-image:url(/media/images/bg_navi2_2selected.gif);background-repeat:no-repeat;text-align:center; padding-top:4px; overflow:hidden;}
.Selected2:hover{background-image:url(/media/images/bg_navi2_2hover.gif);background-repeat:no-repeat;}
.Navi2Button:hover {background-image:url(/media/images/bg_navi2_2hover.gif);background-repeat:no-repeat;}
.Navi2Button {color:#FFF; text-decoration:none; font-size:98%;}



.Navi3 { clear:both}
#Navi3 ul {padding:0; margin:0; font-size:12px;}
#Navi3 ul li {background-image:url(/media/images/li_thirdlevel.gif);background-repeat:no-repeat;background-position:0px 5px;list-style-type:none;padding: 4px 0 4px 0px; margin:0 0 0 0;}
#Navi3 ul li a { margin:0 0 0 15px;text-decoration:none; color:#000000;display:block}
#Navi3 ul li a:hover { color:#008264; text-decoration:underline;}
#Navi3 ul li ul {padding-left: 0px; margin:0 0 0 15px;font-size:11px;}
#Navi3 ul li ul li { font-weight: normal; list-style:none;padding: 4px 0 4px 0px; margin:0 0 0 0px;background-image:url(/media/images/li_4th.gif);background-repeat:no-repeat;background-position:0px 5px;}
#Navi3 ul li ul li.selected { font-weight: bold; list-style:none;padding: 4px 0 4px 0px; margin:0 0 0 0; background-image:url(/media/images/li_4thsel.gif);}
#Navi3 ul li ul li a { margin:0 0 0 8px;}
#Navi3 ul li ul li ul {margin:0 0 0 10px;}
#Navi3 ul li.selected {font-weight:normal; background-image:url(/media/images/li_thirdlevelSel.gif);background-repeat:no-repeat;background-position:0 5px;}


.Navi4 {float:right}
.Navi4Button {float:left;width:103px;height:28px;background-image:url(/media/images/bg_Navi4.gif);background-repeat:no-repeat;text-align:center; padding-top:3px; overflow:hidden;}
.Navi4Button:hover { background-image:url(/media/images/bg_Navi4Hover.gif); background-repeat:no-repeat; cursor: pointer;}
.Navi4Button a {font-size:10px; text-decoration:none; color:#000000;margin-top: 10px; padding-top: 10px;}

ul#Level4Nav{list-style: none;padding: 0;margin: 0;float: right;white-space: nowrap;}
ul#Level4Nav li{background: url(/media/images/headmenu_left.gif) bottom left no-repeat;width: auto !important;width: 5%;float: left;margin: 0;font-size: 10px;height: 25px;line-height: 25px;		white-space: nowrap;margin-right: 0px ; padding-left:2px;}
ul#Level4Nav li a{background: url(/media/images/headmenu_right.gif) bottom right no-repeat;font-weight: normal;height: 25px;display: block;padding-left: 5px;padding-right: 10px;text-decoration: none;color: #000;margin-left: 5px;white-space: nowrap;}
ul#Level4Nav li:hover, ul#Level4Nav li.sfhover {background: url(/media/images/headmenu_left_hover.gif) bottom left no-repeat;}
ul#Level4Nav li:hover a, ul#Level4Nav li.sfhover a{background: url(/media/images/headmenu_right_hover.gif) bottom right no-repeat; color:#FFFFFF;}

ul#Level4Nav li a:hover, ul#Level4Nav li.sfhover a{background: url(/media/images/headmenu_right_hover.gif) bottom right no-repeat; color:#FFFFFF;}

.Lomake {background:url(/media/images/bg_boxcontent.gif) repeat-x bottom; padding:10px;border:1px solid #bdbcbc;margin:0 20px;}
.Textfield, .Textarea {width: 300px; font-family:Arial, Helvetica, sans-serif; font-size:11px; border:1px solid #cccccc;}
.Textarea {height:100px;}

/* TESTINAVI */

.Sel {font-weight:bold}

.menu1{background: url(/media/images/li_thirdlevel.gif) left no-repeat;margin:0 0 2px 10px;padding:2px 0 0px 15px;display:block;height: 20px;font-size:90%; text-align:left;}
.thrColFixHdr a.menu1, .thrColFixHdr a.menu1:visited {text-decoration:none; color:#000;}
.thrColFixHdr a.menu1:hover {text-decoration:underline}

.submenu{display: block;font-size:100%;margin:0 0 0 10px;padding:4px 0 6px 15px;font-size:90%;}
.thrColFixHdr a.submenu, .thrColFixHdr a.submenu:visited {text-decoration:none; color:#000;}
.thrColFixHdr a.submenu:hover {text-decoration:underline}

.submenu2{background-image: url(images/submenu.gif);display: block;font-size:100%;margin: 0 2px 0 20px;padding: 3px 0 3px 14px; font-size:80%;}
.thrColFixHdr a.submenu2, .thrColFixHdr a.submenu2:visited {text-decoration:none; color:#000;}
.thrColFixHdr a.submenu2:hover {text-decoration:underline}

.submenu3{background-image: url(images/submenu.gif);display: block;font-size:100%;margin-left: 38px;padding: 3px 0 3px 21px; font-size:80%}
.thrColFixHdr a.submenu3, .thrColFixHdr a.submenu3:visited {text-decoration:none; color:#000;}
.thrColFixHdr a.submenu3:hover {text-decoration:underline}

.hide{display: none;}
.show{display: block;}

/* TESTINAVI K�?YTETTY KLINKIKAN NAVISSA */

.menu11{display:block;height: 20px;font-size:90%;}




/* TUOTELISTA JA -SIVU */

.SelAll {float:right; font-weight:bold; text-align:center; font-size:90%;}
.btn {margin:1px; padding:2px; border:1px solid #006987;}
.btn:hover{ background-color:#75c2b2;}
.thrColFixHdr .SelAll a {color:#006987; text-decoration:none;}
.tuotelistablokki {margin:0 0px 10px 0px; border-bottom: 1px dotted #75c2b2; float:left; padding:0 0 10px 0; width:100%;} 
.SivunjakoTuotelista {border-bottom:1px dotted #75c2b2; padding: 7px 0 3px 0; font-size: 1px; margin-bottom:20px; float:left; width:100%; display:block;}
.Tuotenimi {padding:5px 0 0 0; margin:0;}
.Kayttotapanimi {padding:0 0 5px 0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold;}
.Tuotekuvaus {padding:0; margin:0; font-size:90%}
.TtKtt {font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#006987; text-decoration:none; padding-:0; margin:0;}
.TuotelistaCol1 {width:400px; float:left; margin-right:10px;}
.TuotelistaCol2 {width:30px; float:left; margin-right:10px;text-align:center;}
.TuotelistaCol3 {width:30px; float:left; text-align:center;margin-right:10px;}
.TuotelistaCol4 {width:100%; float:left; text-align:right;}
.Sivunjako {border-top: 5px solid #75c2b2; padding: 7px 0 3px 0; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin:20px 0 0 0;}

#TuotesivuCol1 {float:left; width:200px;margin-right:10px;}
.thrColFixHdr #TuotesivuCol1 a {text-decoration:none;}
.thrColFixHdr #TuotesivuCol1 a:hover {text-decoration:underline;}
#TuotesivuCol2 {float:left; width:320px}
#TuotesivuCol2 h3 {font-family:Arial, Helvetica, sans-serif; font-weight: bold; color:#000; font-size:12px;	widht:100%; border-bottom: dotted 1px #75c2b2;}

.picto {float:left;}
.ph {display:inline-block; height:20px; background-color:#fff; color:#000; font-size:14px; font-weight:bold;padding:8px 3px 0 3px; text-align:center; float:left; margin:0; border:1px solid #000;}

/* JOOMLAN OMAT TYYLIT */

.contentpaneopen {padding:0;margin:0;border:0px solid #000;}
.contentpaneopen fieldset {border:0px}
.contentpaneopen img {padding:0;margin:0;}
.newsfeed {text-align:left;}

<!--[if IE 5]>

/* place css box model fixes for IE 5* in this conditional comment */
.thrColFixHdr #sidebar1 { width: 200px; }
.thrColFixHdr #sidebar2 { width: 200px; text-align:center;}

<![endif]--><!--[if IE]>

/* place css fixes for all versions of IE in this conditional comment */
.thrColFixHdr #sidebar2, .thrColFixHdr #sidebar1 { padding-top: 30px; }
.thrColFixHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->

/* Hand Des lisäykset */

.thrColFixHdr #container {position: relative;}
h1.handdes {
	background: transparent url(/media/images/farmos_handdes_logo.gif) no-repeat top left!important;
	display: block!important;
	width: 500px;
	height: 52px;
	margin: 30px 265px 0 210px;
	overflow: hidden;
	float: right;
	text-indent: -10000px;
	position: absolute;
}
.fiiliskuva img {
	display: block;
	margin: 0 0 0 0;
}
.fiiliskuva {
	display: block;
	overflow: hidden;
	width: 530px;
}
.textgroup,
.boxcontent#Ajankohtaista {
	text-align: left;
}
.HAjankohtaista {
	margin-top:6px;
}
.banneritem {
	text-align: center;
	margin-bottom: 10px;
}
.leftalign {
	float: left;
	margin: 0 15px 15px 0;
}
.rightalign {
	float: right;
	margin: 0 0 15px 15px;
}
/* *******************************************
FORMIT
******************************************* */

form {
	width:500px;
	padding:10px 10px 10px 0;
	margin:10px 0;
}
form p {
	font-size:.9em;
	text-align:left;
	padding:15px 5px 5px 0;
	margin:0;
}
form fieldset#current p {
	padding:4px;
	margin:0;
}

form fieldset {
	width:480px;
	margin-top: 20px;
	display:block;
	border:1px dotted #ccc;
	border-top:1px solid #666;
	padding:5px 5px 5px 10px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom:0.5em;
	line-height:1.5em;
	font-size:1em;
}
form fieldset:hover {
	border:1px solid #666;
	border-top:1px solid #666;
}

form legend {
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:15px;
	padding:6px;
	background:none;
}
* html form legend {
	padding:0 0 30px 0;
	margin:5px 0 0 0;
	border:none;
}

form label {
	clear:left;
	display:block;
	float:left;
	width:100px;
	text-align:left;
	padding-right:10px;
	/*margin-bottom:0.5em;*/
}

form input[type="text"] {
	border:1px solid #999;
	padding-left:0.5em;
	/*margin-bottom:0.6em;*/
	width:200px;
	background: #fff;
}
input[type="checkbox"],
input[type="radio"] {
	border: none;
	padding-left:0;
	margin-bottom:0;
	width: 20px;
	background: none;
}
input[type="checkbox"]:hover,
input[type="radio"]:hover {
	border: none;
	padding-left:0;
	margin-bottom:0;
	width: 20px;
	background: none;
}
input[type="checkbox"]:focus,
input[type="radio"]:focus {
	border: none;
	padding-left:0;
	margin-bottom:0;
	width: 20px;
	background: none;
}

input#id_order_amt
{
	border:1px solid #999;
	padding-left:0.5em;
	/*margin-bottom:0.6em;*/
	width:50px;
	background: #fff;
}

form input:hover {
	background:#e9f0f5;
	border:1px solid #666;
}
form input:focus {
	background:#fff;
	border:1px solid #000;
}
form fieldset#medical input,
form fieldset#current input {
	width:45px;
}

form select {
	margin:0 0 0 0.5em;
}
form textarea {
	font: 12px Arial, Helvetica, sans-serif;
	width:410px;
	height:15em;
	border:1px solid #999;
	padding:0.5em;
	overflow:auto;
	background:#fff;
}
form textarea:hover {
	background:#e9f0f5;
	border:1px solid #666;
}
form textarea:focus {
	background:#fff;
	border:1px solid #000;
}

form option {
	background:#fff;
}
form optgroup {
	background:#fff;
	font-style:normal;
}
form optgroup option {
	background:#fff;
}

form #button1,
form #button2 {
	font: 14px Arial, Helvetica, sans-serif;
	color:#008264;
	padding-right:0.5em;
	cursor:pointer;
	width:120px;
	margin-left:8px;
	background:#fff;
	border:1px solid #888;
}
form #button1:hover,
form #button2:hover {
	color:#008264;
	background:#eee;
	border:1px solid #000;
}
.form_divider
{
	margin-bottom: 5px;
	padding: 0;
}
.form_help_text
{	
	clear: both;
	float: left;
	margin: 0 0 0 115px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #888;
	width: 300px;
	display: inline;
}