/* clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
	#webshop-content { padding-top: 8px;}
	/* titles */
	#content h2, #webshop-content h2 { font: normal normal 18px arial,verdana,serif; }
	#content h3, #webshop-content h3 { font: normal bold 14px arial,verdana,serif; margin: 15px 0px 15px 0px; }	
	/* #webshop-content h2.title { background:url(/pics/title-tue_toimintaa.gif) repeat-x; font: normal bold 14px arial,verdana,serif; color: #fff; padding: 9px 0px 12px 50px; margin: 0px 0px 4px 0px;} */
		/* tue toimintaa - title */
		#content h2.title, #webshop-content h2.title, #webshop-content h2.title-tue-toimintaa, #content h2.title-tue-toimintaa { background:url(/pics/webshop/tue-toimintaa-palkki.gif) no-repeat; font: normal bold 14px arial,verdana,serif; color: #fff; padding: 10px 0px 0px 50px; margin: 0px 0px 4px 0px; height: 36px;}
		
		/* webshop -title */
		#webshop-content h2.title { background:url(/pics/webshop/title-webshop-red.gif) no-repeat; font: normal bold 14px arial,verdana,serif; color: #fff; padding: 15px 0px 0px 75px; margin: 0px 0px 4px 0px; height: 42px;} */
		
		#webshop-content h2.narrow { width: 490px;}
		#webshop-content h2.title { }
	#content h2.taustavari { background: url(/pics/webshop/title-red.gif) repeat-x;  padding:4px 0 0 10px; height: 22px; color:#fff; font-size: 14px; margin:5px 0 10px 0;  }
	
	/* paragraphs  */
	#webshop-content p, #webshop-textarea p  { color:#343434; /* font-size: 12px; */ margin-bottom: 0.5em;}
	#webshop-content a, #webshop-textarea a { color:#2c76ef; /* font-size: 12px; */}
	
				
	#contents #content ul { list-style-type: none; margin: 0px 0px 0px 10px; }
	#contents #content ul li {
		padding: 0px 0px 5px 15px;
		background: transparent url(/pics/content-li-green.gif) 0px 4px no-repeat;
		}		
	#prdNarrowCol { position: relative;	width: 540px; margin-left: 10px;}
	.padding-top { /* padding-top: 5px; */}
	#prdWideCol { position: relative; width: 780px; margin-left: 10px;}
	#prdRightCol, #prdLeftCol { float: left;}	
	#contents #webshop-content #column,#prdRightCol { width: 225px; margin-left: 8px;}
	#contents #webshop-content #columncontent,#prdLeftCol  { width: 545px; margin-right: 0px; margin-left: 10px;}
 
 /* tue toimintaa -frontpage */
 	#webshop-textarea { padding:0;margin: 0;}
 		#webshop-textarea h2.tue-toimintaa-title { font-size: 18px; font-weight: normal; margin-bottom: 0.25em; color:#353535;}
 		.fp-tue-toimintaa h3  { color:#353535;}
 		.prdLiftText { padding-left: 10px;}
 		.lift-goShopping { background:#ad352d url(/pics/webshop/td-goshopping.gif) left top repeat-x; }
 	/* Borders removed from image links
 		#webshop-textarea td a img { border: 2px solid #fdcecc;}
 		 #webshop-textarea td a:hover img { border: 2px solid #9e322e;} */
 	#webshop-textarea td a img.goShopping { border:none;}
 	#webshop-textarea td a:hover img.goShopping { border:none;}
 
 /* Internetshop and the shopping cart */
 .prdCart { position: relative; width: 238px; clear: both; margin-bottom: 1em; text-align: center;}
 #shop { }
 
 	/* #shop h2.title { background: #65B600 url(/pics/h2-nettikauppa.jpg) no-repeat; height: 144px; width: 286px; color: #fff; font: normal bold 14px arial,verdana,serif,helvetica; padding: 10px 0 0 50px;} */ 
	#shop .title-green { background: url(/pics/webshop/title-red.gif) repeat-x;  padding:4px 0 0 10px; height: 22px; color:#fff; font-size: 14px; margin:12px 0 10px 0;  }
	#shop a img { border: none; }	
	
	/* main image with link */	
	#prdMainImage {}
		#prdMainImage a img { border: none;}
	
	#shop #prdLeftCol .float { float: left;}
	#shop #prdLeftCol .narrow { width: 240px;}		
	#shop #prdLeftCol .wide { width: 280px; margin-left: 10px; padding-top: 45px;}
		#shop #prdLeftCol p { margin:0; margin-bottom: 0.15em;}
	#shop .singleProductLift { position: relative; border-top: 1px solid #ededed; padding: 10px 0;}
		#shop .singleProductLift .singleProductInfo { float: left; width: 129px; padding-left: 10px;}
			#webshop-content #shop .singleProductInfo h4 { font-size: 14px; font-weight: bold; margin-bottom: 10px;}
			#webshop-content #shop .singleProductInfo h4 a { color:#343434; font-size: 14px;}
		/*	#webshop-content #shop .singleProductInfo p { font-size: 12px;} */
			#webshop-content #shop .singleProductInfo p strong { font-size: 18px; font-weight: normal;}	
		#shop .singleProductLift .singleProductImage { float:left; width: 86px; margin-left: 5px;}
			#shop .singleProductLift .singleProductImage img { background:#a7a7a7; width: 86px; height: 86px;}
		#shop .wide h3 { color:#343434;/*  font-size: 14px;*/ font-weight: bold; }	
			 #shop .wide h3 a { color:#343434;  font-size: 14px; } 
				#shop .wide p { /* font-size:13px;  */ }
				#shop .wide td { padding:0;margin:0; }
		#shop .float td { border: none; }
	
	/* */
	 .customer-services { position: relative; height: 313px;}
	 #shop .itemContainer p { /*font-size: 13px;*/ margin-bottom: 0.5em; padding:0 0.5em;} 
		#shop .itemContainer p a { /* font-size: 13px; */} 
		.itemContainer p.paymentTypes { text-align: center;}
		
	/* highlight products on right column */
	.product-highlight { position: relative; padding: 10px; background:#f7f7f7 url(/pics/webshop/prd-highlight.gif) repeat-x; border: 1px solid #eaeaea; margin-bottom: 10px;}
		#webshop-content .product-highlight h4 { font-size: 14px; font-weight: bold; margin-bottom: 0.5em;} 
		#webshop-content .product-highlight h4 a { color:#343434; font-size: 14px; font-weight: bold;}
		#webshop-content .product-highlight p { margin:0px; margin-bottom: 0.15em; /* font-size: 12px; */}
		#webshop-content .product-highlight p strong { font-size: 23px; font-weight: normal;}	
		img.highlight-thumbnail { float:right; margin-left: 1em;}
		
	
	/* Products listed in a product listing */	
	#shop #product-listing { /* border-bottom: solid 1px #BCD5E9;*/  }
		#product-listing .productCategory-title { /* font-size: 14px; */  margin-bottom: 10px; color:#353535;}
		#shop #product-listing .product { background:#f6f6f6; border: 1px solid #eaeaea; padding: 8px; margin-bottom: 10px;}
		#shop #product-listing .product p { }	
		#shop #product-listing .product a { font: normal bold 12px arial,verdana,serif,helvetica; }
		#shop #product-listing .product strong { /* font-size: 14px;*/  font-weight: normal; color: #343434; display: block; margin: 8px 0px 5px 0px;}	
		#shop #product-listing .product h3 { color: #343434;  margin: 0 0 8px 0; font-weight: normal;}	
			#shop #product-listing .product h3 a { color: #343434; font-size: 14px;font-weight: bold;}
		#shop #product-listing .product td { border: none; margin:0;padding:0;} 
		
		#shop #product-listing .product a.add img { position: relative;}
			.product .productImageSmall { float:left; width: 86px; height:86px;}
			.product .productDescriptionNarrow { float:left; width: 403px; margin-left: 14px; }
	        #shop hr { display: none; }
	        #shop #product-listing hr { display: block; visibility: hidden; clear: both;}
	        #shop .product hr { display: none; clear: both;}


	/* Single Product */
	#product-info { position: relative; width: 540px;}
		#product-info h1.product-title { position: relative; margin: 0; padding-bottom: 10px; border-bottom: 2px solid #f4f4f4; margin-bottom: 10px; font-size: 18px; color:#353535;}
			#product-info h1.product-title span { display: block; width: 400px;}
			/* #product-info p { font-size: 12px;} */
		#shop #product-info td { border:none; margin:0;padding: 0;}
		#product-info a.add { position: absolute; right: 0px; top: 0px;}	
			.add-on-content { float:right; margin-top: 1em;}
		.prodcutImageBig { float:left; width: 260px;}
		.productDetails { float:left; width: 244px; margin-left: 10px;}
		.bigPrdImage { float:left; margin-right: 10px;}
	#shop #product-info { border-bottom: solid 2px #ededed; min-height: 300px; padding-bottom: 10px;}
    #shop #product-info table { padding-left: 4px;}
    #product-info div.vihreatausta_elementti { /* font-size: 12px;*/ color:#343434;}
    #shop #product-info img { }	
		#recommendedProducts { position: relative; clear:both;}
		 #recommendedProducts h3 {  /*	font-size: 14px; */ color:#353535;}
    #shop #prdLeftCol p.vihreatausta_elementti { position: relative; top: 10px; margin: 0.5em 0; clear:both;}           

	
	/* The shopping cart */
	
	#shoppingCart { position: relative; width: 189px; background: url(/pics/webshop/shoppingCart-wrapper.gif) repeat-y; top: 14px; margin: 0 auto; margin-bottom: 20px;}
		#shoppingCart h3 { position: relative; width: 189px; height: 35px; margin:0;padding:0;}
			#shoppingCart h3 a { position: absolute; left: 65px; top: 10px; color:#9e322e;}
		#shoppingCart h3#cart-empty { background: url(/pics/webshop/shoppingCart-header.gif) left top no-repeat; }
		#shoppingCart h3#cart-full { background: url(/pics/webshop/shoppingCart-header.gif) left bottom no-repeat; }
		#shoppingCart .elementContent { width:189px; margin:0 auto; background: url(/pics/webshop/shoppingCart-content.gif) left top no-repeat; padding-top: 10px;}
			#shoppingCart .elementContent p { text-align: center;}
			#shoppingCart .elementContent ul { list-style-type: none; text-align: center; margin:0;}
				#shoppingCart .elementContent ul li { margin: 0;}
		#shoppingCart .elementFooter { position: relative; width: 189px; height: 6px; background: url(/pics/webshop/shoppingCart-footer.gif) left bottom no-repeat;}

		#shop table {
			width: 100%;
			/* font-size: 12px; */
			}	
		
		#shop #equals { margin-top: 10px; margin-bottom: 20px; }	
		#shop #equals td, #shop #actionBar td { border: none; }
		#shop #equals td strong { font-size: 12px; }
			
		#shop #actionBar { margin-top: 35px; }	
		#shop #actionBar input { font-family: arial; padding: 3px; }
		
		#shop #deliveryTerms{
			color: #007CC3;
		}
			
		#shop th { background: #9d312d; color: #fff; text-align: left; font-size: 12px; padding: 3px 0px 3px 10px;}	
			
			#shop td { padding: 3px 0px 3px 10px; border-bottom: solid 1px #fdcecc; }
			#shop #product-listing td { border:none; }
	
		#shop #stages { height: 60px; margin: 0; list-style-type: none;}
		#shop #stages li {
			width: 33%;
			float: left;
			background: none;
			font-size: 11px;
			color: #8d8d8d;
			text-align: center;
			padding: 0;
			margin-right: 1px;
			}
			
		#stages li strong {
			display: block;
			background: none;
			border: solid 1px #9d312d;
			color: #e44741;
			font-size: 12px;
			font-weight: normal;
			margin-bottom: 5px;
			padding: 5px;
			}	
			
			#stages li#active strong { font-weight: bold; background: #fdcecc url(/pics/shop-phase.gif) 95% 50% no-repeat; }
				#contents #content #stages li#active { color: #000; }	
			
		#shop div.gotError {	
			border-top: none;
			margin: 10px 0px 20px 0px;
			}
			
		#shop div.gotError p {
			color: #fff;
			font-weight: bold;
			background: transparent url(/pics/title-notice.gif) no-repeat;
			padding: 10px 10px 13px 45px;
			margin: 0;
			_height: 38px;
			_width: 720px;
			}	
		
		#contents #content div.gotError ul {
			border: solid 1px #FF8F8F;
			border-top: none;
			margin: 0;
			padding: 8px 0px 10px 10px;
			}
		#shop div.gotError ul li { background: none; padding: 0;}		
			
		#personalInfo { width: 100%; }
		
		#personalInfo td {
			border: none;
			width: 50%;
			vertical-align: top;
			font-size: 12px;
			}
			
					
		#personalInfo td.notice {
			border: solid 1px #db2323;
			background: #FCEBEB;
			color: #C83022;
			font-weight: bold;
			}
				
		#personalInfo label {
			width: 125px;
			display: block;
			float: left;
			padding-top: 2px;
			}	
			
			#toimitustietotaulu label { width: 125px; }
		
		#paymentTypeDonation  {
			border: none;
			font-size: 12px;
			margin-bottom: 25px;
			xbackground: #F4F9FC;
			xborder: solid 1px #A6C7E2;
			padding: 10px;
			vertical-align: bottom;
			text-align: bottom;
			}
		#paymentTypeDonation div { margin-right: 15px; margin-bottom: 10px; float: left; height: 40px; }
		
		#paymentTypeDonation input { margin-right: 5px; vertical-align: top  }	
		
		#paymentTypeDonation img { vertical-align: bottom; }
			
		#paymentType  {
			border: none;
			font-size: 12px;
			margin-bottom: 25px;
			xbackground: #F4F9FC;
			xborder: solid 1px #A6C7E2;
			padding: 10px;
			vertical-align: bottom;
			text-align: bottom;
			}	
		
		#paymentType div { margin-right: 15px; margin-bottom: 10px; float: left; width: 200px; height: 40px; }	
			
		#paymentType input { margin-right: 5px; vertical-align: top  }	
		
		#paymentType img { vertical-align: bottom; }
		
		#orderInfo { margin-bottom: 20px; }
		#orderInfo td { border: none; }