/* Suomalainen Verkkokauppa */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	text-decoration: none;
}

a img, :link img, :visited img {
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol, ul {
	list-style: none;
}

q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}
/* -- end of reset -- */

html
{
	height: 100%;
}

body
{
	background: #fff url("img/headerWrapper_bg.jpg") repeat-x;
	text-align: center;
	height: 100%;
	padding: 0;
	margin: 0;
}

* html #wrapOutest
{
	height: 100%;
	margin: 0;
	padding: 0;
	width: 950px;
}

#contentWrapper
{
		height: auto !important;
		width: 960px;
		margin: 0 auto 0;
		padding: 0;
}

#headerWrapper
{
	background: transparent url("img/headerWrapper_bg.jpg") top repeat-x;
	display: block;
	width: 960px;
	margin: 0 auto;
	height: 220px;
	position: relative;
}

		#producer
		{
			position: absolute;
			right: 0;
			top: 10px;
			height: 35px;
		}
		
		#producer, #producer a
		{
			color: #666;
		}
		
		#producer span
		{
			margin: 8px 10px 0 0;
			float: left;
			display: block;
		}
	
		#openShop
		{
			width: 200px;
			height: 60px;
			position: absolute;
			right: 0;
			top: -10px;
			z-index: 999999;
		}
				
			#openShop span
			{
				display: none;
			}
		
		#topSupport
		{
			float: right;
			position: relative;
			right: 0px;
			top: 190px;
		}
		
			#topSupport span
			{
				font-size: 1.2em;
				color: #666;
				margin-top: 10px;
			}
			
		#campaignBannerWrapper
		{
			float: right;
			position: relative;
			top: 30px;
			right:0px;
			width: 472px;
			padding: 0;
		}
			
			#campaignBannerTop
			{
				padding: 10px 10px 15px 10px;
				font-size: 1.4em;
				color: #34312f;
				background: #fff url("img/campaignbutton_bg.png") repeat-x;
				border-width: 1px 1px 0 1px;
				border-color: #ebebeb;
				border-style: solid;
				width: 448px;
				height: auto;
			}
			
			#campaignBannerBottom
			{
				
			}
			
	#headerInnerWrapper
	{
		width: 960px;
		margin: 0 auto 0;
		position: relative;
	}
	
		#header
		{
			padding: 0 0 0 0;
			width: 100%;
			margin: 0;
			position: relative;
		}
		
			#header h1
			{
				display: none;
			}
			
			.logoImage
			{
				border: 0;
				float: left;
				margin: 0 0 0 20px;
			}
			
			.logoImage:hover
			{
				cursor: pointer;
			}
			
			#headerNav
			{
				top: 0;
				left: 0;
				height: 75px;
				width: 960px;
				padding: 0;
				margin: 0 auto 0;
				vertical-align: middle;
			}
				
				#headerMainNav
				{
					top: 0;
					left: 0;
					height: 40px;
					width: 100%;
					background: #f5f5f5 url("img/navi_1_bg.png") top repeat-x;
				}
				
				#headerNav ul.mainNav
				{
					display: block;
					margin: 0;
					padding: 0 0 0 0;
					height: 41px;
					float: left;
				}
				
					#headerNav ul.mainNav li
					{
							display: block;
							float: left;
							list-style-type: none;
							padding: 8px 15px 0 15px;
							height: 33px;
					}
					
						 #headerNav ul.mainNav li a
						 {
							font-size: 1.4em;
							font-weight: normal;
							color: black;
						 }
						 
					#headerNav ul.mainNav li.active
					{
							background: #34312f url("img/navi_1_bg_active.png") repeat-x;
							color: white;
					}
					
					#headerNav ul.mainNav li.active a
						 {
							color: white;
						 }
						 
				#headerNav img#kokeileButton
				{
					border: 0;
					float: right;
				}
					
			.headerSubNav
			{
				position: absolute;
				left: 0;
				top: 261px;
				background: #faf;
				width: 100%;
				height: 34px;
				background: #34312f url("img/navi_2_bg.png") repeat-x;
				display: none;
				z-index: 5;
			}
			
			.active_submenu
			{
				display: block;
				z-index: 1 !important;
			}

				ul.headsubmenu
				{
					margin: 0 auto;
					width: 960px;
				}

					ul.headsubmenu li
					{
						display: inline;
						list-style-type: none;
						padding: 0 10px 0 15px !important;
						height: 100% !important;
						line-height: 31px;
					}
	
						ul.headsubmenu li a
						{
							font-size: 1.4em;
							color: #f3f3f3 !important;
							font-weight: normal !important;
						}
	
						ul.headsubmenu li a:hover,
						ul.mainNav li a:hover
						{
							text-decoration: underline;
						}
		
						a.currentPage
						{
							text-decoration: underline !important;
						}
		
						ul.headsubmenu li.level2
						{
							margin-left: 12px;
							list-style: none;
						}
						
					
		#banner,
		#aspaBanner,
		#tryBanner
		{
			_display: inline; /* IE6 hack */
			height: 180px;
			margin: 10px 0 20px 0px;
			padding: 5px;
			position: relative;
			width: 950px;
            border: 1px solid #dfe0da;
		}
		
		#aspaBanner
		{
			height: 220px;
		}
		
		.notif
		{
			display: block;
			clear: both;
			font-size: 12px;
			border: 1px dotted #798dff;
			padding: 5px 5px 5px 34px;
			margin: 0 0 15px 0;
			background: #f2f4ff url("img/info_24.png") no-repeat 5px center;
		}
		
		#tryBanner
		{
			float: left;
			height: auto;
		}
		
			#tourTop,
			#kayttoonottoTop,
			#asiakaspalveluTop2,
			#asiakaspalveluTop,
			#jalleenmyyntiTop,
			#ominaisuudetTop,
			#maksutavatTop,
			#ulkoasutTop,
			#kumppanit,
			#hinnasto,
			#lisapalvelut,
			#referenssit,
			#yritys
			{
				float: left;
				height: 165px;
				width: 940px;
				margin: 2px 0 0 0;
				padding: 10px 0 0 0;
			}
			
			#tryTop
			{
				float: left;
				height: auto;
				width: 940px;
				margin: 2px 0 0 0;
				padding: 0 10px;
			}
			
				#tryTopLeft
				{
					width: 460px;
					background: transparent url("img/vertLine.png") repeat-y right;
					float: left;
					margin-right: 15px;
				}
				
				#tryTopRight
				{
					float: left;
					width: 460px;
				}

			img.tryTopImage
			{
				float: left;
			}
			
			#asiakaspalveluTop
			{
				height: 175px;
				padding: 0;
			}
			
				#tourTop
				{
					background: transparent url("img/vaihda-sivukuva.jpg") no-repeat right;
				}
				
				#kayttoonottoTop
				{
					background: transparent url("img/kayttoonotto-sivukuva.jpg") no-repeat right;
				}
				
				#asiakaspalveluTop2,
				#asiakaspalveluTop
				{
					background: transparent url("img/asiakaspalvelu-sivukuva.jpg") no-repeat right;
				}
				
				#asiakaspalveluTop
				{
					margin-top: 22px;
				}
				
				#ominaisuudetTop
				{
					background: transparent url("img/ominaisuudet-sivukuva.jpg") no-repeat right;
				}
				
				#maksutavatTop,
				#jalleenmyyntiTop
				{
					background: transparent url("img/tutustu-sivukuva.jpg") no-repeat right;
				}
				
				#ulkoasutTop
				{
					background: transparent url("img/design-sivukuva.jpg") no-repeat right;
				}

				#kumppanit
				{
					background: transparent url("img/kumppanit_banneri.jpg") no-repeat right;					
				}
				#hinnasto
				{
					background: transparent url("img/hinnasto2_banneri.jpg") no-repeat right;					
				}
				#lisapalvelut
				{
					background: transparent url("img/lisapalvelut_banneri.jpg") no-repeat right;				
				}
				#referenssit
				{
					background: transparent url("img/referenssit_banneri.jpg") no-repeat right;					
				}
				#yritys
				{
					background: transparent url("img/anders_banneri.jpg") no-repeat right;					
				}

			.rotatorBanner
			{
				float: left;
				position: absolute;
				left: 325px;
				background: #ffffff;
			}
        
            #bannerImage
            {
                width: 315px;
                height: 180px;
                background: none;
                float: left;
                margin: 0 15px 0 0px;
				display: inline;
            }
			
				#bannerImage img
				{
					float: left;
					display: inline;
				}
			
			#bannerTable
			{
				margin: 10px 0 0 0;
			}
			
			#bannerTable td
			{
				width: 250px;
			}
			
			#banner #bannerTable td ul.featureList
			{
				list-style-image: url("img/leafBullet.png");
				list-style-position: inside;
				font-size: 1.3em;
				margin: 0 0 0 10px;
			}
			
				#banner #bannerTable td ul.featureList li
				{
					height: 22px;
					clear: left;
				}
				
				#banner #bannerTable td ul.featureList li span
				{
					float: left;
					margin: 5px 0 0 32px;
					display: inline;
				}
		
		#orderStepMenu
		{
			height: 40px;
			width: 960px;
			padding: 0;
			margin: 0;
			margin-top:10px;
			_display: inline; /* IE6 hack */
			border: 1px solid #eaeaea;
		}
		
			#orderStepMenu ul li
			{
				width: 240px;
				height: 40px;
				float: left;
				background: transparent url("img/stepmenu.png") no-repeat left top;
				background-attachment: scroll;
			}
			
			#orderStepMenu ul li a
			{
				width: 100%;
				height: 100%;
				display: block;
				color: #000;
			}
			
			#orderStepMenu ul li span
			{
				line-height: 40px;
				font-size: 1.4em;
				font-weight: normal !important;
				padding: 0 0 0 10px;
			}
				
			#orderStepMenu ul li.step1current,
			#orderStepMenu ul li.step2current,
			#orderStepMenu ul li.step3current,
			#orderStepMenu ul li.step4current
			{
				background-position: 0px -40px;
			}
			
			#orderStepMenu ul li.step1done,
			#orderStepMenu ul li.step2done,
			#orderStepMenu ul li.step3done,
			#orderStepMenu ul li.step4done
			{
				background-position: 0px -80px;
			}
			
			#orderStepMenu ul li.step4
			{
				background-position: right 0px;
			}
			
			#orderStepMenu ul li.step4current
			{
				background-position: right -40px;
			}
			
			#orderStepMenu ul li.step4done
			{
				background-position: right -80px;
			}
			
		
		.horiDivider
		{
			background: transparent url("img/horiLine.png") repeat-x center center;
			width: 870px;
			height: 36px;
			float: left;
			margin-left: 40px;
			display: inline;
		}
		
		#boxes
		{
			float: left;
			margin-left: 40px;
			_display: inline; /* IE6 hack */
		}
	
			#leftBox,
			#centerBox,
			#rightBox
			{
				width: 270px;
				height: 250px;
				float: left;
				border: 0;
				display: inline;
				position: relative;
				background: transparent url("/static/img/roundedBox.png") no-repeat top;
				padding-top: 20px;
			}
			
			#centerBox
			{
				margin: 0 30px 0 30px;
			}
			
			#leftBox
			{
				padding: 0;
				background: none;
			}
			
			.greenArrow
			{
				float: right;
				margin: 10px 0 0 0;
				position: absolute;
				bottom: 13px;
				right: 20px;
			}
			
			.quote
			{
				display: block;
				position: absolute;
				text-align: center;
				background-color: #ffffff;
				width: 260px;
				left: 9px;
				top: 50px;
			}
		
		.ctrbox
		{
			_display: inline; /* IE6 hack */
			clear: left;
			float: left;
			min-height: 180px;
			margin: 10px 0 10px 0px;
			padding: 10px;
			position: relative;
			width: 940px;
			border: 1px solid #bfbfbf;
			background-color: #f3f3f3;
			text-align: center;
		}
		
		#video
		{
			float: left;
			width: 480px;
		}
		
		#frontContactForm
		{
			width: 440px;
			padding: 0 0 0 20px;
			float: left;
		}
	
		#content
		{
			float: left;
			margin: 10px 0 10px 0;
			width: 100%;
		}
		
			#leftCol
			{
				width: 465px;
				float: left;
				margin: 0 20px 0 0px;
				_display: inline; /* IE6 hack */
			}

			.imgLeft
			{
				float: left;
				margin: 0 10px 5px 0;
			}
			
		div.avaaVerkkokauppaWrapper
		{
			position: relative;
			width: 287px;
			padding: 0;
			margin: 0 0 20px 10px;
		}
			
			div.avaaVerkkokauppaTop
			{
				padding: 5px 5px 3px 5px;
				font-size: 1.4em;
				color: #34312f;
				background: #fff url("img/campaignbutton_bg.png") repeat-x;
				border-width: 1px 1px 0 1px;
				border-color: #ebebeb;
				border-style: solid;
				width: 275px;
				min-height: 136px;
				text-align: center;
			}
			
			span.avaaVerkkokauppaHuge
			{
				display: block;
				text-align: center;
				font-size: 1.8em;
				margin: 5px 0 5px 0;
			}
			
			span.avaaVerkkokauppaHuge a,
			span.avaaVerkkokauppaHuge a:hover,
			span.avaaVerkkokauppaHuge a:active,
			span.avaaVerkkokauppaHuge a:visited
			{
				color: #34312F;
				text-decoration: none;
				font-weight: normal;
			}

			#rightCol
			{
				background: transparent url("img/vertLine.png") repeat-y left;
				width: 445px;
				float: left;
				padding-left: 20px;
			}
			
			.contentImg
			{
				border: 1px solid #d9d7cc;
			}
		
		#footerWrapper
		{
			clear: both;
			width: 100%;
			padding: 0;
			margin: 10px 0 0 0;
			background: transparent url(/static/img/horiLine.png) top repeat-x;
		}
		
		#footer
		{
            width: 750px;
			_width: 939px; /* IE magic */
            text-align: center;
            padding: 0px 0 10px 0;
			margin-left: auto;
			margin-right: auto;
		}
		
		#footer a
		{
			color:#474642
		}
		
	.clearBoth
	{
		clear: both;
	}
		

