@charset "UTF-8";
/* CSS Document */

@import "reset.css";

.cursors{
    cursor:pointer;
}

/* Lightbox */
#lightbox{
        background-color:#eee;
        padding: 10px;
        border-bottom: 2px solid #666;
        border-right: 2px solid #666;
        }
#lightboxDetails{
        font-size: 0.8em;
        padding-top: 0.4em;
        }
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }
* html #overlay{
        background-color: #333;
        back\ground-color: transparent;
        background-image: url(blank.gif);
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
        }
.caution {
        padding: 10px;
        display:block;
        border: 1px solid #CCCCCC;
}
.bildram {
        padding: 5px;
        border: 1px solid #EEEEEE;
}


#fullimage {
        width: 250px;
}

#navbar {
        clear: both;
        width: 600px;
        padding: 5px;
}
#navbar a {
        font-size:11px;
        color: #7C3419;
        text-decoration:none;
}
#navbar a:hover {
        text-decoration:underline;
}



fieldset.main {
	background:#eaeaea;
	padding:1em;
}

body {
	font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	color:#000;
        background-color:#eaeaea;
	/* background:#fff url(../images/bg_trinity.jpg) top center fixed repeat-x; */
	font-size: 100%;
	/*background:#fff url(../images/bg_oak_scandic.jpg) top center fixed repeat-x;*/
	/*background:#fff url(../images/bg_ash_golden.jpg) top center fixed repeat-x;*/
	}


h1.main
{
        border-left:solid 1px #6d2b17;
        letter-spacing:2px;
        padding-left:5px;
        padding-top:20px;
        float:left;
        margin-left:30px;
        margin-top:10px;

}
h1.product {
        #padding-left:5px;
        padding-bottom:10px;
        float:left;
        margin-left:10px;
        #margin-top:10px;
        }

h1 {
        #border-left:solid 1px #6d2b17;
	#padding-left:5px;
	#padding-top:20px;
	float:left;
	#margin-left:30px;
	#margin-top:10px;
	}
	
h2 {
	font-size:14px;
	}
	
h3 {
	font-size:11px;
	}

h4 {
	font-size:10px;
	}


/* styling */

	
.mediumHeader {
	font-size:11px;
	color:#333;
	margin-bottom:20px;
	text-transform:uppercase;
	letter-spacing:1px;
	border-bottom:1px dotted #999;
	width:370px;
	}
	
.smallHeader {
	font-size:11px;
	border-bottom:1px dotted #999;
	margin-top:30px;
	}

	
#mainWrapper {
	margin:auto;
	width:978px;

	}

.left {
	float:left;
	}
	
.right {
	float:right;
	}
	
.clear {
	clear:both;
	}
	
#topwrapper {
	background: url(../images/mainArea_top.png) center bottom no-repeat;
	height: 50px;
	width:978px;
	margin: auto;

}
	
.aaa {
        float:right;
        width:30px;
        height:20px;
        margin-top:10px;
}
.lang {
	float:left;
	width:30px;
	height:20px;
	margin-top:10px;
	}
	
#mainArea {
	background:url(../images/mainArea_bg.png) repeat-y;
	padding:10px 35px;
	}
	
#topArea  {
	/*background:url(../images/logo_top.png) no-repeat bottom left;*/
	padding:30px 0 0 20px;
	margin-bottom:20px;
	height:60px;
	}
	
#topLogo {
	float:left;
	}







						/******************** SHOPPING CART *************************/
						/** UPPE I HÖRNET 
						#shoppingbag {
							position:absolute;
							top:0px;
							margin-left:480px;
							background:url(../images/ostoskori_bg.png) no-repeat;
							width:422px;
							height:108px;
							z-index:1000;
							padding:10px 25px;
							}
							
						#shoppingbag p {
							font-size:11px;
							margin-top:15px;
							margin-right:45px;
							text-align:right;
							}
						
						#shoppingbag a {
							text-decoration:none;
							color:#6d2b17;
							}
							
						#shoppingbag a:hover {
							text-decoration:underline;
							}
							
						**/
							
						/******************** SHOPPING CART *************************/
						/** INNE PÅ SIDAN **/ 
						#shoppingbag {
							position:absolute;
							top:65px;
							margin-left:500px;
							background:#fefefe url(../images/ostoskori_bg_small.png) left center no-repeat;
							width:400px;
							border:solid thin #ccc;
							z-index:1000;
							padding:10px 5px 10px 30px;
							overflow: hidden;
							}
						#shoppingbag select {
							width:180px;
							}
							
						#shoppingbag p {
							font-size:11px;
							text-transform:uppercase;
							margin-top:5px;
							margin-right:10px;
							text-align:right;
							}
						
						#shoppingbag a {
							text-decoration:none;
							text-transform:none;
							color:#6d2b17;
							}
							
						#shoppingbag  a:hover {
							text-decoration:underline;
							}
							
						
	
	

	
