/*-----------------------------------------------
# [Master Stylesheet]
#  
# Project:				Kotipuutarhuri.com 
# Version:				1.6
# Last change:			01.06.2010
# Last assigned to:		Joni 
-----------------------------------------------*/


/*-----------------------------------------------
Colors
-----------------------------------------------*/
/*	
#	background:			#eee;
#	default green:		#90bd00;
#	text (paragraphs)	#5b5b5b;
#	text (sidar)		#3e4c30;
*/



/*-----------------------------------------------
General
-----------------------------------------------*/

body
{
background: #eee url(../images/bg-body-kevat-2010.jpg) 50% 0 repeat-x;
color: #5b5b5b; 
font: 75% 'Helvetica neue', Helvetica, Arial, sans-serif; 
}

html>body {
font-size:12px;
}

div.hr {
clear: both;
background: #fff url(../images/hr.gif) 0 0 no-repeat;
height: 5px;
margin-left: -20px;
width: 610px;
}

div.hr_dotted {
clear: both;
background: transparent url(../images/hr_dotted.gif) 0 bottom repeat-x;
height: 5px;
}

div.hr hr, 
div.hr_dotted hr {
display: none;
}

div.clear {
clear: both;
}





/*-----------------------------------------------
Typography - General
-----------------------------------------------*/

h1, h2, h3, h4, h5 
{
color: #90bd00;
}

h1 {
line-height: 1em;
font-family: 'Helvetica neue', Helvetica, Arial, sans-serif;
font-size: 2em; /*  = 24px / 12px */
font-weight: bold;
margin: 10px 0 10px 0;
}

#puutarhan_vuosi h1 {
margin: 20px 0;
}

h2 {
line-height: 1em; /* 24px / 24px = 1em */
font-family: 'Helvetica neue', Helvetica, Arial, sans-serif;
font-size: 1.7em; /*  = 24px / 12px */
font-weight: bold;
margin: 1.25em 0 0.7em 0;
padding-bottom: 4px;
}

h3 {
line-height: 1.2em; /* 24px / 16px = 1.2em */
font-size: 1.5em; /*  = 16px / 12px = 1.333em */
font-weight: bold;
margin: 1.3em 0 0.6em 0;
}

h4 {
color: #5b5b5b;
line-height: 1em; /* 24px / 14px = 1.2em */
font-size: 1.17em; /*  = 14px / 12px = 1.333em */
font-weight: bold;
margin: 0 0 1em 0;
}

p {
font-size: 1em;
line-height: 1.5em; 
margin:0 0 1.5em 0;
}

blockquote p{
font: 1.15em Times, serif;
font-style: italic;
line-height: 1.3em;
}

blockquote p.quote_owner {
color:#6f8b9d;
display:block;
font-size: 1.1em;
}

address {
font-style: normal;
}

strong {
font-weight: bold;
}

span.bullet {
color: #ccc;
padding: 0 5px;
}

p.ingress {
font-size: 1.2em;
margin-bottom: 15px;
width: 600px;
}

.article_box_wide ol {
line-height: 1.5em;
margin: 0 0 1.5em 32px;
}

.article_box_wide ol span {
font-size: 0.86em;
font-weight: normal;
color: #5B5B5B;
}

.article_box_wide ul,
#puutarhan_vuosi div.tabs-panel ul  {
font-weight: normal;
color: #5B5B5B;
margin: 0 0 1.5em 30px;
line-height: 1.5em;
}

.article_box_wide ul li ul {
margin-bottom: 0;
}

.article_box_wide ul li,
#puutarhan_vuosi div.tabs-panel ul li {
list-style-image: url(../images/icon_list_dot.gif);
}

.article_wide_box ol li {
list-style: decimal;
}




/*-----------------------------------------------
Links - General
-----------------------------------------------*/

a {
color: #90bd00; 
cursor: pointer;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

div#sidebar a {
font-size: 1.17em;
font-weight: bold;
}

a.general_navigation_links {
position: relative;
float: left;
font-weight: bold;
font-size: 1.17em;
padding: 1em 0;
}




/*-----------------------------------------------
Forms general + login + logout + search
-----------------------------------------------*/

input, textarea, select {
font: 1em 'Helvetica neue', Helvetica, Arial, sans-serif; 
color: #666;
}

input.text_field {
background: #fff;
border: 1px solid #888;
color: #888;
padding: 3px;
}

input.button_arrow {
position: relative;
height: 20px;
margin-top: 2px;
vertical-align: top;
width: 20px;
}

input.button,
a.button {
position: relative;
background: #90bd00;
border: 0;
color: #fff;
cursor: pointer;
font-size: 1.17em;
padding: 5px 3px;
vertical-align: top;
}

#yleinen a.button {
float: left;
margin-top: 1.5em;
padding: 5px;
}

input#search {
width: 240px;
}

span.logout {
position: relative;
float: left;
color: #fff;
font-size: 0.9em;
height: 25px;
margin: 14px 0 0 20px;
}

span.logout a#btn_logout {
position: relative;
background: transparent;
border: 0;
color: #ecd900;
cursor: pointer;
vertical-align: baseline;
}

span.logout span.bull {
color: #748465;
padding: 0 3px;
}

form#login_form {
position: relative;
float: left;
display: inline;
height: 30px;
margin: 9px 0 0 0;
}

form#login_form .text_field {
background: #28331b;
width: 100px;
}

div#toolbar a#forgot_password {
float: left;
color: #ecd900;
margin: 13px 0 0 10px;
}

* html div#toolbar a#forgot_password {
position: relative;
float: right;
top: 2px;
left: 400px;
}

form#login_form .bullet {
color: #1a2211;
}

div#toolbar a#register {
float: left;
background: #90bd00 url(../images/btn_rekisteroidy.gif) 0 0 no-repeat;
color: #fff;
height: 20px;
margin: 11px 0 0 0;
text-indent: -9999px;
width: 92px;
}

* html div#toolbar a#register {
position: absolute;
top: 1px;
right: 0px;
}

div#toolbar p {
float: left;
margin: 11px 5px 0 57px;
}

* html div#toolbar p {
position: absolute;
top: 2px;
right: 100px;
}

form#search_form {
position: absolute;
background: transparent url(../images/bg-search-form.png) 0 0 no-repeat;
height: 57px;
right: 5px;
top: 57px;
width: 310px;
}

form#search_form fieldset {
padding: 18px 0 0 20px;
}

* html form#search_form {

}

* + html form#search_form {

}


/*-- Dynamic form start --*/

.dynamic_form {
margin: 1.5em 0;
width: 410px;
}

.dynamic_form label {
float: left;
clear: both;
display: block;
margin: 1.5em 0 3px;
}

.dynamic_form input.checkbox,
.dynamic_form input.radio {
float: left;
clear: left;
margin: 1.5em 5px 0 0;
}

.dynamic_form label.checkbox {
float: left;
clear: none;
margin-top: 1.5em;
width: 370px;
}

* html .dynamic_form label.checkbox {
margin: 1.7em 0 3px;
}

* + html .dynamic_form label.checkbox {
margin: 1.7em 0 3px;
}

.dynamic_form .text_field,
.dynamic_form textarea,
.dynamic_form .browser,
.dynamic_form select {
float: left;
clear: both;
display: block;
width: 400px;
}

.dynamic_form select {
width: 410px;
}

.dynamic_form textarea {
float: left;
padding: 3px;
width: 400px;
}

.dynamic_form input.button {
float: left;
margin-top: 1.5em;
}

* html .dynamic_form input.button {
width: 280px;
}

* + html .dynamic_form input.button {
width: 280px;
}

span.star {
color: #c14e0f;
font-size: 1.17em;
line-height: 0.9em;
}

label.error {
color: #c14e0f;
}

legend {
color: #90bd00;
line-height: 1.2em; /* 24px / 16px = 1.2em */
font-size: 1.67em; /*  = 16px / 12px = 1.333em */
margin: 0;
padding: 0;
}

form#contest_form input.button{
clear: both;
}




/*-----------------------------------------------
image paddings
-----------------------------------------------*/

div#content div.article_box_wide img{
position: relative;
float: left;
clear: left;
padding: 0 10px 10px 0;
}

div#content div#tabs img, 
#puutarhan_vuosi div#content div.article_box_wide img {
position: relative;
float: right;
clear: right;
padding: 0 0 10px 10px;
}





/*-----------------------------------------------
Layout
 -----------------------------------------------*/

div.container {
position: relative;
margin: 0px auto 30px;
/*overflow: auto;*/
width: 950px;
}

div#toolbar {
position: relative;
/*float: left;*/
color: #fff;
height: 40px;
width: 950px;
}

div#wrapper {
float: left;
background: #fff;
margin-bottom: 10px;
width: 940px;
}

div#content {
position: relative;
float: left;
clear: left;
display: inline;
padding: 10px 0 20px 20px;
width: 600px;
}

#frontpage div#content {
padding-top: 20px;
width: 620px;
}

ol#infobar {
font-size: 1.2em;
height: 31px;
padding-bottom: 20px;
width: 600px;
}

div.article_box_narrow {
float: left;
padding: 0 20px 20px 0;
width: 290px;
}

#frontpage div.article_box_narrow,
#frontpage div.article_box_narrow_right {
padding-bottom: 0px;
}

div.article_box_narrow_right {
position: relative;
float: left;
padding: 0 0 20px 18px;
width: 280px;
}