/* order.html */
#orderContent
{
	clear:both;
	height: 100%;
	margin: 10px 0 0 0;
	background: #fff;
}

	#orderContent #leftCol
	{
		width: 310px;
		float: left;
		margin: 0 15px 0 0;
		_display: inline; /* IE6 hack */
	}
	
	#orderContent #rightCol
	{
		float: left;
		width: 601px;
	}
	
	#orderContent #fullCol
	{
		clear:both;
		margin: 0 15px 0 0;
	}
	
/* tour.html */
#tourContent
{
	float: left;
	height: 100%;
	margin: 10px 0 0 0;
	width: 100%;
	background: transparent;
}

	#tourContent #leftCol
	{
		width: 310px;
		float: left;
		margin: 0 20px 0 0;
		_display: inline; /* IE6 hack */
	}
	
	#tourContent #rightCol
	{
		float: left;
		width: 601px;
	}
	
/* maksutavat.html */
#payContent
{
	float: left;
	height: 100%;
	margin: 10px 0 0 0;
	width: 100%;
	background: transparent;
}

	#payContent #leftCol
	{
		width: 276px;
		float: left;
		margin: 0 20px 0 0;
		_display: inline; /* IE6 hack */
	}
	
	#payContent #rightCol
	{
		float: left;
		width: 635px;
	}
		
	