#banner {
	margin-bottom:20px;
	}
	
#rightColumn {
	float:right;
	clear:right;
	width:265px;
	}		
	
	
	
	
	
	
	
	
					/******************** FIRST PAGE ARROWS *****************/
					#arrows {
						float:right;
						width:265px;
						margin-right:-15px;
						margin-top:20px;
						}
					
					.arrow {
						background:url(../images/arrow_bg.png) no-repeat;
						width:286px;
						height:62px;
						margin-right:-50px;
						}
						
					.arrow a {
						font-family:Georgia, "Times New Roman", Times, serif;
						color:#942824;
						text-transform:uppercase;
						text-decoration:none;
						margin-left:20px;
						vertical-align:middle;
						font-size:11px;
						}
						
					.arrow a p {
						padding-top:22px;
						}
						
					.arrow img {
						float:left;
						padding:8px 10px 0 15px;
						}
						
					.arrow p.arrow2 {
						padding-top:14px;
						line-height:1.2em;
						}
						
				
						
	
					/************************** NEWS **************************/
					
					#rightColumn h3 {
					background:url(../images/headerBarBg.jpg) repeat-y;
					/*background:url(../images/boxHeaderBg.jpg) repeat-x;*/
					display: block;
					font-size:10px;
					text-transform:uppercase;
					letter-spacing:1px;
					color:#fff;
					padding:12px 0 5px 5px;
					margin-right:-15px;
					margin-top:30px;
					border:none;
					}
					
									
					.newsHeader {
						margin-top:15px;
						font-family:Arial, Helvetica, sans-serif;
						
						}
						
					.newsText {
						margin-top:2px;
						font-family:Arial, Helvetica, sans-serif;
						font-size:10px;
						}
	
	

	
	
	
	
#leftColumn {
	float:left;
	width:630px;
	/* margin-top:-190px; */
	margin-left:12px;
	}

#leftColumn a {
	text-decoration:none;
	color:#6d2b17;	 
       }
	
#leftColumn a:hover{
        text-decoration:underline;
       }

#topImage42 {
        background:#d1d1d1 url(../images/tammi_banner.jpg) no-repeat;
        height:255px;
        }
#topImage43 {
        background:#d1d1d1 url(../images/tammi_banner.jpg) no-repeat;
        height:255px;
        }
#topImage44 {
        background:#d1d1d1 url(../images/saarni_banner.jpg) no-repeat;
        height:255px;
        }
#topImage45 {
        background:#d1d1d1 url(../images/pahkina_banner.jpg) no-repeat;
        height:255px;
        }
#topImage66 {
        background:#d1d1d1 url(../images/padouk_banner.jpg) no-repeat;
        height:255px;
        }
#topImage67 {
        background:#d1d1d1 url(../images/perus_banner.jpg) no-repeat;
        height:255px;
        }

#topImage46 {
        background:#d1d1d1 url(../images/erikois_banner.jpg) no-repeat;
        height:255px;
        }
#topImage47 {
        background:#d1d1d1 url(../images/2laatu_banner.jpg) no-repeat;
        height:255px;
        }

#topImage49 {
        background:#d1d1d1 url(../images/millenium_banner.jpg) no-repeat;
        height:255px;
        }

#topImage50 {
        background:#d1d1d1 url(../images/line_banner.jpg) no-repeat;
        height:255px;
        }
#topImage53 {
        background:#d1d1d1 url(../images/laivankansi_banner.jpg) no-repeat;
        height:255px;
        }
#topImage52 {
        background:#d1d1d1 url(../images/erikoisvahva_banner.jpg) no-repeat;
        height:255px;
        }