#frontpage div.article_box_narrow p a,
#frontpage div.article_box_narrow_right p a,
#frontpage div.article_box_wide p a {
display: block;
font-size: 1.17em;
padding-top: 1em;
/*margin-bottom: -28px;*/
margin-bottom: -5px;
}

div.article_box_wide,
dl.article_box_wide {
float: left;
padding-bottom: 20px;
width: 600px;
}

#frontpage div#sidebar {
position: absolute;
background: transparent url(../images/bg-sidebar-shadow.png) 0 0 repeat-y;
margin: 20px 0 0;
right: 15px;
width: 310px;
}

div#sidebar {
float: right;
background: transparent url(../images/bg-sidebar-shadow.png) 0 0 repeat-y;
margin: 20px 5px 0 0;
width: 310px;
z-index: 510;
}

* html div#sidebar {
margin-right: 0;
}

dl#partners {
float: left;
background: #fff url(../images/bg_content_bottom_round_corner.gif) 0 bottom no-repeat;
margin-bottom: 10px;
padding: 0 20px 10px;
width: 900px;
}
dl#partners dt {
float: left;
font-size: 1.2em;
font-weight: bold;
margin-top: 1em;
margin-bottom: 0px;
width: 900px;
}
dl#partners dd {
float: left;
text-align: center;
width: 180px;
}
dl#partners dd a {
display: block;
height: 100px;
overflow: hidden;
}
dl#partners dd a img {
margin-top: -1px;
}
div#footer {
position: relative;
float: left;
margin-bottom: 10px;
padding: 15px 20px 20px;
width: 880px;
}

.right {
float: right;
}



/*-----------------------------------------------
Logo
 -----------------------------------------------*/
 
a#logo_kotipuutarhuri {
position: relative;
font-size: 1em;
float: left;
background: transparent url(../images/logo_kotipuutarhuri.png) no-repeat;
display: block;
height: 75px;
left: 0;
margin: 0 0 9px 0;
text-indent: -9999px;
top: 0;
width:489px;
}




/*-----------------------------------------------
infobar
 -----------------------------------------------*/

ol#infobar li{
position: relative;
float: left;
display: block;
height: 25px;
list-style-type: none;
padding: 6px 30px 0 35px;
}

ol#infobar li a{
color: #5b5b5b;
text-decoration: none;
}

ol#infobar li a:hover{
color: #90bd00;
text-decoration: underline;
}

ol#infobar li.step_1{
background: url(../images/icon_step_numbers.gif) 0 0 no-repeat;
}

ol#infobar li.step_2{
background: url(../images/icon_step_numbers.gif) 0 -32px no-repeat;
}

ol#infobar li.step_3{
background: url(../images/icon_step_numbers.gif) 0 -64px no-repeat;
}

ol#infobar li.step_4{
background: url(../images/icon_step_numbers.gif) 0 -97px no-repeat;
}





/*-----------------------------------------------
breadcrumb
 -----------------------------------------------*/

ul#breadcrumb {
height: 25px;
width: 600px;
}

ul#breadcrumb li#breadcrumb_home {
background: none;
padding: 0 10px 0 0;
}

ul#breadcrumb li {
position: relative;
float: left;
background: transparent url(../images/icon_breadcrumb_arrow.gif) 0 0 no-repeat;
height: 25px;
padding: 3px 7px 0 20px;
}

ul#breadcrumb li,
ul#breadcrumb li a{
color: #999;
}





/*-----------------------------------------------
Page pagination
 -----------------------------------------------*/

div#page_pagination {
float: left;
height: 18px;
margin: 1.5em 0 3em;
width: 600px;
}

div#page_pagination.upper {
margin: 2em 0 1em;
}

div#page_pagination span {
color: #5b5b5b;
margin: 0 5px 0 2px;
}

div#page_pagination a {
background: #eee;
color: #5b5b5b;
margin-right: 5px;
padding: 3px 7px;
}

div#page_pagination a.active,
div#page_pagination a:hover {
background: #90bd00;
color: #fff;
}

div#page_pagination a#back_to_up {
float: left;
background: transparent url(../images/icon_up_arrow.gif) 0 5px no-repeat;
color: #90bd00;
cursor: pointer;
padding: 0 0 0 12px;
width: 113px;
}




/*-----------------------------------------------
Sidebar
 -----------------------------------------------*/

div.sidebar_box {
background: transparent url(../images/bg-sidebar-shadow-hr.png) -3px 0 no-repeat;
clear: both;
padding: 8px 0 4px 15px;
width: 295px;
}

.top {
background: transparent url(../images/bg-sidebar-shadow-top.png) 1px 0 no-repeat !important;
width: 320px;
margin-top: -19px;
}

.bottom {
background: transparent url(../images/bg-sidebar-shadow-bottom.png) 0 0 no-repeat;
width: 320px;
}

div.sidebar_box h4 span{
color: #3e4c30;
display: block;
font-size: 0.7em;
font-weight: normal;
padding: 0 !important;
text-transform: uppercase;
}

div.sidebar_box.top h4 {
margin-top: 5px;
padding-left: 20px;
text-align: left;
width: 275px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius:  5px;
}

* + html div.sidebar_box.top h4 {
margin-top: 15px;
}

/*-- frontpage sidebar banner carousel start --*/

div#banner_carousel {
position: relative;
width: 295px;
height: 100px;
}

div#banner_carousel a{
display: none;
}


/*-- frontpage sidebar product carousel start --*/
 
#frontpage div#product_carousel {
background: none;
text-align: center;
width: 295px; 

}

* + html #frontpage div#product_carousel {
background: transparent url(../images/bg_sidebar_top_frontpage_ie.jpg) -10px -10px no-repeat;
}

* html #frontpage div#product_carousel {
background: transparent url(../images/bg_sidebar_top_frontpage_ie.jpg) -9px -10px no-repeat;
}

#frontpage div#product_carousel h5 a {
font-size: 1.4em;
font-weight: bold;
}

#frontpage div#product_carousel h5 p {
color: #5b5b5b;
}
 
div.sidebar_box h4 {
background: #90bd00;
color: #fff;
display: block;
font-size: 1.3em;
font-weight: bold;
padding: 15px 0 15px 20px;
width: 275px;
}

#frontpage a#look_season_products {
background: transparent url(../images/btn-katso-kauden-tuotteet.png) 0 0 no-repeat;
color: #fff;
display: block;
font-size: 1.3em;
font-weight: bold;
height: 36px;
margin: 0 0 15px 54px;
text-indent: -9999px;
width: 183px;
}

* + html #frontpage a#look_season_products {
margin-left: 5px;
}

#frontpage a#look_season_products:hover {
background: transparent url(../images/btn-katso-kauden-tuotteet.png) 0 -36px no-repeat;
}
 
div.sidebar_box p,
div.sidebar_box dl.tiedotteet {
margin: 0 20px 1em;
}

dl.tiedotteet dt {
color: #90BD00;
font-size: 1.08em;
font-weight: bold;
}

dl.tiedotteet dd {
margin-bottom: 5px;
}


/*-- Keskustelut sidebar navigation start --*/

.sidebar_navigation {
line-height: 2em;
padding: 1em 0;
width: 260px;
}

div.sidebar_box .sidebar_navigation {
padding: 10px 18px;
}

.sidebar_navigation .active {
color: #888;
font-weight: bold;
font-size: 1.17em;
}

.sidebar_navigation span,
#puutarhan_vuosi #sidebar span {
padding-left: 5px;
}

.sidebar_navigation .active span {
padding: 0 5px 0 0;
}

div.sidebar_box_top .hr,
div.sidebar_box .hr {
border-bottom: 1px solid #ebebeb;
}


/*-- Puutarhan vuosi & Nurmikon vuosi sidebar navigation start --*/

#puutarhan_vuosi div#puutarhan_vuosi_navi dl {
margin: 0 0 1.5em 20px;
width: 280px;
}

#puutarhan_vuosi div#puutarhan_vuosi_navi a {
font-size: 1.6em;
color: #d7d7d7;
}

#puutarhan_vuosi div#puutarhan_vuosi_navi dt {
border-top: 1px solid #ebebeb;
margin-top: 0.7em;
padding-top: 0.7em;
}

#puutarhan_vuosi div#puutarhan_vuosi_navi dt#first {
border: 0;
}

#puutarhan_vuosi div#puutarhan_vuosi_navi dd {
display: none;
}

#puutarhan_vuosi div#puutarhan_vuosi_navi dd.active {
display: block;
}

#puutarhan_vuosi div#puutarhan_vuosi_navi dd ol {
list-style-type: decimal;
margin-left: 30px;
color: #90bd00;
font-weight: bold;
line-height: 1.5em;
}

#puutarhan_vuosi div#puutarhan_vuosi_navi dd ol li a {
font-size: 1em;
color: #d7d7d7;
}

#puutarhan_vuosi div#puutarhan_vuosi_navi dt.active a,
#puutarhan_vuosi div#puutarhan_vuosi_navi dd.active a {
color: #90bd00;
}

#puutarhan_vuosi div#puutarhan_vuosi_navi dd.active ul li.active,
#puutarhan_vuosi div#puutarhan_vuosi_navi dd.active ul li.active a  {
color: #888;
}


/*-- Puutarhan vuosi & Nurmikon vuosi sidebar product list start --*/

