* {
	margin: 0;
	padding: 0;
}

body {
	background: #f7f7f2 url( ../graf/body_bg.gif ) repeat-x left top;
	color: #4b4b4b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

table td
{
	font-size:1em;
}

h1
{
	color:#999;	
	font-size:18px;
}

h2 {
	font-size: 16px;
	color: #999;
}

h3
{
	font-size:14px;
	font-weight:bold;
	color:#666;
}

#header-wrapper {
	background: #eeebdb url( ../graf/header_bg.jpg ) repeat-x left top;
	height: 257px;
}

	#header {
		width: 792px;
		height: 256px;
		padding-left: 47px;
		padding-right: 41px;
		margin: 0 auto;
		background: url( ../graf/header_bg.png ) no-repeat left top;
	}

	#main-menu {
		width: 147px;
		padding: 0 4px 0 16px;
		float: left;
	}
	
		h1#logo {
			background: url( ../graf/logo.gif ) no-repeat left top;
			width: 135px;
			height: 67px;
			text-indent: -999px;
			overflow: hidden;
			margin-top: 30px;
		}
		
			h1#logo a {
				display: block;
				width: 135px;
				height: 67px;
			}
		
		#main-menu ul {
			list-style-type: none;
			font-size: .75em;
			font-weight: bold;
			padding-left: 10px;
			padding-top: 12px;
			line-height: 18px;
		}
		
			#main-menu a:link, #main-menu a:visited {
				text-decoration: none;
				color: #929184;
			}
			
			#main-menu a:hover {
				color: #c5c4bb;
			}
			
			#main-menu li.kirjautuminen {
				margin-top: 25px;
				background: url( ../graf/nuoli.gif ) no-repeat right;
			}
			
		#product-menu {
			padding-top: 36px;
		}
		
		#product-menu ul {
			list-style-type: none;
			font-size: .75em;
			font-weight: bold;
			position: relative;
		}

			#product-menu li {
				width: 122px;
				float: left;
				margin-right: 3px;
				display:inline;
				position: relative;
			}
	
				#product-menu li ul.ala {
					font-size: 1em;
					font-weight: normal;
					display: none;
					position: absolute;
					width: 122px;
					left: 0;
					top: 220px;
					line-height: 26px;
					text-align: center;
				}
				
				#product-menu li ul.ala li {
					display: inline;
					line-height:16px;
					z-index: 100;					
				}
				#product-menu li ul.ala li a {
					display: block;
					padding-top:6px;
					padding-bottom:6px;
					border-top: 1px solid #d8cdb8;
				}
			
			#product-menu img {
				border: 0 none;
				display: block;
				width: 122px;
				height: 193px;
				margin-bottom: 1px;
			}
			
			#product-menu span {
				display: block;
				line-height: 26px;
				text-align: center;
			}
				
				
			#product-menu .valjaat {
				margin-right: 2px;
			}
				#product-menu .taluttimet span {
					background: #bb9c7d;
				}
				#product-menu .taluttimet li a {
					background: #8e725b;
				}
				#product-menu .taluttimet li a:hover {
					background: #bb9c7d;
				}
				#product-menu .pannat span {
					background: #8e955f;
				}
				#product-menu .pannat li a {
					background: #6f744a;
				}
				#product-menu .pannat li a:hover {
					background: #8e955f;
				}
				#product-menu .valjaat span {
					background: #b0ad87;
				}
				#product-menu .valjaat li a {
					background: #838165;
				}
				#product-menu .valjaat li a:hover {
					background: #b0ad87;
				}
				#product-menu .vaatteet span {
					background: #a0b4b8;
				}
				#product-menu .vaatteet li a {
					background: #7c8c8f;
				}
				#product-menu .vaatteet li a:hover {
					background: #a0b4b8;
				}
				#product-menu .muut span {
					background: #be9bb0;
				}
				#product-menu .muut li a {
					background: #937888;
				}
				#product-menu .muut li a:hover {
					background: #be9bb0;
				}
			
			#product-menu a:link, #product-menu a:visited {
				text-decoration: none;
				color: #fcfcfc;
			}
	
				#product-menu li:hover img {
					opacity: .75;
					filter: alpha(opacity=75);
				}
#wrapper {
	width: 880px;
	margin: 0 auto;
}
#content-wrapper {
	float: left;
	width: 738px;
	min-height: 643px;
	padding: 0 71px;
	background: url( ../graf/content_bg.gif ) no-repeat center top;
}