#topImage64 {
        background:#d1d1d1 url(../images/laminaatti_banner.jpg) no-repeat;
        height:255px;
        }

#topImage59 {
        background:#d1d1d1 url(../images/kartano_banner.jpg) no-repeat;
        height:255px;
        }
#topImage54 {
        background:#d1d1d1 url(../images/design_banner.jpg) no-repeat;
        height:255px;
        }
#topImage68 {
        background:#d1d1d1 url(../images/panel_banner.jpg) no-repeat;
        height:255px;
        }

#topImage {
        background:#d1d1d1 url(../images/product_list_topImage.jpg) no-repeat;
        height:255px;
        }

#topImage65 {
        background:#d1d1d1 url(../images/antiikki_banner.jpg) no-repeat;
        height:255px;
        }
#topImage69 {
        background:#d1d1d1 url(../images/identity_banner.jpg) no-repeat;
        height:255px;
        }


#topImage48 {
        background:#d1d1d1 url(http://www.erikoisparketti.fi/images/trinity_main.jpg) no-repeat;
        height:255px;
        }
	
#topImageTrinity {
	background:#d1d1d1 url(../images/trinity_main.jpg) no-repeat;
	height:255px;
	}
	
#topImageKori {
	background:#d1d1d1 url(../images/kori_main_nologo.jpg) no-repeat;
	height:255px;
	}
	
#topImageAbout {
	background:#d1d1d1 url(../images/talo.jpg) no-repeat;
	height:255px;
	}
	
