/* @override 
	http://lejosfi.virtualserver22.nebula.fi/css/lejos.css
	http://www.lejos.fi/css/lejos.css
*/

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

	Project:		Lejos
	Version:		1.0
	Created:		23/05/10
	Modified:		23/05/10
	
		[Table of contents]
		1. Reset
		2. Typography
			2.1	Headings
			2.2	Text elements
			2.3	Lists
			2.4	Tables
			2.5	Forms
		3. Structure
			3.1	Header
			3.2	Navigation
			3.3	Content
			3.4	Footer
		4. Clear floats
	
----------------------------------------------------------- */

//@import "diagnostics.css"; /* Remove this before the site goes live!!! */


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

	Reset
	
----------------------------------------------------------- */

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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table 			{ border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th 	{ vertical-align: top; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }


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

	Typography
	
----------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
	font-size: 75%;
	margin: 0;
	color: #0a0a0a;
	line-height: 1.5;
	font-family: Arial, verdana, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin: 0; color: #0072b0;}
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 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;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img       { float: left; margin: 0 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: #033982; text-decoration: underline; outline: 0;}

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,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


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

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

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;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


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

label { font-weight: bold; }

fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

input.text, input.title   { width: 300px; margin:0.5em 0.5em 0.5em 0; }
input.text, input.title   { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }

textarea            { width: 400px; height: 250px; margin:0.5em 0.5em 0.5em 0; }
textarea            { border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }

select              { border:1px solid #ccc; background:#f6f6f6; width:200px; }
select:focus        { border:1px solid #999; background:#fff; }


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

	Structure
	
----------------------------------------------------------- */

body {
	background: #fff;
	text-align: center; /*ie hack for centered layout. if not centered, remove this line and the next hack in wrapper*/
}

#page {
	margin: auto;
	margin-bottom: 50px;
	background: #fff;
	width: 900px; /*fill in the width of the page*/
	text-align: left; /*for previous ie hack*/
}


/* Header
-------------------------------------------------------------- */
.header {
	overflow: hidden;
	position: relative;
	_width: 900px;
}
#logo {
	float: left;
}
#logo h1 {
	margin: 25px 0 0 0 ;
}
#logo h1 a {
	width: 162px;
	height: 83px;
	background: transparent url(../img/lejos_logo4.jpg) no-repeat 0 0;
	display: block;
	text-indent: -9000px;
}

#slogan {
	display: block;
	width: 215px;
	height: 23px;
	float: left;
	text-indent: -9000px;
	margin: 41px 0 0 25px;
	margin-right: 200px;
	background: transparent url(../img/luottamus2.jpg) no-repeat 0 0;
}
#slogan_en {
	display: block;
	width: 215px;
	height: 23px;
	float: left;
	text-indent: -9000px;
	margin: 41px 0 0 25px;
	margin-right: 200px;
	background: transparent url(../img/luottamus_en.jpg) no-repeat 0 0;
}

.search {
	xfloat: left;
	position: absolute;
	top: 35px;
	right: 0;
	width: 233px;
	padding-left: 11px;
	*margin-top: 10px;
	
}
.search p {
	margin: 0;
}

.searchinput {
	background: transparent url(../img/searchbg.jpg) no-repeat 0 0;
	border: 0;
	line-height: 27px;
	height: 27px;
	text-indent: 5px;
	width: 204px;
	float: left;
}
.submit {
	width: 27px !important;
	height: 27px !important;
	border: 0;
	float: left;
	display: block;
	text-indent: -9000px;
	cursor: pointer;
	background: transparent url(../img/submitbg.jpg) no-repeat 0 0;
}
.lang {
	overflow: hidden;
	position: absolute;
	right: 0px;
	top: 12px;
	*top: 11px;
}
.lang a { 
	float: right;
	color: #486699;text-decoration: none;
	font-weight: bold;
}
.lang a:hover {
	color: #000;
}

/* Navigation
-------------------------------------------------------------- */
#navi {
	float: left;
	font-weight: bold;
	width: 645px;
	*width: 645px;
	margin-top: 14px;
	margin-left: 19px;
	height: 30px;
	color: #ceddf6;
	overflow: hidden;
	
}
#navi a {
	text-decoration: none;
	color: #033982;
	margin: 0 7px 0px 7px;
	xborder-right: 1px solid #ceddf6;
}
#navi a:hover {
	color: #0072b0;
}
#navi a#active {
	border-bottom: 1px dotted #666;
	padding-bottom: 3px;
	_padding-bottom: 0px;
	*padding-bottom: 0px;
	xbackground: transparent url(../img/dot.jpg) repeat-x bottom left;
}