#puutarhan_vuosi ul.product_list {
margin: 0 20px;
}

#puutarhan_vuosi ul.product_list li {
position: relative;
float: left;
border-bottom: 1px solid #ebebeb;
margin-bottom: 0.7em;
padding-bottom: 0.7em;
width: 100%;
}

#puutarhan_vuosi ul.product_list li a{
float: left;
padding-top: 0.5em;
width: 180px;
}

#puutarhan_vuosi ul.product_list li p{
float: left;
margin: 0;
}

#puutarhan_vuosi ul.product_list img {
position: relative;
float: left;
padding-right: 10px;
}


/*-- Product sidebar navigation start --*/


#products ul.sidebar_navigation li {
color: #90bd00;
cursor: pointer;
font-size: 1.2em;
font-weight: bold;
}

#products ul.sidebar_navigation li a {
font-size: 1em;
font-weight: bold;
color: #90bd00;
}

#products ul.sidebar_navigation li ul {
display: none;
}

#products ul.sidebar_navigation li.active ul,
#products ul.sidebar_navigation li ul.active {
display: block;
}

#products ul.sidebar_navigation li.active {
border-top: 1px solid #EBEBEB;
border-bottom: 1px solid #EBEBEB;
font-size: 1.5em;
font-weight: bold;
margin: 6px 0;
padding: 10px 0;
color: #90bd00;
}

#products ul.sidebar_navigation li.active a {
color: #999;
}

#products ul.sidebar_navigation li.active ul li a,
#products ul.sidebar_navigation li ul.active li a {
font-size: 0.6em;
color: #90bd00;
font-weight: bold;
line-height: 1.5em;
margin: 0 0 10px 20px;
}

#products ul.sidebar_navigation li ul.active li a {
font-size: 0.6em;
}

#products ul.sidebar_navigation li.active ul li.selected a,
#products ul.sidebar_navigation li ul.active li.selected a{
color: #888;
}

/*-- Forum sidebar start --*/

form#ilmoitus-keskusteluista {
padding: 20px;
}

form#ilmoitus-keskusteluista p {
margin-left: 0;
}

form#ilmoitus-keskusteluista .checkbox{
margin-left: 0;
}

form#ilmoitus-keskusteluista .submit{
margin-top: 10px;
}

dl#seurattavat-keskustelut {
background: transparent url(../images/hr_dotted.gif) 0 0 repeat-x;
padding-top: 18px;
margin: 0 20px 20px;
}

dl#seurattavat-keskustelut dt {
margin-bottom: 5px;
}

dl#seurattavat-keskustelut dd {
color: #90BD00;
}

dl#seurattavat-keskustelut dd a {
font-size: 1em;
font-weight: normal;
}





/*-----------------------------------------------
Frontpage
 -----------------------------------------------*/
 
div#frontpage-tips {
position: relative;
margin-bottom: 20px;
z-index: 500;
}

div#frontpage-tips h3 a {
clear: none;
color: #fff;
padding: 0;
}

div#frontpage-tips h3 a:hover {
color: #fff;
}

#frontpage h3 a,
#frontpage h3#onnittelut-nyt {
clear: left;
height: 32px;
margin-top: 0.55em;
padding: 0 0 3px 40px;
}

#frontpage h3#onnittelut-nyt {
height: 25px;
}

#frontpage h3 a:hover {
color: #7ca300;
}

h3#blogi a, 
h3#saa_nyt a,
h3#tapahtumakalenteri a,
h3#onnittelut-nyt {
background: transparent url(../images/icon_article.gif) 0 0 no-repeat;
}

h3#puutarhan_vuosi a, 
h3#nurmikon_vuosi a {
background:transparent url(../images/icon_calendar.gif) no-repeat scroll 0 0;
}

h3.keskusteluissa_nyt {
margin-top: 0;
}

h3.keskusteluissa_nyt a {
background: transparent url(../images/icon_forum.gif) 0 0 no-repeat;
height: 24px;
padding-bottom: 0 !important;
margin-bottom: 0;
}

div#keskusteluissa_nyt {
min-height: 240px;
}

div#saa_nyt img {
float: left;
margin: 5px 20px -20px 0;
}

div.article_box_narrow h4 {
padding-top: 0.6em;
}

#frontpage p#tanaan {
margin: 0.7em 0 0 0;
}

div.quicklaunch {
position: absolute;
top: 82px;
z-index: 500;
}

div.quicklaunch#keskustelu-launch {
position: relative;
border-bottom: 5px solid #eee;
margin-bottom: 1.5em;
padding-bottom: 1.5em;
top: 0;
}

div.quicklaunch h3 {
color: #fff;
font-size: 16px;
margin: 0 0 5px;
}

div.quicklaunch#puutarhaan {
left: 20px;
}

div.quicklaunch#nurmikolle {
left: 310px;
}

div.quicklaunch p {
background: transparent url(../images/btn-quicklaunch.png) 0 0 no-repeat;
display:block;
height:32px;
margin: 0;
position:relative;
text-indent:-9999px;
width: 270px;
z-index: 100;
}

div.quicklaunch dl {
position: relative;
background: transparent url(../images/btn-quicklook-hover.png) 0 bottom no-repeat;
border-top: 1px solid #628c04;
display: none;
line-height: 1.5em;
padding-bottom: 15px;
top: -5px;
width: 270px;
}

div.quicklaunch#keskustelu-launch dl {
position: absolute;
top: 27px;
}

* html div.quicklaunch dl {
background: #a1c726;
}

div.quicklaunch dl dt {
color: #385100;
font-weight: bold;
margin-top: 1em;
}

div.quicklaunch dl dd a{
color: #385100;
}

div.quicklaunch dl dt,
div.quicklaunch dl dd{
padding-left: 15px;
}

#frontpage dl#forum_list,
#frontpage dl#forum_list dt,
#frontpage dl#forum_list dd {
width: 290px;
}

#frontpage dl#forum_list {
padding-bottom: 10px;
}

#frontpage dl#forum_list dt a {
color: #90BD00;
}

#frontpage dl#forum_list dd a {
background: transparent url(../images/hr_dotted.gif) 0 bottom repeat-x;
color: #aaa;
display: block;
padding: 0 0 0.75em;
}

#frontpage a#saakartta img {
float: left;
padding-right: 10px;
}

img#onnittelut-nyt-pic {
border-top: 5px solid #eee;
margin-top: 18px;
padding-top: 10px;
}

dl#tapahtumakalenteri-list {
line-height: 1.5em;
margin-top: 10px;
}

dl#tapahtumakalenteri-list dt {
font-weight: bold;
}

dl#tapahtumakalenteri-list dd {
background: transparent url(../images/hr_dotted.gif) 0 bottom repeat-x;
margin-bottom: 10px;
padding-bottom: 10px;
}

p#avaa-tapahtumakalenteri {
font-size: 0.86em;
font-weight: bold;
}

#frontpage p#avaa-tapahtumakalenteri a {
}

ul.hot-picks,
ul.hot-picks li{
float: left;
position: relative;
}

ul.hot-picks li{
margin-bottom: 10px;
}

ul.hot-picks li.blog a span  {
display: block;
font-size: 0.7em;
text-transform: uppercase;
}

ul.hot-picks li img {
position: relative;
}

ul.hot-picks a {
position: absolute;
background: transparent url(../images/bg-black-30percent.png) 0 0 repeat;
color: #fff;
font-size: 1.17em;
font-weight: bold;
padding: 15px 0 10px 10px;
width: 280px;
bottom: 3px;
left: 0;
}




/*-----------------------------------------------
Profile
-----------------------------------------------*/

#register_form {
width: 600px;
}

#register_form div.hr {
float: left;
margin: 3em 0 1.5em;
}

#register_form fieldset {
float: left;
clear: both;
background: transparent url(../images/hr_dotted.gif) 0 bottom repeat-x;
margin-top: 3em;
padding-bottom: 1.5em;
width: 600px;
}

#register_form fieldset.wide {
width: 600px;
}

* html #register_form fieldset legend {
margin-left: -8px;
}

* + html #register_form fieldset legend {
margin-left: -8px;
}

#register_form fieldset.no_border {
margin-top: 1.5em;
background: none;
}

#register_form fieldset.no_border input{
margin-top: 0;
}

#register_form label.checkbox.public_info {
float: right;
display: inline;
margin: 0.4em 100px 0 0;
width: auto;
}

.dynamic_form input.checkbox.public_info {
clear: none;
float: right;
display: inline;
margin: 0.4em 5px 0 0;
}

* html .dynamic_form input.checkbox.public_info {
margin-top: 0.2em;
}

* + html .dynamic_form input.checkbox.public_info {
margin-top: 0.2em;
}

#register_form .text_field,
#register_form textarea,
#register_form .browser,
#register_form select {
width: 270px;
}

#register_form select {
width: 280px;
}

#register_form textarea {
width: 270px;
}

#register_form .birthday {
clear: none;
margin-right: 5px;
width: 80px;
}

p.cannot_change {
float: left;
color: #90bd00;
font-weight: bold;
margin: 0 0 0.5em 20px;
width: 100%;
}

p.cannot_change span{
color: #999;
font-style: italic;
font-weight: normal;
margin-left: 5px;
}

table#user_profile_info {
margin-bottom: 1.5em;
}