#blackbox {
	background:url(../images/black_semitransparent.png);
	float:right;
	text-align:right;
	width:300px;
	margin-top:30px;
	padding: 10px 20px 5px 10px;
	color:#fff;
	line-height:1.9em;
	font-size:11px;
	letter-spacing:1px;
	text-transform:uppercase;
	}
	
	
	
	
	
	

					/********************** FIRST PAGE PRODUCTS NAVIGATION *****************************/
					#categories {
						list-style:none;
						margin-left:35px;
						}
						
					
					#categories li { 
						display:block;
						float:left;
						margin:10px 10px 0 0;
						border:1px solid #bbb;
						/* #border:10px solid #ddd; */
						height:180px; 
						}
						
					#categories li a {
						/* #border:10px solid #fff; */
						height:160px;
						width:180px;
						display:block;
						text-align:center;
						text-decoration:none;
                        /* background:url(../images/black_semitransparent.png); */
                        padding-top:160px;
                        height:20px;
                        color:#fff;
                        font-size:11px; 
                        text-transform:uppercase; 
						}
					.newcat {
                                                #background:url(../images/black_semitransparent.png);
                                                margin-top:150px;
                                                padding-top:10px;
                                                height:20px;
                                                color:#fff;
                                                font-size:11px;
                                                text-transform:uppercase;
						}						
					#categories li a:hover {
						border:0px solid #ddd;
						text-decoration:underline;
						text-decoration:bold;
						background:url(../images/black_semitransparent.png);
						}
					

                                        .prod48 {
                                                background:url(../images/prod_cat_1.jpg) no-repeat;
						}

                                        .prod46 {
                                                background:url(../images/erikois_180.jpg) no-repeat;
                                                }

                                        .prod42 {
                                                background:url(../images/perus_180.jpg) no-repeat;
                                                }

                                        .prod47 {
                                                background:url(../images/designL_180.jpg) no-repeat;
                                                }

                                        .prod49 {
                                                background:url(../images/millenium_180.jpg) no-repeat;
                                                }

                                        .prod50 {
                                                background:url(../images/line_180.jpg) no-repeat;
                                                }

                                        .prod59 {
                                                background:url(../images/kartano_180.jpg) no-repeat;
                                                }

                                        .prod52 {
                                                background:url(../images/laminat_180.jpg) no-repeat;
                                                }

                                        .prod53 {
                                                background:url(../images/pCat53.jpg) no-repeat;
                                                }

                                        .prod54 {
                                                background:url(../images/design_180.jpg) no-repeat;
                                                }

                                        .prod64 {
                                                background:url(../images/pCat64.jpg) no-repeat;
                                                }

                                        .prod68 {
                                                background:url(../images/panels180.jpg) no-repeat;
                                                }

                                        .prod69 {
                                                background:url(../images/identity_180.jpg) no-repeat;
                                                }




                                        .prod65 {
                                                background:url(../images/antiikki_180.jpg) no-repeat;
                                                }
				
		
					.prod1 {
						background:url(../images/prod_cat_1.jpg) no-repeat;
						}
				
					.prod2 {
						background:url(../images/prod_cat_2.jpg) no-repeat;
						}
					
					.prod3 {
						background:url(../images/prod_cat_3.jpg) no-repeat;
						}
						
					.prod4 {
						background:url(../images/prod_cat_4.jpg) no-repeat;
						}
						
					.prod5 {
						background:url(../images/prod_cat_5.jpg) no-repeat;
						}
						
					.prod6 {
						background:url(../images/prod_cat_6.jpg) no-repeat;
						}
						
					.prod7 {
						background:url(../images/prod_cat_7.jpg) no-repeat;
						}
						
					.prod8 {
						background:url(../images/prod_cat_8.jpg) no-repeat;
						}
						
					.prod9 {
						background:url(../images/prod_cat_9.jpg) no-repeat;
						}
						
					.prod10 {
						background:url(../images/prod_cat_10.jpg) no-repeat;
						}
						
					.prod11 {
						background:url(../images/prod_cat_11.jpg) no-repeat;
						}
						
					.prod12 {
						background:url(../images/prod_cat_12.jpg) no-repeat;
						}
									
					
					
					
					
					
					/********************** LIST PAGE PRODUCTS LEFT NAV *******************************/
					.navlistheader {
						background:url(../images/headerBarBg.jpg) repeat-y;
						font-size:10px;
						text-transform:uppercase;
						letter-spacing:1px;
						color:#fff;
						padding:15px 0 5px 5px;
						margin-top:-33px;
						width:253px;
						}
					
					
					#listCategoriesLeft {
						float:left;
						list-style:none;
						width:258px;
						}
					
					#listCategoriesLeft li a {
						display:block;
						float:left;
						background:url(../images/leftNavBg.jpg) repeat-x;
						border-top:1px solid #ddd;
						padding:4px;
						text-transform:uppercase;
						text-decoration:none;
						width:250px;
						margin:0px;
						}
					
					/* Hover effect */	
					#listCategoriesLeft li a:hover { 
						background:url(../images/leftNavHoverBg.jpg) repeat-x;
						color:#000;
						}
					#listCategoriesLeft li a:hover .prodHeader  {
						color:#090909;
						}
						
					#listCategoriesLeft li a:hover .prodHeaderLong  {
						color:#090909;
						}
					/*#listCategoriesLeft li a:hover span.prodSubheader  {
						color:#666;
						}*/
					
					/* Highlight current product category */
					#listCategoriesLeft li.current a {
						background:url(../images/leftNavHoverBg.jpg) repeat-x;
						}
						
					#listCategoriesLeft li.current .prodHeader  {
						color:#090909;
						}
						
					#listCategoriesLeft li.current .prodSubheader  {
						color:#666;
						}
																	
					#listCategoriesLeft li img {
						float:left;
						height:40px;
						width:40px;
						border:1px solid #333;
						}
					
					#listCategoriesLeft li .prodHeader {
						display:block;
						float:left;
						width:150px;
						margin:14px 0 -7px 10px;
						color:#fff;
						font-size:12px;
						}
						
					#listCategoriesLeft li .prodHeaderLong {
						display:block;
						float:left;
						width:150px;
						margin:7px 0 -7px 10px;
						color:#fff;
						font-size:12px;
						}
						
					/*#listCategoriesLeft li .prodSubheader {
						display:block;
						float:left;
						width:150px;
						margin:10px 0 -10px 10px;
						color:#c6c6c6;
						font-size:10px;
						}*/
						
					#listCategoriesLeft li a .navArrow img {
						float:right;
						width:12px;
						border:none;
						margin:0 0 0 0;
						padding:0px;
						}
						
					#listCategoriesLeft li.submenuItem a {
						float:left;
						list-style:none;
						width:258px;
						padding:3px 0 3px 57px;
						border:none;
						background:#eee;
						font-size:10px;
						color:#000;
						}
						
					#listCategoriesLeft li.submenuItem a:hover {
						background:#ddd;
						}
					
					
					
					
					
					
					
					
					
						
