@import url(datePicker.css);  /* FIXME - import only in extranet pages */

BODY {
	background: #e7e5e0;
	font-family: sans-serif, arial;
	font-size: 100%;
	padding: 0;
	margin: 0;
}

BODY.pro {
	background-image: url(/files/laattapiste/img/amt-bak.jpg);
	font-family: sans-serif, arial;
	font-size: 100%;
	padding: 0;
	margin: 0;
}


/* GENERIC STYLES */

UL {
	list-style: none;
	margin: 0;
	padding: 0;
}

.column UL {
		list-style: disc;
		padding-left: 1em;
		margin-left: .5em;
}

UL LI {
	margin: 0;
	padding: 0;
}

UL.horizontal {
	list-style: none;
	padding: 0;
	margin: 0;
}

UL.horizontal LI {
	float: left;
}

A, .link {
	text-decoration: none;
	color: #6f5c51;
}

.pro A, .pro .link {
	color: #3e4f58;
}

LI A {
	color: #000;
}

A:hover {
	text-decoration: underline;
}

LI.one_third_column A:hover {
	text-decoration: none;
}

A.separated {
	border-left: 1px solid #000;
	padding-left: 0.8em;
	margin-left: 0.8em;
}

.clickable {
	cursor: pointer;	
}

A.block {
	line-height: 1.5em;
}

A IMG {
	border: 0;
}

P {
	margin: .5em 0 1em 0;
}

H1 {
	color: #6f5c51;
	font-weight: normal;
	font-size: 1.5em; /* 18px */
	margin: 0 0 .5em 0;
}

H2 {
	color: #6f5c51;
	font-weight: normal;
	font-size: 1.1667em; /* 14px */
	margin: .5em 0;
}

H2.x-small {
	font-size: 0.92em;
	color: #88817c !important;
	font-weight: normal;
	margin: 1em 0;
}

H3 {
	font-size: 1.17em;
	font-weight: normal;
	color: #6f5c51;	
}

.pro H1, .pro H2, .pro H3 {
	color: #3e4f58;	
}

#google-map {
	border: 1px solid #b1a69d;
	overflow: hidden;
}

.dotted {
	background: url(../img/dot.png) bottom repeat-x;
	padding-bottom: 10px;
}

.dotted-top {
	background: url(../img/dot.png) top repeat-x;
	padding-top: 10px;
}

H2.dotted-top {
	background: url(../img/dot.png) top repeat-x;
	padding-top: 20px;
}

.clear {
	clear: both;
}

.hidden {
	display: none;	
}

.small {
	font-size: 0.917em; /* 11px */
	color: #a19a97;
}

A.small {
	color: #6f5c51;
}

FIELDSET {
	border: 0;
	margin: 0;
	padding: 0;	
}

INPUT.text {
	background: url(../img/textinput_bg.png) top left no-repeat;
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #ddd;
	height: 14px;
	padding: 2px 4px;
}

INPUT.low-contrast {
	color: #aaa;	
}

.right {
	float: right;
}

.left {
	float: left;
}

.block {
	display: block;
}

.hidden {
	display: none;
}

.picture-right {
	margin: 0 0 10px 10px;
}

.picture-left {
	margin: 0 10px 10px 0;
}

.vertical-margins {
	margin: 1em 0;	
}

.double-vertical-margins {
	margin: 2em 0;
}

.bold {
	font-weight: bold;
}

.top-padding {
	padding-top: 1em;	
}

/* LAYOUT ELEMENTS */

#document {
	background: #fff;
	width: 910px;
	margin: 30px auto 0 auto;
	padding: 30px;
	font-size: 0.75em; /* 12 px */
}

#round-corners {
	position:absolute; 
	width:970px; height:30px; 
	margin-top:-37px;
	margin-left:-30px;
	background-image: url(/files/laattapiste/img/header_bg-pro.png);
}

