/* NAVIGATION */

#main-navigation .koti-selected span,
#main-navigation .koti span {
  display: none;
}

#main-navigation .koti-selected a,
#main-navigation .koti a {
  width: 26px;
  background-image: url('../images/grafia_main_navigation/koti.gif');
}
#main-navigation .koti-selected a {
  background-image: url('../images/grafia_main_navigation/koti_selected.gif');
}


/* FRONTPAGE */

.frontpage p.intro {
  top: -15px;
  margin-bottom: 34px;
}

.frontpage h4 {
  font-weight: normal;
}

#content.frontpage .column h1,
#content.frontpage h1 {
  max-width: none;
  width: auto;
}

.frontpage .column-width-2 {
  line-height: 17px;
}

.frontpage .market h2 {
  top: 0px;
  margin-bottom: 3px;
}

.frontpage .market ul {
  margin-top: 7px;
  list-style: none;
}

.frontpage .market li {
  margin-bottom: 8px;
  margin-left: 0;
}

.frontpage .market a {
  text-decoration: none;
}
.frontpage .market a:hover {
  text-decoration: underline;
}

.frontpage .recent {
  margin-bottom: 34px;
}

.frontpage .recent .image {
  height: 85px;
  overflow: hidden;
  width: 220px;
  display: block;
}

.frontpage .recent h4 {
  margin-top: 0;
  margin-bottom: 16px;
  top: 7px;
  position: relative;
}

.frontpage .articles .column-width-1 {
  position: absolute;
}

.frontpage .articles .column-width-2 {
  margin-bottom: 17px;
  height: 85px;
}

.frontpage .articles h4,
.frontpage .articles .detail {
  margin-left: 93px;
  position: relative;
  top: -2px;
}

.frontpage .articles .image {
  width: 80px;
  height: 80px;
  overflow: hidden;
  position: absolute;
}

.frontpage .articles .image img {
	display: block;
}

.frontpage H3 { top: 0; }


/* ARTICLES */

.article-image {
  height: 85px;
  overflow: hidden;
  display: block;

}
.column-width-1, .column-width-2, .column-width-3, .column-width-4 {
  line-height: 19px;
}
.column-width-5, .column-width-6 {
  line-height: 21px;
}


/* SHOP */

#secondary-navigation.shop-secondary-navigation h2,
#shop h2 {
  margin-bottom: 10px;
}

#secondary-navigation.shop-secondary-navigation hr {
  margin-bottom: 2px;
}

#shop hr {
  margin-bottom: 17px;
}

#shop-items .shop-item .column p,
#shop-items .shop-item .column h4 {
  line-height: 17px;
}

.shop-item .button {
  margin-right: 0;
}

.shop-item .button img {
  margin-top: 2px;
  margin-right: 3px;
}

.shop-item .price {
  position: absolute;
  bottom: -1px;
  left: 0;
}

.shop-item form {
  position: absolute;
  right: 0;
  bottom: 0;
}

.shop-item form input.quantity, .shopped-items .quantity input {
  float: left;
  margin-right: 5px;
  width: 34px;
  height: 14px;
}

.shop-item .column {
	position: relative;
	min-height: 85px;
	margin-bottom: 34px;
	padding-bottom: 17px;
}

#shopping-cart table {
  margin-left: 0;
  margin-right: 0;  
  margin-bottom: 7px;
}

#shopping-cart table td.first {
	padding-right: 5px;
	padding-left: 0;
	width: 20px;
}

#shopping-cart table tr:hover {
	background-color: none;
}

#shopping-cart table .remove {
	width: 15px;
	height: 15px;
	background: url('/common_files/images/icons/buttons/delete.png');
	display: block;
	position: relative;
	top: 3px;
}

#shopping-cart table .remove span {
	display: none;
}

.shopped-items .quantity {
  padding-right: 4px;
}

.shopped-items .name {
  width: 250px;
}

/*.shopped-items th {
  font-size: 12px;
  text-align: left;
  padding: 2px 19px 2px 0;
}

.shopped-items th.first {
  padding-left: 7px;
}*/

.shopped-items .price {
  text-align: right;
}

.shopped-items .additional-info {
  width: 280px;
}

.shopped-items .additional-info textarea {
	width: 280px;
	height: 50px;
}

#shop-order-details-grafia-logo img {
  width: 50pt;
}

#shop-order-details .print-only {
	display: none;
}

/* AJANKOHTAISTA */

.news-item {
	margin-bottom: 39px;
}

.news-item .column.first {
	margin-bottom: 21px;
}

.news-item h4,
.news-item p {
	line-height: 21px;
}

.news-item h4 {
	top: 0;
	margin-bottom: 0;
	margin-top: -5px;
}

.news-item .tags {
	margin-top: 6px;
	margin-left: 6px;
}

.news-item .detail {
	margin-top: 4px;
}

.news-item p {
	margin-bottom: 0;
}

.news-item a {
	color: inherit;
	text-decoration: inherit;
}

.news-item a:hover {
	text-decoration: underline;
}

/* TEKIJÄHAKU */
#tekijahaku { margin: 0; padding: 0 0 30px 0; border-bottom: 3px solid #b0b0b0; }
#tekijahaku UL { font-size: 12px; margin: 0; padding: 0; list-style: none; }
#tekijahaku LI { list-style: none; margin-left: 0; }
#tekijahaku .selected { font-weight: bold; color: #3d3d3d; text-decoration: none; }
#tekijahaku .column-width-2 { width: 180px; }

#results H1 { margin: 25px 0 20px 0; }
#results .row { border-bottom: 1px solid lightgray; padding-bottom: 20px; margin-bottom: 20px; cursor: pointer; }
.work { border-bottom: 1px solid lightgray; padding-bottom: 20px; margin-bottom: 20px; overflow: hidden; position: relative; }

iframe { border: 0; overflow: hidden; }

.group .column IMG { border: 2px solid #FFF; }
.group .column IMG.selected { border-color: #8c8c8c; }

.show { text-align: center; background-color: #d3d3d3; clear: both; margin-top: 10px; overflow: hidden; position: relative; font-size: 12px; line-height: 0; }

.show .info { width: 210px; position: absolute; left: 10px; top: 30px; text-align: left; line-height: 140%;}
.show .function { color: #7f7f7f; position: absolute; top: 10px; width: 80px; text-align: right; line-height: 100%; cursor: pointer; }
.show .function.prev { left: 141px; }
.show .function.next { left: 720px; text-align: left; }
.show .function.close { right: 10px; }

#bformlinkit SMALL, #yritys SMALL { display: block; float: left; clear: left; width: 40px; }
#bformlinkit H5 { margin-bottom: 0; padding-bottom: 0; }
#bformlinkit .button { /*margin: 4px 0 0 40px;*/ position: absolute; right: -20px; }
#bformlinkit .remove { float: right; font: 11px/9px Arial; margin-top: -20px; padding: 2px; background-color: #CCC; width: 9px; text-align: center; cursor: pointer; }
#bformlinkit .remove:hover { background-color: #AAA; }
#bformlinkit INPUT { width: 150px; }
#bformlinkit .bformpairvaluerows>DIV { margin-bottom: 10px; }

.contactinfo { background-color: #dedede; padding: 9px; margin: 0 -10px 20px -10px; line-height: 100%; border: 1px solid #c5c5c5; }