table#user_profile_info td {
padding: 5px 10px 0 10px;
}

fieldset#profile_picture_section img#profile_picture {
float: left !important;
padding: 0 !important;
}

img#profile_picture {
float: right !important;
padding: 7px 0 0 15px !important;
}

img#profile_picture.change {
float: left !important;
clear: both;
margin: 1.5em 0 0;
}

form#contact_form {
margin-top: 0;
}

form#contact_form label.checkbox{
margin-bottom: 1.5em;
}

#register_form div.hr {
background: #fff url(../images/hr.gif) -10px 0 no-repeat;
width: 600px;
}

div.warning {
float: left;
border: 1px solid #c14e0f;
}

ul#form_errors {
float: left;
padding: 5px;
margin-bottom: 1.5em;
width: 395px;
}

ul#form_errors li {
padding: 3px;
}

a#show_more_profile {
float: left;
background: transparent url(../images/hr_dotted.gif) 0 bottom repeat-x;
font-size: 1.17em;
font-weight: bold;
padding: 1.5em 0 1.5em;
width: 100%;
}





/*-----------------------------------------------
Forum & article list
 -----------------------------------------------*/

#forum_list dt, #forum_list dd {
width: 550px;
}

dl#article_list  {
float: left;
padding-top: 10px;
}

#article_list dt, #article_list dd {
float: left;
width: 600px;
}

#article_list dd {
background: transparent url(../images/hr_dotted.gif) 0 bottom repeat-x;
padding-bottom: 0.75em;
}

#article_list dt.blog a span {
font-size: 0.6em;
display: block;
text-transform: uppercase;
color: #AAA;
}

p#back-to-blog a {
font-weight: bold;
}

#article_list dd.blog {
background: none;
}

h1#single_thread_header {
font-family: 'Helvetica neue', Helvetica, Arial, sans-serif;
}

#forum div.article_box_wide {
background: transparent url(../images/hr_dotted.gif) 0 bottom repeat-x;
margin-bottom: 1.5em;
padding-bottom: 0;
}

#puutarhassa_nyt dl#article_list dd img {
float:left;
padding:0 10px 10px 0;
position:relative;
}

#puutarhassa_nyt dl#article_list dd.blog img {
float: right;
padding: 0 0 10px 10px;
}

#forum h2.keskusteluissa_nyt {
background: transparent url(../images/icon_forum.gif) 0 0 no-repeat;
padding-left: 40px;
}

#forum dl#forum_list,
#yleinen dl#forum_list {
padding-bottom: 30px;
}

dl#forum_list dt,
dl#article_list dt {
position: relative;
float: left;
padding-top: 0.75em;
line-height: 1em; /* 24px / 14px = 1.2em */
font-size: 1.17em; /*  = 14px / 12px = 1.333em */
font-weight: bold;
}

dl#article_list dt {
padding: 2em 0 0.75em;
}

dl#forum_list dt,
dl#forum_list dd { 
clear: both;
cursor: pointer;
}

dl#forum_list dt a { 
color: #666;
}

dl#forum_list dt a:hover { 
color: #90bd00
}

#forum dl#forum_list dt,
#forum dl#forum_list dt a,
#yleinen dl#forum_list dt,
#yleinen dl#forum_list dt a,
#puutarhassa_nyt dl#article_list dt a,
#yleinen dl#article_list dt a {
color: #90bd00;
font-size: 1.2em;
line-height: 0.9em;	
padding-bottom: 0.5em !important;
}

.header_additional_info {
display: block; 
color: #999; 
font-size: 0.6em; 
font-weight:bold; 
padding-bottom: 0.3em;
line-height: 1em;
}

#forum dl#forum_list dt,
#yleinen dl#forum_list dt {
background: transparent url(../images/bg_forum_thread_bubble_top.gif) 0 0 no-repeat;
padding: 50px 25px 0;
}

#forum dl#forum_list dt.thread_answer_pro,
#yleinen dl#forum_list dt.thread_answer_pro {
background: transparent url(../images/bg_forum_thread_bubble_top_pro.gif) 0 0 no-repeat;
}

#forum dl#forum_list dd,
#yleinen dl#forum_list dd {
position: relative;
float: left;
background: transparent url(../images/bg_forum_thread_bubble_bottom.gif) 0 bottom no-repeat;
padding: 0 25px 1.5em;
margin-bottom: 1em;
}

#forum dl#forum_list dd img {
float: left;
margin: 0 10px 0 0;
}

#forum dl.forum-category-list dd {
position: relative;
}

#forum dl.forum-category-list dd p.forum_quotation {
display: none;
}

#forum dl#forum_list dd p.forum_quotation,
dl.forum-category-list dd p.forum_quotation {
position: absolute;
background: transparent url(../images/bg-forum-quatation-hover.png) 0 0 no-repeat;
left: 24px;
padding: 30px 20px 25px;
top: -7px;
width: 210px;
z-index: 10;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
}

* + html dl.forum-category-list dd p.forum_quotation {
top: -2px;
}

* html dl.forum-category-list dd p.forum_quotation {
top: -2px;
}

* html #forum dl#forum_list dd p.forum_quotation {
display: none !important;
}

* + html #forum dl#forum_list dd p.forum_quotation {
display: none !important;
}


#forum dl#forum_list dd p.forum_quotation a,
#forum dl.forum-category-list dd p.forum_quotation a  {
color: #fff;
}

#forum dl#forum_list dd p.forum_info_header,
#yleinen dl#forum_list dd p.forum_info_header{
color: #AAAAAA;
margin-bottom: 0.5em;
}

#forum dl#forum_list dd.thread_answer_pro,
#yleinen dl#forum_list dd.thread_answer_pro {
background: transparent url(../images/bg_forum_thread_bubble_bottom_pro.gif) 0 bottom no-repeat;
float: left;
padding: 0 25px 1.5em;
width: 550px;
}

#forum span.icon_pro{
float: left;
height: 35px;
padding: 3px 10px 10px 0;
width: 35px;
}

#forum dl#forum_list dd span.icon_pro img {
padding-top: 0;
}

dl#forum_list dd a {
font-size: 1em;
z-index: 100;
position: relative;
}

dl#forum_list dd p.forum_info_bar {
margin-bottom: 1.5em !important;
color: #AAAAAA;
}

dl#article_list dd p.forum_info_bar {
margin-bottom: 0.75em !important;
color: #AAAAAA;
}
dl#article_list dd p.search_info span.bull {
padding: 0 5px 0 5px;
color: #cccccc;
}
dl#article_list.search_results dd p.forum_info_bar .bull {
padding: 0 5px;
color: #cccccc;
}
dl#article_list.search_results dt {
padding-top: 1.60em;
}
dl#article_list.search_results dd {
padding-bottom: 0.30em;
}
dl#article_list.search_results dd p {
padding-bottom: 0;
}

#forum h2#forum_list_topics {
background: transparent url(../images/icon_forum.gif) 0 0 no-repeat;
height: 30px;
margin-bottom: 0;
padding-left: 40px;
} 

#forum a.forum_quotation,
#yleinen a.forum_quotation,
#yleinen a.article_quotation,
#puutarhassa_nyt a.article_quotation {
color: #666;
display: block;
font-style: italic;
}

#puutarhassa_nyt a.link_to_article {
font-size: 1.17em;
font-weight: bold;	
}

#forum p.forum_quotation a:hover{
color: #90bd00;
}

a#forum_start_new_thread {
position: relative;
float: left;
font-size: 1.17em;
font-weight: bold;
padding-top: 1.5em;
}

p#forum_thread_info {
background: transparent url(../images/hr_dotted.gif) 0 bottom repeat-x;
color: #888;
padding-bottom: 1em;
}

p#forum_thread_info a{
}

a.image_wrapper {
position: relative;
float: right;
clear: right;
border: 1px solid #f1f1f1;
color: #888;
margin: 0 0 10px 10px;
padding: 4px 4px 10px 4px;
text-align: center;
width: 200px;
}

a.image_wrapper img {
float: left;
clear: both;
padding-bottom: 5px;
}

a.image_wrapper:hover {
text-decoration: none;
border: 1px solid #90bd00;
}

a.image_wrapper span {
display: block;
font-style: italic;
}

#puutarhassa_nyt div#content div.article_box_wide img {
padding-right: 0;
}

p.report_from_message {
clear: both;
padding-right: 10px;
text-align: right;
}

p.report_from_message a{
font-size: 1em !important;
padding-top: 0 !important;
}

form#forum_form {
margin: 2em 0;
}

form#forum_form fieldset#pic_uploader div.clear.dotted {
height: 1px;
background: transparent url(../images/hr_dotted.gif) 0 0 repeat-x;
margin: 0 84px 2em 0px;
}

* html form#forum_form fieldset#pic_uploader div.clear.dotted {
margin-bottom: 0.5em;
}

form#forum_form p strong{
font-size: 1.17em;
font-weight: bold;
}

form#forum_form label {
position: relative;
float: left;
padding-top: 5px;
}

form#forum_form textarea {
float: right;
border: 1px solid #bebebe;
height: 200px;
margin: 0 85px 1em 0;
padding: 5px;
width: 420px;
}

form#forum_form select {
float: right;
border: 1px solid #bebebe;
margin: 0 317px 1em 80px;
padding: 5px;
width: 200px;
}

