/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.9
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
html {font-size:100.01%;}
body {font-size:75%;color:#222;background:#d7dbda;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#4a96f5;text-decoration:none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#f9f9f9;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* forms.css */
label {font-weight:normal;margin-bottom:2px;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=email], input[type=password], input.text, input.title, textarea,select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=email], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.formBorderNone {margin: 0px; padding: 0px;}
.formBorderNone input {width:158px;padding:4px;}
.formBorderNone textarea {width:158px;padding:4px;height:80px;}
.buttonPaddingReset {padding: 4px 10px 4px 0px;}

/* grid.css */
.container {width:966px;margin:0 auto;background-color:#fff;}
.showgrid {background: url(src/grid.png);}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float: left;margin-right:14px;}
.last, div.last {margin-right:0;}
.span-1 {width:35px;}
.span-2 {width:84px;}
.span-3 {width:133px;}
.span-4 {width:182px;}
.span-5 {width:231px;}
.span-6 {width:280px;}
.span-7 {width:329px;}
.span-8 {width:378px;}
.span-9 {width:427px;}
.span-10 {width:476px;}
.span-11 {width:525px;}
.span-12 {width:574px;}
.span-13 {width:623px;}
.span-14 {width:672px;}
.span-15 {width:721px;}
.span-16 {width:770px;}
.span-17 {width:819px;}
.span-18 {width:868px;}
.span-19 {width:917px;}
.span-20, div.span-20 {width:966px;margin: 0;}
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19 {border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important;}
input.span-1, textarea.span-1 {width:23px!important;}
input.span-2, textarea.span-2 {width:72px!important;}
input.span-3, textarea.span-3 {width:121px !important;}
input.span-4, textarea.span-4 {width:170px !important;}
input.span-5, textarea.span-5 {width:219px !important;}
input.span-6, textarea.span-6 {width:268px !important;}
input.span-7, textarea.span-7 {width:317px !important;}
input.span-8, textarea.span-8 {width:366px !important;}
input.span-9, textarea.span-9 {width:415px !important;}
input.span-10, textarea.span-10 {width:464px !important;}
input.span-11, textarea.span-11 {width:513px !important;}
input.span-12, textarea.span-12 {width:562px !important;}
input.span-13, textarea.span-13 {width:611px !important;}
input.span-14, textarea.span-14 {width:660px !important;}
input.span-15, textarea.span-15 {width:709px !important;}
input.span-16, textarea.span-16 {width:758px !important;}
input.span-17, textarea.span-17 {width:807px !important;}
input.span-18, textarea.span-18 {width:856px !important;}
input.span-19, textarea.span-19 {width:905px !important;}
input.span-20, textarea.span-20 {width:954px !important;}
.append-1 { padding-right: 49px; }
.append-2 { padding-right: 98px; }
.append-3 { padding-right: 147px; }
.append-4 { padding-right: 196px; }
.append-5 { padding-right: 245px; }
.append-6 { padding-right: 294px; }
.append-7 { padding-right: 343px; }
.append-8 { padding-right: 392px; }
.append-9 { padding-right: 441px; }
.append-10 { padding-right: 490px; }
.append-11 { padding-right: 539px; }
.append-12 { padding-right: 588px; }
.append-13 { padding-right: 637px; }
.append-14 { padding-right: 686px; }
.append-15 { padding-right: 735px; }
.append-16 { padding-right: 784px; }
.append-17 { padding-right: 833px; }
.append-18 { padding-right: 882px; }
.append-19 { padding-right: 931px; }
.prepend-1 { padding-left: 49px; }
.prepend-2 { padding-left: 98px; }
.prepend-3 { padding-left: 147px; }
.prepend-4 { padding-left: 196px; }
.prepend-5 { padding-left: 245px; }
.prepend-6 { padding-left: 294px; }
.prepend-7 { padding-left: 343px; }
.prepend-8 { padding-left: 392px; }
.prepend-9 { padding-left: 441px; }
.prepend-10 { padding-left: 490px; }
.prepend-11 { padding-left: 539px; }
.prepend-12 { padding-left: 588px; }
.prepend-13 { padding-left: 637px; }
.prepend-14 { padding-left: 686px; }
.prepend-15 { padding-left: 735px; }
.prepend-16 { padding-left: 784px; }
.prepend-17 { padding-left: 833px; }
.prepend-18 { padding-left: 882px; }
.prepend-19 { padding-left: 931px; }