.nobg {
	border: 0 !important;
	background: 0 !important;
}


/* Content
-------------------------------------------------------------- */
.fp_main_liftup {
	background: transparent url(../img/mainimage.jpg) no-repeat 0 0;
	padding-left: 40px;
	min-height: 360px;
	height: auto !important;
	height:360px;
	overflow: hidden;
}
.fp_main_liftup h1 {
	color: #fff;
	margin: 0px;
	padding-top: 50px;
	font-size: 28px;
	width: 590px;
}

.fp_banner_link {
	background: #fff url(../img/nuolioikee.gif) no-repeat  95% 7px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	width: 170px;
	padding: 3px 20px 2px 10px;
	display: block;
	margin-top: 10px;
	margin-bottom: 50px;
	clear: both;
	
}


.fp_product_selection {
	width: 776px;
	background: transparent url(../img/11white.png) repeat 0 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #fff;
	margin: 25px 0 21px 0;
	padding: 5px 20px 20px 20px;
	overflow: hidden;
}

.fp_product_selection h2, .topliftup h2 {
	margin: 0;
	padding: 0 0 5px 13px;
	font-size: 18px;
	color: #000000;
}
.fp_product_selection h2 a {
	text-decoration: none;
	color: #0a3e86;
}
#productslider {
	margin-left: 15px;
}


#productslider ul {
	padding: 0;
	margin: 0 0 0 0px;
}
#productslider ul li {
	list-style-type: none;
	width: 85px;
}
#productslider ul li a {
	float: left;
	margin-right: 10px;
}
.newscontainer {
	float: left;
	width: 713px !important;
	margin: 0;
	padding: 10px 0 0 0;
}
.newsticker {
	background: #f3f7fd;
	border: 1px solid #d2e6ff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 0px 0 0 13px;
	height: 35px;
	xoverflow: hidden;
	margin-top: 20px;
	position: relative;
}
.newsticker ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
}
.newsticker ul li {
	float: left;
	width: 720px;
	xpadding-right: 90px;
	
}
.newsticker p {
	float: left;
	line-height: 35px;
}
.newsticker span {
	xborder-left: 1px solid #c4e0ff;
	xpadding-left: 15px;
	margin-left: 15px;
	color: #818181;
	font-weight: bold;
}
.rightborder {
	border-right: 1px solid #c4e0ff;
	margin-top: 10px;
	padding-right: 15px;
	height: 15px ;
	margin-bottom: 5px;
	xmargin-top: 10px;
	line-height: 17px !important;
}

.newsticker a {
	color: #00396d;
	font-weight: bold;
	text-decoration: none;
}
.newsticker2 {
	background: #f3f7fd;
	border: 1px solid #d2e6ff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 0px 0 0 13px;
	height: 35px;
	overflow: hidden;
	margin-top: 20px;
}
.newsticker2 p {
	float: left;
	line-height: 35px;
	margin: 0;
}
.newsticker2 h4 {
	margin: 0;
	margin-top: 9px;
	height: 20px;
	font-weight: bold;
	float: left;
	padding-right: 20px;
	border-right: 1px solid #c4e0ff;
	margin-right: 10px;
}
.newsticker2 .searchinput {
	margin-left: 10px;
	margin-top: 4px;
	background: transparent url(../img/searchbg2.jpg) no-repeat 0 0;
	width: 145px;
}
.newsticker2 .submit {
	margin-top: 4px;
	background: transparent url(../img/lahetainput.jpg) no-repeat 0 0;
	width: 87px !important;
}
.prev {
	float: left;
	width: 18px;
	height: 18px;
	margin-right: 0px;	
}
.next {
	width: 18px;
	height: 18px;
	float: left;
}
.tickercontrols {
	xfloat: right;
	width: 45px;
	height: 20px;
	xmargin-top: 10px;
	position: absolute;
	right: 0;
	top: 10px;
}