.header {
	border-bottom: 3px solid #e7e5e0;
	min-height: 117px;
	margin-bottom: 15px;
	position: relative;
}

	.header .shortcuts {
		height: 1.25em;
		line-height: 1.25em;
		margin-left: 306px;
	}
	
	.header .shortcuts-pro {	
		margin-left: 525px;
		height: 1.25em;
		line-height: 1.25em;
	}
	
		.header .shortcuts LI, .header .shortcuts-pro LI {
			background: url(../img/vertical_dotted.png) top left repeat-y;
			padding: 0 .8em;
		}

		.header .shortcuts LI.first-child, .header .shortcuts-pro LI.first-child {
			background: none;
		}

		.header .shortcuts LI A, .header .shortcuts-pro LI A {
			color: #000;
		}

		.pro .header .shortcuts A.professional, .pro .header .shortcuts-pro A.professional {
			font-weight: bold;	
		}

	.header .search {
		position: absolute;
		top: -2px;
		left: 715px;
		width: 200px;
	}

		.header .search .button {
			background: url(../img/btn_hae.png) top left no-repeat;
			border: 0;
			width: 39px;
			height: 19px;
			cursor: pointer;
			display: block;
		}
		
		.header .search .text {
			width: 138px;
			display: block;
			float: left;
			margin-right: 10px;
			/*background: url(../img/input_search_bg.png) top left no-repeat;
			border: 0;
			height: 19px;
			font-size: 12px;
			line-height: 19px;
			padding: 0 4px;*/
		}
		
	.header .logo {
		position: absolute;
		top: -5px;
		left: 0px;
		width: 99px;
		height: 105px;
		text-indent: -300px;
		overflow: hidden;
		display: block;
		z-index: 100;
		background: url(../img/logo.png) no-repeat;
	}

	.header .navi {
		padding: 2em 0 1.7em 0;
		clear: both;
		float: right;
	}

		.header .navi LI {
			border-right: 1px solid #857567;
			background: #625143 url(../img/main_navi_bg.png) repeat-x;
			font-size: 1.333em;
		}

		.pro .header .navi LI {
			border-right: 1px solid #637076;
			background: #3e4f58 url(../img/main_navi_bg_pro.png) repeat-x;
		}
	
		.header .navi LI.last-child {
			border-right: 0;
		}

		.header .navi LI.first-child A {
			background: url(../img/main_navi_left_bg.png) top left no-repeat;
		}

/*		.pro .header .navi LI.first-child A {
			background: url(../img/main_navi_left_bg_pro.png) top left no-repeat;
		}*/

		.header .navi LI.last-child A {
			background: url(../img/main_navi_right_bg.png) top right no-repeat;
		}

/*		.pro .header .navi LI.last-child A {
			background: url(../img/main_navi_right_bg_pro.png) top right no-repeat;
		}*/

		.header .navi LI.current {
			background: #9f8673 url(../img/main_navi_current_bg.png) repeat-x;
		}

		.pro .header .navi LI.current {
			background: #83959d url(../img/main_navi_current_bg_pro.png) repeat-x;
		}

		.header .navi LI A {
			color: #fff;
			display: block;
			float: left;
			height: 1.875em;
			line-height: 1.875em;
			padding: 0 .95em;
		}

		.header .navi LI A:hover {
			text-decoration: none;
		}
		
		.header .breadcrumb {
			clear: both;
			margin: 18px 0 0 153px;
			width: 520px;
			white-space: nowrap;
			overflow: hidden;
		}

		.header .breadcrumb A {
			padding: 0 0.6em 0 1.2em;
			/*border-left: 1px solid #000;*/
			background: url(../img/breadcrumb_separator.png) left center no-repeat;
			font-size: 0.917em;
			line-height: 0.917em;
			color: #000;
		}

		.header .breadcrumb A.first-child {
			/*border: 0;*/
			padding-left: 0;
			background: none;
		}
		