/* Border on right hand side of a column. */
div.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}

/* Use these classes on an element to push it into the
next column, or to pull it into the previous column.  */

.pull-1 { margin-left: -49px; }
.pull-2 { margin-left: -98px; }
.pull-3 { margin-left: -147px; }
.pull-4 { margin-left: -196px; }
.pull-5 { margin-left: -245px; }
.pull-6 { margin-left: -294px; }
.pull-7 { margin-left: -343px; }
.pull-8 { margin-left: -392px; }
.pull-9 { margin-left: -441px; }
.pull-10 { margin-left: -490px; }
.pull-11 { margin-left: -539px; }
.pull-12 { margin-left: -588px; }
.pull-13 { margin-left: -637px; }
.pull-14 { margin-left: -686px; }
.pull-15 { margin-left: -735px; }
.pull-16 { margin-left: -784px; }
.pull-17 { margin-left: -833px; }
.pull-18 { margin-left: -882px; }
.pull-19 { margin-left: -931px; }
.pull-20 { margin-left: -980px; }

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19 { float: left; position:relative; }

.push-1 { margin: -49px 1.5em 49px; }
.push-2 { margin: -98px 1.5em 98px; }
.push-3 { margin: -147px 1.5em 147px; }
.push-4 { margin: -196px 1.5em 196px; }
.push-5 { margin: -245px 1.5em 245px; }
.push-6 { margin: -294px 1.5em 294px; }
.push-7 { margin: -343px 1.5em 343px; }
.push-8 { margin: -392px 1.5em 392px; }
.push-9 { margin: -441px 1.5em 441px; }
.push-10 { margin: -490px 1.5em 490px; }
.push-11 { margin: -539px 1.5em 539px; }
.push-12 { margin: -588px 1.5em 588px; }
.push-13 { margin: -637px 1.5em 637px; }
.push-14 { margin: -686px 1.5em 686px; }
.push-15 { margin: -735px 1.5em 735px; }
.push-16 { margin: -784px 1.5em 784px; }
.push-17 { margin: -833px 1.5em 833px; }
.push-18 { margin: -882px 1.5em 882px; }
.push-19 { margin: -931px 1.5em 931px; }
.push-20 { margin: -980px 1.5em 980px; }
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19 {float: right; position:relative;}
.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}
.box {padding:0 18px 17px 17px;margin-bottom:0;background:#f9f9f9;overflow:hidden;}
#oikeanLaidanKuva {padding:4px 6px 4px 6px;margin-bottom:0;width:193px;}
.oikeanLaidanKuva {margin:0;padding:0;}
#oikeanLaidanKuva div, #oikeanLaidanKuva img {float:left;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* vink.css */
.holder {position:relative;overflow:hidden;}
.printable {display:none;}
#header {background-image:url(/media/vink-logo.png);background-position:top right;background-repeat:no-repeat;height:117px;}
.sidebar-left {margin-left:20px;}
.sidebar-right {margin-right:23px;}
.gradient {height:39px;margin:0;padding:0}
.gradient h2 {font-size:14px;font-weight:bold;padding:9px 0 0 20px;margin:0;}
.yellow {background-image:url(/media/vasen-gradient.jpg);background-repeat:no-repeat;}
.grey {background-image:url(/media/harmaa-levea-palkki.png);background-repeat:no-repeat;color:#fff;}
.grey h2, .gray h2 {color:#fff;}
.gray {background-image:url(/media/oikea-gradient.jpg);background-repeat:no-repeat;}
.sidebar p {margin-bottom:0;padding-top:1em;clear:left}
.dividerHolder {text-align:center;margin:20px 0;}
#footer {}
#footer .text {padding-bottom:10px;text-align:center;}
#footer .img {height:80px;background-image:url(/media/alapalkki.png);background-position:100% 100%;background-repeat:no-repeat;background-color:rgb(255,210,5);}
.back-to-search {background-image:url(/media/harmaa-palkki.png);background-repeat:no-repeat;display:table;}
.back-to-search * {border:none;text-decoration:none;height:28px;color:#484848;}
.back-to-search a {display:table-cell;vertical-align: middle;padding-right:1em;}
.back-arrow {background-image:url(/media/takaisin.png);background-repeat:no-repeat;padding-left:35px;}
.back-arrow:hover {background-position:0 -28px;}
.product-info {padding: 0 1em 0 1em;margin:4em 0 0 0;color:#666;}
.product-info h1 {font-size:24px;font-weight:normal;}
.product-info .tarkenne {font-size:18px;font-weight:normal;}
.product-info b, .product-info strong, .product-info h1, .product-info h2, .product-info h3, .product-info h4, .product-info h5, .product-info h6 {color:#000;}
.sort {float:right;}
.segmentti {background-image:url(/media/segmentit.gif);background-repeat:no-repeat;float:left;width:9px;height:9px;margin-right:0.5em;text-indent:-7000px;}
.rakentaminen {background-position:0 0;}
.teollisuus {background-position:-9px 0;}
.koneistuspalvelut {background-position:-18px 0;}
.mainostaminen {background-position:-27px 0;}
.float {float:left;}
#searchLegend {float:right;padding:1em 0.5em 0 0;width:430px;}
#searchLegend .float {margin-right:1em;font-size:90%;overflow:hidden;}
.float .segmentti {margin-top:0.4em;}
.sidebar .float {clear:left;min-width:140px;}
.searchResults {width:698px;}
.searchResults h2 {float:left;}
.searchResults h2 b {font-weight:normal;}
.table-scroll { width: 100%; overflow-x: auto; }
.searchResults table {background-color:#e0e0e0;border-spacing:1px;}
.searchResults td, .searchResults th {background-color:#f9f9f9;}
.muoto {background-image:url(/media/forms.gif);background-repeat:no-repeat;float:left;width:16px;height:16px;margin-right:0.5em;border:1px solid #8a8a8a;background-color:#f4f4f4;text-indent:-7000px;}
.tanko {background-position:-16px 0;}
.putki {background-position:-32px 0;}
.tarra {background-position:-48px 0;}
.profiili {background-position:-64px 0;}
.koneet-ja-tyokalut {background-position:-80px 0;}
.kalvo {background-position:0 -16px;}
.levy {background-position:-16px -16px;}
.tooltip {background-color:#ffd205;padding:3px 6px;font-size:80%;border:1px solid #3a3a3a;float:left;}
.sortcol {cursor: pointer;padding-right: 20px;background-repeat: no-repeat;background-position: right center;background-image: url(/media/sort-none.png);}
.sortasc {background-image: url(/media/sort-asc.png);}
.sortdesc {background-image: url(/media/sort-desc.png);}
.nosort {background-image:none;}
#finder select {width:170px;max-width:170px;}
.product-images {width:458px;height:207px;overflow:hidden;padding:5px;border:1px solid #e6e6e6;position:relative;}
.product-image {margin:0 auto;display:block;}
#product-image-holder {position:relative;}
#product-image-holder a {position:absolute;background-color:#4a96f5;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;color:#fff;width:18px;height:18px;font-weight:bold;text-align:center;cursor:pointer;}
#product-image-holder a.current {background-color:#565656;}
#product-image-holder div.product-images a {position:relative;background-color:transparent;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;color:#fff;width:auto;height:auto;}
#product-image-holder p {margin:0 0 16px 0;padding:6px 0 0 0;}
.box select {background-image:url(/media/dropdown-bg.png);background-repeat:repeat-x;background-color:transparent;}
select:focus, select:active {background-color:rgb(255,255,235);border:1px solid #bbb;}
.resetButtonHolder {padding-top:15px;}
.resetButton, .searchButton {width:170px;text-align:center;padding-top:10px;padding-bottom:10px;font-weight:bold;background-color:rgb(255,210,5);color:#fff;border:none;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.sidebar-left .box {float:left;clear:left;border:1px solid rgb(224,224,224);border-width:0px 1px 1px 1px;}
.sidebar-left input.text {width:158px;background-image:url(/media/search-arrow.gif);background-position:top right;background-repeat:no-repeat;padding:4px;}
.sidebar-right .box {float:left;clear:left;border:1px solid rgb(224,224,224);border-width:0px 1px 1px 1px;width:170px}
#q {margin:0;width:160px;}
#catalog th {background-repeat:no-repeat;background-position:right center;}
.info-holder {background-color:rgb(255, 210, 5);width:698px;margin-bottom:15px;}
.info {padding:15px;}
.info p {margin:0;}
#header a {float:left;color:#000;}
.backlink {margin-left:30px;padding-top:35px;}

/* lightbox.css */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/* contact-form */

.contact-form { width:698px; background: url(/media/harmaa-levea-palkki.png) left top no-repeat; }

.contact-form h2 {
font-size: 14px;
font-weight: bold;
padding: 9px 0 0 10px;
margin: 0;
height:30px;
color:#FFF;
}

.contact-form .formTextinput,
.contact-form .formEmailinput {
border:1px solid #BBB;
padding:3px;
width:200px;
}

.contact-form table { border-collapse:collapse; border-bottom:1px solid #E0E0E0; }
.contact-box {padding:17px 18px 18px 17px;margin-bottom:28px;overflow:hidden;border: 1px solid rgb(224,224,224);}
.contact-box-button {width:170px;text-align:center;padding-top:10px;padding-bottom:10px;font-weight:bold;background-color:rgb(255,210,5);color:#fff;border:none;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.contact-box a {color: #ffffff;}

.contact-box-button {
  -moz-box-shadow:inset 0px 1px 0px 0px #f9eca0;
  -webkit-box-shadow:inset 0px 1px 0px 0px #f9eca0;
  box-shadow:inset 0px 1px 0px 0px #f9eca0;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffd727), color-stop(1, #e2b900) );
  background:-moz-linear-gradient( center top, #ffd727 5%, #e2b900 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd727', endColorstr='#e2b900');
  background-color:#ffd727;
  text-indent:0;
  border:1px solid #c09d00;
  display:inline-block;
  color:#ffffff;
  text-decoration:none;
  text-align:center;
  text-shadow:1px 1px 0px #c09d00;
}
.contact-box-button:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e2b900), color-stop(1, #ffd727) );
  background:-moz-linear-gradient( center top, #e2b900 5%, #ffd727 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2b900', endColorstr='#ffd727');
  background-color:#e2b900;
}
.contact-box-button:active {
  position:relative;
  top:1px;
}


.contact-form td, th {
background:#F9F9F9;
border:1px solid #E0E0E0;
border-width:0 1px;
padding:3px 10px;
}

.contact-form .formField-checkbox td { border-width:1px; }

.contact-form th {
line-height:3;
font-size:120%;
border-width:1px;
}

.contact-form tfoot td { border-width:1px; padding:10px; }

.contact-form label.sub-item { margin-left:20px; }
.contact-form .disabled { color:#999; }
.contact-form .field-other.disabled { background-color:#F9F9F9; }
.lava input { float:left; height:60px; }

.lava .formRadioLabel {
display:block;
width:100px;
height:60px;
float:left;
margin:0 10px;
text-indent:-9999px;
overflow:hidden;
border:1px solid #E0E0E0;
}

.lava .current .formRadioLabel { border:1px solid #888; }
.item0 span { background:transparent url(/media/vink-lava0.png) left top no-repeat; }
.item1 span { background:transparent url(/media/vink-lava1.png) left top no-repeat; }
.item2 span { background:transparent url(/media/vink-lava2.png) left top no-repeat; }
.lava .formRadioLabel:hover { cursor:pointer; background-position:left bottom; border-color:#BBB; }
.lava .current .formRadioLabel { border-color: #666; background-position:left bottom; }
.formRequiredNotice { font-size:120%; font-weight:bold; }

.required-text { float:right; font-weight:normal; font-size:85%; line-height:42px; }

label.material { width:50%; display:block; float:left; }

.material .other-wrap { display:block; clear:both; }
.material label.other { display:inline; width:auto; margin: 0.5em 0; }

.contact-form textarea { width:400px; height:150px;}


/* JÄMÄPALASIVU */

.table-header-gradient {
	background: #999999;
	background: -moz-linear-gradient(top, #999999 0%, #7e7e7e 50%, #666666 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(50%,#7e7e7e), color-stop(100%,#666666));
	background: -webkit-linear-gradient(top, #999999 0%,#7e7e7e 50%,#666666 100%);
	background: -o-linear-gradient(top, #999999 0%,#7e7e7e 50%,#666666 100%);
	background: -ms-linear-gradient(top, #999999 0%,#7e7e7e 50%,#666666 100%);
	background: linear-gradient(to bottom, #999999 0%,#7e7e7e 50%,#666666 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#666666',GradientType=0 );
	border-top: 1px solid #afafaf;
	border-bottom: 3px solid #4c4c4c;
	border-radius: 5px 5px 0 0;
}

.leftover-pieces .searchResults {
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.jamapala-login {
}

.jamapala-login input,
.jamapala-login button {
	font-family: inherit;
	font-size: inherit;
	margin: 0;
}


.jamapala-login label {
    display: block;
	padding-top: 10px;
}

.jamapala-login .checkbox-row > * {
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: middle;
}

.jamapala-login .checkbox-row {
	margin-bottom: 10px;
}

.leftover-pieces form.login {
    margin: 20px 40px;
}

.leftover-pieces p.error {
}

.create-leftover-piece {
	margin: 20px;
}

	.input-row {
		padding: 5px 0;
	}

	.input-column label {
		display: inline-block;
		width: 120px;
	}

	.input-column input[type="text"] {
		font-family: inherit;
		font-size: inherit;
		padding: 4px;
	}

	.input-column input,
	.input-column select {
		width: 200px;
	}

	.create-leftover-piece button {
		margin-left: 123px;
	}

	.input-error {
		color: #8a1f11;
		padding-left: 5px;
	}

	.leftover-list-login {
		padding: 20px 30px;
	}

	.input-checkbox-column {
		padding-left: 123px;
		margin-bottom: 10px;
	}

	.input-checkbox-column input {
		display: inline-block;
		vertical-align: middle;
		margin: 0 5px 0 0;
		padding: 0;
		top: 0;
	}

	.input-checkbox-column label {
		display: inline-block;
		vertical-align: middle;
		margin: 0;
		padding: 0;
	}

	.create-leftover-piece .publish {
		padding-top: 20px;
	}



	.material-filters,
	.storage-filters,
	.part-number-filters,
	.part-color-filters,
	.part-height-filters,
	.part-width-filters,
	.part-depth-filters {
		padding: 10px 20px;
	}

	.part-height-filters, 
	.part-width-filters, 
	.part-depth-filters {
		padding: 10px 15px;
	}

	.material-filters input,
	.storage-filters input {
		vertical-align: middle;
		margin: 0 5px 0 0;
		padding: 0;
		top: 0;
	}

	.material-filters label,
	.storage-filters label {
		padding: 0;
		margin: 0 10px 0 0;
		vertical-align: middle;
	}

	.filter-checkbox-item {
		display: inline-block;
		zoom: 1;
		*display: inline;
		width: 32%;
	}

	.filter-checkbox-item.filter-show-all {
		display: block;
	}
	
	.filters-container {
		display: inline-block;
		vertical-align: top;
	}
	
	.filters-container.left {
		width: 41%;
	}
	
	.filters-container.right {
		width: 49%;
	}
	
	.filters-container input {
		margin: 0 0 1.5em;
	}

	.material-filters h5,
	.storage-filters h5,
	.part-number-filters h5,
    .part-color-filters h5,
    .part-height-filters h5,
    .part-width-filters h5,
    .part-depth-filters h5 {
		float: left;
		width: 15%;
	}
	
	.part-number-filters h5,
    .part-color-filters h5 {
		width: 39%;	
	}
	
    .part-height-filters h5,
    .part-width-filters h5,
    .part-depth-filters h5 {
	    width: 30%;
	}

	.filter-checkboxes {
		float: left;
		width: 85%;
	}

	#filter-part-number-input {
		margin: 0;
	}


#finder {
	overflow: hidden;
}

div.sidebar.contact-box.sidebar-left {
	width: 170px;
	margin-top: 2em;
}


/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/* wider content */

.container,
.span-20,
div.span-20 {
	width: 1080px;
}


.searchResults td.color{
	word-break:break-all;
}