.fp_liftups {
	overflow: hidden;
	padding: 0px 10px 20px 0px;
	clear: both;
}
.fp_liftup {
	float: left;
	width: 430px;
	border-right: 1px solid #eaeaea;
	margin-right: 10px;
	padding-right: 0px;
	margin-top: 30px;
	min-height: 270px;
	height: auto !important;
	height:270px;
}
.fp_liftup h3 {
	font-size: 16px;
	font-weight: bold;
	padding-left: 10px;
	margin: 5px 0 20px 0;
}
.liftupimg {
	float: left;
	margin-right: 10px;
	width: 140px;
	overflow: hidden;
}
.liftup_content {
	float: left;
	width: 265px;
}
.liftup_content a {
	font-weight: bold;
}

/* sidebar
-------------------------------------------------------------- */
.sidebar {
	float: left;
	width: 189px;
	padding-top: 13px;
}
.sidebar a {
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}
.sidebar a:hover {
	color: #0072b0;
}
.sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.sidebar ul li {
	background: transparent url(../img/sidebar_arrow.gif) no-repeat 0 5px;
	margin-bottom: 8px;
}
.sidebar ul li a {
	margin-left: 10px;
	padding-bottom: 2px;
	display: block;
	width: 140px;
	line-height: 15px;
}

.sidebar ul li a.active {
	xborder-bottom: 1px dotted #666;
	color: #0072b0;
}




.content {
	overflow: hidden;
	_float: left;
	
}
.content h2 {
	margin-top: 20px;
	font-weight: bold;
	line-height: 27px;
	margin-bottom: 20px;
}
.content h3 {
	font-weight: bold;
	margin-bottom: 5px;
}
.topliftup {
	min-height: 210px;
	height: auto !important;
	height:210px;
	padding: 30px 0 21px 20px;
}

#kokit {
	background: transparent url(../img/kokit.jpg) no-repeat 0 0;
}
#kuluttajapalvelu {
	background: transparent url(../img/kuluttajapalvelu.jpg) no-repeat 0 0;
}
#talot {
	background: transparent url(../img/talot.jpg) no-repeat 0 0;
}
.product-slider-wrapper {
	background: transparent url(../img/11white.png) repeat 0 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #fff;
	margin: 80px 0 00px 0;
	padding: 10px 20px 10px 20px;
	overflow: hidden;
	width: 600px;	
}


/* Content
-------------------------------------------------------------- */

.contentwrapper {
	overflow: hidden;
}
.ingress {
	xfont-size: 1em;
}
.ingress p a {
	font-weight: bold;
}
.fullcol {
	border-bottom: 1px solid #e9e9e9;
	clear: both;
}
.fullcol h2 {
	font-weight: bold;
	line-height: 27px;
	margin-bottom: 10px;
}
.product-frontpage h2 {
	font-weight: bold;
}

.threecolwrapper {
	overflow: hidden;
	clear: both;
	margin-top: 20px;
}

.threecolwrapper a {
	font-weight: bold;
}
.col1 {
	border-right: 1px solid #eaeaea;
	padding-right: 10px;
	float: left;
	width: 200px;
	padding-left: 20px;	
}
.col1.noborder1 {
	padding-left: 0;
}
.col2 {
	border-right: 1px solid #eaeaea;
	padding-right: 10px;
	float: left;
	width: 310px;
	xpadding-left: 20px;
}
#noborder {
	border: none;	
}
.col1 h3 {
	font-weight: bold;
	font-size: 1.3em;
	
}

/* Product filter
-------------------------------------------------------------- */

.product-filter-wrapper {
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 20px;
}
.filter-wide {
	float: left;
	width: 720px;
	margin-right: 2px;
}
.filter-wide-en {
	float: left;
}
.filter-narrow {
	float: left;
	width: 178px;
}

.product-filter-header {
	background-color: #edf4fe;
	height: 80px;
	width: 717px;	
}
.product-filter-header-en {
	background-color: #edf4fe;
	height: 80px;
	width: 880px;
}
.product-filter-header-en h1 {
	line-height: 80px;
	font-size: 28px;
	color: #526889;
	margin-left: 20px;
	padding: 0 0 0 0px;
} 
.product-filter-header h1 {
	line-height: 80px;
	font-size: 28px;
	color: #526889;
	margin: 0;
	padding: 0 0 0 20px;
}

.filter-content {
	overflow: hidden;
	margin-top: 5px;
	
}

.filter-content a {
	float: left;
	display: block;
	margin-right: 4px;
	margin-bottom: 4px;
	width: 86px;
	height: 79px;
	position: relative;
	overflow: hidden;
	font-size: 12px;
	z-index: 0;
	text-decoration: none;
	
}
.filter-content a .jee {
	position: absolute;
	left: 0%;
	top: 0%;
	width: 86px;
	height: 49px;
	padding-top: 30px;
	text-align: center;
	color: #115ab8;
	display: none;
	vertical-align: middle;
	background: transparent url(../img/hover.png) no-repeat 0 0 !important;
}