form#forum_form .text_field {
float: right;
border: 1px solid #bebebe;
margin: 0 85px 1em 0;
padding: 5px;
width: 420px;
}

fieldset#pic_uploader .text_field{
display: inline;
width: 420px;
margin-bottom: 1em;
}

fieldset#pic_uploader .text_field.browser{
width: 432px;
} 

* html #forum fieldset#pic_uploader .text_field.browser{
margin-bottom: 0;
}


* + html #forum fieldset#pic_uploader .text_field.browser{
margin-bottom: 0;
} 
 
form#forum_form p span{
padding-right: 57px;
}

form#forum_form input.button {
float: left;
margin: 0.5em 0 0 83px;
}

#btn_peruuta {
float: left;
background: #ccc;
color: #fff;
margin-left: 20px !important;
}

form#tell_friend_form,
form#puutarhassa_nyt_search_form {
padding: 0 20px 10px;
}

#puutarhassa_nyt form#tell_friend_form {
padding-bottom: 10px;
}

form#tell_friend_form input.text_field {
display: block;
margin-bottom: 0.5em;
width: 250px;
}

form#puutarhassa_nyt_search_form input.text_field  {
float: left;
margin-bottom: 0.5em;
width: 220px;
}

form#tell_friend_form label,
form#puutarhassa_nyt_search_form label {
display: block;
font-size: 1.17em;
color: #90bd00;
padding: 1em 0 0.5em; 
}

form#puutarhassa_nyt_search_form input.button_arrow {
float: right;
}

form#tell_friend_form input.button {
padding: 2px 3px;
width: 70px;
}

#forum p.forum_navi_info {
float: left;
margin-bottom: 0;
width: 600px;
}

#forum p.forum_navi_info span.pagination_current_page {
float: right;
color: #888;
margin: 1.2em 0 0;
}

.forum-list-wrapper {
float: left;
background: transparent url(../images/bg-forum-narrow-bubble.png) 0 0 no-repeat;
margin-bottom: 20px;
padding: 20px 20px 0 0;
width: 290px;
}

.forum-list-wrapper h3,
.forum-list-wrapper span,
.forum-list-wrapper dl {
padding: 0 20px;
}

.forum-list-wrapper h3 {
padding-bottom: 5px;
}

* html .forum-list-wrapper h3 {
float: left;
}

* + html .forum-list-wrapper h3 {
float: left;
}

.forum-list-wrapper span {
border-bottom: 1px solid #eee;
display: block;
margin: 0 20px;
padding: 0 0 10px 0;
font-style: italic;
width: 250px;
}

.forum-list-wrapper.right {
padding-right: 0;
}

.forum-list-wrapper dt {
border-bottom: 1px solid #eee;
cursor: pointer;
padding: 10px 0;
}

.forum-list-wrapper dl {
position: relative;
background: transparent url(../images/bg-forum-narrow-bubble.png) 0 bottom no-repeat;
padding-bottom: 20px;
}

div#content div#nosto {
clear: both;
background: transparent url(../images/bg-nosto.png) 0 0 no-repeat;
height: 95px;
color: #fff;
margin-top: 2em;
padding: 20px 20px 0;
}

div#content div#nosto img {
float: right;
padding: 0 0 10px 20px;
}


/*-----------------------------------------------
Calendar
 -----------------------------------------------*/

#calendar h1 {
background: transparent url(../images/hr_dotted.gif) 0 bottom repeat-x;
margin-bottom: 20px;
padding-bottom: 10px;
}

dl#calendar-list {
width: 600px;
}

dl#calendar-list dt,
dl#calendar-list dt.first.active {
background: transparent url(../images/icon-tab-arrow.png) 0 17px no-repeat;
border-bottom: 1px dashed #ddd;
color: #96c200;
cursor: pointer;
font-size: 1.25em;
font-weight: bold;
padding: 10px 0 10px 15px;
}

dl#calendar-list dt:hover,
dl#calendar-list dt.first.active:hover {
text-decoration: underline;
background: transparent url(../images/icon-tab-arrow.png) 0 -477px no-repeat;
}

dl#calendar-list dt.active,
dl#calendar-list dt.first {
background: transparent url(../images/icon-tab-arrow.png) 0 -477px no-repeat;
border: none;
}

dl#calendar-list dt.active:hover,
dl#calendar-list dt.first:hover {
background: transparent url(../images/icon-tab-arrow.png) 0 17px no-repeat;
}

dl#calendar-list dt {
clear: both;
}
dl#calendar-list dd {
float: left;
background: transparent url(../images/hr_dotted.gif) 0 bottom repeat-x;
padding-bottom: 10px;
}

dl#calendar-list dd p {
float: left;
clear: both;
margin-bottom: 0;
padding: 0 0 1em 30px;
width: 570px;
}

dl#calendar-list dd p.more-info {
cursor: pointer;
}

dl#calendar-list dd p.star {
background: transparent url(../images/icon-star.png) 15px 3px no-repeat;
}

dl#calendar-list dd p em {
float: right;
color: #96c200;
font-weight: bold;
padding-left: 15px;
width: 400px;
}

dl#calendar-list dd p.more-info em {
background: transparent url(../images/icon-tab-arrow.png) 0px 5px no-repeat;
}

dl#calendar-list dd p.more-info.active em {
background: transparent url(../images/icon-tab-arrow.png) 0px -488px no-repeat;
}

dl#calendar-list dd div {
float: left;
border-bottom: 1px dashed #ddd;
margin: 0 0 18px 180px;
padding-left: 20px;
width: 400px;
}

* html dl#calendar-list dd div {
float: left;
clear: left;
margin-left: 90px;
}

dl#calendar-list dd div p {
padding-left: 0;
width: 400px;
}





/*-----------------------------------------------
Puutarhan vuosi
-----------------------------------------------*/

#puutarhan_vuosi h1 span{
display: block;
font-size: 0.4em;
font-family: 'Helvetica neue', Helvetica, Arial, sans-serif;
text-transform: uppercase;
line-height: 1em;
}

#puutarhan_vuosi div.tab_box {
background: transparent url(../images/bg_puutarhan_vuosi_tab_bottom.gif) 0 bottom no-repeat;
margin-bottom: 3em;
padding-left: 1px;
width: 590px;
}

#puutarhan_vuosi div.tab_box img{
position: relative;
float: left;
margin-right: 1px;
}

/*-- Tabs start --------------------------------*/

.ui-tabs {
display: inline;
}

.ui-tabs .ui-tabs-nav {
position: relative;
float: left;  
background: #f0f0f0;
width: 585px;
}

.ui-tabs .ui-tabs-nav li,
div#tabs ul.tabs-nav li { 
float: left;
border: solid #d7d7d7;
border-width: 0 1px 1px 0;
padding: 10px 20px;
width: 155px;
}

.ui-tabs .ui-tabs-nav li#last { 
border-bottom: solid #d7d7d7;
border-width: 0 0 1px 0;
width: 153px !important;
}


.ui-tabs .ui-tabs-nav li#last.ui-tabs-selected { 
background: #fff; 
border-bottom: solid #fff;
border-width: 0 0 1px 0;
}

.ui-tabs .ui-tabs-nav li a,
div#tabs ul.tabs-nav li a { 
font-weight: bold;
font-size: 1.4em;
display:block; 
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {  
background: #fff; 
border-right: 1px solid #d7d7d7;
border-bottom: 1px solid #fff !important;
}

div#tabs div.tabs-panel { 
display: block;  
padding: 0px 20px 20px;
}

.ui-tabs .ui-tabs-hide { 
display: none !important; 
}




/*-----------------------------------------------
Products
 -----------------------------------------------*/

#products p#products_navigation_description {
color: #90bd00;
line-height: 1em; /* 24px / 24px = 1em */
font-family: 'Helvetica neue', Helvetica, Arial, sans-serif;
font-size: 1.8em; /*  = 24px / 12px */
font-weight: bold;
margin: 1.25em 0 0.8em 0;
text-align: center;
}

#products ul#product_carousel_big li img{
padding: 1px 0;
}

#products ul#product_carousel_big li a{
display: block;
}

#products ul#product_carousel_big li span.dropbox,
#products ul#product_carousel_big li span.dropbox_lower{
position: absolute;
background: transparent url(../images/bg_product_placeholder.png) 0 0 no-repeat;
height: 162px;
width: 200px;
}

#products div.product_ad {
float: left;
background: transparent url(../images/bg_products_ad_top.gif) 0 0 no-repeat;
margin-top: 20px;
padding: 20px 20px 0;
width: 560px;
}

#products div.product_ad_bottom {
float: left;
background: transparent url(../images/bg_products_ad_bottom.gif) 0 0 no-repeat;
height: 15px;
width: 600px;
}

#products div.product_ad h2 {
margin-top: 10px;
}


/*-- Product carousel start --*/
 
div#product_carousel_big {
display: inline;
background: transparent url(../images/bg_sidebar_top_frontpage.jpg) 0 0 no-repeat;
margin: -100px 0 10px 0;
padding: 0 10px;
text-align: center;
width: 300px; 
}


/*-- Product search start --*/

form#product_search_form {
float: left;
background: transparent url(../images/bg_products_form_search.gif) 0 0 no-repeat;
padding: 9px 20px;
margin: 20px 0 10px;
}

form#product_search_form input.text_field {
width: 420px;
}

form#product_search_form label {
padding-right: 20px;
}


