/* Start of CMSMS style sheet 'Ei-tuotteet' */
img, div, p { behavior:url(../iepngfix.htc) }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}ol {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}
body {
	background:url(../images/body-back.gif) repeat top left;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #303136;
	padding-bottom: 24px;
}

a, a:visited {
	text-decoration:none;
}

.cl {
	clear:both;
	font-size:1px;
	height:1px;
	line-height:1px;
}

#container{
	position:relative;
	width:940px;
	margin:0 auto;
	margin-top:50px;
}

#menu{
	position:relative;
	height:30px;
	margin-bottom:15px;
}

#menu ul{
	position:relative;
	text-align:right;
	width:auto;
	height:30px;
	list-style:none;
}

#menu li{
	display:inline;
	list-style-type:none;
	text-align:right;
	height:30px;
	line-height:30px;
}

#menu li a{
	font-size:14px;
	font-weight:bold;
	text-align:center;
	letter-spacing: 1px;
}

.etusivu{
	display:inline-block;
	width:105px;
	height:30px;
	color:#303136;
}

a:hover.etusivu, .etusivu.menuactive {
	display:inline-block;
	width:105px;
	height:30px;
	background:url(/images/etusivu-back.png) no-repeat top left;
	color:white;
}

.asunnossa{
	display:inline-block;
	width:143px;
	height:30px;
	margin-left:38px;
	color:#303136;
}

a:hover.asunnossa, .asunnossa.menuactive {
	display:inline-block;
	width:143px;
	height:30px;
	margin-left:38px;
	background:url(/images/asunnossa-back.png) no-repeat top left;	
	color:white;
}

.puutarhassa{
	display:inline-block;
	width:143px;
	height:30px;
	margin-left:50px;
	color:#303136;	
}

a:hover.puutarhassa, .puutarhassa.menuactive {
	display:inline-block;
	width:143px;
	height:30px;
	background:url(/images/puutarhassa-back.png) no-repeat top left;
	margin-left:50px;
	color:white;
}

.ei-wiki{
	display:inline-block;
	width:143px;
	height:30px;
	margin-left:50px;
	color:#303136;	
}

a:hover.ei-wiki, .ei-wiki.menuactive {
	display:inline-block;
	width:143px;
	height:30px;
	background:url(/images/puutarhassa-back.png) no-repeat top left;
	margin-left:50px;
	color:white;
}


#logo{
	position:absolute;
	display:block;
	top:-70px;
	left:25px;
	z-index:3;
}

#headerfront {
	position:relative;
	width:940px;
	border:1px solid #dedede;
	background-color:white;
}

#header {
	position:relative;
	width:940px;
}

#header h1{
	color:white;
	font-size:40px;
	font-weight: normal;
	letter-spacing: 1px;
	text-align:right;
	padding-right:28px;
	height:97px;
	line-height:94px;
	margin-bottom:18px;
	font-family:Georgia, Times, serif;
}

#header-back-pic{
	position:relative;
	height:256px;
	background-color:white;
	z-index:1;
}

#note-paper{
	position:absolute;
	width:350px;
	height:284px;
	top:-13px;
	right:0px;
	background:url(../images/note-back.png) no-repeat top left;
	z-index:2;
	padding-left:61px;
	padding-right:37px;
}

#note-paper h2{
	font-size:38px;
	color:#008c44;
	margin-top:65px;
	font-weight: normal;
	letter-spacing: 1px;
	margin-bottom:15px;
	font-family:Georgia, Times, serif;
}

#note-paper p{
	line-height:22px;
	font-size:14px;
}

#tuote{
	position:relative;
	float:left;
	width:500px;
	height:256px;
}

#main-cont{
	position:relative;
}

#ajankohtaista{
	position:relative;
	float:left;
	margin-top:25px;
	margin-right:30px;
	width:284px;
	height:306px;
	background:url(../images/Ajankohtaista-back.gif) no-repeat top left;
}

#aj-text{
	margin-top:94px;
	margin-left:27px;
	margin-right:30px;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
}

#aj-text a{
	color:#224593;
}

#aj-text p{	
	margin-top:31px;
}

#box1{
	position:relative;
	float:left;
	margin-top:25px;
	margin-right:20px;
	width:300px;
	height:306px;
}

.green-box{
	position:relative;
	float:left;
	height:41px;
	width:283px;
	line-height:40px;
	background-color:#008c44;
	font-size:18px;
	letter-spacing: 1px;
	color:white;
	padding-left:17px;
}

