body {
    background-color: #FFFFE6;
    margin: 0px 0px 40px 0px;
    padding: 0px;
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    color: #323232;
}
a:link { 
    text-decoration: underline; 
}
a:visited { 
    color: #CCEEFF; 
}
a:hover { 
    color: #FFEF90; 
}
/*#content a:link { */
/*    color: #323232; */
/*}*/
#content a:hover, .logged-in a:hover { 
    color: #323232; 
    background-color: #FFFFB3; 
}
#content a:visited { 
    color: #800080; 
}
.logged-in a:visited { color: #00E; }
img, a img {
    border: none; 
}
h1, h2, h3, h4, h5 { 
    font-weight: bold; 
    margin: 15px 0px 10px 0px; 
    padding: 0px 0px 0px 0px; 
}
h1 { 
    font-size: 1.70em;
    clear: both; 
    margin: 0px 0px 15px 0px;
    background: #FFFFB3;
    padding: 7px 0px 7px 15px; 
}
h2 { 
    font-size: 1.3em; 
}
h3 { 
    font-size: 1.3em; 
}
h4 { 
    font-size: 1.1em; 
}
h5 { 
    font-size: 1em; 
}
p { 
    margin: 0.5em 0; 
}

table {
    border: solid;
    border-width: 1px;
    border-color: #C3C3BB;
}

tr {
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: left;

}

tr.keskitetty {
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;

}

th {
    text-align: center;
}

td {
    font-size: 0.85em;
    border: solid;
    border-width: 1px;
    border-color: #C3C3BB;
    padding-top: 6px;
    padding-bottom: 6px;
}


ul {
    margin: 10px 0px;
    padding: 0px;
    list-style-image: url("../i/bullet_teksti.gif");
}
ul.links { 
	margin: 10px 0px;
	padding: 0px;
}
ul.internal, ul.sisainen, li.internal, li.sisainen {
	list-style-image: url("../i/bullet_sisainen.gif");
}
ul.external, ul.ulkoinen, li.external, li.ulkoinen {
	list-style-image: url("../i/bullet_ulkoinen.gif");
}
ul.harmaa {
	margin: 10px 0px 20px;
	padding: 0px;
	list-style-image: url("../i/bullet_harmaa.gif");
}
ol {
	margin: 0px;
	padding: 0px 0px 0px 5px;
	list-style-position: outside;
}
li {
    margin: 4px 0px 4px 17px;
	padding: 0px;
}

#site {
    width: 760px;
    margin-left: auto;
    margin-right: auto;
}

/* YLÄPALKKI */
#top {
    width: 100%;
    background: #FBFBF9;
    border: solid 1px #C3C3BB;
    border-bottom-color: #999999;
    border-top: none;
}
#top #logo {
    background: #fbfbf9 url(../i/nkl_logo_ray_etusivu.gif) no-repeat;
    height: 100px;
}
#top #menu-top {
    background: #0B2886;
    border-bottom: solid 1px #C3C3BB;
    padding-bottom: 5px; 
    color: #FFFFFF;
    font-size: 1.1em;
	clear:both;
}
#top #menu-lang {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    float: right;
    padding: 6px 20px 0px 0px;
}
#top #menu-lang a {
	color:#ffffff;
}
#top #path {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 6px 0px 0px 15px;
    float: left;
}

#top #path a {
	color:#ffffff;
}


#top #harmaapalkki {
    height: 2em;
    background-color: #A8ADB4;
    text-align: right;
    border-bottom: solid 1px #C3C3BB;
}
#top #harmaapalkki a:link {
    text-decoration: underline;
    color: #000000;
}
#top #harmaapalkki a:visited {
    color: #800080;
}
#top #harmaapalkki a:hover {
    color: #000000;
} 

/* SIVUPOHJA */
#page {
    position: relative;
    width: 760px;
    margin: 8px 0px 0px 1px;
    background: transparent url("../i/navi_bg.gif") repeat-y;
    clear: both;
    height: 100%;
}

/* NAVIGAATIO */
#menu {
    position: relative;
    z-index: 1;
    width: 195px;
    float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 0px 0px 1px 0px;
}
#menu .alignright {
    width: 180px;
}
#menu .item {
    border-bottom: solid 4px #FFFFE6;
    font-weight: bold;
    font-size: 1.1em;
}
#menu .home-item {display:none;}

#menu a {
	color: #FFFFFF; 	
}
#menu .item a {
    text-decoration: none;
    display: block;
    border-right: solid 14px #3758C9;
    padding: 6px 0px;
}
#menu .headline {
    width: 180px;
    margin: 20px 0;
    text-align: left;
}