/* comparance table */

.svk
{
	font-weight: bold;
}
.comparance
{
	vertical-align: top;
	margin-bottom: 20px;
	border-collapse: collapse;
	font-size: 1.1em;
}
table.comparance td {padding: 3px;}
.comparance td {background: url(/static/img/vertLine.png) right repeat-y;}
.comparance tr {background: url(/static/img/horiLine.png) bottom repeat-x;}
tr.maksu {background: transparent; font-weight: bold;}
td.last {background: transparent;}

td img {vertical-align: middle;}
.comparance td  {text-align: center !important;}
.comparance td.desc {text-align: left !important;}

/* references.html */
#referenceContent
{
	float: left;
	height: 100%;
	margin: 10px 0 0 0;
	width: 100%;
	background-color: transparent;
}

	#referenceContent #leftCol
	{
		width: 465px;
		float: left;
		padding-right: 14px;
		margin: 0 15px 0 0;
		background: transparent url("img/vertLine.png") repeat-y right;
		_display: inline; /* IE6 hack */
	}

	#referenceContent #rightCol
	{
		width: 466px;
		float: left;
	}

/* prices.html */
#pricesContent
{
	float: left;
	height: 100%;
	margin: 10px 0 0 0;
	width: 100%;
	background-color: transparent;
}

	#pricesContent #leftCol
	{
		width: 310px;
		float: left;
		padding-right: 14px;
		margin: 0 15px 0 0;
		background: transparent url("img/vertLine.png") repeat-y right;
		_display: inline; /* IE6 hack */
	}

	#pricesContent #rightCol
	{
		width: 621px;
		float: left;
	}

		.featureList
		{
			list-style: none;
			font-size: 1.3em;
			margin: 0 0 30px 10px;
		}
		
			.featureList li
			{
				background: transparent url("img/okBullet.png") no-repeat 0 50%;
				margin: 5px 0 0;
				padding: 0 0 0px 25px;
				display: block;
				line-height: 20px;
			}
			
			.featureList li span
			{

			}
			