/************************* LIST PAGE LIST ****************************/										
#productList {
	float:right;
	width:650px;
	background:#fff;
	}
	
.listHeader {
	
	
	font-size:1.1em;
	border:none;
	text-transform:uppercase;
	letter-spacing:normal;
	padding:20px 0 0 20px;
	}
	
.listItem1 {
	clear:both;
	padding:10px 0 10px 0;
	margin:0 15px 0 20px;
	height:120px;
	width:640px;
	border-bottom:1px solid #f1f1f1;
	}
	
/*
.listItem1:hover {
	background:#f2f2f2;
	width:640px;
	}
*/
	
.listItem2 {
	background:#eee;
	padding:10px;
	height:100px;
	margin-top:10px;
	}

.productListDesc  {
	float:left;
	width:240px;
	height:100px;
	padding-left:8px;
	}

.prodlistImg {
	float:left;
	border:1px solid #ccc;
	width:100px;
	height:100px;
	}

/*
.prodlistImg img{
	border:2px solid #fff;
	}
*/
	
.productListDesc h4 {
	font-size:11px;
	text-transform:uppercase;
	margin-top:10px;
	}

.productListDesc p {
	font-size:10px;
	margin-top:5px;
	}

p.moreInfo a {
	color:#6d2b17;
	text-transform:uppercase;
	font-size:1em;
	text-decoration:none;
	}
	
p.moreInfo a:hover {
	text-decoration:underline;
	}
	
.box {
	float:left;
	height:120px;
	width:130px;
	margin-right:8px;
	margin-top:10px;
	.pointer { cursor: pointer }

	}

.box p {
	text-transform:uppercase;
	font-size:8px;
	font-weight:bold;
	margin-top:10px;
	text-align:center;
	}
	
p.price {
	text-transform:none;
	font-size:11px;
	color:#6d2b17;
	margin-top:3px;
	margin-bottom:15px;
	}
	
.box img {
	float:left;
	margin-right:2px;
	}	

.sample {
	background: url(../images/provbit.gif) no-repeat;
	width:125px;
	height:39px;
	padding:19px 0 0 4px;
	margin-bottom:-27px;
	.pointer { cursor: pointer }

	}
	
.sample a {
	color:#999;
	text-decoration:none;
	font-size:8px;
	.pointer { cursor: pointer }

	}	

.sample a:hover {
	color:#000;
	.pointer { cursor: pointer }

	}

a.listArrow {
	float:right;
	background:url(../images/listArrow.png) no-repeat;
	color:#6d2b17;
	height:48px;
	width:110px;
	margin-right:-30px;
	margin-top:2px;
	margin-bottom:-1px;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
	}
a:hover.listArrow {
	background:url(../images/listArrowOver.png) no-repeat;
	color:#fff;
	}
	
.listArrow h4 {
	font-size:11px;
	margin-bottom:-8px;
	}
	
.listArrow p {
	font-size:0.5em;
	margin-top:8px;
	}








/************************* RIGHT AREA ***********************/	

#text {
	padding: 10px;
}

#rightArea {
	float:right;
	width:650px;
	background:#fff;
	}
	
#rightArea p {
	font-size:10px;
	font-weight:normal;
	line-height:1.4em;
	color:#444;
	padding:5px 10px 10px 20px;
	}

#rightArea p.ingress {
	font-style:italic;
	font-size:11px;
	line-height:1.6em;
	}
	
#rightAreaImage {
	margin-left:3px;
	margin-right:3px;
	padding:0;
	width: 315px;
	border 1:px solid #ddd;
	}

#rightAreaImage img {
	padding: 5px;
	background: #fff;
	border:1px solid #ddd;
	margin:3px;
	margin-left:3px;
	float:left;
	margin-right:3px;
	}
	
#showcaseThumbs {
	margin-top:5px;
	cursor: pointer;	
	}
	
.showcaseThumbnail {
	float:left;
	border:1px solid #ddd;
	margin-right:1px;
	}
	
	
.showcaseThumbnail img {
	border:2px solid #fff;
	}
	
.showcaseThumbnail a:hover img {
	border:2px solid #ccc;
	}

	