#menu-back {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 195px;
    left: 0;
}
/* SISÄLTÖ */
#content-wrap {
    width: 555px; 
    margin: 0px 0px 0px 10px;
    float: left;
    padding: 0px;
    overflow: hidden; 
    position: relative;
    z-index: 1;
}
#content-back {
    border: 1px solid #C3C3B0;
    border-top: 1px solid #D9D9C4;
    background: #FBFBF9;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 204px;
    width: 555px;
    margin-bottom: 1px;
}
#content {
    padding: 4px;
}

#content .harmaalaatikko {
	background-color: #ecedee;
	padding:10px;
}
#content .harmaalaatikko {
	background-color: #ecedee;
	padding:10px;
    margin: 0.5em 0;
}
#content .sitaatti {
	border-left: 4px solid #ee2c34;
	padding-left: 15px;
    margin: 0.5em 0;
}


.home-caption {
    background-color: #FBFBF9;
    border: 1px solid #C3C3B0;
    border-top: 1px solid #D9D9C4;
    padding: 9px 9px 9px 9px;
    margin: 0px;
}
#caption {
    margin: 0px 0px 0px 0px;
}
#caption p.text {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0px 20px 20px 10px;
}
#caption ul {
    margin: 0px 20px 20px 10px;
}
#caption .pub-info { float: right; margin-right: 10px; }
.ingressi { font-weight: bold; font-size: 1.2em; }
.image, .image.right {
    float: right;
    margin: 0px -10px 5px 5px;
    border: none;
    border-left: solid 4px #EE2C34;
    padding: 0px 0px 0px 6px;
    clear: right;
}


#caption .image, #caption .image.right { 
    margin-right: 15px;
}
.image.left { 
    margin: 0px 15px 5px 0px;
    border: none;
    border-right: solid 4px #EE2C34;
    padding: 0px 6px 0px 0px;
    float: left;
    clear: left; 
}
.image p { 
    font-size: 0.9em;
    margin: 0px;
}

.image.center {
	float: none;
	clear: both;
	margin : 10px auto;
	border : none;
	text-align : center;
}

.pulp-form {
	margin: 0 20px;
}
.field-buttons {
	margin-bottom:15px;
}
.text-fields, .field-buttons {clear:both;}
.text-fields label { display:block; margin-bottom:5px;width:80%; }
.text-fields input {display:block; margin-bottom: 15px;width:80%;}
.field-options {margin-bottom: 15px;}
.field-options .option { margin-bottom:5px; }
.text-fields textarea {width:80%; margin-bottom: 15px;}
.pulp-form .break {
	padding-bottom:10px;
	border-bottom:1px solid #AEAEAD;
	margin-bottom:15px;
	width:80%;
}
.pulp-form .label {
	margin-bottom:5px;
}
.pulp-form .heading {
	margin-bottom:15px;
	width:80%;
}
.pulp-form .field select {margin-bottom:15px;}


/* SIVUTYYPPIKOHTAISET MUOKKAUKSET */
#page.home #content-wrap { 
    background: #ffffff;
}
#page.home #content-back { 
    background: transparent;
    border: none;
}
#page.home #content { 
    background: #ffffff;
    border: none;
    padding: 0px;
}
#page.home h1 { 
    background: transparent;
    margin: 16px 0 14px 0;
    padding: 0px;
    clear: none;
}
.home-caption .text { 
    font-weight: normal;
    font-size: 1em;
    margin: 10px 0px 0px 0px;
}
#page.article,  #page.shop { 
    background-image: url("../i/tyhjanavi_bg.gif"); 
}
#page.article h3, #page.shop h3 { 
    font-size: 1.2em;
}
#page.article #caption, #page.shop #caption { 
    margin: 11px 11px 0px 11px; 
}
#page.article h1, #page.shop h1 {
    margin: 0px 0px 20px 0px;
    padding: 0px;
    border-bottom: solid 4px #EE2C34;
    background: transparent;
}
#page.section h3 { 
    font-size: 1.2em;
}
#page.section { 
    background-image: url("../i/tyhjanavi_bg.gif"); 
}
.webzine #page { 
    background-image: url("../i/verkkolehti_bg.gif"); 
}
.webzine #menu {
	width: 195px;
	float: left;
	border-top: 1px solid #E2E287;
}

.webzine #top #menu-top {
	background-color:#A8ADB4;
}

/* AVIRIS */

body.aviris { 
    background-color: #ffffe6;
}
.aviris #top #logo { 
    background: #ffffff url(../i/aviris_logo2.gif) no-repeat 20px top;
}
/*
.aviris a { 
    color: #FBDBFD; 
}
.aviris a:link {
	text-decoration: underline;
	color: #FFFFFF;
}
.aviris a:visited {
	color: #FBDBFD;
}
*/
.aviris a:hover {
	color: #FFEF90;
}
.aviris #menu, .aviris #top #menu-top { 
    background-color: #4f006f; 
}
.aviris #page { 
    background-image: url("../i/aviris_bg2.gif"); 
}
.aviris #menu .item a { 
    border-right: solid 14px #f34d4d;
}
.aviris #menu .item { 
    border-color: #FFFFE6;
}