/* features.html */
#featuresContent
{
	float: left;
	height: 100%;
	margin: 10px 0 0 0;
	width: 100%;
	background: #fff;
}

	#featuresContent #leftCol
	{
		width: 310px;
		float: left;
		margin: 0 20px 0 0;
		_display: inline; /* IE6 hack */
	}
	
	ul.anchorNav
	{
		list-style-type: circle;
		list-style-position: inside;
	}
	
		ul.anchorNav li
		{
			clear: left;
			font-size: 1.2em;
			line-height: 1.6em;
		}
		
		ul.anchorNav li a
		{
			margin: 0 0 0 0px;
			line-height: inherit;
			font-weight: normal;
			color: #333 !important;
		}
		
		.toTop
		{
			list-style: none !important;
			background: none !important;
			margin-top: 20px;
			font-variant: small-caps;
		}
	
	#featuresContent #rightCol
	{
		float: left;
		width: 601px;
	}


#swf-0
{
	float: right;
	display: inline;
	margin: 0 15px 0 0;
	position: absolute;
	right: 0;
}

/* typography */

body
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 62.5%;
    color: #222;
}

#contentWrapper a,
#contentWrapper a:visited,
#contentWrapper a:active,
#contentWrapper a:link
{
    color: #93b41e;
	font-weight: bold;	
}