#valipalkki {
	padding: 15px 0;
	color: #5a594a;
	line-height: 30px;
	width: 738px;
	float: left;
}
	
	#valipalkki a:link, #valipalkki a:visited {
		color: #5a594a;
		text-decoration: none;
	}
	
	#valipalkki a:hover, #valipalkki .selected-language:link, #valipalkki .selected-language:visited {
		color: #989784;
	}
	
	#kielivalikko {
		float: left;
		font-size: .6875em;
	}
	
	#ostoskori {
		float: right;
		padding-right: 30px;
		font-size: .75em;
		font-weight: bold;
	}
	
	#ostoskori a:link, #ostoskori a:visited {
		background: url( ../graf/ostoskori_link.gif ) no-repeat right;
		padding-right: 40px;
		float: left;
	}
	
	#tuotehaku {
		float: right;
		font-size: .75em;
		font-weight: bold;
	}
	
		#tuotehaku input {
			border: 1px solid #d8cdb8;
			background: #fff;
		}

#vasen {
	width: 250px;
	float: left;
	font-size:0.75em;
}

#vasen_front {
	width: 173px;
	float: left;
	font-size:0.75em;
}

#oikea {
	width: 475px;
	float: right;
	font-size:0.75em;
}


#oikea a:link, #oikea a:visited {
	text-decoration: none;	
	color: #606060;
	font-weight: normal;
}
#oikea a:hover {
	color: #c5c4bb;
}

#oikea_front a:link, #oikea a:visited {
	text-decoration: none;	
	color: #606060;
	font-weight: normal;
}
#oikea_front a:hover {
	color: #c5c4bb;
}


#vasen p {
	font-size: .75em;
	margin: 10px 0 15px 0;
	line-height: 1.5;
}

#vasen_front p {
	font-size: .75em;
	margin: 10px 0 15px 0;
	line-height: 1.5;
}

dl.ajankohtaista {
	font-size: .75em;
	line-height: 1.5;
}

	dl.ajankohtaista dt {
		margin-top: 10px;
	}

	dl.ajankohtaista a:link, dl.ajankohtaista a:visited {
		color: #999999;
		text-decoration: none;
	}
	

.tuote-esittely {
	background: url( ../graf/tuote_tiedot_tausta.jpg ) no-repeat right top;
	float: left;
	width: 475px;
}

	.tuote-esittely .tuote-speksit {
		float: right;
		width: 147px;
		padding: 30px 21px 0 21px;
		font-size: .75em;
	}
	
	.tuote-esittely .tuote-kuva {
		float: right;
	}

.tuote-listaus {
	font-size: .75em;
	width: 473px;
	margin: 30px 0;
	padding: 10px 10px 16px 10px;
	background: url( ../graf/varjo.gif ) repeat-x left bottom;
}
.tuote-listaus td {
	padding: 3px 6px;
}

.tuote-listaus tr.odd-row {
	background: #e0e0e0;
}

.tuote-listaus input {
	font-size: .916em;
}

.tuote {
	float: left;
	width: 150px;
	height: 190px;
	margin-right: 8px;
	margin-bottom: 8px;
	background: #fff url( ../graf/tuote_pohjanuoli.gif ) no-repeat left bottom;
}

	.tuote a:link, .tuote a:visited {
		display: block;
		padding-right: 20px;
		padding-left: 8px;
		font-size: .75em;
		color: #797775;
		text-decoration: none;
	}

span.news_date {
	font-size: .75em;
}

.news_content p {
	font-size: .75em;
	margin: 15px 0;
}

div.uutiskirjetilaus a:link, div.uutiskirjetilaus a:visited {
	text-decoration: none;
	font-size: 1.2em;
	display: block;
	padding: 12px 15px 17px 15px;
	background: url( ../graf/uutiskirje_tilaus.gif ) no-repeat;
	color: #8c8a8a;
	font-weight: bold;
	margin-bottom: 15px;
}

table.tk {  
	width:100%;		
}

table.tk td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
	vertical-align:top;
}

table.tk td.tk_topleft {
	height:246px;
	width:285px;
	background-color:#fff;
	background-image: url( ../graf/prod_info_bg.gif );
	background-repeat: repeat-x;	
}

table.tk td.tk_topright {
	width:188px;
	height:246px;
	background-color:#fff;
	background-image: url( ../graf/prod_infobox.jpg );
	background-repeat: no-repeat;
}
table.tk td.tk_topright div.tk_infotext {
	width:147px;
	height:175px;
	margin:30px 0px 0px 20px;
	line-height:18px;
	color:#666;
	font-size:12px;
}