#box1 img{
	position:relative;
	float:left;
	height:125px;
}

#box1 ul{
	position:relative;
	float:left;
	width:286px;
	padding-top:21px;
	padding-bottom:6px;
	padding-left:12px;
	background-color:#FFFFFF;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	list-style:none;
}

#box1 li{
	margin-bottom:15px;
	font-size:14px;
	font-weight:bold;
}

#box1 li a{
	color:#008c44;
}

#box1 li span{
	font-size:12px;
	font-weight:bold;
	margin-left:5px;
}

#box2{
	position:relative;
	float:left;
	margin-top:25px;
	width:300px;
	height:306px;
}

#box2 li span{
	font-size:12px;
	font-weight:bold;
	margin-left:5px;
}

#box2 img{
	position:relative;
	float:left;
	height:125px;
}

#box2 ul{
	position:relative;
	float:left;
	width:286px;
	padding-top:21px;
	padding-bottom:6px;
	padding-left:12px;
	background-color:#FFFFFF;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	list-style:none;
       min-height:99px;
       height:auto !important;
       height:99px;
}

#box2 li{
	margin-bottom:15px;
	font-size:14px;
	font-weight:bold;
}

#box2 li a{
	color:#303136;
}

.black-box{
	position:relative;
	float:left;
	width:283px;
	height:41px;
	line-height:40px;
	background-color:#303136;
	font-size:18px;
	letter-spacing: 1px;
	color:white;
	padding-left:17px;
}

#footer{
	position:relative;
	height:75px;
	line-height:75px;
	color:white;
	background:url(../images/footer-back.png) no-repeat top left;
	text-align: center;
}

#footer span{
	margin-left:50px;
}

#footer a{
	color:white;
	text-decoration: underline;
}

#product-cont{
	position:relative;
	width:925px;
	background-color:white;
	border:1px solid #dedede;
	padding:0 0 69px 13px;
	margin-bottom:25px;
}

#left-side{
	position:relative;
	float:left;
	width:273px;
	margin-top:12px;
}

#left-menu-middle{
	position:relative;
	width:273px;
}

#left-menu-top{
	position:relative;
}

#left-menu-bottom{
	position:relative;
}

#left-menu-middle ul{
	padding:20px 15px 10px 15px;
	list-style:none;
}

#left-menu-middle li{
	margin-bottom:12px;
}

#left-menu-middle li a{
	color:white;
        text-transform: uppercase;
}

.under-left-menu a {
	width:256px;
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#303136;
	margin-left:5px;
	padding-left:7px;
	margin-top:14px;
	padding-bottom:14px;
	border-bottom:1px dashed #d1d1d1;
}
.under-left-menu li {        
        list-style:none;
}
.under-left-menu span {
	font-size:10px;
	font-weight:bold;
	margin-left:5px;
}

#right-side{
	position:relative;
	width:610px;
	float:right;	
}

#right-top{
	position:relative;
	float:left;
	width:603px;
	min-height: 238px;
	height:auto !important;
	height:238px;
	border-bottom:1px solid #dedede;
}

.product-pic{
	position:absolute;
	right:18px;
	bottom:0px;
}

#description{
	position:relative;
	float:left;
	width:350px;
	padding-bottom:20px;
	margin-top:12px;
}

.ei-icon{
	position:relative;
	float:left;
	width:72px;
	height:69px;
	margin-top:10px;
	margin-bottom: 20px;
}

#description h2{
	font-size:30px;
	font-weight: normal;
        text-transform: uppercase;
	letter-spacing: 1px;
	color:#008c44;
	margin-left:86px;
	margin-top:13px;
}

#description p{
       clear: left;
	margin-top:15px;
	font-size:1.3em;
	line-height:1.5em;
}

#right-bottom{
	position:relative;
	float:left;
	width:auto;
	margin-top:10px;
}

#right-middle{
	position:relative;
	float:left;
	width:auto;
	margin-top:14px;
}

#right-middle p{
	margin-top:12px;
	margin-bottom: 14px;
	margin-right: 26px;
	line-height: 1.4em;
	font-size: 1.2em;
}

#right-bottom-menu-text{
	position:relative;
	float:left;
	width:335px;
	margin-right:10px;
}

.rght-marg{
	margin-right:29px;
}