a:hover
{
    color: #94AB43;
}

.darkLink
{
	color: #474642 !important;
}

#banner h1
{
    font-size: 2.2em;
    font-weight: bold;
    margin: 5px 0 5px 0;
	color: #404040;
	padding: 0 0 0 20px;
}

#banner p
{
    font-size: 1.4em;
    margin: 5px 0 0 0;
	line-height: 1.4em;
}

#boxes h3
{
	font-weight:normal;
	margin: 0 0 20px 0;
	text-align: center;
}

div.diagram_part p
{
	line-height: 1em !important;
	margin: 0 !important;
}

.green
{
	color: #9bc533;
}

h1
{
	font-size: 2.6em;
	font-weight: bold;
	color: #222;
    margin: 0 0 15px 0;
}

h2
{
	font-size: 2.3em;
	font-weight: bold;
	color: #222;
    margin: 0 0 10px 0;
}

h3
{
	font-size: 2em;
	font-weight: bold;
	color: #222;
}

div.diagram_part h3
{
	font-size: 1.2em;
}

.bigListItem h3
{
    margin: 0;
}

h4
{
	font-size: 2em;
	font-weight: bold;
	color: #222;
    margin: 15px 0 0 0;
}

h5
{
	font-size: 1.3em;
	color: #222;
	margin: 10px 0px 0 0;
}

#calcTotal h4
{
	font-size: 1.6em;
}

.quote h4
{
	text-align: center;
	color: #666;
	margin: -10px 0 0 0;
	font-size: 1.4em;
}

img.indexbanner
{
    padding: 4px;
    border: 1px solid #dcdcdc;
	margin-bottom: 30px;
}

.bigItem
{
	background: transparent url("/static/img/okSign.png") no-repeat left top;
	padding: 0 0 0 40px;
	width: 430px;
	float: left;
	margin: 0 5px 10px 5px;
}

.group{	background-image: url("/static/img/hi.png");}
.tools{	background-image: url("/static/img/tools.png");}
.quality{	background-image: url("/static/img/quality.png");}
.search{	background-image: url("/static/img/search.png");}
.cards{	background-image: url("/static/img/pay.png");}
.protection{	background-image: url("/static/img/protection.png");}

.fullItem
{
	background: transparent url("/static/img/cart.png") no-repeat left top;
	padding: 0 0 0 150px;
	width: 800px;
	float: left;
	margin: 0 5px 10px 5px;
}

hr
{
	background-color: #dcdcdc;
	border: 0;
	height: 1px;
	margin-bottom: 20px;
}

.fullItem p
{
	font-size: 1.6em !important;
}

div.contactbox
{
	width: 918px;
	background-color: #f3f3f3;
	border: 1px solid #dcdcdc;
	padding: 20px;
}

div.contactbox2
{
	width: 268px;
	background-color: #f3f3f3;
	border: 1px solid #dcdcdc;
	padding: 20px;
}

div.contactbox2 p
{
	margin-bottom: 0 !important;
	text-align: center !important;
}

div.contactbox h2,
div.contactbox p
{
	margin: 0px !important;
}

div.contactboxcontainer
{
	width: 640px;
	float: left;
}

h1.indexheader
{
	
}

a.avaabutton
{
	width: 240px;
	height: 40px;
	display: block;
	background: transparent url("/static/img/avaa.png") no-repeat center bottom;
}

div.contactbox2 a.avaabutton
{
	margin:0 15px;
}

div.contactbox a.avaabutton
{
	float: right;
}

a.avaabutton:hover
{
	background: transparent url("/static/img/avaa.png") no-repeat center top;
}

div.clear
{
	clear: both;
}

.bigListItem
{
	background: transparent url("/static/img/okSign.png") no-repeat left top;
	padding: 0 0 0 40px;
	margin: 0 0 15px 0;
}

	.bigListItem h4
	{
		margin: 0px 10px 0 0 !important;
		padding: 0;
		float: left;
	}
	
	.bigListItem p
	{
		margin: 0 !important;
		padding: 0 0 0 0;
	}

