/* LaineAalto / 21.7.2009 / info@laineaalto.fi */

* { padding:0; margin:0;}
a img { border: 0;}
a:link {text-decoration:none; color:#696865;}
a:visited {text-decoration:none; color:#696865;}
a:hover {text-decoration:underline;}
p { margin-bottom: 10px;}

a.link {text-decoration:underline; color:#696865;}
a.link:visited {text-decoration:underline; color:#696865;}
a.link:hover {text-decoration:none;}

a.linkOtsikko {text-decoration:none; color:#fff;}
a.linkOtsikko:visited {text-decoration:none; color:#fff;}
a.linkOtsikko:hover {text-decoration:underline;}

body {
	background: url(../images/mainBg2.jpg) center top no-repeat #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#696865;
	text-align:left;
	/*margin-left: 15px;*/
}
	#main {
		width: 960px;
		margin: 0px auto;
	}
		#mainHeader{
			position:relative;
			width: 100%;
			height: 173px;
			display:block;
			background:url(../images/headerBg.jpg) left top no-repeat;
		}
			#mainHeaderLogo{ float:left;}
			/*#mainNavigation{ float:left; width: 545px; padding-top: 91px;}*/
			#mainNavigation{ position:relative; top: 91px; float:left; width: 654px;}
			#mainNavigation ul{ list-style:none;}
			#mainNavigation ul li {
				display:block;
				float:left;
				list-style-type:none;
				padding-right: 5px;
			}
			#mainNavigation ul li a {
				display:block;
				background:transparent url(../images/navibg4.gif) no-repeat 0 0;
				text-indent:-9009px;
			}
			
			#mainNavigation ul li#navEtusivu a {
				width:104px;
				height: 28px;
				background-position: 0 -29px;
			}
				#mainNavigation ul li#navEtusivu a:hover {
				width:104px;
				height: 28px;
				background-position: 0 -58px;
				}
				#mainNavigation ul li#navEtusivuActive a {
				width:104px;
				height: 28px;
				}
				
			#mainNavigation ul li#navInternet a {
				width:104px;
				height: 28px;
				background-position: -109px -29px;
			}
				#mainNavigation ul li#navInternet a:hover {
				width:104px;
				height: 28px;
				background-position: -109px -58px;
				}
				#mainNavigation ul li#navInternetActive a {
				width:104px;
				height: 28px;
				background-position: -109px 0;
				}
				
			#mainNavigation ul li#navOhjelmistot a {
				width:104px;
				height: 28px;
				background-position: -217px -29px;
			}
				#mainNavigation ul li#navOhjelmistot a:hover {
				width:104px;
				height: 28px;
				background-position: -217px -58px;
				}
				#mainNavigation ul li#navOhjelmistotActive a {
				width:104px;
				height: 28px;
				background-position: -217px 0;
				}
				
			#mainNavigation ul li#navHuolto a {
				width:104px;
				height: 28px;
				background-position: -327px -29px;
			}
				#mainNavigation ul li#navHuolto a:hover {
				width:104px;
				height: 28px;
				background-position: -327px -58px;
				}
				#mainNavigation ul li#navHuoltoActive a {
				width:104px;
				height: 28px;
				background-position: -327px 0;
				}
				
			#mainNavigation ul li#navJAPOKauppa a {
				width:104px;
				height: 28px;
				background-position: -436px -29px;
			}
				#mainNavigation ul li#navJAPOKauppa a:hover {
				width:104px;
				height: 28px;
				background-position: -436px -58px;
				}
				#mainNavigation ul li#navJAPOKauppaActive a {
				width:104px;
				height: 28px;
				background-position: -436px 0;
				}
			
			#mainNavigation ul li#navTuki a {
				width:75px;
				height: 28px;
				background-position: -545px -29px;
			}
				#mainNavigation ul li#navTuki a:hover {
				width:75px;
				height: 28px;
				background-position: -545px -58px;
				}
				#mainNavigation ul li#navTukiActive a {
				width:75px;
				height: 28px;
				background-position: -545px 0;
				}
				
		#secondNavigation {clear:left; margin: 0 0 0 15px; padding-top: 12px; font-size: 12px; color:#f38d4e; font-weight:bold;}
		#secondNavigation a:link{font-size: 14px; color:#FFFFFF; text-decoration:none;}
		#secondNavigation a:visited{font-size: 14px; color:#FFFFFF; text-decoration:none;}
		#secondNavigation a:hover{font-size: 14px; color:#FFFFFF; text-decoration:underline;}
		.activeSecond { color: #333333;}
		
		#mainHeaderLinks {float:right; margin-right:60px; clear: none; width: 600px; text-align: right;}
		.kirjaudu { margin-bottom: 5px; display:block;}
		
		/* Boxes */
		.smallArrow { font-family:Arial, Helvetica, sans-serif; font-size:9px; color: #f58220;}
		.price {color: #f58220; font-weight:bold;}
		.day {color: #f58220; font-weight:bold;}
		
		.lonelyBox { display:block; margin-bottom: 15px;}
		.boxList { display:block; margin: 0; padding: 0; position:relative;}
		.boxHeader { 	height: 24px;
						width: 301px; 
						background: url(../images/boxHeaders/boxHeader-tausta.gif) no-repeat;
						color: #fff; 
						font-family: Arial, Helvetica, sans-serif;
						font-size: 15px;
						font-weight: bold;
						padding-top: 5px;
						padding-left: 10px;
		}
		
		.boxHeaderMiddle { 	height: 23px; 
							width: 301px; 
							background:url(../images/boxHeaders/boxHeader-tausta2.gif) no-repeat;
							font-family: Arial, Helvetica, sans-serif;
							font-weight: bold;
							font-size: 15px;
							color: #ffffff;
							padding-top: 0px;
							padding-left: 10px;
		}
		.boxContent { background-color: #f1edea; padding: 10px 0 0 10px; color: #696865; display:block;}
		.boxContent ul { list-style:none;}
		.boxContent ul li{ padding-bottom: 6px; width: 295px;}
		.boxFooter { width: 311px; height: 9px; background:url(../images/boxFooter.gif) no-repeat;}
		.boxFooterMiddle { width: 311px; height: 17px; background:url(../images/boxFooterMiddle.gif) no-repeat;}
		
		.productBox {display:block; margin-bottom: 15px; margin-top: 15px;}
		.productBoxHeader { 
			height: 24px;
			width: 624px;
			background: url(../images/boxHeaders/japo-header.gif) no-repeat;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-size: 15px;
			color: #ffffff;
			padding-top: 5px;
			padding-left: 10px;
		}
		.productBoxContent { background-color: #f1edea; padding: 10px 0 0 10px; color: #696865; display:block;}
		.productBoxFooter { width: 634px; height: 15px; background:url(../images/productBoxFooter.gif) no-repeat;}
		
		.productBox2 {
			display:block;
			margin-bottom: 15px;
			margin-top: 15px;
			padding-top: 15px;
			padding-left: 15px;
			padding-bottom: 15px;
			padding-right: 15px;
			width: 450px;
			border: 1px solid #cccccc;
			background: #f1edea;
			text-align: left;
		}
		#mainCenter{
			width: 100%;
			display:block;
		}
		#mainCenter h1{
			color: #ed2124;
			margin-top: 10px;
			margin-bottom: 10px;
		}
		#mainCenter h2{
			color: #ed2124;
			font-size:18px;
			margin-top: 10px;
			margin-bottom: 10px;
		}
		#mainCenter p{
			margin-bottom: 0px;
			padding-bottom: 10px;
		}
		
		#mainCenterLeft .lista{
			width: 500px;
			margin:0 auto;
			margin-bottom: 15px;
		}
		#mainCenterLeft li{
			list-style: none;
		}
		
		small {
			color: #000000;	
		}
		
		.aika {
			color: #000000;
			font-size: 11px;
		}
		
		.kuva_vasen{
			margin-top: 0 0 0 0;
			float: left;
			padding-right: 25px;
			padding-left: 15px;
		}
			#mainCenterLeft{
				width: 634px;	
				float:left;
				margin-right: 15px;
			}
				#searchFromInternet{
					width: 634px;
					height: 29px;
					margin: 15px 0 15px 0;
					background: url(../images/searchFromBg.gif) no-repeat;
				}
				.googleHaku {float:left; width: 470px; background: #ffffff; border: none; height: 22px; font-size: 18px; margin-top: 4px; margin-left: 5px; color:#666666;}
			
				#productScroller {
					width: 634px;
					height: 283px;
					background-color: #ffffff;
					margin-bottom: 15px;
				}
				
				#bottomBoxesLeft { width: 311px; display:block; float:left; margin-right: 11px;}
				#bottomBoxesRight { width: 311px; display:block; float:left;}
				.bottomBoxesHeader { height: 40px; width: 311px; display:block;}
				.boxHeaderMiddle {display:block}
				
				.bottomBoxesCenter { background-color: #f1edea; padding: 10px 0 0 10px; display:block; height: 200px;}
				.bottomBoxesCenter ul { list-style: none;}
				.bottomBoxesCenter ul li{ width: 290px; padding-bottom: 3px;}
				.bottomBoxesCenterKysely { background: #f1edea url(../images/sininenUkkeli.gif) bottom right no-repeat; padding: 10px 0 0 10px; display:block; height: 200px;}
				.bottomBoxesCenterKysely ul { list-style: url(../images/kyselyList.gif); margin: 10px 0 0 15px;}
				.bottomBoxesCenterKysely ul li{ width: 250px; padding-bottom: 3px;}
				
				.bottomBoxesFooter { height: 7px; width: 311px; display:block; background:url(../images/boxCenterFooter.gif) top no-repeat;}
				
			
			
			
			#mainCenterRight{
				width: 311px;
				float:left;
			}
		#mainFooter{
			border-top: 1px solid #f58220;
			width: 960px;
			padding-top: 10px;
		}