@import 'lightbox.css';

body{
	margin:0;
	padding:0;
	background-image: url(images/body_bg.gif);
	background-repeat: repeat-x;
	font-size: 75%;
}

body, span, div, td, p, input, textarea, li, select, option{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color: #000;	
}

a{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color: #3366CC;	
	text-decoration:none;
}

a:hover{
	color:#3366FF;
	text-decoration:underline;
}

a.mini{
	font-size:0.9em;
	text-decoration:none;
}

.mini{
	font-size:0.9em;
}

a.mini img{
	border:1px solid #ccc;
}

p{
	line-height:1.3em;
}

textarea{
	font-size:12px;
}

/* Otsikot
------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { 
  color: #3366cc; 
  font-family: Tahoma, Verdana, Helvetica, sans-serif;
}


h1{
	font-size:1.4em;
	margin-top:0;
	padding-top:0;
}

h2{
	font-size:1.2em;
}

table.tuotelista h2{
	font-size:1.2em;
	padding-top:10px;
	border-top:solid 1px #b6dcfa;
}

h3{
	font-size:1em;
	margin-bottom:5px;
	padding-bottom:0;
}

h4{
	font-size:1em;
}

div.viiva{
 	border-bottom:1px solid #b6dcfa;
	height:10px;
	clear:both;
}

/* Listat
------------------------------------------------------- */

div.content ul { 
  	margin-left:10px;
  	padding-left:10px;
}


div.content ul li{
	margin-left:0;
	padding-left:5px;
	margin-bottom:3px;
}

/* Osat
------------------------------------------------------- */

#container{
	width: 966px;
	position:relative;
	float:left;
}

#top{
	position:relative;
	float:left;
	background-image: url(images/top_bg-3.jpg);
	background-repeat: no-repeat;
	height: 143px;
	width: 966px;
	background-color:#3159BF;
}

#top #palvtalot a{
	position:relative;
	margin-top:24px;
	margin-left:22px;
	display:block;
	width:362px;
	height:21px;
}

#top #waranco a{
	position:relative;
	margin-top:20px;
	margin-left:23px;
	display:block;
	width:110px;
	height:55px;
}

#top #solarshop a{
	position:relative;
	margin-top:-55px;
	margin-left:210px;
	display:block;
	width:178px;
	height:55px;
}

#top #sanyoshop a{
	position:relative;
	margin-top:-30px;
	margin-left:770px;
	display:block;
	width:75px;
	height:28px;
}

#top h1{
	display:none;
}

#mid{
	width: 966px;
	position:relative;
	float:left;
}

#left{
	width:208px;
	position:relative;
	float:left;
}

/* Vasen valikko
-------------------------------- */ 

#leftnavi{
	width:180px;
	margin-left:10px;
	padding-left:10px;
	margin-top:20px;
}

#leftnavi li{
 	list-style-type: none; 
	margin-left:5px;
	padding-left:0;
	padding-bottom:11px;
}

#leftnavi li a{
	text-decoration:none;
	font-size:0.9em;
	color:#3366CC;	
}


#leftnavi li a:hover{
	color:#3366CC;	
	text-decoration:none;
}

#leftnavi li ul{
	margin-left:0;
	padding-left:0;
	margin-top:5px;
	display:none;
}

#leftnavi li ul li{
	list-style-type: none;
	margin-left:3px;
	padding-left:12px;
	padding-bottom:5px;
	background-image:url(images/vihreapallo.gif);
	background-repeat:no-repeat;
}

#leftnavi li ul li a{
	color:#2EA956;
}

#leftnavi li ul li a:hover{
	color:#2EA956;
	text-decoration:none;
}

#left div.banneri{
	margin-left:25px;
}

#left div.banneri h3{
	display:none;
}

#left div.esitteet{
	font-size:0.9em;
	text-align:center;
	margin-top:30px;
	padding-bottom:30px;
}

#extranet{
	margin-top:10px;
}

#left div.esitteet a{
	color:#ff0000;
}


/* Sisältö
-------------------------------- */ 

#right{
	width:758px;
	position:relative;
	float:left;
}

.content{
	background-image: url(images/content_bg.jpg);
	background-repeat: repeat-x;
	position:relative;
	float:left;
	padding-top:30px;
}

div.frontpage{
	margin-top:1px;
}

div.frontpage div.content{
	padding-left:20px;
	padding-right:30px;
}

div.contentpage{
	width:758px;
}

div.frontpage div.content p{
	margin-top:20px;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}

#frontleft{
	width:200px;
	margin-right:4px;
}

#frontmid{
	width:200px;
	margin-right:4px;
}

#frontright{
	width:200px;
}

div.contentbox{
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}

table td{
	vertical-align:top;
}

table.jalleenmyyjat td{
	white-space:nowrap;
}

table.jalleenmyyjat h2{
	margin-top:5px;
	margin-bottom:5px;
	padding-top:0;
	padding-bottom:0;
}

table.jalleenmyyjat h3{
	margin-top:0;
	padding-top:0;
	margin-bottom:0;
	padding-bottom:0;
}

table.jalleenmyyjat a{
	text-decoration:none;
}

table.jalleenmyyjat strong{
	color:#333;
}

table.jalleenmyyjat td{
	border-bottom:1px solid #d5dde8;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
	line-height:1.4em;
}

div.varit img{
	margin-top:3px;
}

a.pdflink{
	display:block;
	background-image: url(images/pdf.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	margin-bottom:0;
	text-decoration:none;
	line-height:1.6em;
}
a.pdflink:hover{
	text-decoration:underline;
}

a.esittelyteksti{
	text-decoration:none;
	color:#000;
}

table.esitteet td{
	width:150px;
}

table.tietotaulukko td{
	padding-left:5px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
}

table.tietotaulukko tr.sininen{
	background-color:#cfe4f8;
}

table.hintataulukko td{
	padding-left:10px;
	padding-right:15px;
	padding-top:2px;
	padding-bottom:2px;
}

table.hintataulukko tr.sininen{
	background-color:#cfe4f8;
}

.hinta{
	font-weight:bold;
	color: #5f89e2; 
}

/* Kuvagalleria*/

img.thumb{
	border:1px solid #CCC;
	margin:5px;
}

/* Alaosa
-------------------------------- */ 

#kumppanit{
	margin-bottom:5px;
	position:relative;
	float:left;
}

#footer{
	position:relative;
	float:left;
	width: 966px;
	height:19px;
	background-image: url(images/footer_bg.gif);
	background-repeat: repeat-x;
}

#footer img{
	position:relative;
	float:left;
	padding-top:4px;
	padding-left:15px;
}

#footer div.text{
	position:relative;
	float:left;
	padding-top:3px;
	padding-left:5px;
	color:#fff;
	font-size:0.9em;
}

#footer div.text a{
	color:#fff;
}

#footer div.text a:hover{
	text-decoration:none;
	color:#99ccff;
}