#boxes p
{
	font-size: 1.6em;
	line-height: 1.3em;
	text-align: center;
    margin: 10px auto 0 auto;
}

.boxTop
{
	color: #94AB43;
	margin: 0 0 10px 0 !important;
}

.readMore
{
    font-weight: bold;
    font-size: 1.4em;
    float: right;
    margin: 10px 5px 0 0;
	line-height: 28px;
	position: absolute;
	bottom: 13px;
	right: 50px;
}

#tourTop p,
#kayttoonottoTop p,
#asiakaspalveluTop2 p,
#ominaisuudetTop p,
#maksutavatTop p,
#ulkoasutTop p,
#lisapalvelut p,
#jalleenmyyntiTop p

{
	width: 500px;
	float: left;
	padding-left: 20px;
}

#content p,
#orderContent p,
#tourContent p,
#referenceContent p,
#pricesContent p,
#servicesContent p,
#rightCol p,
#leftCol p
{
	font-size: 1.4em;
	line-height: 1.3em;
	text-align: left;
    margin: 10px 0 20px 0;    
}

#footer p
{
    text-align: center;
	font-size: 1.2em;
	margin: 4px 0 4px 0;
}

#footer td p
{
	text-align: left;
	margin: 0;
}

strong
{
	font-weight: bold;
	line-height: inherit;
	text-align: inherit;
}

em
{
	font-style: italic;
	line-height: inherit;
	text-align: inherit;
}

blockquote
{
	font-size: 1.2em;
	line-height: 1.4em;
	text-align: right;
	margin-left: 20px;
}

ul.submenu
{
	border-right: 2px dotted #d9d7cc;
	float: left;
	height: 100%;
	list-style: none;
	margin-right: 15px;
}

	ul.submenu li
	{
		font-size: 1.3em;
		background: transparent url("img/leafBullet.png") no-repeat 0 50%;
		margin: 5px 0 0;
		padding: 0 15px 0 25px;
	}
	
		ul.submenu li a:hover
		{
			text-decoration: underline;
		}
		
		ul.submenu li a.currentPage
		{
			color: #666666;
		}
		
		ul.submenu li.level2
		{
			margin-left: 12px;
			list-style: none;
		}
		
ul.general
{
	list-style-image: url("img/okBullet.png");
	list-style-position: inside;
	font-size: 1.4em;
	margin: 0 0 30px 10px;
}

	ul.general li
	{
		height: 22px;
		clear: left;
	}
	
	ul.general li span
	{
		float: left;
		margin: 0 0 0 32px;
		display: inline;
		line-height: 1.5em;	
	}

.alv
{
	float: none !important;
	margin: 0 !important;
	color: #afafaf;
	font-style: italic;
}

.noMargin
{
	margin: 0 !important;
}

.supportBox
{
	clear: left;
	border: 1px solid #e7e7e7;
	padding: 5px;
	background: #fff none repeat scroll 0% 0%;
}

.email
{
	color: #404040 !important;
}

	.email:hover
	{
		text-decoration: underline;
	}

.contactSupport
{
	display: block;
	float: left;
	margin: 2px 10px 0 0;
}

.newsItem
{
	margin: 0 0 15px 0;
}

	.newsDate
	{
		margin: 0 10px 0 0;
		color: #839A32;
		font-style: normal;
	}
	
	.newsItem p
	{
		font-size: 1.3em !important;
		line-height: 1.3em !important;
		margin: 0 !important;
		text-align: left;
		font-style: italic;
	}

#supportTable
{
	margin-left: 20px;
}

#supportTable td
{
	padding-right: 45px;
}

	#supportTable h4
	{
		font-size: 1.6em;
		margin: 0;
		display: inline;
	}
	
	#supportTable p
	{
		font-size: 1.3em;
		line-height: 1.3em;
		margin: 0 0 10px 0;
	}

#layoutTable
{
	width: 100%;
}

	#layoutTable td
	{
		padding: 10px;
		text-align: center;
	}

.thumbnail
{
	border: 2px solid #d9d7cc;
}

.numList
{
	list-style-type: decimal;
	list-style-position: inside;
	font-size: 1.4em;
}

#calculator
{
	width: 280px;
	/*background: transparent url("/static/img/calcBox.png") no-repeat top left;*/
	border: 1px solid #DFE0DA;
	margin-bottom: 30px;
	padding: 0 5px 0 0;
}

#calcTable
{
	margin: 0 0 5px 10px;
}

#calcTotal
{
	margin: 0 0 30px 10px;
}

	#calcTotal td
	{
		padding: 0 10px 0 0;
	}

#startctr,
#monthlyctr
{
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
}