.filter {
	background: #edf4fe;
	margin-bottom: 5px;
	padding: 15px 0 25px 5px;
}
.filter p {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
.filter select {
	width: 160px;
	margin-bottom: 5px;
}
#vapaahaku {
	padding-bottom: 167px;
}
.submitfilter {
	background: transparent url(../img/arrowright.gif) no-repeat right 3px ;
	border: 0;
	width: 50px;
	text-align: left;
	margin-top: 5px;
	margin-left: 2px;
	font-size: 14px;
	height: 20px;
	padding: 0;
	cursor: pointer;
}

.bw {
	background-position: 0 -79px !important;
}

/* tuotealasivu
-------------------------------------------------------------- */

.product-sub-link {
	overflow: hidden;
	margin-top: 10px
}
.product-sub-mainimage {
	float: left;
	border-bottom: 1px solid #d8d8d8;
	xbackground: red;
	padding-top: 4px;
	height: 238px;
	margin-right: 33px;
}
.product-sub-search {
	float: left;
	width: 180px;
	padding: 0 px;
	min-height: 242px;
	height: auto !important;
	height:242px;
	border: 1px solid #d8d8d8;
}
.product-sub-search2 {
	float: left;
	width: 180px;
	padding: 0 px;
	min-height: 242px;
	height: auto !important;
	height:242px;
	border: 1px solid #d8d8d8;
	
}
.back {
	background: #e7eff9;
	padding: 10px 0px 10px 0px;
	
}
.links {
	padding: 10px;	
}
.links p {
	margin: 0;
}
.back p {
	text-align: center !important;
}
.back a {
	color: #14468a;
	font-weight: bold;
}
.product-sub-search p {
	font-size: 12px;
	margin-bottom: 0px;
	text-align: left;
}
.product-sub-search select {
	width: 160px;
	margin-bottom: 4px;
}
.product-family {
	float: left;
	width: 400px;
	min-height: 300px;
	height: auto !important;
	height:300px;
	border-right: 1px solid #dfdfdf;
}
.family-devide {
	float: left;
	width: 195px;
	margin-right: 5px;
}
.familysmall {
	overflow: hidden;
	clear: both;
	padding-bottom: 5px;
}
.familysmall a {
	text-decoration: none;
	color: #000;
	display: block;
	min-height: 50px;
	height: auto !important;
	height:50px;
}
.familysmall a:hover {
	background: #e7eff9;
}
.familysmall p {
	min-height: 50px;
	height: auto !important;
	height:50px;
	margin-bottom: 0;
}
.familysmall p img {
	margin: 0 5px 0 0;
}
.familysmall img {
	float: left;
	margin-right: 5px;
}
.product-info-wrapper {
	overflow: hidden;
	border-bottom: 1px solid #d8d8d8;
}
.product-info-wrapper h2 {
	font-weight: bold;
	
	font-size: 24px;
}
.product-info-wrapper .product-col {
	xfont-size: 16px;
}