.rght-marg2{
	margin-right:24px;
}

#right-bottom-menu-text ul{
	margin-left: 20px;
	padding-bottom: 20px;

}

#right-bottom-menu-text li a{
	color:#959595;
}

#right-bottom-menu-text li a:hover{
	text-decoration: underline;
	color:#959595;
}

#right-bottom-menu-text li a.on2{
	background:none;
}

#right-bottom-menu-text p{
	margin-top:0px;
	margin-bottom: 20px;
	font-size:12px;
	line-height:15px;
}

#right-bottom-menu-text h3{
	margin-bottom: 10px;
	margin-top: 10px;
	font-size:12px;
	line-height:15px;
	font-weight: bold;
	letter-spacing:1px;
}

#right-box-middle{
	position:relative;
	width:245px;
	float:left;
}

#right-box-top{
	position:relative;
	padding-top:18px;
}

#right-box-bottom{
	position:relative;
	padding-bottom:20px;
}

#right-box-middle p{
	font-size:13px;
	text-align:center;
	margin-left:30px;
	margin-right:30px;
	line-height:24px;
}

#right-box-middle p span{
	display:block;
	font-size:15px;
	font-weight:bold;
}

#right-top-uutinen{
	position:relative;
	float:left;
	width:603px;
	min-height: 238px;
	border-bottom:1px solid #dedede;
	padding-left:7px;
}

#uutinen{
	position:relative;
	float:left;
	padding-bottom:20px;
	margin-top:12px;
}

#uutinen h2{
	font-size:24px;
	font-weight: normal;
	letter-spacing: 1px;
	color:#008c44;
	padding-bottom:10px;
	padding-top:10px;
	margin-right:40px;
	border-bottom:1px solid #dedede;
}

#uutinen p{
	margin-top:20px;
	font-size:13px;
	line-height:20px;
	margin-right:30px;
}


/**======== Section based colors
**/
.puut-ja-pensaat #parentTitle {
    background-color: rgb(0, 140, 68);
}
.rikat #parentTitle {
    background-color: rgb(166, 34, 142);
}
.otokat #parentTitle {
    background-color: rgb(237, 119, 3);
}
.hiiret #parentTitle {
    background-color: rgb(48, 49, 54);
}
.hedelmakarpaset #parentTitle {
    background-color: rgb(34, 69, 147);
}


.puut-ja-pensaat #description h2 {
    color: rgb(0, 140, 68);
}
.rikat #description h2 {
    color: rgb(166, 34, 142);
}
.otokat #description h2 {
    color: rgb(237, 119, 3);
}
.hiiret #description h2 {
    color: rgb(48, 49, 54);
}
.hedelmakarpaset #description h2 {
    color: rgb(34, 69, 147);
}



.puut-ja-pensaat #right-box-middle {
    background:url(/images/right-box-back-middle-green.gif) repeat-y right top;
}
.puut-ja-pensaat #right-box-top {
    background:url(/images/right-box-back-top-green.gif) no-repeat right top;
}
.puut-ja-pensaat #right-box-bottom {
    background:url(/images/right-box-back-bottom-green.gif) no-repeat right bottom;
}

.otokat #right-box-middle {
    background:url(/images/right-box-back-middle-oran.gif) repeat-y right top;
}
.otokat #right-box-top {
    background:url(/images/right-box-back-top-oran.gif) no-repeat right top;
}
.otokat #right-box-bottom {
    background:url(/images/right-box-back-bottom-oran.gif) no-repeat right bottom;
}

.rikat #right-box-middle {
    background:url(/images/right-box-back-middle-viol.gif) repeat-y right top;
}
.rikat #right-box-top {
    background:url(/images/right-box-back-top-viol.gif) no-repeat right top;
}
.rikat #right-box-bottom {
    background:url(/images/right-box-back-bottom-viol.gif) no-repeat right bottom;
}


.hiiret #right-box-middle {
    background:url(/images/right-box-back-middle-black.gif) repeat-y right top;
}
.hiiret #right-box-top {
    background:url(/images/right-box-back-top-black.gif) no-repeat right top;
}
.hiiret #right-box-bottom {
    background:url(/images/right-box-back-bottom-black.gif) no-repeat right bottom;
}