/*-- Product list start --*/

#products ul.product_list,
#yleinen ul.product_list {
float: left;
margin: 20px 0;
}

#products ul.product_list li,
#yleinen ul.product_list li {
position: relative;
float: left;
background:  transparent url(../images/hr_dotted.gif) 0 top repeat-x;
padding: 2em 0 1.5em;
width: 100%;
}

#products ul.product_list li ul li,
#yleinen ul.product_list li ul li {
background: none;
margin: 0;
padding: 0;
}

#products ul.product_list li h2,
#products ul.product_list li p,
#products ul.product_list li ul,
#products ul.product_list li ol,
#yleinen ul.product_list li h2,
#yleinen ul.product_list li p,
#yleinen ul.product_list li ul,
#yleinen ul.product_list li ol{
float: right;
margin-bottom: 0.2em;
width: 460px;
}

#products ul.product_list li h2,
#yleinen ul.product_list li h2 {
font-size: 1.67em;
margin-top: 0;
}

#products ul.product_list li h3,
#yleinen ul.product_list li h3 {
margin-top: 0;
}

#products ul.product_list img,
#yleinen ul.product_list img {
position: relative;
float: left;
}

#products ol.product_category_list {
line-height: 2em;
list-style: decimal;
margin-top: 1.5em;
padding: 0 0 3em 30px;
}

#products ol.product_category_list li {
font-size: 1.3em;
color: #888;
padding-left: 10px;	
}

#products ol.product_category_list li span{
font-size: 0.7em;
color: #aaa;
}

#products ol.product_category_list li span a {
color: #aaa;
}

#products ol.product_category_list li span span.bull{
padding-right: 2px;
}


/*-- Partners page start --*/

div#partners_stripe {
float: right;
}

div#partners_stripe img {
float: right;
padding: 15px 0 0 15px;
}

body#products div#content div.single_product div#product_info p,
body#products div#content div.single_product div#product_info ul,
body#products div#content div.single_product div#product_info ol{
font-size: 1.2em;
}

body#products div#content div.single_product div.article_box_wide img{
float: right;
padding: 0 0 10px 10px;
}

body#products div#content div.single_product ul.product_list {
float: left;
margin-top: 0;
}

body#products div#content div.single_product ul.product_list li{
background: none;
width: 300px;
}

body#products div#content div.single_product ul.product_list p{
float: left;
width: auto;
}

body#products div#content div.single_product ul.product_list img{
padding-right: 10px;
}

body#products div#content div.single_product div.article_box_wide h3{
margin-top: 1em;
}


/*-- Partners category list start --*/

dl#partners_category_list {
margin-bottom: 1.5em;
}

dl#partners_category_list dt {
font-size: 1.33em;
margin-top: 0.5em;
}

dl#partners_category_list dd {
font-size: 1.17em;
margin-left: 30px;
}


dl#partners_category_list dd span{
color: #666;
font-size: 0.86em;
}

div#category_navi {
clear:both;
position: relative;
background: transparent url(../images/hr_dotted.gif) 0 0 repeat-x;
height: 40px;
padding-top: 30px;
margin-top: 20px;
width: 600px;
z-index: 100;
}

div#category_navi h2{
display: inline;
}
div#category_navi h2 span {
font-size: 0.5em;
line-height: 1.25em;
display: block;
text-transform: uppercase;
}

div#partners_category_navi_wrapper {
position: absolute;
right: 0;
top: 25px;
width: 235px;
}

div#partners_category_navi_wrapper p {
background: transparent url(../images/bg_product_cat_navi.png) 0 0 no-repeat;
display:block;
height:42px;
margin: 0;
position:relative;
text-indent:-9999px;
width: 235px;
}

dl#partners_category_navi {
position: relative;
background: #90bd00 url(../images/bg_product_cat_navi_bottom.png) 0 bottom no-repeat;
border-top: 1px solid #628c04;
display: none;
line-height: 1.5em;
padding: 0 15px 15px 0;
top: -5px;
width: 220px;
}

* html dl#partners_category_navi {
background: #a1c726;
}

dl#partners_category_navi dt {
color: #385100;
font-weight: bold;
margin-top: 1em;
}

dl#partners_category_navi dd a{
color: #fff;
}

dl#partners_category_navi dt,
dl#partners_category_navi dd{
padding-left: 15px;
}

dl#partners_category_navi dd.selected {
background: transparent url(../images/icon_product_cat_navi_selected.png) 0 3px no-repeat;
color: #fff;
text-decoration: underline;
}

.tutustu-naihin {
line-height: 1.5em;
margin-bottom: 1.5em;
}

ul.tutustu-naihin {
float: left;
clear: both;
background: transparent url(../images/hr_dotted.gif) 0 bottom repeat-x;
font-size: 1.17em;
font-weight: bold;
padding-bottom: 1.5em;
}

ul.tutustu-naihin li {
float: left;
padding-right: 20px;
width: 270px;
}

dl.tutustu-naihin {
float: left;
}

dl.tutustu-naihin dt {
color: #777;
font-size: 1.17em;
font-weight: bold;
margin-bottom: 5px;
padding-right: 20px;
width: 270px;
}


/*-----------------------------------------------
Footer
 -----------------------------------------------*/
 
div#footer p {
color: #ccc;
}  
 
div#footer p span {
font: 1.33em 'Arial Black', 'Helvetica Neue', Arial;
} 
 



/*-----------------------------------------------
Navigation
 -----------------------------------------------*/
 
ul#navigation {
background: url(../images/bg-navigation-empty.gif) 0 0 no-repeat;
float: left;
width: 940px;
}

ul#navigation  li {
float: left;
}

ul#navigation  li a {
background: url(../images/bg-navigation.gif) 0 0 no-repeat;
color: #fff;
display:block;
font-size: 12px;
float:left;
height: 42px;
text-indent:-9999px; 
}

ul#navigation li a#home_button { width: 55px; }
ul#navigation li a#navigation_keskustelu { background-position: -54px 0; width: 89px; }
ul#navigation li a#navigation_kilpailut { background-position: -142px 0; width: 73px; }
ul#navigation li a#navigation_puutarhan_vuosi { background-position: -214px 0; width: 119px; }
ul#navigation li a#navigation_nurmikon_vuosi { background-position: -333px 0; width: 113px; }
ul#navigation li a#navigation_puutarhassa_nyt { background-position: -447px 0; width: 123px; }
ul#navigation li a#navigation_tapahtumakalenteri { background-position: -570px 0; width: 144px; }
ul#navigation li a#navigation_palveluhakemisto { background-position: -714px 0; width: 130px; }
ul#navigation li a#navigation_tuotteet { background-position: -844px 0; width: 73px; }

ul#navigation li a#home_button:hover { background-position: 0 -42px; }
ul#navigation li a#navigation_keskustelu:hover { background-position: -54px -42px;}
ul#navigation li a#navigation_kilpailut:hover { background-position: -142px -42px;}
ul#navigation li a#navigation_puutarhan_vuosi:hover { background-position: -214px -42px;}
ul#navigation li a#navigation_nurmikon_vuosi:hover { background-position: -333px -42px;}
ul#navigation li a#navigation_puutarhassa_nyt:hover { background-position: -447px -42px;}
ul#navigation li a#navigation_tapahtumakalenteri:hover { background-position: -570px -42px;}
ul#navigation li a#navigation_palveluhakemisto:hover { background-position: -714px -42px;}
ul#navigation li a#navigation_tuotteet:hover { background-position: -844px -42px;}

ul#navigation li a#home_button.active { background-position: 0 -84px; }
ul#navigation li a#navigation_keskustelu.active { background-position: -54px -84px;}
ul#navigation li a#navigation_kilpailut.active { background-position: -142px -84px;}
ul#navigation li a#navigation_puutarhan_vuosi.active { background-position: -214px -84px;}
ul#navigation li a#navigation_nurmikon_vuosi.active { background-position: -333px -84px;}
ul#navigation li a#navigation_puutarhassa_nyt.active { background-position: -447px -84px;}
ul#navigation li a#navigation_tapahtumakalenteri.active { background-position: -570px -84px;}
ul#navigation li a#navigation_palveluhakemisto.active { background-position: -714px -84px;}
ul#navigation li a#navigation_tuotteet.active { background-position: -844px -84px;}

/* Lisäyksiä 1.12.2011 - Jouni */
ul#navigation  li {
  margin-right: 1px;
  position: relative;
  z-index: 1000;
}
ul#navigation li a {
  text-indent:0;
}
ul#navigation li a#home_button {
  text-indent:-9999px; 
}
ul#navigation li a.normal {
  background: url(../images/bg-navigation-empty.gif) -20px 0 no-repeat;
  padding: 0 8px 0 0;
  height: 42px;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration: none !important;
}
ul#navigation li a.normal span {
  background: none;
  display: block;
  padding: 17px 0 0 8px;
  height: 25px;
  font-size: 13px;
  line-height: 13px;
  cursor: pointer;
  font-weight: bold;
}
ul#navigation li a.normal span.marker, ul#navigation li a.normal.active:hover span.marker {
  display: none;
}
ul#navigation li a.normal:hover {
  background: url(../images/bg-navigation-new.gif) right 2px no-repeat;
}
ul#navigation li a.normal:hover span {
  padding-top: 21px;
  height: 21px;
  background: url(../images/bg-navigation-new.gif) left -82px no-repeat;
}
ul#navigation li a.normal:hover span.marker {
  display: block;
  position: absolute;
  background: url(../images/bg-navigation-new.gif) left top no-repeat;
  width: 7px;
  height: 4px;
  padding: 0;
  left: 50%;
  bottom: 0;
  margin-left: -3px;
  z-index: 1100;
}
ul#navigation li a.normal.active {
  background: url(../images/bg-navigation-new.gif) right -40px no-repeat;
}
ul#navigation li a.normal.active span {
  padding-top: 21px;
  height: 21px;
  background: url(../images/bg-navigation-new.gif) left -124px no-repeat;
  color: #83a600;
}