table.tk td.tk_topright img.addcartX {
	border:0px;
	width:168px;
	height:35px;
	position:relative;
	left:5px;
}

table.tk .tk_middle {
	background-color:#fff;
	padding:12px;
}

table.tk .tk_bottom {
	height:6px;
	background-image: url( ../graf/prod_info_footer.gif );
	background-repeat: repeat-x;	
}

table.prodList {
	width:100%;	
}

table.prodList td {
	vertical-align:top;
	background:none;
}

table.prodList td img {
	position:relative;
	top:2px;
}

div.prodlistbottom
{
	background-color:white; 
	width:120px; 
	overflow:hidden; 
	background-image: url(../graf/tuote_pohjanuoli.gif); 
	background-repeat: no-repeat; 
	background-position:bottom left; 
	padding:10px 20px 10px 10px; 
	text-align:center; 
	color:#797775;
	font-size:12px;
}

table.cartList {
	width:100%;
}

table.cartList td {
	vertical-align:middle;
	font-size:12px;
	padding-right:12px;
	padding-bottom:6px;
}

table.colorsT td {
	font-size:12px;
}

table.colorsT td a:link, table.colorsT td a:visited {
	color: #5a594a;
	text-decoration: none;
}

table.cartList td a:hover {
	color: #989784;
}

table.cartList td.head {
	font-weight:bold;
	font-size:12px;
	white-space:nowrap;
}

table.cartList td.price {
	text-align:center;
}
	
input.button {
	color:#eeeeee;
	background:#9ab381;
	font-weight:bold;
	font-size:12px;
	padding:2px;
	border:2px solid #83996d;
}

table.colorsT
{
	width:100%;
}

table.colorsT td.nobgcolor
{
	background:none;
	padding:5px;
}

table.colorsT td.withbgcolor
{
	background:#e0e0e0;
	padding:5px;
}

div.login {
	font-size:1em;
}

div.prodgroup_menu
{
	font-size:0.75em;
	line-height:18px;
}

div.prodgroup_menu a { font-weight:bold; }

div.prodgroup_menu a:link, div.prodgroup_menu a:visited
{
	color:#5a594a;
	text-decoration:none;
	font-weight:bold;
}

div.prodgroup_menu a:hover
{
	color:#989784;
	text-decoration:none;
}

table.sResultT
{
	width:100%;
}

table.sResultT td
{
	font-size:0.75em;
	line-height:24px;
}

table.sResultT td.count
{
	padding-right:6px;
	text-align:center;
}

table.sResultT td a:link, table.sResultT td a:visited
{
	color:#5a594a;
	text-decoration:none;
	font-weight:bold;
}

table.sResultT td a:hover
{
	color:#989784;
	text-decoration:none;
}

img.langflag
{
	border:1px solid #CCC;
}

div.resultpages
{
	padding:6px;
	margin-top:12px;
	font-weight:normal;
	line-height:18px;
}

table.orderhistoryT
{
	margin-top:12px;
	width:100%;
}

table.orderhistoryT td
{
	padding: 3px 12px 6px 0px;
	border-bottom:1px solid #ddd;
	line-height:18px;
	vertical-align:top;
	font-size:0.75em;
}

table.orderhistoryT td.heading
{
	font-weight:bold;
	border:0px;
}

table.orderhistoryT td.namefield
{
	width:200px;
}

div.loginfo
{
	line-height:14px;
}

div.clear { 
	clear:both; 
	font-size:0px;
	padding:0px;
	margin:0px;
	line-height:0px;
}

/*front new */
div#oikea_front {
	width: 547px;
	float: right;
	font-size:0.75em;
}
div#oikea_front div#front_lift1 { width: 264px; min-height: 300px; float: left; background: url('../graf/front_lift_bg.png') no-repeat; padding: 11px 15px 0px 15px; margin: 15px 0px; }
div#oikea_front div#front_lift2 { width: 207px; min-height: 300px; float: left; background: url('../graf/front_lift_bg2.png') no-repeat; padding: 11px 15px 0px 15px; margin: 15px 0px 0px 15px; }
div#oikea_front div#front_lift1 a.blue, div#front_lift2 a.blue { color: #0083d7; font-size: 11px; text-decoration: none; display: block; padding: 3px 0px 3px 4px; }
div#oikea_front div#front_lift1 a.blue:hover, div#front_lift2 a.blue:hover { text-decoration: underline; }
div#oikea_front div#front_lift2 a.grey { color: #4b4b4b; text-decoration: none; }
div#oikea_front div#front_lift2 a.grey:hover { text-decoration: underline; }