.sidebar {
	float: left;
	clear: left;
	border-right: 1px solid #e7e5e0;
	width: 181px;
	padding: 0 20px 0 0;
}

	.sidebar .navi-list {
		font-weight: bold;
	}

	.sidebar .navi LI {
		margin: 0.6em 0;
	}

	.sidebar .navi UL {
		margin-right: -22px;
	}

	.sidebar .navi-tree LI.current A {
		font-weight: bold;
	}

	.sidebar .navi UL LI {
		padding-left: 1.05em;
		font-weight: normal;
	}

	.sidebar .navi UL LI.current {
		/*background: url(../img/triangle.png) left 2px no-repeat;*/
		font-weight: bold;
	}

	.sidebar .navi A {
		color: #000;
	}
	
	.sidebar .section {
		border-top: 3px solid #e7e5e0;
		padding: 15px 15px 0 15px;
		margin-top: 15px;
	}

	.sidebar .section H2 {
		margin-top: 0;
		margin-bottom: .4em;
	}

	.sidebar :first-child H2 {
		margin-top: 0;
	}

	.sidebar .section .last-child {
		margin-bottom: 0;
	}
	
	.sidebar .section:first-child > LI:first-child {
		margin-top: 0;
	}

	.sidebar .section-last {
		border-bottom: 0;
	}
	
	.sidebar .section-first-child,
	.sidebar .section:first-child {
		border-top: 0;
		padding-top: 0;
		margin-top: 0;
	}

	.sidebar .search SELECT {
		width: 100%;
		margin-bottom: 4px;
		display: block;
	}

	.sidebar .search FIELDSET {
		padding-top: 8px;
	}

	.sidebar .search INPUT.text {
		width: 98px;
		margin: 0 5px 0 0;
		float: left;
		display: block;
	}

	.sidebar .search INPUT.submit {
		background: url(../img/btn_hae.png) top left no-repeat;
		border: 0;
		width: 39px;
		height: 19px;
		display: block;
	}

	.sidebar .search A {
		margin: 4px 0;	
	}

	.sidebar .favorite-box {
		background: url(../img/favorites_box_bg.png) top left no-repeat;
		position: relative;
		padding-top: 15px !important;
		padding-bottom: 0;
		border: 0;
	}
	
	.sidebar .favorite-box A#thumb {
		position: absolute;
		right: 12px;
		top: 8px;
	}

	.sidebar .favorite-box A#thumb:hover {
		text-decoration: none;
	}

	.sidebar .favorite-box-bottom {
		background: url(../img/favorites_box_bg.png) bottom left no-repeat;
		height: 10px;
		width: 180px;
		margin-left: -15px;
	}
	
	#favorites {
		white-space: nowrap;
		color: #88817c;
	}

	#favorites H3 {
		font-size: 1em;
		margin: .4em 0;
		color: #000;
		font-weight: bold;
	}

	#favorites UL {
		padding-left: 1em;
		font-size: 0.92em;
		margin: 0 0 .4em 0;
	}

	#favorites LI {
		height: 20px;
		line-height: 20px;
		overflow: hidden;
	}
	
	#favorites .checkout {
		text-align: right;
	}
	
	#favorites LI .delete {
		display: none;
	}
	
	#favorites LI:hover .delete {
		display: block;
	}

.content {
	float: right;
	position: relative;
	border-left: 1px solid #e7e5e0; /* overlaps with right margin of #sidebar */
	margin: 0 20px 0 -1px;
	padding-left: 20px;
	width: 668px;
	min-height: 300px;
}