.aviris .product {
	padding: 0 11px 20px 15px;
}

.aviris .product-add {
	margin-bottom:20px;	
}
/* OPASKOIRAKOULU */

body.okk { 
    background-color: #ffffff;
}
.okk #top #logo { 
    background: #ffffff url(../i/opaskoirakoulu_rgb.gif) no-repeat 20px 50%;
}
.okk a { 
    color: #242800; 
}
.okk a:link {
	text-decoration: underline;
	color: #242800;
}
.okk a:visited {
	color: #242800;
}
.okk a:hover {
	color: #242800;
}
.okk #menu, .okk #top #menu-top { 
    background-color: #F9F1D7; 
}
.okk #page { 
    background-image: url("../i/okk_bg2.gif");
}
.okk #menu .item a { 
	color : #242800;
    border-right: solid 3px #807E76;
}
.okk #menu .item { 
    border-color: #FFFFFF;
}
.okk #top #path { color: #000; }
.okk #top #path a { color: #242800; }

.okk h1 {
	font-family : Garamond,Bookman old style,Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
    font-size: 2em;
	background:none;
	color:#807E76;
	padding:0;
	margin:15px 20px 20px 10px;
}
.okk #page.article  h1 {
	border-bottom:5px dotted #BBBBBB;
}

/* EXTRANET */ 
.logged-in { text-align:left; float:right; margin:0 0 0 0; padding:6px 15px 0 15px;}
.logged-in p {margin:0; float:left;}
.logged-in ul, .logged-in li {float:left; margin-top:0;}
.logged-in li { padding:0; margin:0 0 0 2em;}

#form-signin div {clear:both; padding-top:1em;}
#form-signin fieldset {border:none; padding:0 0 1em 0;}
#form-signin label {display:block; float:left; padding:0 0.5em 0 0; vertical-align:top; width:10em;}
#form-signin .checkbox label {display:inline; float:none;}
#form-signin .checkbox {margin-left:122px;}

