/*

- Linked files & body
- Links
- Layout
  - Feature
  - Partners
  - Expert
- Texts
- Lists
- Forms

Text color: #333
h2 & link color: #d71635
Sidebar h2, h3 (dark grey): #4c4442
Footer h2: #a6a2a1
Light grey: #7c6f6c
red: #d71635

Dotted border: #c9c7c6

*/

/* Linked files & body
------------------------------------- */

@import url(reset.css);
@import url(default.css);
@import url(navi.css);

body {
  font: normal 12px Arial, Helvetica;
  line-height: 1.6em; color: #333;
}

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

a:link, a:active, a:visited { color: #d71635; text-decoration: none; }
a:hover { text-decoration: underline; }

a.archive { text-transform: uppercase; font-size: 10px; }
a.bullet { background: url("../img/ico_bullet.png") left 3px no-repeat; padding-left: 12px; }

.textlist span a, .breadcrumb a { color: #333; }
.textlist span a.current, .breadcrumb a.current { color: #d71635; }

.breadcrumb a.print {
  display: inline-block; color: #4c4442;
  background: url("../img/ico_print3.png") left center no-repeat;
  padding: 0px 2px 0px 16px; margin-right: 10px;
}
.breadcrumb a.mail {
  display: inline-block; color: #4c4442;
  background: url("../img/ico_mail3.png") left center no-repeat;
  padding: 0px 2px 0px 16px;
}

a.more { font-size: 11px; color: #7c6f6c; }

a img, a:hover img { border: none; }
.tuotteet-ja-palvelut img, .edustukset img { display: block; }

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

#container {
  width: 956px; margin: 0 auto;
  padding: 0 12px;
}

#navi {
  clear: both;
  height: 94px; padding: 10px 0 0 0;
  background: url("../img/bg_navi.png") no-repeat center top;
}

#header {
  clear: both; height: 56px;
  padding: 0 0 10px 0;
  background: url("../img/bg_bottom_5col2.png") no-repeat center bottom;
}

#header .wrapper {
  height: 46px; padding: 10px 0 0 0;
  margin-bottom: 0;
  background: url("../img/bg_header.png") no-repeat center top;
}

/* feature */

#feature {
  clear: both; height: 265px;
  position: relative;
}

#feature_corners {
  position: absolute;
  z-index: 9; width: 956px; height: 265px;
  background: url("../img/feature_corners.png") no-repeat center top;
}

#index #feature_text { bottom: 18px; }

#feature_text {
  position: absolute;
  bottom: 10px; left: 0;
  width: 936px;
  padding: 10px;
  background: url("../img/_80.png");
  color: #fff; overflow: hidden;
}

#feature_slogan {
  float: left; margin-right: 10px;
}

#feature_contact {
  position: absolute; z-index: 10;
  right: 10px; margin: 8px 0 0 10px;
  font: bold 14px Arial;
}

#feature_contact a {
  display: block; height: 22px;
  padding: 0 30px 0 0;
  background: url("../img/bg_feature_contact_arrow.png") right top no-repeat;
}

#feature_contact a:hover { text-decoration: none;}

#feature_contact a span {
  display: block; height: 19px;
  padding: 3px 0 0 22px;
  background: url("../img/bg_feature_contact_corner.png") left top no-repeat;
}

/* Main */
#main {
  clear: both;
}

/* Partners */
a.cPrev {
	position:absolute;
	bottom:10px;
	left:0;
	z-index:99;
	outline:none;
}
a.cNext {
	position:absolute;
	bottom:10px;
	right:0;
	z-index:99;
	outline:none;
}
li.partners {
	
}
li.partners div.jcarousel-skin-tango {
	background:url(../img/edustukset_bg.png) no-repeat top left;
	width:178px;
	padding:1px 1px 0px;
}
li.partners ul {
/*  background: #e4e3e3;*/
	background:#fff;
}
li.partners ul li {
	
}
li.partners ul li a.thumb {
	height:125px;
	width:178px;
/*	border:1px solid #d8d8d8;
	border-width:1px 1px 0;
*/	display:block;
	background:url() no-repeat center center;
}
li.partners ul li div {
  overflow: hidden;
  height: 30px; width: 180px;
  background: url("../img/bg_partners_header.png") center top;
  color: #4c4442; font-size: 14px;
  text-align: center;
}