.content-full {
	width: 688px;
	margin-right: 0;
}

	.content .one_third_column {
		float: left;
		width: 200px;
		/* margin set in site.js by :nth-child() */
	}

	.content .one_third_column .picture {
		width: 200px;
		height: 200px;
	}

	.content .one_third_column .icon {
		float: right;
		margin: 2px 0 0 2px;
	}

	.content .one_third_column H2 {
		margin: .5em 0;
		/*clear: none;*/
		/*white-space: nowrap;*/
		height: 2.2em;
		line-height: 1.2em;
	}
	
	.content .column {
		float: left;	
	}

	.content .column-text {
		width: 440px;
		float: left;
	}

	.content .column-picture {
		width: 200px;
		float: left;
		overflow: hidden;
	}

	.content .column-last {
		float: right;
	}	

	.content .column-full {
		clear: both;
		width: 100%;
	}

	.content .column UL LI {
		margin: .5em 0;	
	}

	.content .navi {
		clear: both;
		border-top: 3px solid #e7e5e0;
		text-align: center;	
	}
	
	.content .pager {
		display: table;
		margin: 0 auto;
		margin-top: 14px;
	}

		.content .pager * {
			float: left;
			margin: 0 .4em;
			line-height: 1.8em;
			color: #000;
		}

		.content .pager .current {
			font-weight: bold;	
		}
	
		.content .pager .prev {
			background: url(../img/arrow_left.png) left center no-repeat;
			text-indent: -100px;
			overflow: hidden;
			width: 9px;
		}

		.content .pager .next {
			background: url(../img/arrow_right.png) right center no-repeat;
			text-indent: -100px;
			overflow: hidden;
			width: 9px;
		}
		
		.content .pager .all {
			border-left: 3px solid #e7e5e0;
			padding: 0 .5em;
		}
	
	.tuotesarja {
		position: relative;
		padding-left: 220px;
		min-height: 286px;
	}
	
	.tuotesarja .preview {
		width: 200px;
		position: absolute;
		top: 0;
		left: 0;
	}

	.tuotesarja .preview IMG {
		position: absolute;
	}

	.tuotesarja .preview .big IMG {
		top: 0;
		left: 0;
	}
	
	.tuotesarja .preview .small IMG {
		top: 204px;
		width: 64px;
		height: 64px;
	}

	.tuotesarja .preview .small-first IMG {
		left: 0;
	}

	.tuotesarja .preview .small-second IMG {
		left: 68px;
	}

	.tuotesarja .preview .small-third IMG {
		left: 136px;
	}
	
	A.pdf {
		margin: 8px 0;
		padding: 0 0 0 26px;
		background: transparent url(../img/pdf_icon.png) top left no-repeat;
		line-height: 16px;
		display: block;
	}
	
	.tuotesarja H2 {
		background: transparent url(../img/dot.png) left bottom repeat-x;
		width: 75%;
		padding-bottom: 10px;
	}

	.tuotteet {
		margin-top: 10px;
	}
	
	.tuotteet LI {
		float: left;
		width: 195px;
		height: 95px;
		position: relative;
		border-bottom: 1px solid #e7e5e0;
		border-right: 1px solid #e7e5e0;
		padding: 20px 20px 20px 115px;
		overflow: hidden;
	}

	.tuotteet LI A {
		display: block;
		text-decoration: none;
	}

	.tuotteet .tuotekuva {
		position: absolute;
		top: 20px;
		left: 20px;
		display: block;
/*		max-width: 150px;*/
		max-width: 75px;
		max-height: 75px;
	}

	.tuotteet LI STRONG {
		display: block;
		margin-bottom: 10px;
	}
	
	.tuotteet LI .icon {
		display: inline;
		margin-right: 6px;	
	}
	
	.tuotesivu .top {
		padding-bottom: 8px;
		border-bottom: 3px solid #e7e5e0;
		margin-bottom: 22px;
	}
	
	.tuotesivu .top .right {
		width: 365px;
		text-align: right;
		padding-top: 10px;
	}

	.tuotesivu .top .right A {
		color: #000;
		line-height: 18px;
	}
	
	.tuotesivu .top .icon {
		margin: 0 3px;
		float: left;	
	}

	.tuotesivu .top H1 {
		margin: 0 0 4px 0;
	}

	.tuotesivu .top H2 {
		margin: 0;
		font-size: 1em;
	}

	.tuotesivu H2.dotted {
		margin-top: 40px;	
	}
	
	.tuotesivu .picture {
		max-width: 50%;
	}
	
	.tuotesivu .price SPAN {
		color: #6f5c51;
		margin-left: 2em;
	}
	
	.tuotesivu .symbols IMG {
		margin-right: 10px;
		display: inline;
	}

	.manufacturers LI {
		display: block;
		clear: both;
		padding: 0 0 20px 120px;
		zoom: 1;
	}

	.manufacturers LI A {
		display: block;
	}

	.manufacturers LI A:hover {
		text-decoration: none;
	}

	.manufacturers LI IMG {
		margin: 0 8px 8px -120px;
	}

	.manufacturers LI A {
		padding: 0;
		margin: 0;
	}

	.manufacturers LI H2 {
		margin-top: 0;
	}

	.manufacturers LI P {
		margin: 0;	
	}

	UL.news,
	UL.manufacturers {
		list-style: none;
		padding: 0;
		margin-left: 0;
	}
	
	.news LI {
		margin-bottom: 2em;
	}

	.news LI H2 {
		margin-bottom: 0.5em;
	}

	.news LI A {
		color: #6f5c51;
		display: block;
	}

	.news LI A :hover {
		text-decoration: underline;
	}
	
	.news LI .date {
		color: #aaa;	
	}

	.news LI P {
		margin-top: 0;
	}

	FORM.feedback DIV {
		line-height: 2em;
		clear: both;
	}
	
		FORM.feedback LABEL {
			width: 170px;
			display: block;
			float: left;
			text-align: right;
			position: relative;
		}
	
		FORM.feedback SPAN.required {
			position: absolute;
			right: -8px;
			font-weight: bold;
			top: 0;
		}
	
		FORM.feedback INPUT,
		FORM.feedback TEXTAREA,
		FORM.feedback SELECT {
			width: 240px;
			float: right;
		}

		FORM.feedback SELECT {
			width: 246px;	
		}

		FORM.feedback INPUT.short {
			width: 140px;
			margin-right: 100px;
		}
	
		FORM.feedback .msg {
			margin-top: 1em;
		}
		
		FORM.feedback .msg * {
			width: 100%;
		}

		FORM.feedback .msg LABEL {
			float: none;
			display: block;
			text-align: left;
		}
	
		FORM.feedback .submit {
			background: url(../img/btn_laheta.png) no-repeat;
			width: auto;
			margin: 0.5em 0;
			display: block;
			border: 0;
			text-indent: -300px;
			width: 58px;
			height: 19px;
		}
		
		FORM.feedback TABLE TH {
			color: #88817c;
			font-size: 0.92em;
			text-align: left;
			font-weight: normal;
		}
		
	.shadow {
		position: absolute;
		z-index: 1000;
		display: none;
		width: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #000;
		opacity: 0.36;
	}

	DIV.popup {
		position: fixed;
		z-index: 1002;
		display: none;
		width: 623px;
		height: 479px;
		top: 40px;
		left: 10px;
		padding: 14px 22px;
		background: url(../img/image_popup_bg.png) no-repeat;
		text-align: center;
		font-size: 0.75em; /* 12 px */
	}

		DIV.popup .close {
			position: absolute;
			top: 10px;
			right: 12px;
		}
	
		DIV.popup .picture {
			margin: 18px auto 14px auto;
		}
	
		DIV.popup .navi {
			padding: 0;
			border: 0;
			margin: 0 auto;
		}

		DIV.popup .navi * {
			margin: 0 .3em;
		}

		DIV.popup .navi .current {
			color: #fff;
			background: #6F5C51;
			padding: 1px 4px;
		}

	.content .people {
		padding: 0.8em 0;
	}
		
		.content .people LI {
			width: 50%;
			line-height: 1.5em;
		}

		.content .people LI.last-child {
			padding-bottom: 1em;
		}
	
			.content .people LI .picture {
				float: left;
				width: 102px;
				height: 115px;
				overflow: hidden;
				background: #e7e5e0;
				margin: 0 20px 20px 0;
			}
	
			.content .people LI STRONG {
				display: block;
				margin-top: 0.5em;	
			}
			
			.content .people LI .small {
				margin-bottom: 1em;
			}

	.hotspottable {
		position: relative;
	}
			
	.hotspottable .hotspot {
		position: absolute;
		background: url(../img/hotspot.png) top left no-repeat;
		width: 37px;
		height: 37px;
		text-decoration: none;
		z-index: 100;
	}

	.hotspottable .hotspot:hover {
		background-position: center left;
	}

	.hotspottable .hotspot-draggable {
		background-position: bottom left;
	}

	.hotspottable .hotspot-draggable:hover {
		background-position: bottom left;
	}

	.hotspottable .tooltip {
		position: absolute;
		display: none;
		background: #fdf8cc;
		font-size: .9em;
		padding: 5px;
		color: #444;
		z-index: 200;
		max-width: 200px;
		border: 1px solid #444;
	}

	.hotspottable .tooltip IMG {
		margin: 0 10px 10px 0;	
	}
	
	.toolbox {
		display: none;
		width: 260px;
		position: fixed;
		z-index: 1000;
		top: 0;
		left: 0;
		color: #ddd;
		font-size: 0.75em; /* 12 px */
	}
	
	.toolbox FORM {
		margin: 0;
		padding: 0;	
	}

	.toolbox .section {
		background: url(../img/toolbox_middle.png) repeat-y;
		margin: 0;
		padding: 8px 25px;
		clear: both;
	}

	.toolbox .section-top {
		padding-top: 26px;
		background: url(../img/toolbox_top.png) left top no-repeat;
	}

	.toolbox .section-bottom {
		padding-top: 16px;
		padding-bottom: 0; /* IE bugfix */
		background: url(../img/toolbox_bottom.png) left bottom no-repeat;	
	}

	.toolbox .section-hotspot {
		padding-left: 70px;
		padding-top: 8px;
		padding-bottom: 16px;
	}
	
	.toolbox LI.selected .index {
		border-color: #2aff00;
	}

	.toolbox .section-hotspot .trash {
		background: url(../img/icon_delete_white.png) no-repeat;
		height: 16px;
		width: 13px;
		text-indent: -300px;
		overflow: hidden;
		float: right;
		margin-top: 2px;
	}

	.toolbox .section-hotspot .tab-product INPUT.text {
		width: 130px;
	}

	.toolbox .section-hotspot .tab-product A.show {
		background: url(../img/icon_new_window.png) no-repeat;
		text-indent: -300px;
		overflow: hidden;
		width: 13px;
		height: 13px;
		display: block;
		float: right;
		margin: 5px 0 0 0;
	}

	.toolbox H2 {
		color: #fff;
		text-transform: uppercase;
		font-size: 1.5em;
		margin: 4px 0 0 0;
	}
	
	.toolbox .index {
		width: 30px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		font-size: 1.6em;
		border: 2px solid #888;
		margin: 0 8px 0 -42px;
	}
	
	.toolbox .tab {
		display: none;
		margin: 6px 0;
	}
	
	.toolbox P {
		margin: 2px 0;	
	}
	
	.toolbox LABEL {
		font-size: 0.9em;
		display: block;
	}

	.toolbox LABEL.hidden {
		display: none;	
	}
	
	.toolbox SELECT,
	.toolbox INPUT[type=text] {
		width: 135px;
	}

	.toolbox SELECT.tab_selector {
		margin-right: 8px;
	}
	
	.toolbox LABEL {
		height: 1.5em;
		line-height: 1.5em;
	}

	.toolbox .submit,
	.toolbox .button {
		background: #666;
		padding: 1px 2px;
		text-align: center;	
		color: #fff;
		border: 2px solid #666;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		cursor: pointer;
		font-size: 1em;
	}
	
	.toolbox .submit {
		padding: 6px 8px;
		width: 100%;
		border-color: #444;
		background: #444;
		color: #666;
		margin-bottom: 28px;
	}

	.toolbox .unsaved .submit {
		background: #666;
		border-color: #666;
		color: #fff;
	}
	
	.autocomplete {
		position: absolute;
		width: 173px;
		max-height: 300px;
		overflow: auto;
		font-size: 0.8em;
		background: #444;
		border-bottom: 1px solid #888;
	}
	
	.autocomplete LI {
		border: 1px solid #888;
		border-bottom: 0;
		padding: 4px;
		cursor: pointer;
		clear: both;
	}

	.autocomplete LI.pictured {
		min-height: 32px;
	}

	.autocomplete LI:hover {
		background: #666;
		color: #fff;
	}
	
	INPUT.empty {
		color: #999;
	}
	
	.content A.print {
		width: 58px;
		height: 19px;
		background: url(../img/btn_tulosta.png) no-repeat;
		border: 0;
		margin-left: 5px;
		text-indent: -200px;
		overflow: hidden;
	}

	.content INPUT.send {
		width: 58px;
		height: 19px;
		background: url(../img/btn_avaa_lomake.png) no-repeat;
		border: 0;
	}

	.content INPUT.empty {
		width: 67px;
		height: 19px;
		background: url(../img/btn_tyhjenna.png) no-repeat;
		border: 0;
		margin-left: 5px;
	}
	
	.content .favorite_category {
		padding-bottom: 2em;
	}

	.content .favorite_category LI.item A {
		display: block;	
	}

	.content .favorite_category_thumbs LI.item {
		width: 200px;
		height: 200px;
		overflow: hidden;
		padding-bottom: 30px;
	}

	.content .favorite_category_list LI.item {
		margin: 0;
		padding: 4px;
		float: none;
	}

	.content .favorite_category_list LI.odd {
		/*background: #f0f0f0;*/
	}

	.content .favorite_category_list LI:hover {
		background: #f0f0f0;
	}

	.content .no_image {
		width: 198px;
		height: 198px;
		border: 1px solid #ddd;
		text-align: center;
		color: #aaa;
		vertical-align: middle;
		display: table-cell;
		padding: 15px;
	}

	#favorite_form {
		text-align: left;
		clear: both;
		padding-top: 15px;
	}

	#favorite_form .section {
		margin-bottom: 10px;	
		padding-bottom: 10px;
	}

	#favorite_form .section-first {
		height: 6em;
	}

	#favorite_form .section-first LABEL {
		text-align: left;
		margin-left: 250px;
		width: 150px;
	}

	#favorite_form .section-first SELECT {
		width: 200px;
	}
	
	#favorite_form LABEL {
		display: block;
		width: 500px;
		margin: 2px 0;
		text-align: right;
		line-height: 1.8em;
		height: 1.8em;
	}

	#favorite_form LABEL SPAN {
		padding-right: .7em;
	}

	#favorite_form INPUT.text {
		width: 240px;
		margin-left: 20px;
		height: 1.2em;
	}

	#favorite_form INPUT.short {
		width: 140px;
		margin-right: 100px;	
	}
	
	#favorite_form .section-last LABEL {
		width: 218px;
		float: left;
	}

	#favorite_form .section-last TEXTAREA {
		width: 365px;
		margin-left: 32px;
	}

	#favorite_form .submit {
		background: url(../img/btn_laheta.png) no-repeat;
		width: 58px;
		height: 19px;
		border: 0;
		margin: 10px 0 0 250px;
	}

	#favorite_form .ajax-loader {
		margin: 0 0 -8px -110px;
	}
	
	#store-info-container {
		float: none;
		color: #888;
		padding: .5em 0;
	}

	.sent_ok {
		margin: 100px 130px 0 130px;
		padding: 20px;
		border: 2px solid #e7e5e0;
	}

	.sent_ok H2 {
		margin: 0 auto;
	}

	.sent_ok LABEL {
		display: block;
		margin: 4em auto;
	}
	
	.sent_ok .ok {
		background: url(../img/btn_sulje.png) no-repeat;
		width: 58px;
		height: 19px;
		display: block;
		margin: 0 auto;
		border: 0;
		float: none;
	}
	
	.db_edit TH {
		vertical-align: top;
		padding: 6px 10px;
		text-align: left;
	}
	
	.db_edit TH, .th {
		font-weight: bold;
	}
	
	.db_edit TEXTAREA {
		font-family: sans-serif;	
	}

	.db_edit .disabled {
		color: #888;
		background: #ddd;
	}
	
	.datagrid {
		border: 2px solid #e7e5e0;
		margin: 1em 0;
		border-collapse: collapse;
		width: 100%;
	}

	.datagrid TH {
		background: #e7e5e0;
		font-size: 0.92em;
	}
	
	.datagrid TH, .datagrid TD {
		padding: 3px 6px;
		font-weight: normal;
		text-align: left;
		line-height: 2em;
	}
	
	.datagrid TD.spaced * {
		margin-right: 4px;
	}
	
	DL {
		width: 100%;
		line-height: 1.5em;
	}
	
	DT {
		width: 20%;
		float: left;
		display: block;
		text-align: left;
		margin: 0;
		color: #88817c;
	}

	DD {
		width: 80%;
		float: left;
		display: block;
		text-align: left;
		margin: 0;
	}
	
	.icon_picture {
		width: 24px;
		height: 22px;
		background: url(../img/icon_picture.png) no-repeat;
		display: block;
		text-indent: -200px;
		overflow: hidden;
	}

	.icon_info {
		width: 24px;
		height: 22px;
		background: url(../img/icon_info.png) no-repeat;
		display: block;
		text-indent: -200px;
		overflow: hidden;
	}
	
	FORM.references SELECT {
		width: 160px;
		float: left;
		margin: 0 10px 8px 0;
	}

	FORM.references INPUT.text {
		width: 323px;
		float: left;
		display: block;
		margin-right: 10px;
	}

	FORM.references LABEL {
		font-size: 0.92em;
		margin: 10px 0 4px 0;
	}
	
	FORM.references .submit {
			background: url(../img/btn_hae.png) top left no-repeat;
			border: 0;
			width: 39px;
			height: 19px;
			padding: 0;
			display: block;
	}
	