/* Lisäyksiä 1.12.2011 - Jouni - loppuu */


/*-----------------------------------------------
Navigation - search
 -----------------------------------------------*/

ul#navigation_search {
position: relative;
float: left;
top: 2px;
width: 300px;
}

* html ul#navigation_search {
top: -1px;
}

* + html ul#navigation_search {
top: -1px;
}

ul#navigation_search  li {
position: relative;
float: left;
}

ul#navigation_search li input {
display: none;
}

ul#navigation_search  li label {
position: relative;
float: left;
color: #fff;
cursor: pointer;
display: block;
font-size: 1px;
height: 33px;
text-indent: -9999px;
}

ul#navigation_search li label#navigation_search_koko_sivustolta {
background:url(../images/bg_navigation_search.gif) no-repeat;
width: 113px;
}

ul#navigation_search li label#navigation_search_koko_sivustolta:hover {
background:url(../images/bg_navigation_search.gif) no-repeat;
background-position: 0 -33px; 
}

ul#navigation_search label#navigation_search_koko_sivustolta.active {
background:url(../images/bg_navigation_search.gif) no-repeat 0 -66px !important;
}

ul#navigation_search li label#navigation_search_keskusteluista {
background:url(../images/bg_navigation_search.gif) -113px 0 no-repeat;
width: 103px;
}

ul#navigation_search li label#navigation_search_keskusteluista:hover {
background:url(../images/bg_navigation_search.gif) no-repeat;
background-position: -113px -33px; 
}

ul#navigation_search li label#navigation_search_keskusteluista.active {
background:url(../images/bg_navigation_search.gif) no-repeat;
background-position: -113px -66px; 
}

ul#navigation_search li label#navigation_search_tuotteista {
background:url(../images/bg_navigation_search.gif) -216px 0 no-repeat;
width: 84px;
}

ul#navigation_search li label#navigation_search_tuotteista:hover {
background:url(../images/bg_navigation_search.gif) no-repeat;
background-position: -216px -33px; 
}

ul#navigation_search li label#navigation_search_tuotteista.active {
background:url(../images/bg_navigation_search.gif) no-repeat;
background-position: -216px -66px; 
}




/*-----------------------------------------------
Account navigation
 -----------------------------------------------*/

ul#navigation-account {
float: right;
margin-top: 10px;
}

ul#navigation-account li {
float: left;
margin-right: 5px;
}

ul#navigation-account li a {
float: left;
background: #454545 url(../images/bg-navigation-account.png) repeat-x bottom left;
color: #fff;
height: 23px;
padding: 7px 10px 0 10px;
text-decoration: none;
-webkit-border-top-right-radius:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius:5px; 
}

ul#navigation-account li a:hover {
background: #000;
}

ul#navigation-account li a.selected {
background: #90BD00 url(../images/bg-navigation-account-selected.png) repeat-x bottom left;
color: #000;
}





/*-----------------------------------------------
Navigation - search
 -----------------------------------------------*/

div#sitemap h2 {
background: transparent url(../images/hr_dotted.gif) 0 0 repeat-x;
font-size: 1.7em;
font-weight: normal;
margin: 0;
padding: 1.5em 0 0.4em;
}

div#sitemap ul {
color: #ffd000;
line-height: 1.5em;
list-style-type: disc;
margin: 0 0 1.5em 30px;
}




/*-----------------------------------------------
Fixes
 -----------------------------------------------*/

table.default {
  border: 1px solid #F1F1F1;
  margin-bottom: 14px;
  padding: 1px;
}

table.default th p {
margin: 0px;
}
 
table.default th {
background: #90BD00;
color: #fff;
font-weight: bold;
padding: 3px;
}

table.default td{
padding: 5px 3px;
}

table.default tr.bgdark {
background: #f5f5f5;
}
table.default tr.bglight {
background: #ffffff;
}




/*-----------------------------------------------
Extras
 -----------------------------------------------*/

div#ilmoitus-keskusteluista-loader {
padding: 20px; display: none;
}

div#ilmoitus-keskusteluista-loader p { 
background: #fff url('../images/ajax-loader.gif') left top no-repeat;
line-height: 16px; 
margin: 0; 
padding-left: 20px;
}


div.addthis_toolbox,
a.addthis_button {
padding-left: 20px;
}

div.addthis_toolbox {
padding-bottom: 10px;
}

div#sidebar a.addthis_button_expanded {
font-size: 1em;
font-weight: normal;
padding-top: 1px;
}

div.object-left {
  float: left;
}
div.object-left img {
  float: none !important;
  padding:0 10px 10px 0 !important;
}

div.object-center {
  float: none;
  width: 100%;
  text-align: center;
}
div.object-center img {
  float: none !important;
  padding:0 0 10px 0 !important;
}

div.object-right {
  float: right;
}
div.object-right img {
  float: none !important;
  padding:0 0 10px 10px !important;
}

div.class-file {
  padding:0 0 15px 0 !important;
}

/* muokkausnŠkymŠ */
#content-edit h1 {
  font-size: 16px;
  font-weight: normal;
}
#content-edit div.block {
  padding-bottom: 15px;
}
#content-edit label {
  display: block;
}
#content-edit div.element {
  display: block;
  float: left;
  padding-right: 5px;
}

#content-edit input.box,
#content-edit textarea.box, 
#content-edit input.text_field {
  width: 594px;
}
#content-edit fieldset {
  border: 1px solid #e2e9cb;
  background: #ffffff;
  padding: 10px;
}
#content-edit fieldset legend {
  font-size: 1em;
  color: #000000;
}
#content-edit fieldset input.box,
#content-edit fieldset input.text_field {  
  width: 570px;
}
#content-edit fieldset table.list {
  width: 570px;
  padding-top: 10px;
}
#content-edit fieldset table.list td {
  padding: 0;
  vertical-align: top;
}
#content-edit fieldset input.disabledbutton {
  background-color: #919191;
}

#content-edit div.survey-edit {
  width: 577px;
}

#content-edit fieldset.survey_fieldset {
  background: #F3FFCF !important;
}
#content-edit div.survey-edit input.box {
  width: 550px;
}
#content-edit div.survey-edit input.box2 {
  width: 350px;
}
#content-edit div.survey-edit input.box3 {
  width: 200px;
}
#content-edit div.survey-edit input.box4 {
  width: 50px;
}
#content-edit div.survey-edit table.list {
  width: 577px;  
}
/*#content-edit div.survey-edit table.list th {
  vertical-align: middle;
  padding: 2px;
}*/
#content-edit div.survey-edit table.list th button {
  background: none;
  padding: 0;
  margin: 2px 5px 0 0;
  border: none;
}
#content-edit div.survey-edit table.list td table.list {
  width: auto;  
  padding-top: 0;
}
#content-edit div.survey-edit table.list td table.list td {
  padding: 0 2px 2px 0;
}

table.list th {
  vertical-align: middle;
  padding: 2px;
}
table.list th.tight {
  width: 1px;
  white-space: nowrap;
}

/* Error handler */

div.warning {
  display: block;
  width: 100%;
  margin-bottom: 15px;
}
div.feedback {
  border: 1px solid #607F00;
  float: left;
  display: block;
  width: 100%;
  margin-bottom: 15px;
}
div.warning ul#form_errors, 
div.feedback ul#form_errors {
  margin: 0;
}

ul#form_errors {
  width: 100%;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}
ul#form_errors li {
  list-style-image:none;
  line-height:1em;
}
ul#form_errors ul {
  padding: 3px 0 0 12px;
}

/* Products */

a.image_wrapper_product {
  border: 1px solid #F1F1F1;
  clear: right;
  color: #888888;
  float: right;
  margin: 0 5px 10px 10px;
  padding: 0;
  position: relative;
  text-align: center;
}
a.image_wrapper_product:hover {
  border: 1px solid #90BD00;
}
a.image_wrapper_product img {
  padding: 4px !important;
  margin: 0 !important;
}

/* KŠyttŠjŠprofiili */

img#profile_picture {
  padding-bottom: 15px !important;
}


/*-- Video list start --*/

#yleinen ul.video_list {
float: left;
margin: 20px 0;
}

#yleinen ul.video_list li {
position: relative;
float: left;
background:  transparent url(../images/hr_dotted.gif) 0 top repeat-x;
padding: 1.5em 0 1em;
width: 100%;
}

#yleinen ul.video_list li ul li {
background: none;
margin: 0;
padding: 0;
}

#yleinen ul.video_list li h2,
#yleinen ul.video_list li p,
#yleinen ul.video_list li ul,
#yleinen ul.video_list li ol{
float: right;
margin-bottom: 0.2em;
width: 480px;
}