/* Karuselli */
div#carouselarea { float: left; width:950px; height: 330px; z-index:99; color:#3f3f45; overflow:hidden; margin: 0px;}
div#carouselarea_front { float: left; width: 547px; height: 222px; z-index:99; color:#3f3f45; overflow:hidden; margin: 15px 0px 0px 0px; /*border: 1px solid #d5cdb9;*/ background: #fff; }

div#border_top { float: left; background: url("../graf/border_top.jpg") repeat-x; height: 2px; width: 547px; }
div#border_left { float: left; background: url("../graf/border_left.jpg") repeat-y; width: 2px; height: 100%; margin: 0px;}
div#border_right { float: right; background: url("../graf/border_right.jpg") repeat-y; width: 2px; height: 100%; }
div#border_bottom { float: left; background: url("../graf/border_bottom.jpg") repeat-x; height: 2px; width: 547px; }

div#carouselcontainer { width:950px; height: 330px; float: left; margin: 0px; }
div#carouselcontainer_front { width:473px; height: 252px; float: left; margin: 0px; }

div#carouselnavi_left { width:45px; height:40px; margin: 10 auto 0 auto; float: left; padding-top: 10px; }
div#carouselnavi_right { width:45px; height:40px; margin: 10 auto 0 auto; float: left; padding-top: 10px;}

div#carouselnavi_front_left { width:20px; height:20px; float: left; padding: 0px; margin: 100px 4px 0px 12px; }
div#carouselnavi_front_right { width:20px; height:20px; float: right; padding: 0px; margin: 100px 12px 0px 2px;}
div#carouselnavi_front_right p, div#carouselnavi_front_left p { cursor:pointer; cursor:hand; }

div#dialog {display: none;}

input.btn { background: #fff; border: 1px solid #d5cdb9; text-transform: uppercase; color: #4b4b4b; font-size: 10px; font-family: verdana; padding: 3px; }

div#carouselcontainer table#products { margin-top: 10px; margin-left: 4px;margin-bottom: 10px; background: #fff; border: 1px solid #999999; padding: 0px;}
table#products td.pcontent {vertical-align: top;font-size: 10px; padding: 8px; width: 180px;}
table#products td.pimage {padding: 8px;vertical-align: top;}
div#pager {margin: 34px auto 0 auto; width: 80px; float: left;}
div#dialog p.pages_text {margin-top: 39px;float:left; text-align: left; padding-bottom: 4px;font-size: 10px; width: 40px;}

table#products_front { margin: 0px 0px 0px 0px;; padding: 0px; z-index: -1;  }
table#products_front td.pcontent { vertical-align: top;font-size: 10px; padding: 8px; width: 180px;}
table#products_front td.pimage { padding:4px 3px 0px 3px ;vertical-align: top;}


div.arrows {text-align: left;width: 90px; margin: 0 auto 0 auto;padding-bottom: 0px;}
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-widget-overlay { background-color: #000; opacity: .60;filter:Alpha(Opacity=60); }
.ui-dialog { position: relative; padding: 0; width: 930px; }
.ui-dialog .ui-dialog-titlebar { padding: 0; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: 0em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .0em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { width:950px; border: 0; padding: 10px 0px 0 10px; background: #f7f7f2; border: 3px solid #c5a052; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-dialog .ui-dialog-titlebar-close {color: #999999;font-size: 0px; float: right; width: 25px; margin: 6px 6px 0px 0px; padding: 0px; height: 25px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 0px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog-titlebar-close ui-corner-all {font-size: 0px;}
span.ui-icon ui-icon-closethick {color: red;}
/* states and images */
.ui-icon { width: 25px; height: 25px; background: url(../graf/close.png) no-repeat; }
.ui-icon-close {  width: 25px; height: 25px; background: url(../graf/close.png) no-repeat; }

.ui-icon:hover { width: 25px; height: 25px; background: url(../graf/close_hover.png) no-repeat; }
.ui-icon-close:hover {  width: 25px; height: 25px; background: url(../graf/close_hover.png) no-repeat; }



div#footer {
		float: left; 
		clear: both;
		padding: 73px 0px 0px 0px;
		font-size: .6875em;
		text-align: center;
		background: url(../graf/footer_bg.jpg) no-repeat;
		width: 879px;
		height: 38px;
		margin: 0 auto 0 auto;
	}