.feeling {
	width: 910px;
	height: 414px;
	overflow: hidden;
	position: relative;
}

.feeling .mask {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/frontpage_mask.png) no-repeat;
	padding: 20px 0 0 20px;
	height: 394px;
width: 270px;
}

	.feeling .news {
		background: #fff;
		padding: 20px;
		position: absolute;
		top: 20px;
		left: 20px;
		width: 229px;
	}
	
		.feeling .news A {
			color: #6f5c51;	
		}
		.pro .feeling .news A {
			color: #3e4f58;	
		}

		.feeling .news H2 {
			margin: 0 0 .8em 0;
		}
		
		.feeling .news UL {
			margin-bottom: 2em;	
		}
		
		.feeling .news LI {
			margin: 1em 0;	
		}

		.feeling .news LI STRONG {
			margin: 0.2em 0;
		}

.lift_bar {
	clear: both;
	margin: 25px 0 0 0;
	padding: 0 15px;
	background: #4f4338;
	height: 2.8em;
	line-height: 2.8em;
	text-align: right;
	color: #e7e5e0;
}

.pro .lift_bar {
	background: #3e4f58;
}

.frontpage .lift_bar {
	background: #4f4338 url(../img/frontpage_bar_bg.png) repeat-y;		
	margin: 2px 0 0 0;
}