h2.rightAreaHeader {
	font-size:1.1em;
	border:none;
	text-transform:uppercase;
	letter-spacing:normal;
	padding:20px 0 0 20px;
	}
	
h3.rightAreaHeader {
	font-size:12px;
	border:none;
	text-transform:uppercase;
	letter-spacing:normal;
	padding:0 0 0 20px;
	}

#deliveryText {
        width: 550px;
        float: left;
        margin: 10px 0 0 10px;

}

#prodDescription {
	width: 300px;
	float: left;
	margin: 10px 0 0 10px;
	
}
#prodRightCol {
	width: 320px;
	float: left;
	margin: 10px 0 0 0;
}
	
.sampleBtn {
	background:url(../images/provbit_big.gif) no-repeat;
	width:157px;
	height:59px;
	font-size:10px;
	padding:33px 0 0 60px;
	margin:20px 0 -20px 20px;
	}

.sampleBtn a {
	color:#883322;
	text-decoration:none;
	}
	
.sampleBtn a:hover {
	color:#000;
	}

#rightAreaBoxT {
        float:right;
        margin:10px 0 0 0;
        background:#dedede url(../images/specsBoxBg.jpg) top repeat-x;
        border:1px solid #ccc;
        width:319px;
        }
#rightAreaBoxT p {
        float:left;
        font-weight:normal;
        padding:10px 3px 0 10px;
        font-size:10px;
        line-height:1.2em;
        width:210px;
        }
#rightAreaBoxT h3 {
        background:url(../images/boxHeaderBg.jpg) repeat-x;
        font-size:10px;
        text-transform:uppercase;
        letter-spacing:1px;
        color:#fff;
        padding:12px 0 5px 5px;
        margin-top:-1px;
        width:315px;
        }


#rightAreaBoxT h4 {
        float:left;
        clear:left;
        width:85px;
        font-weight:bold;
        font-size:10px;
        padding:11px 0 0 5px;
        }


#rightAreaBox {
        margin-left:10px;
        margin-right:3px;
        padding:0;
        #width: 315px;
        border 1:px solid #ddd;
	
	#float:right;
	#margin:10px 0 0 0;
	background:#dedede url(../images/specsBoxBg.jpg) top repeat-x;
	border:1px solid #ccc;
	width:319px;
	}
	
#rightAreaBox h3 {
	background:url(../images/boxHeaderBg.jpg) repeat-x;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#fff;
	padding:12px 0 5px 5px;
	margin-top:-1px;
	width:315px;
	}
	
	
#rightAreaBox h4 {
	float:left;
	clear:left;
	width:85px;
	font-weight:bold;
	font-size:10px;
	padding:11px 0 0 5px;
	}
	