.notice, .missing-field label {border:none; padding:0.5em 3px; display:block; background-color:#EE2C34; color:#FFF;}
.notice {padding:0.5em 15px;}

/* SOKEVA */

body.sokeva { background-color: #ffffff; margin:0; }
.sokeva .notice {border:1px solid #E20; padding:0.5em; display:block; background-color:#FFF; color:#000;}
.sokeva #site, .sokeva #page {width:750px;}
.sokeva #page {	background-image: none; margin:0;padding:0; }
.sokeva #top {border:none;}
.sokeva #top #logo { background: #ffffff url(../i/sokeva/logo_sokeva_kasityo_hand_made.jpg) no-repeat 0px 16px; height:60px;}
.sokeva #menu-back, .sokeva #content-back {	display:none; }
.sokeva .top-footer {display:none;}

.sokeva #menu {	float:none;	width:100%; }
.sokeva #menu .alignright {	width:100%; float:none; text-align:justify;}
.sokeva #menu .item { font-weight:normal; border:none; font-size:1em;font-family:Arial,helvetica,sans-serif; text-transform: uppercase; display:inline;}
.sokeva #menu .item a {	border:none; padding: 0; color:#939598; display:inline;}
.sokeva #menu .item .break {display:inline; padding-right:675px; margin:0;}
.sokeva #menu .current-item a {color:#000;}
.sokeva #menu .home-item a {color:#0C0;}
.sokeva #path {display:none;}

.sokeva #content-wrap {	float:none;	overflow: visible;	width:100%;	position: inherit; margin:1em 0 0 0; }
.sokeva #content {margin:0; padding:0;}
.sokeva .paragraphs, .sokeva .archive.short {padding:0;}
.sokeva .home-caption {	padding:0; margin:0; border:none; border-width:0; background-color:#FFF;}

.sokeva h1 {margin-top:0 !important; display:none;}
.sokeva #caption ul {margin:10px 0 2em 0;}
.sokeva li.internal {list-style-image:url(../i/bullet_teksti.gif); margin:4px 0 4px 17px;}
.sokeva .archive.short li {list-style-image:none; list-style-type:none; margin:0;}
.sokeva a { color: #242800; }
.sokeva a:link { text-decoration: underline; color: #242800; }
.sokeva a:visited, .sokeva #content a:visited { color: #242800; }
.sokeva a:hover { color: #242800; background-color:#EEE !important;}
.sokeva a:active {outline:none;}
.sokeva a:focus {outline:none;}
.sokeva #menu a.sokeva-services {position:absolute; top:-36px; right:0; text-transform:uppercase; color:#E20; text-decoration:none;}
.sokeva #menu a.sokeva-services:visited {color:#E20;}
.sokeva #top #menu-top { background-color: #ffffff; border-bottom-color:#939598;}
.sokeva #top #path { color: #000; }
.sokeva #top #path a { color: #242800; }
.sokeva .image {border:none; margin:0 !important; padding:0;}
.sokeva .image p {width:auto !important;}
.sokeva .images {clear:both;}
.sokeva .images .image.left {clear:none; margin-right:1em !important;}
.sokeva .images .image.right {clear:none; margin-left:1em !important;}
.sokeva #footer {display:none;}
.sokeva #page #caption {margin:0;}
.sokeva #page #caption .image {margin-right:0 !important; float:none;}
.sokeva #page #caption .text {margin-left:0; margin-right:0; font-weight:normal; font-size:1em;}
.sokeva form {padding:0; margin:0;}
.sokeva button {padding:0; width:10em;}

.sokeva #page.article #caption p, .sokeva #page.article .paragraphs .text {/* width:23em; */ width:275px;  }

.sokeva #page.shop .shop-category {margin:0;}
.sokeva #page.shop .shop-categories h2 {display:none;}
.sokeva #page.shop .shop-category h2 {display:none;}

.sokeva #page.shop .main-cats {margin:0 auto; width:681px;}
.sokeva #page.shop .main-cats .item {float:left; clear:none; width:227px; height:13em; position:relative; margin:0;}
.sokeva #page.shop .main-cats .item h3 {font-size:1em; text-align:center; position:relative; font-weight:normal;}
.sokeva #page.shop .main-cats .item a {width:9em; height:10em; margin:0 auto; display:block; font-weight:normal; border:none; font-size:1em;font-family:Arial,helvetica,sans-serif;text-transform: uppercase;color:#939598; text-decoration:none;}
.sokeva #page.shop .main-cats .item.selected h3 {color:#000;}
.sokeva #page.shop .main-cats .item a:hover {background:transparent !important;}
.sokeva #page.shop .main-cats .item a:hover span {background:#EEE !important;}
.sokeva #page.shop .main-cats .item .text {display:none;}
.sokeva #page.shop .main-cats .item img {float:none; position:absolute; top:3em; left:0; text-align:left; padding-left:66px; margin:0; }
/*
.sokeva #page.shop .main-cats .item .image {float:none; position:absolute; top:3em; left:0; text-align:left; width:100%; }
.sokeva #page.shop .main-cats .item .image img {float:none; margin:0; padding-left:66px;}
*/

.sokeva #page.shop_main_cat #caption {display:none;}
.sokeva #page.shop_main_cat .main-cats .item img {display:none;}
.sokeva #page.shop_main_cat .main-cats .item.selected img {display:inline;}
.sokeva #page.shop_main_cat .main-cats {background:url(../i/sokeva/product_lines_back.gif) no-repeat 66px 3em; }
.sokeva #page.shop_product_group #path {display:block; text-align:center;}
.sokeva #page.shop_product_group #path .step1 {display:none;}
.sokeva #page.shop_product_group #path .step2 {display:none;}
.sokeva #page.shop_product_group #path .step4 {display:none;}
.sokeva #page.shop_product_group #path .sep {display:none;}
.sokeva #page.shop_product_group #path a {text-decoration:none; text-transform:uppercase;}
.sokeva #page.shop_product_group #content {border:1px solid #000; padding:48px 20px; width:710px; height:100%;}
.sokeva #page.shop_product_group #caption {display:none;}
.sokeva #page.shop .sub-cats {width:550px; margin:0 auto;}
.sokeva #page.shop .sub-cats .item {border-bottom:1px solid #000; position:relative; margin:0; height:4.95em;} 
.sokeva #page.shop .sub-cats .item:hover {background:#EEE;}
.sokeva #page.shop .sub-cats .item .image {float:none; position:absolute; top:0; right:0; z-index:30;}
.sokeva #page.shop .sub-cats .item img {margin:0;}
.sokeva #page.shop .sub-cats h3 {margin:0; font-size:1em; font-weight:normal; width:100%; height:100%; position:relative; z-index:40;}
.sokeva #page.shop .sub-cats a {display:block; width:100%; height:1.95em; padding:1.5em 0; text-decoration:none; color:#000;}
.sokeva #page.shop .sub-cats a:hover {background:transparent !important;}

.sokeva #page.shop .sibling-cats {width:190px; margin:0; float:left; margin-right:18px;}
.sokeva #page.shop .sibling-cats .item h3 a {color:#939598;}
.sokeva #page.shop .sibling-cats .item.selected h3 a {color:#000;}

.sokeva .title-long {display:block; }
.sokeva #page.shop .shop-products {float:left; width:502px;}
.sokeva #page.shop .shop-products .item {width:8em; height:15em; clear:none; float:left; font-size:0.9em; font-weight:normal; margin:0 0 1em 1em; border:none; text-align:left; background-repeat:no-repeat; background-position:3px 3px;}
.sokeva #page.shop .sub-cats .cb {display:none;}
.sokeva .shop-products .item * {font-size:1em; font-weight:normal; text-decoration:none;} 
.sokeva #content .shop-products .item a {color:#000; width:8em; }
.sokeva #content .shop-products .item h4 {width:8em;}
.sokeva #content .shop-products .item a:visited {color:#000;}
.sokeva .shop-products .item a:hover {background-color:transparent !important;}
.sokeva .shop-products .item a:hover h4 {background-color:#EEE !important;}
.sokeva .shop-products .item h4 {margin:0; min-height:4em;}
.sokeva .shop-products .product-image {width:85px; height:85px; display:block; margin:0 0 1em 0; border:1px solid #939598; text-align:center; }
.sokeva .shop-products .product-image img {float:none;}
.sokeva .shop-products .item button {font-size:80%;}
.sokeva .shop-products .in-shop {border-top:1px solid #939598; color:#F30; text-transform:uppercase; font-size:0.8em;}
.sokeva .shop-footer {margin:2em 0 0 0;}

.sokeva-card ul {list-style-image:none;}
.sokeva-card #page.article #content-wrap {height:480px;}
.sokeva-card #page.article h1 {display:block; border:none; text-transform:none; font-size:1.6em; font-weight:normal; margin:0 0 1em 0;}
.sokeva-card #page.article.shop_product h1 {text-transform: uppercase; font-size:1.25em;}
.sokeva-card #page.article #alaosio {background-color:#F30; color:#FFF; width:19em; float:right; height:436px; padding:24px 2em 12px 2em; overflow:auto;}
.sokeva-card #page.article.shop_product #alaosio {width:20em; padding:24px 1em 12px 2em; }
.sokeva-card #page.article #content a {color:#FFF;}
.sokeva-card #page.article #content a:hover {background-color:#E20 !important;}
.sokeva-card #page.article #caption p.text {margin:1em 0; font-weight:normal;} 
.sokeva-card #page.article .product, .sokeva-card #page.article .paragraphs {font-size:1em; margin-bottom:1em;}
.sokeva-card #page.article .paragraphs h3 {clear:both; float:left; font-weight:normal; font-size:1em; margin:0; width:6.25em;}
.sokeva-card #page.article #caption p, .sokeva-card #page.article .paragraphs .text {width:auto;}
.sokeva-card #page.article .paragraphs .text {margin-bottom:1em;}
.sokeva-card #page.article .shop-footer {font-size:1em; margin:1em 0;}
.sokeva-card #page.article .shop-footer .link-sep {display:none;}
.sokeva-card #page.article .product .image {border-width:1px 0 1px 1px; border-style:solid; border-color:#000; position:absolute; top:0; left:0; width:473px; height:470px; padding:0; text-align:center; float:none; z-index:-1;} 
.sokeva-card #page.article .paragraph .image {border:none; position:absolute; top:0; left:0; width:472px; height:472px; padding:0; text-align:left; float:none; z-index:-1;} 
.sokeva-card #page.article .product .image img {margin:0; padding:0; }
.sokeva-card #page.article .paragraph .image img {margin:0; padding:0; width:474px; height:472px; }
.sokeva-card #page.article .parent-section-link {position:absolute; right:1.6em; top:7px; background-image:url(../i/sokeva/close.gif); background-repeat:no-repeat; background-position:center; width:20px; height:20px;}
.sokeva-card #page.article.shop_product .parent-section-link {right:1em;}
.sokeva-card #page.article .parent-section-link span {display:none;}
.sokeva-card #page.article .parent-section-link {display:inline;}
.sokeva-card #page.shop_product_group .parent-section-link, .sokeva-cart .parent-section-link {position:absolute; right:1em; top:7px; background-image:url(../i/sokeva/close_black.gif); background-repeat:no-repeat; background-position:center; width:20px; height:20px;}
.sokeva-card #page.shop_product_group .parent-section-link span, .sokeva-cart .parent-section-link span {display:none;}
.sokeva-card #page.article.shop_product .parent-section-link {display:none;}
.sokeva-card #page.article.shop_product .shop-footer .parent-section-link {display:inline;}
.sokeva-card .links {float:left; margin:0; width:135px; display:block;}
.sokeva-card .links li {width:40px; height:22px; display:block; float:left; margin:0 5px 0 0; padding:0 0 1.5em 0;}
.sokeva-card .links li a {width:40px; height:22px; display:block;}
.sokeva-card #page.article #content .links li a:hover {background-color:transparent !important;}
.sokeva-card .links a span {display:none;}
.maker-button {margin-bottom:1em;}
.sokeva #page.section .archive h3 {clear:both; font-weight:normal; font-size:1em;font-family:Arial,helvetica,sans-serif;text-transform: uppercase; margin-bottom:1.5em;}
.sokeva #page.section .archive p {margin:0;}
.sokeva #page.section .archive .item {float:left; width:7em; height:5em; position:relative; padding:0 0.95em; text-align:center;}
.sokeva #page.section .archive .item .image {float:none; position:absolute; top:0; left:0; text-align:center; width:100%;}
.sokeva #page.section .archive .item .image img {float:none; margin:0;}
.sokeva #page.section .archive .item a {display:block; height:1em; padding-top:40px;}
.sokeva #page.section .archive .item a span {display:none;}
.sokeva #page.section .archive .item a:hover {background-color:transparent !important;}
.sokeva #page.section .archive .item a:hover span {background-color:#EEE !important;}

.sokeva-card #page.shop_product #alaosio {overflow:visible;}
.sokeva-card #page.shop_product .scrollable {margin:10px 0 0 0; padding-right:1em; overflow:auto; height:420px;}
.sokeva-card #page.shop_product .scrollable.in-shop {height:355px;}
.sokeva-card #page.shop_product .fields {border-top:2px solid #FFF; margin-right:1em;}
.sokeva-card #page.shop_product .fields h3 {text-transform:uppercase; }

.sokeva .pulp-form { margin-left:0px; }
.sokeva .pulp-form .text-fields, .sokeva .pulp-form .field-buttons {clear:both;}
.sokeva .pulp-form .text-fields label {width:10em; display:block; float:left;}
.sokeva .pulp-form .text-fields input {display:block; float:left; margin-bottom:1em; width:20em;}
.sokeva .pulp-form textarea {width:30em;}

input.product-amount { width:3em; }
.note { background-color: #ffffb3; padding:10px; }
#cart form {display:inline;}
#cart { border: solid 1px #333; margin: 10px; padding: 10px; background: #eee; }
#cart .items { margin: 10px 0; }
#cart .total-price { margin: 0 0 10px 0; font-weight: bold; }
#cart h3 { margin-top: 0; padding-top: 0;  }
.shop-table {border-collapse:collapse;}
.shop-table th, .shop-table td {font-size:1em; padding:10px;}

.sokeva #cart { border: none; width:7em; margin: 10px; padding: 10px; background: transparent; color:#000; position:absolute; top:0; left:750px;}
.sokeva #cart h3 {background: url("../i/sokeva/cart_button_back.gif") no-repeat 0 2px; font-size:1em; font-weight:bold; text-transform:uppercase; padding:6px;}
.sokeva #cart h3 a {color:#f30 !important; background-color:#FFF; text-decoration:none;}
.sokeva #page #content #cart h3 a:hover {background-color:#EEE !important;}
.sokeva #cart p {text-align:center;}

.sokeva-cart #content {border:1px solid #000; padding:25px 50px; width:650px;}
.sokeva-cart #shop-navi {border-color:#939598; width:640px;}
.sokeva-cart #shop-cart {margin:1em 0; border:none; width:100%;}
.sokeva-cart .shop-table td {border:none; vertical-align:top;}
.sokeva-cart .shop-table th {border-top:1px solid #939598; font-weight:normal;}
.sokeva-cart .shop-table th.totals {font-weight:bold;}
.sokeva-cart .shop-table .footer td {border-top:1px solid #939598;}
.sokeva-cart .shop-table strong {font-weight:normal;}
.sokeva-cart .shop-table .product-image {padding:0;}
.sokeva-cart .shop-table .product-image img {display:none;}
.sokeva-cart .total-price {font-weight:bold;}
.sokeva-cart .col-text {text-align:left; padding-left:24px;}
.sokeva-cart .col-number {text-align:right;}
.sokeva-cart .col-input {text-align:center;}
.sokeva-cart #shop-checkout {margin:1em 0; }
.sokeva-cart #shop-contact {border:none; }
.sokeva-cart #shop-contact th {border:none; }
.sokeva-cart #shop-contact td {border:none; }

/* SOKEVA-PALVELUSIVUSTO */

.sokeva-serv .site-title {float:left; margin:20px 0 0 200px; text-transform:uppercase; width:20em;}
.sokeva-serv .org-title {display:none;}
.sokeva-serv h1 {display:block; background-color:#FFF; padding:0;}
.sokeva-serv .home-caption {width:49%; float:left;}
.sokeva-serv .headlines.single {width:49%; float:right; clear:right; margin:0 0 2em 0; border-color:#939598;}
.sokeva-serv #caption {padding-right:1em;}
.sokeva-serv .headlines .title {background-color:#FFF; border-bottom:1px solid #939598; margin:4px 4px 1.5em;}
.sokeva-serv .headlines h3 {text-transform:uppercase; font-size:1em;}
.sokeva-serv #page.article #caption p, .sokeva-serv #page.article .paragraphs .text {width:400px;  }
.sokeva-serv #path {display:block;}
.sokeva-serv .image {margin:2em 0 !important; }
.sokeva-serv .headline .image {margin:1em !important; }
.sokeva-serv .headline .image p {margin:0;}
.sokeva-serv .home .archive.short .item {margin-bottom:10px;}
.sokeva-serv .home .archive.short .item p {margin-bottom:0;}
.sokeva-serv .archive li.internal {margin-bottom:10px;}

.sokeva-serv .logged-in { text-align:right; float:right; margin:20px 0 0 0; padding:0;}
.sokeva-serv .logged-in p {margin:0; float:none;}
.sokeva-serv .logged-in ul, .sokeva-serv .logged-in li {display:inline; float:none;}
.sokeva-serv .logged-in li { padding:0; margin:0 0 0 0.5em;}

.sokeva-serv form div {clear:both;}
.sokeva-serv fieldset {border:none; padding:0 0 1em 0;}
.sokeva-serv label {display:block; float:left; padding:0 0.5em 1em 0; vertical-align:top;}
.sokeva-serv .checkbox label {display:inline; float:none;}
.sokeva-serv #form-signin label {width:10em;}
.sokeva-serv #form-signin .checkbox {margin-left:10em;}
.sokeva-serv #form-register input, .sokeva-serv #form-register textarea {width:15em;}
.sokeva-serv #form-register label {width:10em;}
.sokeva-serv #form-register .help-text {margin:0 0 1em 10.5em; display:block; clear:both; width:300px;}
.sokeva-serv #form-register fieldset.checkbox div {position:relative; left:10em; top:-1.4em; width:300px;}
.sokeva-serv #form-register fieldset.checkbox label {vertical-align:bottom; width:auto;}
.sokeva-serv #form-register fieldset.checkbox input {width:auto;}
.sokeva-serv #form-register fieldset.field-buttons input {width:auto;}
.sokeva-serv #form-register .error {border:1px solid red; padding:0.5em; display:block; margin: 0.5em 0 0 10em; width:300px;}
.sokeva-serv #form-register fieldset.checkbox .error {margin-left:0;}

.publication #page { 
    background-image: url("../i/julkaisu_bg.gif"); 
}

/* ETUSIVUN NOSTO-LAATIKOT */
.headlines {
    margin-top: 8px; 
    background: transparent url("../i/etusivu_laatikot_bg.gif") repeat-y;
}
.headlines.single {
    background: transparent;
    border: 1px solid #C3C3B0;
}
.headlines.single .col, .headlines.single .col.left, .headlines.single .col.right {
    width: auto; 
    float: none; 
    clear: both; 
    border: none; 
    margin: 0px;
}
.headlines .col {
    float: left;
    border-top: 1px solid #D9D9C4;
    padding-bottom: 10px;
    background: transparent;    
}
.headlines .col.left { 
    width: 316px; 
    margin: 0px 10px 10px 0px;
    border-width: 1px 0 0 0;
    background: transparent;
}
.headlines .col.right { 
    width: 227px;
    border-width: 1px 0 0 0;
    margin: 0;
    background: transparent; 
}
.headlines .title {
    background-color: #FFFFB3;
    margin: 4px;
    padding: 5px 15px;
}
.headlines .bottom {
    height: 3px;
    clear: both;
    overflow: hidden;
    background: transparent url("../i/etusivu_laatikot_alareuna.gif") no-repeat;
}
.headlines.single .bottom {
    height: 0px;
    background: transparent;
}
.headlines h2 {
    font-size: 1.3em;
    padding: 0px;
    margin: 0px 0px 0px 10px;
}
.headlines h3 {
    font-size: 1.3em;
    margin: 15px 10px 10px 0px;
}
.headlines p {
    margin: 0px 10px 10px 16px;
}
.headlines p.date {
    font-size: 0.9em;
    margin: 10px 10px 0px 16px;
}
.fp .headlines ul.links, .fp .headlines ul.links li {
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
}

/* FOOTER */
#content #footer {
    height: 4.0em;
    margin-top: 8px;
    background: #FBFBF9;
    border: 1px solid #C3C3B0;
    border-top: 1px solid #D9D9C4;
}

#content #footer p {
    margin: 16px;
}

.parent-section-link {display:none;}
.shop-footer .parent-section-link {display:inline;}

/* TEKSTIMUOTOILUT */
.paragraphs {
    padding: 0px 20px 15px 20px;
}

.paragraph {
	clear:both;
}

#content-footer {
	padding:0 15px;
}

#content-footer .poikkiviiva {
	border-bottom:1px solid #AEAEAD;
}


#toplink {
    clear: both; 
    margin: 20px 0px 20px 0px;
}

/* Arkistolistaus-nostot */
.archive.short {   padding: 0px 20px 15px 20px;}
.archive.short p {display:inline;}
.archive.short p.more {display:block;}
.archive.short .date {margin-right:0.5em;}
.archive.short li {	list-style-image: url("../i/bullet_sisainen.gif");}
.home .archive.short {   padding:0;}
.home .archive.short li {list-style-type:none; list-style-image:none; margin:0;}
.home .archive.short p {display:block;}

/* MUOKATTU-TEKSTI */
#muokattu {
    clear: both;
    text-align: right;
    padding-right: 12px;
}

/* YLEISET */
.alignright { 
    float: right; 
}
.pagenav { 
    position: absolute; 
}
.cb {
    clear: both;
}

/* HAKU */
#search { 
    display: block;
    margin: 20px 0 0 0;
}
#search table, #search td, #search tr {
    padding: 0px; 
    margin: 0px; 
    border: none;
}
#search .input {
    width: 110px;
}
#search .submit {
    width: 50px;
}
p.more { margin-top: 1em; }
#toc.index { font-size: 2em; }

#shop-navi { border: solid 1px #ddd; margin: 10px 0; padding: 5px; }
#shop-navi .item { float: left; padding: 5px; }
#shop-navi .selected { font-weight: bold; }

.shop-category { margin: 0 0 1em 1em; clear:both; }
.shop-categories .item { margin: 0 0 1.5em 0; clear:both;}
.shop-categories .item img {
	float:left;
	margin:2px 10px 10px 0px;
}
.shop-products { width: 95%; }
.shop-products td, .shop-products th { font-size: 1em; vertical-align: middle; padding: 3px; }
.shop-products form { margin: 0; padding: 0; }
#shop-discount-products { width: 95%; background: #eee; border: solid 2px #ccc; }
#shop-discount-products td, #shop-discount-products th { padding: 3px; font-size: 1em; vertical-align: middle; }
#shop-discount-products form { margin: 0; padding: 0; }
td.product-image { text-align: center !important; vertical-align: middle !important; }
#shop-cart { margin: 1em; }
#shop-contact { margin: 1em; }
#shop-checkout { margin: 1em; }
#shop-checkout h3 { clear: both; padding-top:1em; }
#shop-contact th { text-align: left; }
#shop-contact td, #shop-contact th { vertical-align: top; }
#shop-contact .header { background: #eee; }
#shop-cart .product-code { font-size: 0.9em; margin-top: 5px; }

#shop-checkout .fields label { width: 150px; display: block; float: left; }
#shop-checkout .fields.text input { margin-bottom:0.5em; }
#shop-checkout .fields input { float: left; margin: 0 5px 0 0; }
#shop-checkout .fields input.error { border: solid 2px red !important; }
#shop-checkout .fields textarea { float: left; margin: 0 5px 0 0; width: 200px; font-family: Arial, sans-serif; font-size: 1em; height: 70px; }
#shop-checkout .fields { clear: both; padding: 0 0 1em 0; }
#shop-checkout .fields.radio label.main  { margin: 0 0 1em 0; }
#shop-checkout .fields.check { display: block; height: 20px; padding: 5px 0 0 0; margin: 0 0 1em 0; }
#shop-checkout .fields.check.marketing label { width: auto; }
#shop-checkout .mand { display: inline-block; color: red; margin: 0 0 0 5px; font-weight: bold; }
.shop-footer { margin: 1em; }
.errors { border: solid 1px red; margin: 1em 0; padding: 1em; font-weight: bold; }
#archive-rss { display: block; height: 17px; float: right; margin: 0 14px -20px 0; padding: 3px 0 0 18px; background: transparent url(../i/rss.gif) no-repeat left center; }
.section #archive-rss {margin: 10px 14px -30px 0;}

/* Yhteensopivuus sisällönsiirtoon liittyen */

p.lisatietoa  {
	font-size:0.875em;
	font-weight:bold;
	margin-top:0;
}

/* KUVAPANKKI */ 
.image-group li {display:block; float:left; list-style-image:none; margin:0 17px 17px 0; text-align:center; height:10em;}
.image-group a img {display:inline;}

/* ADDTHIS */
.addthis-wrapper {clear:both; float:right; padding-top:1em;}

/* HAKU */
.paging {margin-top:2em;}