.pro .frontpage .lift_bar {
	background: #3e4f58 url(../img/frontpage_bar_pro_bg.png) repeat-y;		
}

.lifts {
	padding-top: 18px;
	clear: both;
}


	.lifts LI A {
		display: block;
	}

	.lifts LI {
		float: left;
		position: relative;
		width: 288px;
		height: 110px;
		padding: 0 15px 15px 0;
		overflow: hidden;
	}

	.lifts .mask {
		position: absolute;
		top: 20px;
		left: 0;	
	}

	.lifts LI IMG {
		float: left;
		margin-right: 15px;
		max-width: 110px;
		max-height: 110px;
		width: 110px;
		height: 110px;
	}

	.lifts LI H3 {
		/*color: #6f5c51;*/
		font-size: 1em;	
		padding: 0.5em 0;
		margin: 0;
	}
	
.footer {
	padding-top: 27px;
	font-size: 0.917em; /* 11px */
	clear: both;
	background: url(../img/footer_bg.png) left 10px repeat-x;
	text-align: right;
	color: #a19a97;
}

#scroll-top {
	margin-right: 20px;
}

.latis-colorcode {
	visibility: hidden;
}

th label {
	text-align: left;
}

th {
	text-align: left;
}

form.basic {
	margin: 2em 0;
}