.hedelmakarpaset #right-box-middle {
    background:url(/images/right-box-back-middle-blue.gif) repeat-y right top;
}
.hedelmakarpaset #right-box-top {
    background:url(/images/right-box-back-top-blue.gif) no-repeat right top;
}
.hedelmakarpaset #right-box-bottom {
    background:url(/images/right-box-back-bottom-blue.gif) no-repeat right bottom;
}









.puut-ja-pensaat #left-menu-middle {
    background:url(/images/left-menu-back-middle-green.gif) repeat-y left top;
}
.puut-ja-pensaat #left-menu-top {
    background:url(/images/left-menu-back-top-green.gif) no-repeat left top;
}
.puut-ja-pensaat #left-menu-bottom {
    background:url(/images/left-menu-back-bottom-green.gif) no-repeat left bottom;
}

.otokat #left-menu-middle {
    background:url(/images/left-menu-back-middle-oran.gif) repeat-y left top;
}
.otokat #left-menu-top {
    background:url(/images/left-menu-back-top-oran.gif) no-repeat left top;
}
.otokat #left-menu-bottom {
    background:url(/images/left-menu-back-bottom-oran.gif) no-repeat left bottom;
}

.rikat #left-menu-middle {
    background:url(/images/left-menu-back-middle-viol.gif) repeat-y left top;
}
.rikat #left-menu-top {
    background:url(/images/left-menu-back-top-viol.gif) no-repeat left top;
}
.rikat #left-menu-bottom {
    background:url(/images/left-menu-back-bottom-viol.gif) no-repeat left bottom;
}


.hiiret #left-menu-middle {
    background:url(/images/left-menu-back-middle-black.gif) repeat-y left top;
}
.hiiret #left-menu-top {
    background:url(/images/left-menu-back-top-black.gif) no-repeat left top;
}
.hiiret #left-menu-bottom {
    background:url(/images/left-menu-back-bottom-black.gif) no-repeat left bottom;
}

.hedelmakarpaset #left-menu-middle {
    background:url(/images/left-menu-back-middle-blue.gif) repeat-y left top;
}
.hedelmakarpaset #left-menu-top {
    background:url(/images/left-menu-back-top-blue.gif) no-repeat left top;
}
.hedelmakarpaset #left-menu-bottom {
    background:url(/images/left-menu-back-bottom-blue.gif) no-repeat left bottom;
}

#menu a {
    text-transform:uppercase;
}
/**======== MENU
* Don't touch below please...
*
*/
dfn { display:none; }

#priNav a {
    display:block;
}
#priNav li, #priNav ul {
    margin:0; padding:0;
}
#priNav li {
    margin-bottom:12px;
}

#apriNav li.menuactive a.menuactive {
    display:none;
}
.menuactive {
}

.NewsSummaryLink {
     margin-bottom:20px;
    margin-top:10px;
}


/* palautelomake */

.formbuilderform{
    padding:20px;
}
.formbuilderform textarea {
    width:300px;
    height:220px;
}

.formbuilderform label {
    display:block;
}
.formbuilderform .submit {
    padding-top:14px;
}

#header-back-pic {
    list-style:none;
}


/* ei-WIKI */
#wiki #product-cont p {
    font-size:14px;
    margin-bottom:18px;
    line-height:20px;
}
#wiki #product-cont h1 {
    font-size:30px;
    margin-bottom:18px;
    color:#008c44;
}
#wiki h2,
#wiki h3,
#wiki h4,
#wiki h5 {
    margin-bottom:18px;
    font-size: 18px;
    text-transform:uppercase;
}

#wiki-nav a {
    color: #008c44;
    font-size:16px;
}
#wiki-nav,
#wiki-nav ul,
#wiki-nav li {
    list-style:none;
}

#wiki-nav li {
    margin-bottom:18px;
}

#wiki-nav li ul {
    margin-left:14px;
    margin-top:14px;
    text-transform:uppercase;
}
#wiki-nav li ul li {
    margin-bottom:12px;
}

#wiki-nav li ul a {
    font-size:12px;
    color:#5c5c5c;
}

#wiki-nav li ul a.menuactive {
    color:#008c44;
}



#wiki #product-cont {
    padding-top:18px;
    padding-left:24px;
}
#wiki #left-side {
    margin:0;
    border-right:1px solid #dedede;
    min-height:420px;
    padding-right:16px;
    padding-top:8px;

}
#wiki #right-side {
    margin-right:30px;
    width:580px;
}

/* basic table style */
table {

}
table td {
  padding:4px;
}


/* End of 'Ei-tuotteet' */