#yleinen ul.video_list li h2 {
font-size: 1.4em;
margin-top: 0;
margin-bottom: 0;
}
#yleinen ul.video_list li h3 {
margin-top: 0;
}
#yleinen .video_list p.categoryLink {
margin-bottom: 1.8em;
}
#yleinen .video_list p.categoryLink a {
color:#999999;
font-size:1em;
font-weight: normal;
}
#yleinen ul.video_list li p a {
font-weight: bold;
}
#yleinen ul.video_list img {
position: relative;
float: left;
}

#yleinen ul.video_list li.headerBar {
background:  none;
padding: 0 0 1em;
}
#yleinen ul.video_list li.headerBar h3 {
margin-bottom: 0;
font-size: 1.4em;
color: #5c5c5c;
}
#yleinen div.video_list h3 {
margin-bottom: 0;
font-size: 1.4em;
margin-top: 1.2em;
}
#yleinen div.video_list p {
margin-bottom: 1em;
}
#yleinen div.video_list p.categoryLink {
margin-bottom: 1em;
}
#yleinen div.video_list #puutarhaTvFlash {
margin-bottom: 1em;
}

#frontpage .videoLift {
float: left;
width: 254px;
display: block;
padding: 0 0 1em;
margin: 0 0 0 20px;
}
#frontpage .videoLift a {
float: left;
width: 110px;
display: block;
}
#frontpage .videoLift p {
float: left;
width: 144px;
display: block;
margin: 0;
padding: 0;
}
#frontpage .videoLift p a {
color:#999999;
font-size:1em;
font-weight:normal;
}
#frontpage .videoLift h4 {
display: block;
font-size: 1.17em;
font-weight: bold;
line-height: 1em;
padding: 1.5em 0 0.2em;
margin: 0;
background: none;
color: #5B5B5B;
float: left;
width: 144px;
}
#frontpage .videoLift h4 a {
color: #5B5B5B;
width: 144px;
font-size: 1em;
}
#frontpage .videoLift h4 a:hover,
#frontpage .videoLift h4 a:active {
color:#90BD00;
}

/* Register overrides */

#register_form {
  margin-top: 0;
}
#register_form fieldset {
  margin-top: 2em;
}
#leftInterestCol label.checkbox,
#rightInterestCol label.checkbox {
  width:250px;
}
#leftInterestCol {
  float: left;
  width: 282px;
  display: block;
}
#rightInterestCol {
  float: right;
  width: 282px;
  display: block;
}

.dynamic_form label.widebox {
  width: 570px;
}
.dynamic_form label.widebox span {
  font-size: 10px;
}

/* EXTRA */

div.object-left {
  float: left;
}
div.object-left img {
  float: none !important;
  padding:0 10px 10px 0 !important;
}

div.object-center {
  float: none;
  width: 100%;
  text-align: center;
}
div.object-center img {
  float: none !important;
  padding:0 0 10px 0 !important;
}

div.object-right {
  float: right;
}
div.object-right img {
  float: none !important;
  padding:0 0 10px 10px !important;
}

div.class-file {
  padding:0 0 15px 0 !important;
}

/* muokkausnäkymä */
#content-edit h1 {
  font-size: 16px;
  font-weight: normal;
}
#content-edit div.block {
  padding-bottom: 15px;
}
#content-edit label {
  display: block;
}
#content-edit div.element {
  display: block;
  float: left;
  padding-right: 5px;
}

#content-edit input.box,
#content-edit textarea.box, 
#content-edit input.text_field {
  width: 594px;
}
#content-edit fieldset {
  border: 1px solid #e2e9cb;
  background: #ffffff;
  padding: 10px;
}
#content-edit fieldset legend {
  font-size: 1em;
  color: #000000;
}
#content-edit fieldset input.box,
#content-edit fieldset input.text_field {  
  width: 570px;
}
#content-edit fieldset table.list {
  width: 570px;
  padding-top: 10px;
}
#content-edit fieldset table.list td {
  padding: 0;
  vertical-align: top;
}
#content-edit fieldset input.disabledbutton {
  background-color: #919191;
}

#content-edit div.survey-edit {
  width: 577px;
}

#content-edit fieldset.survey_fieldset {
  background: #F3FFCF !important;
}
#content-edit div.survey-edit input.box {
  width: 550px;
}
#content-edit div.survey-edit input.box2 {
  width: 350px;
}
#content-edit div.survey-edit input.box3 {
  width: 200px;
}
#content-edit div.survey-edit input.box4 {
  width: 50px;
}
#content-edit div.survey-edit table.list {
  width: 577px;  
}
/*#content-edit div.survey-edit table.list th {
  vertical-align: middle;
  padding: 2px;
}*/
#content-edit div.survey-edit table.list th button {
  background: none;
  padding: 0;
  margin: 2px 5px 0 0;
  border: none;
}
#content-edit div.survey-edit table.list td table.list {
  width: auto;  
  padding-top: 0;
}
#content-edit div.survey-edit table.list td table.list td {
  padding: 0 2px 2px 0;
}

table.list th {
  vertical-align: middle;
  padding: 2px;
}
table.list th.tight {
  width: 1px;
  white-space: nowrap;
}

/* Error handler */

div.warning {
  display: block;
  width: 100%;
  margin-bottom: 15px;
}
div.feedback {
  border: 1px solid #607F00;
  float: left;
  display: block;
  width: 100%;
  margin-bottom: 15px;
}
div.warning ul#form_errors, 
div.feedback ul#form_errors {
  margin: 0;
}

ul#form_errors {
  width: 100%;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}
ul#form_errors li {
  list-style-image:none;
  line-height:1em;
}
ul#form_errors ul {
  padding: 3px 0 0 12px;
}

/* Products */

a.image_wrapper_product {
  border: 1px solid #F1F1F1;
  clear: right;
  color: #888888;
  float: right;
  margin: 0 5px 10px 10px;
  padding: 0;
  position: relative;
  text-align: center;
}
a.image_wrapper_product:hover {
  border: 1px solid #90BD00;
}
a.image_wrapper_product img {
  padding: 4px !important;
  margin: 0 !important;
}

/* Käyttäjäprofiili */

img#profile_picture {
  padding-bottom: 15px !important;
}


/*-- Video list start --*/

#yleinen ul.video_list {
float: left;
margin: 20px 0;
}

#yleinen ul.video_list li {
position: relative;
float: left;
background:  transparent url(../images/hr_dotted.gif) 0 top repeat-x;
padding: 1.5em 0 1em;
width: 100%;
}

#yleinen ul.video_list li ul li {
background: none;
margin: 0;
padding: 0;
}

#yleinen ul.video_list li h2,
#yleinen ul.video_list li p,
#yleinen ul.video_list li ul,
#yleinen ul.video_list li ol{
float: right;
margin-bottom: 0.2em;
width: 480px;
}

#yleinen ul.video_list li h2 {
font-size: 1.4em;
margin-top: 0;
margin-bottom: 0;
}
#yleinen ul.video_list li h3 {
margin-top: 0;
}
#yleinen .video_list p.categoryLink {
margin-bottom: 1.8em;
}
#yleinen .video_list p.categoryLink a {
color:#999999;
font-size:1em;
font-weight: normal;
}
#yleinen ul.video_list li p a {
font-weight: bold;
}
#yleinen ul.video_list img {
position: relative;
float: left;
}

#yleinen ul.video_list li.headerBar {
background:  none;
padding: 0 0 1em;
}
#yleinen ul.video_list li.headerBar h3 {
margin-bottom: 0;
font-size: 1.4em;
color: #5c5c5c;
}
#yleinen div.video_list h3 {
margin-bottom: 0;
font-size: 1.4em;
margin-top: 1.2em;
}
#yleinen div.video_list p {
margin-bottom: 1em;
}
#yleinen div.video_list p.categoryLink {
margin-bottom: 1em;
}
#yleinen div.video_list #puutarhaTvFlash {
margin-bottom: 1em;
}

#frontpage .videoLift {
float: left;
width: 254px;
display: block;
padding: 0 0 1em;
margin: 0 0 0 20px;
}
#frontpage .videoLift a {
float: left;
width: 110px;
display: block;
}
#frontpage .videoLift p {
float: left;
width: 144px;
display: block;
margin: 0;
padding: 0;
}
#frontpage .videoLift p a {
color:#999999;
font-size:1em;
font-weight:normal;
}
#frontpage .videoLift h4 {
display: block;
font-size: 1.17em;
font-weight: bold;
line-height: 1em;
padding: 1.5em 0 0.2em;
margin: 0;
background: none;
color: #5B5B5B;
float: left;
width: 144px;
}
#frontpage .videoLift h4 a {
color: #5B5B5B;
width: 144px;
font-size: 1em;
}
#frontpage .videoLift h4 a:hover,
#frontpage .videoLift h4 a:active {
color:#90BD00;
}

/* Register overrides */

#register_form {
  margin-top: 0;
}
#register_form fieldset {
  margin-top: 2em;
}
#leftInterestCol label.checkbox,
#rightInterestCol label.checkbox {
  width:250px;
}
#leftInterestCol {
  float: left;
  width: 282px;
  display: block;
}
#rightInterestCol {
  float: right;
  width: 282px;
  display: block;
}

.dynamic_form label.widebox {
  width: 570px;
}
.dynamic_form label.widebox span {
  font-size: 10px;
}