li.partners ul li div a { color: #4c4442; font-size: 14px; line-height: 32px; }
li.partners ul li div a:hover { text-decoration: none; }

.expert {
  padding: 60px 14px 10px 14px;
  background: url("../img/bg_expert_top.png") center top no-repeat;
  border-bottom: 1px solid #d2d0d0;
}

.breadcrumb {
  margin-bottom: 20px;
  text-transform: uppercase;
  font-size: 10px;
}

.thumbnail {
  width: 162px; height: 140px;
  padding: 2px 2px 6px 2px;
  background: url("../img/bg_thumbnail.png") center center no-repeat;
}
.thumbnail div, .thumbnail a {
  display:block;
  width: 162px; height: 140px;
  background:url() no-repeat center center;
}
.thumbnail_small {
  position: absolute; z-index: 2;
  width: 60px; height: 52px;
  padding: 1px 1px 6px 1px;
  background: url("../img/bg_thumbnail_small.png") center center no-repeat;
}

a.thumbnail_small {
	outline:none;
}
a.thumbnail_small:hover {
	text-decoration:none;
}
a.thumbnail_small span {
	display:block;
	height:52px;
	width:60px;
	background:url() no-repeat center center;
}

div.brand_thumb {
	
}
div.brand_thumb div {
	
}

.r1c1 { left: 8px; top: 8px;}
.r1c2 { left: 76px; top: 8px;}
.r2c1 { left: 8px; top: 66px;}
.r2c2 { left: 76px; top: 66px;}
.r3c1 { left: 8px; top: 124px;}
.r3c2 { left: 76px; top: 124px;}
.r4c1 { left: 8px; top: 182px;}
.r4c2 { left: 76px; top: 182px;}

.r1 { left: 8px; top: 8px;}
.r5 { right: 8px; top: 8px;}
.r2 { left: 8px; top: 66px;}
.r6 { right: 8px; top: 66px;}
.r3 { left: 8px; top: 124px;}
.r7 { right: 8px; top: 124px;}
.r4 { left: 8px; top: 182px;}
.r8 { right: 8px; top: 182px;}

.zoom {
  position: absolute; z-index: 2;
  right: 80px; bottom: 10px;
  width: 15px; height: 14px;
  background: url("../img/ico_zoom.png") center center no-repeat;
}

.productimage {
  position: relative;
  width: 538px; height: 241px;
  padding: 1px 1px 5px 1px;
  background: url("../img/bg_productimage.png") center center no-repeat;
}

.big_image {
}
/* Footer */
#footer {
  clear: both; height: 220px;
  background: #4c4442 url("../img/bg_footer.png") center bottom no-repeat;
  color: #fff;
}

#footer_top {
  height: 37px; margin-bottom: 14px;
  background: url("../img/bg_footer_top.png") center top no-repeat;
}

#index #footer_top {
  background: url("../img/bg_footer_top_index.png") center top no-repeat;
}

#footer img { vertical-align: middle; padding-right: 4px; }

/* Texts
------------------------------------- */

#navi h1 a {
  display: block; float: left;
  width: 135px; height: 74px;
  margin: 6px 0 14px 10px;
  background: url("../img/logo.png") left top no-repeat;
}

#navi h1 a span { margin-left: -9999px;}

#header h2 {
  color: #fff; font-size: 36px;
  text-transform: uppercase;
  letter-spacing: -0.08em;
  line-height: 1em;
}
#header h2 span { color: #d71635; }

#index #main h2, .col1 h2 {
  font-size: 15px; font-weight: bold;
  color: #4c4442; border-bottom: none;
  margin-bottom: 0px; padding-bottom: 18px;
  text-transform: uppercase;
}

#index #main h2 div, .col1 h2 div {
  padding-bottom: 2px; 
  border-bottom: 3px solid #4c4442;
}

h2 {
  font-size: 30px; font-weight: normal;
  color: #d71635; line-height: 0.8em;
  border-bottom: 1px dotted #c9c7c6;
  margin-bottom: 20px; padding-bottom: 10px;
	color:#4C4442;
}

#footer h2 {
  color: #a6a2a1; font-size: 16px;
  font-weight: bold; text-transform: uppercase;
  border-bottom: 3px solid #a6a2a1;
  padding: 2px 0 6px 0; margin-bottom: 20px;
}

.mainlist h3 {
  font-size: 24px; font-weight: normal;
  color: #4c4442; line-height: normal;
}

.mainlist h3 a {
/*	color:#4C4442;*/
	color:#d71635;
}

.mainlist strong a {
	color:#4C4442;
}

.textlist h3 {
  font: bold 14px Arial, Helvetica;
}

p { margin: 10px 0; }

p.copy {
  text-align: right;
  font-size: 11px;
  color: #7c6f6c;
}