.product-col {
	xwidth: 900px;
	
}
.product-family-selector {
	xbackground: transparent url(../img/productselectorbg.jpg) repeat-x 0 100%;
	xborder-bottom: 1px solid #d8d8d8;
	width: 950px;
	padding-bottom: 10px;
	float: left;
	min-height: 300px;
	height: auto !important;
	height:300px;
	clear: both;
}
.product-family-selector h2 {
	padding-bottom: 10px;
}
.product-family-selector h3 {
	font-size: 18px;
	color: #4577bb;
	font-weight: bold;
}
#product-detail-image {
	text-align: center;
	width: 499px !important;
}
.product-details {
	overflow: hidden;
	padding-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.product-single-content {
	xfloat: right;
}
.product-details p,.product-details td {
	font-size: 12px;
}
.product-details p strong {
	font-weight: bold;
	font-size: 14px;
}
.product-details .product-col {
	xfloat: left;
	xwidth: 400px;
	
}
.product-details table {
	width: 380px;
}
.product-details td {
	background: #e7eff9;
	border-bottom: 1px solid #fff;
}
.grey {
	background: #dbddde !important;
}
.product-comments {
	overflow: hidden;
	xborder-bottom: 1px solid #d8d8d8;
	margin-bottom: 30px;
	padding-bottom: 10px;
}
.product-comments h2 {
	margin-bottom: 10px;
}
.product-comments .product-col {
	float: left;
	width: 400px;
}
.product-comments strong,.product-tips strong {
	font-size: 14px;
}
.product-tips {
	overflow: hidden;
}
.tipwide {
	clear: both;
	overflow: hidden;
	padding-bottom: 20px;
}
.tipwide a {
	font-size: 13px;
	font-weight: bold;
}
.product-tips .product-col {
	float: left;
	width: 380px;
	padding-right: 20px;
}
.product-thumb p {
	padding-top: 0px;
	padding-right: 10px;
	float: left;	
}
.product-thumb {
	float: left;
	width: 255px;
	height: 110px;

}
.product-thumb p a {
	text-decoration: none;
	width: 150px;
	float: left;
	display: block;
}
.product_thumb_en {
	float: left;
	display: block;
	width: 79px; margin-right: 10px;
	height: 79px;
	text-indent: -9000px;
	margin-bottom: 10px;
	
}
.product-img {
	float: left;
	width: 80px;
	height: 80px;
	text-align: center;
	border: 1px solid #cccccc;
	overflow: hidden;
	margin-right: 10px;
}
.product-single-top {
	overflow: hidden;
	width: 900px;
	margin-top: 10px;
}
.product-single-top img {
	float: left;
}
.product-single {
	overflow: hidden;
	border-bottom: 1px solid #d8d8d8;
}
.product-single-content p{
	width: 470px;
}
.product-single-content h2 {
	width: 500px;
	margin-bottom: 0px;
	line-height: 28px;
} 
.product-single-image {
	float: right;
	margin-right: 0px;
	text-align: center;
	width: 420px;
}
.product-single-image p {
	text-align: center;
	width: 230px;
}
.single-image {
	float: left;
	xwidth: 240px;
	margin-right: 100px;
	_margin-right: 50px;		
}
.product-index {
	width: 550px;
	clear: both;
}
.product-moreinfo {
	width: 430px;
	float: left;
	border-right: 1px solid #d8d8d8;
	padding-right: 20px;
	margin-right: 30px;
	min-height: 380px;
	height: auto !important;
	height:380px;
}
.product-moreinfo-right {
	float: left;
	padding-top: 21px;
}
.more-left-en p,.more-right-en p {
	margin: 0;
}
.product-moreinfo-right-en {
	float: right;
	width: 350px;
	margin-left: 30px;
}
.product-moreinfo-right h3 {
	margin: 0 0 15px 0;
}
.more-right,.more-left,.more-left-en,.more-right-en {
	float: left;
	width: 170px;
}

.product-comment-list {
	float: right;
	width: 400px;
}


#notsowide {
	width: 600px;
}
.padme {
	padding-left: 40px;
}
.no-border {
	border: 0;
}

.product-ingressi {
	float: left;
	width: 410px;
	margin-right: 30px;
	overflow: hidden;
}


.product-familylist {
	
	width: 950px;
	_width: 700px !important;
	_overflow: hidden;
	padding: 0 5px 0 0;
	float: left;
	clear: both;
	font-size: 12px;
	border-bottom: 1px solid #d8d8d8;
	margin-bottom: 10px;
}
.product-familylist .product-img {
	width: 80px;
	height: 80px;
	margin-right: 10px;
	border: 0;
	float: left;
}
.familylist-header {
	xbackground: #e7eff9;
	font-weight: bold;
	font-size: 1.6em;
	color: #4577bb;
	width: 500px;
	text-align: left;
}
.familylist-header p {
	margin: 0 0 10px 0;
}
.product-familylist .product-thumb {
	margin-bottom: 20px;
	width: 295px;
	float: left;
}
.product-familylist .product-thumb p {
	margin-bottom: 0;
	xdisplay: block;
	width: 125px;
}
.product-familylist .product-thumb p a {
	width: 100px;
	xdisplay: block;
	
}

.product-thumbcontent {
	float: left;
	width: 185px;
}

/* Yritystieto sivu
-------------------------------------------------------------- */