form.basic fieldset {
	padding-left: 150px;
	margin: .5em 0;
}

form.basic .question {
	margin-left: -150px;
	float: left;
}

form.basic input.text,
form.basic textarea {
	width: 250px;
}

form.basic select {
	width: auto !important;
	width: 500px;
	max-width: 500px;
}

form.basic .submit {
	display: block;
	margin-top: 2em;
}

#ajanvaraus-form .time select,
#ajanvaraus-form .day select {
	width: 150px;
}

#ajanvaraus-form .needs label {
	display: block;
	margin: .25em 0;
}

.booking-date {
	font-size: 2em;
	margin: .5em 0;
}

.booking-client {
	padding-left: 12em;
}

.booking-client .label {
	margin-left: -12em;
	float: left;
	font-weight: bold;
}

.booking-client .contact {
	line-height: 2em;
	margin: 1em 0;
}

form.confirm-booking fieldset {
	margin: .5em 0;
}

form.confirm-booking label {
	width: 12em;
	display: block;
	float: left;
	font-weight: bold;
	line-height: 1.5em;
}

form.confirm-booking .boxed {
	border: 4px solid rgb(231, 229, 224);
	padding: 1em;
	width: 280px;
	float: left;
	margin: 1em 1em 1em 0;
}

form.confirm-booking .submit {
	margin: 0 auto;
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #ddd #666 #666 #ddd;
	padding: 5px 20px;
	cursor: pointer;
}

form.confirm-booking .accept .submit {
	background-color: #94eb54;
}

form.confirm-booking .reject .submit {
	background-color: #ff7545;
}


/* Sidebar nav for pro */

.amt-lev-three {
	margin-left:20px; 
	font-size:13px;
	}
	
.amt-lev-one {
	font-size:15px;
	margin-bottom: 10px;
	}

.amt-lev-one LI.first-child {

	}
	
.sidebar .selected .current {
	font-weight: bold;
	}

.lv-two {margin-top: 5px;}

.lv-two li {margin-bottom: 3px;}

.lv-one {margin-top: 20px;}
	
	
	
.kylpyhuonepaivat a {
color:#009DE0;
}
.kylpyhuonepaivat h2 {
color:#009DE0;
}
.kylpyhuonepaivat h3 {
color:#009DE0;
}