.textlist span { font-size: 10px; text-transform: uppercase; }

/* Lists
------------------------------------- */

ul.textlist {
}

ul.textlist li {
  width: auto; overflow: hidden;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px dotted #c9c7c6;
}

ul.linklist {
  list-style-type: disc;
  margin-bottom: 30px;
}

ul.linklist li {
  color: #7c6f6c;
  border-bottom: 1px dotted #c9c7c6;
  padding-left: 12px;
  text-indent: -12px;
}

ul.linklist li.open {
  border-bottom: none;
}

ul.linklist li a.open {
  background: url("../img/ico_bullet.png") left -34px no-repeat;
}

ul.linklist li a {
  padding: 2px 0px 2px 12px; font-weight: bold;
  background: url("../img/ico_bullet.png") left 6px no-repeat;
}

ul.linklist li a.last {
  color:#4c4442; background: url("../img/ico_bullet.png") left -14px no-repeat;
}

ul.linklist li ul {
  border-top: 1px dotted #c9c7c6;
  margin-bottom: 0;
  display:none;
}
ul.linklist li.open ul {
	display:block;
}

ul.linklist li li a {
  font-weight: normal;
  background: none;
}

ul.mainlist li {
  clear: both; padding: 2px 0;
  border-bottom: 1px dotted #c9c7c6;
  margin-bottom: 14px; padding-bottom: 14px;
  overflow: hidden; position: relative;
}

ul.mainlist li.product {
  min-height: 140px;
}
ul.mainlist li.feature {
  background: #f6f5f5;
  margin-top: -19px; padding: 14px;
  min-height: 140px;
}

ul.mainlist li div.linkbutton {
/*  position: absolute; bottom: 4px; right: 10px;*/
clear:both;
text-align:right;
margin-top:20px;
}

ul.mainlist li ul li {
  clear:none; border-bottom: none;
  min-height: auto;
  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 12px;
  background: url("../img/ico_disc.png") 3px 8px no-repeat;
}

.tuotteet-ja-palvelut li a { display: block; height: 155px; }

.tuotteet-ja-palvelut li a.tuotanto { background: url(../img/h3_tuotanto.png) left 125px no-repeat; }
.tuotteet-ja-palvelut li a.tuotanto:hover { background: url(../img/h3_tuotanto.png) left 95px no-repeat; }
.tuotteet-ja-palvelut li a.hallinta { background: url(../img/h3_hallinta.png) left 125px no-repeat; }
.tuotteet-ja-palvelut li a.hallinta:hover { background: url(../img/h3_hallinta.png) left 95px no-repeat; }
.tuotteet-ja-palvelut li a.jakelu { background: url(../img/h3_jakelu.png) left 125px no-repeat; }
.tuotteet-ja-palvelut li a.jakelu:hover { background: url(../img/h3_jakelu.png) left 95px no-repeat; }
.tuotteet-ja-palvelut li a.palvelut { background: url(../img/h3_palvelut.png) left 125px no-repeat; }
.tuotteet-ja-palvelut li a.palvelut:hover { background: url(../img/h3_palvelut.png) left 95px no-repeat; }

/* Forms
------------------------------------- */

#footer form input.text {
  float: left; border: none;
  background: none; width: 152px; padding: 2px 0;
  color: #7c6f6c; font-size: 10px;
}

#footer form div {
  overflow: hidden;
  width: 152px; height: 21px;
  background: url("../img/input_footer.png") no-repeat;
  padding: 3px 14px 0 10px; margin-bottom: 6px;
}

#search_box {
	position:relative;
  float: right;
  width: 212px; height: 30px;
  margin-top: 4px;
  background: url("../img/input_search.png") no-repeat;
}
#search_box #s {
  float: left; width: 140px;
  margin: 6px 0 0 30px; padding: 2px;
  color: #7c6f6c; font-size: 10px;
  background: none;
}

#search_box #go {
  float: right; margin: 1px 0;
}

div.form_container {
	
}
div.form_container label {
	display:block;
	margin:10px 0 0;
	font-weight:bold;
	line-height:12px;
}
div.form_container label span {
	color:#D71635;
}
div.form_container input.text, div.form_container textarea {
	border:1px solid #C9C7C6;
	padding:3px 1%;
	width:96%;
}
div.form_container div.button {
	clear:both;
	padding-top:10px;
}
div.form_container div.button_reset {
	display:none;
}
div.form_container div.button input {
	border:none;
	background:url(../img/button_send.png) no-repeat top left;
	color:transparent;
	width:67px;
	height:27px;
	padding:0;
}
div.form_container div.input_width_100 {
	width:100%;
	float:left;
}
div.form_container div.input_width_50 {
	width:50%;
	float:left;
}
div.form_container div.input_width_50 input.text, div.form_container div.input_width_50 textarea {
	width:94%;
}
div.form_container div.clear {
	clear:both;
}