#rightAreaBox p {
	float:left;
	font-weight:normal;
	padding:10px 3px 0 10px;
	font-size:10px;
	line-height:1.2em;
	width:310px;
	}


	
	
						/************************ OSTOSKORI LIST **************************/	
						
						ul.koriList {
							margin:0 20px;
							}	
							
												
						ul.koriList li {
							clear:both;
							height:30px;
							font-size:10px;
							border-bottom:1px dotted #d1d1d1;
							padding:0 0 3px 0;
							margin:10px 0 0 0;
							}
							
						ul.koriList span.koriProdLogo {
							padding: 0 0 3px 0;
							clear:right;
							}
							
						ul.koriList span {
							float:left;
							
							}
							
						ul.koriList span.koriProdLogo {
							padding: 0 0 3px 0;
							clear:right;
							}
							
						ul.koriList span.koriTuote {
							clear:left;
							width:250px;
							}
							
						ul.koriList span.koriPlus {
							width:18px;
							text-align:center;
							}
							
						ul.koriList span.koriPlus a {
							display:block;
							background:url(../images/plusBtn.jpg) 0 -4px no-repeat;
							width:18px;
							text-decoration:none;
							color:#fff;
							}
							
						ul.koriList span.koriMinus {
							width:18px;
							text-align:center;
							margin:0 0 0 5px;
							}
							
						ul.koriList span.koriMinus a {
							display:block;
							background:url(../images/minusBtn.jpg) 0 -4px no-repeat;
							width:18px;
							text-decoration:none;
							color:#fff;
							}
						
						ul.koriList span.koriMaara a img {
							margin: 0 0 -5px 0;
							}
							
						ul.koriList span.koriKappale {
							width:30px;
							text-align:center;
							margin:0 0 0 15px;
							}
						
						ul.koriList span.koriPinta {
							width:50px;
							text-align:right;
						}
								
						ul.koriList span.koriHinta {
							width:80px;
							text-align:right;
							}
							
						ul.koriList span.koriPoista {
							width:100px;
							text-align:right;
							margin:0 0 0 0;
							}
							
						ul.koriList span.koriPoista a {
							background:url(../images/removeBtn.jpg) 0 -1px no-repeat;
							padding:0 0 0 20px;
							text-decoration:none;
							color:#999;
							}
							
						ul.summa {
							margin:10px 165px 0 0;
							height:60px;
							}	
							
												
						ul.summa li {
							float:right;
							height:17px;
							clear:both;
							font-size:10px;
							text-align:right;
							}
							
						ul.summa li.rahti, ul.summa li.alv {
							font-style:italic;
							color:#666666;
							}
							
						ul.summa li.total{
							font-weight:bold;
							color:#000;
							}
							
							
							
							
						/************************ FORMS & FIELDSET **************************/	
							
						fieldset {
							border:1px solid #d1d1d1;
							margin:20px;
							padding:20px 10px;
							font-size:11px;
							line-height:1.2em;
							}
							
						legend {
							color:#fff;
							background:#999;
							padding:3px 20px 2px 15px;
							text-transform:uppercase;
							}
						
							
						label {
							font-weight:bold;
							}
							
						input {
							margin:5px 20px 0 5px;
´							}
							
						#nextBtn {
							margin:10px 20px 10px 0;
							float:right;
							width:200px;
							}
							
						#prevBtn {
							margin:10px 10px 10px 20px;
							float:left;
							width:200px;
							}
							
						#toimitustapa ul {
							list-style:none;
							font-size:12px;
							/*line-height:1.2em;*/
							color#444;
							}
							
						#toimitustapa li {
							margin: 0 0 10px 0;
							}
							
						.ostoskori2 label {
							clear:left;
							width:120px;
							float:left;
							margin-top:9px;
							font-size:12px;
							}
						
						.ostoskori2 input {
							float:left;
							}
							
						.ostoskori2 input.short {
							width: 120px;
							}
							
						.ostoskori2 span.info {
							width:400px;
							float:left;
							margin-top:9px;
							padding-left:10px;
							font-size:12px;
							}
							
						.ostoskori2 textarea {
							margin-top:5px;
							width:400px;
							font-family:Verdana, Arial, Helvetica, sans-serif;
							font-size:1em;
							}
							
						#rightArea form.ostoskori2 p {
							font-size:12px;
							padding-left:0px;
							}
							
						.huom {
							font-weight:bold;
							font-style:italic;
							color:#990000;
							}
							
													
						.paymentOptions li {
							list-style:none;
							height:50px;
							font-size:12px;
							}
							
						.paymentOptions li input {
							width:20px;
							}
							
						.paymentOptions img {
							margin-top:-7px;
							}
													
						input.check {
							margin:0 5px 0 0;
							width:15px;
							}
					
							
							
					/************************ PRODUCT COUNTER **************************/	
					
					#prodcounter {
						margin:0;
						width:270px;
						padding:10px;
						border:thin solid #ccc; /*ddd*/
						
						}	
					
					#prodcounter input {
						border:thin solid #999;
						margin-top:-3px;
						}
						
					#prodcounter select {
						width:50px;
						}
						
                                        #prodcounter .prodcounterHeader2 {
                                                display:block;
                                                font-weight:bold;
                                                font-size:10px;
                                                background:#ddd;
                                                padding:10px 0 5px 7px;
                                                }

						
					#prodcounter .prodcounterHeader {
						display:block;
						font-weight:bold;
						font-size:10px;
						margin:0 0 10px 0;
						
						background-image:url(../images/areabg.gif);
						background-repeat:repeat-x;
						color:#FFFFFF;
						font-size:14px;
						
						font-weight:bold;		
						/*background:#ddd; */
						padding:10px 0 5px 7px;
					
						}	
						
					#prodcounter .prodcounterBold {
						display:block;
						font-weight:bold;
						font-size:10px;
						margin:10px 0 0 0;
						}	
						
					#prodcounter .prodcounterPrice {
						font-weight:bold;
						font-size:10px;
						}
						
					
					#prodcounter .prodcounterText {
						font-size:10px;
						margin:5px 0;
						}
						
					#prodcounter .prodcounterText img {
						vertical-align:middle;
						}
					
						
					.prodcounterProd {
						display:block;
						margin:20px 0;
						}
						
					#prodcounter input.totarea {
						font-size:11px;
						color:#fff;
						text-align:right;
						border:none;
						padding:3px;
						background:#999;
						}
					
					#prodcounter input.totsum {
						font-size:11px;
						color:#fff;
						text-align:right;
						border:none;
						padding:3px;
						background:#990000;
						}
				
				
				
				
				
				
				/***************** LIST ALL ***********************/
				
				#listAllArea {
					padding:0 0 0 20px;
				}
				
				.listAllItem {
					padding:0 0 5px 0;
					margin-bottom:50px;
					margin-right:30px;
					float:left;
					}
					
				.prodimage {
					position: relative;
					border:1px solid #000;
					}
					
				.listAllItem h4 {
					margin-top:5px;
					margin-bottom:5px;
					}
					
				.listAllItem h4.link {
					display:inline;
					font-size:8px;
					margin-right:5px;
					}
					
				 .prodprice {
					position:absolute;
					top:120px;
					left: 0;
					width: 115px;
					height: 50px;
					/* margin-bottom:-85px; */
					}
					
				.palletprice {
					background:url(../images/price_laatikko.png) no-repeat;
					color:#000;
					padding:8px 0 5px 40px;					
					}
					
				.packprice {
					background:url(../images/price_laatikko.png) no-repeat;
					color:#fff;
					padding:8px 0 5px 40px;
					}
					
				.euro {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 18px;
					color: #FFFFFF;
				}
				.cent {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 14px;
					color: #FFFFFF;
				}
									
				.proddescr {
					width: 175px;
					font-size:1.2em;
				}
			
				.proddescr a {
					color:#000;
					font-weight:bold;
					text-decoration:none;
				
				}
				.proddescr a:hover {
					color:#7C3419;
					text-decoration:underline;
				}
				
			
			