.widecol {
	width: 600px;
}
.widecol h2 {
	font-weight: bold;
	line-height: 27px;
	margin-bottom: 10px;
}
.widecol h3 a {
	font-weight: bold;
	text-decoration: none;
	float: left;
	margin: 0;
	overflow: hidden;
	font-size: 14px;
}
.date {
	float: left;
	padding-right: 10px;
	margin-bottom: 5px;
}
.date2 {
	font-size: 11px;
	margin-top: -5px;
}
.datelist {
	clear: both;
	float: left;
	width: 700px;	
}
.datelist h3  {
	margin: 0;
	padding: 0;
	width: 430px;
	float: left;
	
}
.datelist h3 a {
	font-size: 12px;
	line-height: 17px;
}
.widecol a {
	font-weight: bold;
}
.widecol h2 a {
	text-decoration: none;
	color: #4577bb;
}
.widecol h2 a:hover {
	color: #033982;
}


.opencontent {
	display: none;
	font-size: 12px;
	clear: both;
}

.tuote-inactive,.tuote-inactive2 {
	background-position: 0 -79px !important;
}




/* kommentointi
-------------------------------------------------------------- */
#comment_form {
	width: 400px;
	float: left;
}
#comment_form input {
	width: 250px;
	float: left;
	border: 1px solid #dcdfe6;
	height: 18px;
}
#comment_form p {
	clear: both;
	overflow: hidden;
	margin: 0 0 5px 0;
	_padding-bottom: 5px;
}
#comment_form label {
	width: 85px;
	float: left;
}
#comment_form textarea {
	width: 242px;
	height: 100px;
	border: 1px solid #dcdfe6;
}
.comment_submit {
	width: 60px !important;
	background: transparent url(../img/arrowright.gif) no-repeat right 3px ;
	border: 0 !important;
	text-align: left;
	margin:  5px 10px 10px 2px;
	height: 20px;
	padding: 0;
	cursor: pointer;
	clear: both;
}
.comment {
	overflow: hidden;
	border-top: 1px solid #e9e9e9;
	margin-top: 5px;
	padding-top: 20px;
}
.comment p {
	margin-bottom: 5px;
}


/* yhteystiedot
-------------------------------------------------------------- */
.map {
	float: right;
}


.yhteystiedot-split {
	float: left;
	margin-right: 20px;
}

/* Footer
-------------------------------------------------------------- */
.footer {
	clear: both;
	margin-top: 20px;
	border-top: 1px solid #d7d7d7;
	padding-top: 20px;
	color: #848383;
}
.footer a {
	color: #848383;
	text-decoration: none;
	margin: 0 5px;
}
.footer a:hover {
	color: #000;
}
.flright {
	float: right;
}




.yhteydenottolomake {
	width: 410px;
	
}
.yhteydenottolomake input {
	float: right;
	width: 230px;
	height: 18px;
	border: 1px solid #bbbbbb;
}
.yhteydenottolomake select {
	float: right;
}
.yhteydenottolomake p {
	line-height: 22px;
	margin-bottom: 9px;
}
.yhteydenottolomake textarea {
	width: 400px;
	height: 200px;
}
.yhteydenottolomake .submitfilter {
	border: none;
	width: 60px;
	background-position: 100% 1px;
	font-size: 12px;
	float: left;
	clear: both;
}
.marker {
	background: yellow;
	border-bottom: 1px dotted #ababab;
}
#mainos {
	float: none;
	clear: both;
	width: 20px;
	border: 0;
}
#tietojani {
	width: 120px;
	float: left;
	display: block;
}
.noborder3,#noborder2 {
	border: none;	
}
#noborder2 {
	margin-left: 20px;
}
.fp_liftup#noborder2 {
	margin-left: 0;
}

#horeca .product-img,#dutyfree .product-img {
	width: 50px;
}
#dutyfree.product-familylist,#horeca.product-familylist {
	width: 730px;
}


#horeca .product-thumb , #dutyfree .product-thumb{
	width: 180px;
	height: 50px;
	xborder-bottom: 1px solid #cccccc;
	padding-bottom: 10px;
	xbackground: #efefef;
}
#horeca .product-thumbcontent,#dutyfree .product-thumbcontent {
	width: 120px;
}


.riisi {
	font-size: 11px;
}

.riisi th {
	background: #005b7c;
	color: #fff;
	text-align: center;
}
.riisi td {
	background: #f5f5f5;
	border:1px solid #efefef;
	padding: 5px;
	xcolor: #fff;
}
/* -----------------------------------------------------------

	Clear floats
	
----------------------------------------------------------- */
.wrapper 		{ display: inline-block; }
.wrapper:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper 		{ display: block; }