/* forms */
#orderForm
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.3em;
}

	#orderForm fieldset
	{
		border: 0;
		margin: 0 0 20px 0;
	}
	
	#orderForm label
	{
		float: left;
		width: 180px;
		display: block;
		line-height: 1.4em;
		margin: 5px 0;
	}
	
	#orderForm input.orderText
	{
		float: left;
		margin: 5px 0;
		width: 360px;
		border: 1px solid #d9d7cc;
		background-color: #ffffff;
	}
	
	#orderForm select.orderSelect
	{
		margin: 10px 0;
	}
	
	#orderFormSubmit
	{
		background: transparent url("img/jatka.png") no-repeat;
		width: 240px;
		height: 50px;
		border: 0;
		margin: 0 0 60px 170px;
	}
	
	#orderFormSubmit:hover
	{
		cursor: pointer;
	}
	
#contactFront
{
	margin: 0 0 10px 0;
}

	#contactFront label
	{
		width: 140px;
		display: block;
		float: left;
	}
	
	#contactFront input
	{
		background: white none repeat scroll 0 0;
		border-color: #bfbfbf;
		border-style: solid;
		border-width: 1px;
		margin: 0 0 5px;
		width: 295px;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 1.3em;
	}
	
	#contactFront textarea
	{
		background: white none repeat scroll 0 0;
		border-color: #bfbfbf;
		border-style: solid;
		border-width: 1px;
		margin: 0 0 5px;
		width: 295px;
		height: 60px;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 1.3em;
	}
	
	#contactFront input.submit_button
	{
		/*background: transparent url("/static/img/submitButton.png") no-repeat;*/
		border: 0;
		width: 78px;
		height: 28px;
		float: right;
		margin: 0 3px 0 0;
	}
	
	#contactFront input.submit_button:hover
	{
		cursor: pointer;
	}
	
	#contactFront p.forminfo
	{
		font-size: 1em;
		float: left;
		margin: 12px 0 0 0;
		font-style: italic;
	}
	
	p.notice
	{
		font-size: 1.4em;
		font-weight: bold;
		max-width: 100%;
		background-color: #cde275;
		border: 1px solid #93B41E;
		padding-left: 20px;
		margin: -10px 0 10px 0;
	}
	
	form#contactFront + h2
	{
		clear: both;
	}
	
/* ======= form css ======= */
#contactForm
{
	margin: 0 0 30px 0;
	font-family: Helvetica, Arial, sans-serif;
}

	#contactForm label
	{
		clear: left;
		display: block;
		float: left;
		width: 100px;
		margin: 10px 0 10px 0;
	}
	
	#contactForm input.fftext
	{
		margin: 7px 0 7px 0;
		width: 250px;
	}
	
	#contactForm textarea
	{
		width: 250px;
		height: 200px;
		font-size: 1.1em;
		font-family: "Courier New", monospace;
	}

.submitButton
{
	background: transparent url("/static/img/submitButton.png") no-repeat;
	border: 0;
	width: 78px;
	height: 28px;
}

	.submitButton:hover
	{
		cursor: pointer;
	}

.cbText
{
	font-size: 1.3em;
}

.caption
{
	font-size: 1.3em;
}

div.field
{
	margin: 10px 0;
	clear:both;
}

div.field label
{
	float: left;
	clear: left;
	width: 180px;
	
}

label {
	font-size: 1.3em;
}

select
{
	font-family: inherit;
}

div.fc input,
div.fc textarea,
div.fc select
{
	width: 425px;
	font-size: 1.3em;
	border: 1px solid #d9d7cc;
	background-color: #ffffff;
	font-family: inherit;
}

div.fc .sdiv
{
	margin-left:180px
}


#f_submit
{
	width: auto !important;
	height: auto !important;
	border: 0;
	margin: 0 0 60px 180px;
}

fieldset
{
	border: 0;
	margin: 15px 0 20px;
}

legend
{
	font-size: 1.6em;
	font-weight: bold;
	margin-left: -4px;
}

div.field .errs
{
	color:red;
	margin-left:180px;
	font-size:9pt;
}

div.field li { padding: 2px 0}