.radiotable {
	width: 600px;
	font-size: 11px;
	font-weight: normal;
}				

/************************ Trinity-stuff **************************/	

			
#trinitypic {
	width: 315px;
	margin-right:3px;
	margin-left:3px;
	#overflow: hidden;
	background: #fff;
	position: relative;
	border:3px;
}
#trinitythumbs {
	clear: both;
	margin-top: 5px;
	cursor: pointer;

}
.trinitythumbnail {
	float: left;
	margin: 2px;
	border: 1px solid #ccc;
	padding: 2px;
}
.enlargetrinity {
	#position: absolute;
	#bottom: -300px;
	right: 0;
	opacity:0.6;

}
.enlarge {
        position:relative;
        top: 200px;
        float:right;
	background: transparent;
        margin-top:-23px;
        padding: 2px;
        background-image:url(images/enlarge_bg.png);
}
				
						
					
/************************ MAIN FOOTER MENU **************************/	

.clearEnd {
	clear:both;
	text-align:right;
	height:65px;
	padding-top:15px;
	color:#999;
	font-size:8px;
	}

#mainMenu {
	position: fixed; 
	bottom: 0px;
	background:url(../images/mainMenu_bg.png) repeat-x;
	height:70px;
	width:100%;
	}
	
#menuLogo {
	position: absolute;
	right: 10px;
	bottom: 10px;
}
	
#nav {
	width: 960px;
	margin: auto;
}	
#nav ul {
	float:left;
	height:70px;
	margin:0 auto;
	padding:0;
	list-style:none;
	}
	
#nav li {
	float:left;
	width:auto;
	margin:0;
	padding:0;
	}
	
#nav a {
	float:left;
	display:block;
	height:70px;
	margin:0;
	padding:38px 20px 0 20px;
	text-align:center;
	text-decoration:none;
	letter-spacing:1px;
	font-size:11px;
	color:#fff;
}

#nav li.current a, #nav li a:hover {
	background:url(../images/mainMenu_current.png) no-repeat top center;
}