/* popup */
#share_popup {
	position:fixed;
	top:50%;
	left:50%;
  	border:10px #4C4442 solid;
	margin-left:-98px;
	margin-top:-85px;
	background:#fff;
	padding:10px 10px 5px;
	display:none;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
}
#share_popup h2 {
	margin:0 0 10px;

}
#share_popup #vinkkaa_success {
	display:none;
	position:absolute;
	top:5px;
	left:5px;
	bottom:5px;
	right:5px;
	background:#fff;
}
#share_popup #vinkkaa_success p {
	position:absolute;
	top:50%;
	left:-5px;
	right:-5px;
	background:#C9C7C6;
	margin:0;
	line-height:40px;
	margin-top:-20px;
	height:40px;
	font-size:16px;
	text-align:center;
}
#share_popup #vinkkaa_error {
	display:none;
}
#share_popup div.input {
	margin:5px 0;
}
#share_popup div.input label {
	display:block;
	font-weight:bold;
	line-height:12px;
}	
#share_popup input.text, #share_popup textarea {
	border:1px solid #C9C7C6;
	padding:3px;
	width:96%;
}
#share_popup div.button {
	margin:10px 0 0;
}
#share_popup div.button input.send {
	border:none;
	background:url(../img/button_send.png) no-repeat top left;
	color:transparent;
	width:67px;
	height:27px;
	padding:0;
}
#share_popup div.button input.close {
	border:none;
	background:url(../img/button_close.png) no-repeat top left;
	color:transparent;
	width:56px;
	height:27px;
	padding:0;
	float:right;
}

li.archive {
	padding:0 0 10px !important;
	margin: 0 0 10px !important;
}
li.archive span {
	font-size:10px;
}
li.archive h3 {
	font-size:14px;
}

div.pager, div.nav {
	text-align:center;
}
div.pager a, div.nav a {
	padding:3px;
}
div.pager a.act, div.nav a.highlight {
	color:#4C4442;
}

/* content area lists */
/*
#main div.col3 li.feature ul {
	list-style-type:circle;
}
#main div.col3 li.feature ul li {
	clear:none;
	float:none;
	margin-bottom:0;
	padding:0;
	border-bottom:none;
}
#main div.col3 li.feature ul li p {
	margin:5px 0;
}
*/

.button {
	clear:both;
	text-align:right;
}
.button.bg .wrap {
	display:inline-block;
	vertical-align:bottom;
	zoom:1;
	*display:inline;
	background:url(../img/btn_sprite_dumb.png) no-repeat top left;
	margin:0 19px 0 0;
	padding:0 0 0 12px;
}
.button.bg a {
	display:inline-block;
	vertical-align:top;
	zoom:1;
	*display:inline;
	background:url(../img/btn_sprite_dumb.png) no-repeat bottom right;
	height:27px;
	position:relative;
	margin:0 -19px 0 0;
	color:#fff;
	line-height:24px;
	padding:0 19px 0 1px;
	font-size:12px;
	font-weight:bold;
	text-shadow:#9d0000 1px 1px;
	text-transform:uppercase;
}
.button.bg a:hover {
	text-decoration:none;
}
/*.button.bg a:before {
	content:'';
	position:absolute;
	top:0;
	left:-13px;
	width:13px;
	height:27px;
	background:url(../img/btn_sprite.png) no-repeat bottom left;
}
.button.bg a:after {
	content:'';
	position:absolute;
	top:0;
	right:-19px;
	width:19px;
	height:27px;
	background:url(../img/btn_sprite.png) no-repeat bottom right;
}
*/
.button .icon {
	position:relative;
	padding-left:44px !important;
}
.button .icon .ico {
	position:absolute;
	top:16px;
	left:0;
	background:url(../img/filetype_icons.png) no-repeat top left;
	width:30px;
	height:33px;
	display:inline-block;
	vertical-align:bottom;
	margin:-20px 10px 0 0;
}
.button .icon.zip .ico {
	background-position:0 0;
}
.button .icon.ppt .ico {
	background-position:0 -33px;
}
.button .icon.xls .ico {
	background-position:0 -66px;
}
.button .icon.doc .ico {
	background-position:0 -99px;
}
.button .icon.pdf .ico {
	background-position:0 -132px;
}

/* */