.freqd label { font-weight: bold }
.smallgrey {color: #777; font-size: 9pt !important; margin-bottom: 5px;}
.bannerWithOutLinks {width: 600px; padding-left: 20px;}
#orderContent .templatepreviews
{
	margin-bottom:1em
}

#orderContent .templatepreviews td
{
	vertical-align:top;
	padding-bottom:10px;
	padding-top:10px;
	height:145px;
	border-bottom:1px dotted #474642
}

#orderContent .templatepreviews td h4
{
	text-align:left;
	margin:0
}

.fc .opts
{
	margin-left:180px
}

.fc .opts input
{
	width:20px;
	float:left;
	clear:both;
}

.fc .opts label
{
	margin-bottom:10px;
	width:360px;
	clear:none;
}

.fc .opts label span
{
	display:block;
	margin-left:30px;
	font-weight:normal
}
.flashBanner {
	float:left;
	margin:0;
	padding:0;
	width: 517px;
	height:180px;
}

.emailsuffix
{
	font-size:1.3em

}

.contactinfo {
	width: 99%;
}
.contactinfo td {padding: 30px;}

#footer h4 {
	margin-bottom: 0px;
	font-size: 1.5em;
}

#orderContent.finalStep td, #orderContent.finalStep th
{
	text-align:left;
	font-size:1.3em;
	padding:2px 1em 2px 3px;

}

form#contactReseller .text
{
	width: 90%;
	margin-bottom: 10px;
	background: #fff;
	border: 1px solid #e7e7e7;
}

textarea
{
	font-size: 1.3em;
	font-family: inherit;
}

body.jalleenmyyjat #leftCol p.notice
{
	width: 90%;
	padding: 2px 0;
	text-align: center;
}

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
	cursor: pointer;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.png) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
#orderContent.finalStep th
{
	background: #DFDBC3;
	font-weight: bold;
	border-bottom: 2px solid #BFBA9B
}

#orderContent.finalStep tr.totalRow th
{
	border-bottom: none;
	border-top: 1px solid #BFBA9B
}

#orderContent.finalStep .orderoverview
{
	margin-bottom: 1em;
	width:90%
}

#orderContent.finalStep .orderoverview td+td, #orderContent.finalStep .orderoverview th+th
{
	text-align: right;
	padding-right:2px
}

.smallform .opts
{
	margin-left:0
}


.flash {
	margin-top: 10px;
	margin-bottom:10px;
}
.descr {
	font-style: italic;
	font-size: 1.2em;
	margin-bottom: 10px;
}

.contentSimple
{
	clear:both;
	margin:0;
	padding:0;
	text-align:left;
	font-size:1em;
}

.maxCol {
	width: 960px !important;
	background: transparent !important;
}
table.galleria {
	width: 100%;
	margin-bottom: 15px;
}
table.galleria td {
	width: 25%;
	padding: 10px;
	background: url(img/vertLine.png) right repeat-y;
}
td.last {background: none !important;}
.gallerylink {outline:0;border:0;}

.getFirefox {
	background: url(img/getFirefox.gif) no-repeat;
	height:63px;
	width: 285px;
	padding-top: 24px;
	display:block;
	font-size: 1em;
	padding-left: 90px;
	color: #000 !important;
	margin-top: 20px;
}

.smallMargin
{
	margin: 0 0 0 0 !important;
}

.clearleft
{
	clear: left;
}

div.ctrbox h2
{
	margin: 0 0 5px 0;
}

p.info
{
	font-size: 1.4em;
	margin: 0 0 20px 0;
}

a#try
{
	display: block;
	width: 164px;
	height: 34px;
	background: transparent url("img/kokeileVerkkokauppaa.png") no-repeat;
	float: right;
}

a#try:hover
{
	background: transparent url("img/kokeileVerkkokauppaa_hover.png") no-repeat;
}

table.reseller_pricetable
{
	margin: 0 0 16px 0;
	width: 80%;
}

table.reseller_pricetable th
{
	font-size: 1.4em;
	padding: 1px 20px 1px 0;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

table.reseller_pricetable td
{
	font-size: 1.4em;
	padding: 1px 20px 1px 0;
	border-bottom: 1px solid #ddd;
}

div#diagram
{
	margin: 0 0 16px 0;
	float: left;
}

div.diagram_part
{
	width: 223px;
	padding: 5px;
	border: 1px solid #ddd;
	float: left;
	background: #efefef;
}

div#diagram_part2
{
	margin: 0 5px;
}

img.image_left
{
	float: left;
	margin: 2px 10px 5px 0;
}

body.jalleenmyyjat #leftCol { width: 270px; }
body.jalleenmyyjat #rightCol { width: 660px; }


/* template images */
div.template-preview
{
	clear: left;
	margin: 0 0 15px 0;
	padding-bottom: 15px;
	border-bottom: 1px dotted #eaeaea;
}

div.template-preview p
{
	margin: 5px 0 !important;
}

div.template-image-ctr
{
	width: 192px;
	height: 192px;
	position: relative;
	float: left;
	margin: 0 15px 0 0;
	border: 1px solid #eaeaea;
}

div.template-preview a.tplpreview
{
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

div.template-preview .active-preview
{
	display: block !important;
}
/* eo template images */