/* CSS Document */



/* YLEISET S€€D…T */

body {
  background: url(kuvat/bg_body.gif) top left repeat;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0 0 40px 0;
  font-size: 11px;
}

p {
  line-height: 150%;
}

h1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 100;
  color: #5497ae;
  margin-bottom: 0; 
}

h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 100;
  color: #5497ae;
  margin-top: 20px;
  margin-bottom: -0.6em;
}

h3 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #5497ae;
}

img {
  border: 0;
}

#logo {
  padding-left: 69px;   
  padding-top: 23px;  
}


#wrap {
  	width: 954px;
  	background: url(kuvat/bg_wrap.gif) top left repeat-y;
	margin-right: auto;
	margin-left: auto;
	margin-top: 13px;
	padding: 0;
	text-align: left;
}

#contentheader {
	/* Korvattu img-tagillä 2009-08-05.
	background: url(kuvat/bg_top.gif) top left repeat-y;
	*/
 	height: 178px;
}
		
#contentleft {
	width: 235px;
	padding: 0 0 0 0;
	margin: -2px 0 0 21px;
	float: left;
/*  	background: url(kuvat/bg_navi.gif) top left repeat-x; */
}

* html #contentleft  {  /* IE 6.0 ja alaspain */
 margin: -2px -2px 0 11px;
}

* html .etusivu_thumbs_rivi {
 WIDTH: 680px;
}

#navigaatio1 {
	width: 930px;
	height: 38px;
	padding: 0 0 0 23px;
  	background: url(kuvat/bg_navi.gif) top left repeat-x;
}

#navigaatio1 img{
	margin-left: 8px;
}

#navigaatio2 {
	width: 229px;
	float: left;
	background-color: #e7f1f4;
	margin: 5px 0 24px 0;
	padding: 0px 0 0 0;
}


#contentcenter_sc {
	width: 615px;
	float: left;
	padding: 10px 0 40px 20px;
}

#contentcenter {
	width: 500px;
	float: left;
	padding: 10px 0 40px 20px;
}
	
#contentright {
	width:175px;
	padding:0px;
	float:left;
}

/* Valmistajan logo*/
#logoright {
	width: 155px;
	padding: 10px 0 0px 20px;
	float: right;
}

/* sb-2010-03-18 */
#logoright_2 {
	float:right;
	/* test:
	position: absolute;
	right: -23px;
	top: 10px;
	*/
}
		
#footer {
  clear: both;
  background: url(kuvat/bg_footer.gif) top left repeat-y;
  height: 64px;
  width: 954px;
  text-align: center;
  padding: 35px 0 0 0;
}




ul {
	list-style-image: url(kuvat/bullet_navi.gif);
	list-style-position: 12px 0;
	line-height: 140%;
}


.hr_piste {
	background: url(kuvat/viiva_piste.gif) top left repeat-x;
	width: 615px;
	margin: 20px 0 20px 0;
    clear: both; 
}

.hr_tupla {
	background: url(kuvat/viiva_tupla.gif) top left repeat-x;
	width: 615px;
	margin: 20px 0 20px 0;
    clear: both; 
}

.hr_tupla_etusivu {
	background: url(kuvat/viiva_tupla.gif) top left repeat-x;
	width: 645px;
	margin: 20px 0 20px 12px;
    clear: both; 
}

.nuoli {
	margin: 1px 5px 0 0;
}

.nuoli_iso {
	margin: 0 0 -4px 0;
}


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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */







/* ETUSIVU */


#wrap_etusivu {
  	width: 670px;
	float: left;
}

#contentcenter_etusivu {
	width: 454px;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
}

#contentright_etusivu {
	width: 215px;
	padding: 0px;
	float: left;
	margin: 5px 0 0 -4px;
}

#etusivu_esittely{
 	margin: 0 0 10px 10px;
 	padding: 14px 0 0 25px;
 	float: left;
 	width: 653px;
 	background: url(kuvat/bg_etusivu_teksti_top.gif) top left no-repeat;
}

#etusivu_esittely2{
margin: -5px 0 8px 11px;
padding: 0px 0 0 25px;
float: left;
width: 401px;
background: url(kuvat/bg_etusivu_teksti_top_426.gif) top left no-repeat;
}
#etusivu_esittely2 p{
margin-top: 14px;
width: 385px;
}

.etusivu_ikaryhmat {
width: 454px;
height: 135px;
float: left;
margin: 0px 0 0 15px;
}

.etusivu_ikaryhma{
width: 91px;
height: 135px;
margin: 0 13px 0 0;
float: left;
}

.etusivu_ikaryhma_text{
text-align: center;
padding: 2px;
width: 87px;
height: 118px;
border: 1px dashed #ccdddd;
background-color: #eaf5f4;
}
.etusivu_ikaryhmakuva {
width: 87px;
height: 87px;
margin-bottom: 2px;
background-color: #FFFFFF;
position: relative;
}


#etusivu_esittely p{
	width: 613px;
}

.korostus {
	font-weight: bold;
	color: #30758f;
}

#etusivu_esittely_footer{
	height: 7px;
	margin-top: 15px;
	margin-left: -25px;
	background: url(kuvat/bg_etusivu_teksti_bottom.gif) top left no-repeat;
}

#etusivu_esittely2_footer{
	height: 6px;
	margin-top: 9px;
	margin-left: -25px;
	background: url(kuvat/bg_etusivu_teksti_bottom_426.gif) top left no-repeat;
}

.etusivu_thumbs{
	width: 212px;
	padding: 6px 0 0 3px;
	margin: 0 0 4px 5px;
	float: left;
	/*background: url(kuvat/bg_thumb_middle.gi) top left repeat-y;*/
}

.etusivu_thumbs_rivi {
	margin: 15px 0 0 0;
	width: 670px;
	float: left;
}

.etusivu_thumbs_rivi_444 {
	width: 446px;
	float: left;
	margin-left: 3px;
}

.etusivu_thumbs_top{
	margin: -6px 0 0 -6px;
	background-color: white;
}

.etusivu_thumbs_bottom{
	margin: 0 0 0 -6px;
}

.etusivu_thumbs_text{
	text-align: center;
	padding: 2px;
	width: 200px;
	height: 232px;
	/* background: url(kuvat/viiva_piste.gif) 0 0 repeat-x; */
	border: 1px dashed #ccdddd;
	background-color: #eaf5f4;
}

.etusivu_tuotenimi a{
	font-size: 12px;
	text-decoration: none;
}
.etusivu_tuotekuva {
	width: 200px;
	height: 200px;
	background-color: #FFFFFF;
	position: relative;
}






/* TUOTESIVU */	
	
.tuote_otsikko {
  margin-left: 20px;
  margin-bottom: -8px;
  padding: 0;
}
	
#tuote_info {
  width: 630px;
  background: url(kuvat/viiva_tupla.gif) top left repeat-x;
  background-color: #f8fbfc;
  margin: 10px 0 0 0;
  padding: 20px 0 20px 20px;
  color: #438095;
  border-left: #f1f6f8 solid 2px;
  border-right: #f1f6f8 solid 2px;
}


#teksti {
  width: 420px;
  float: left;
}

#hinta_etusivu {
  width: 160px;
  margin: 0 0 0 20px;
  float: left;
}
#hinta {
  width: 160px;
  margin: 0 0 0 20px;
  float: left;
}

.hinta_etusivu {
   color: #438095;
   font-size: 13px;
   font-weight: bold;
   float: left;
   position: relative;
   background-color: #FFCCCC;
   top: -20px;
   padding: 2px 8px;
   margin: 0 -99px 0 0;
}

.hinta {
  color: #438095;
  font-size: 15px;
}

.tuote_thumbs{
  width: 615px;
  margin: 10x 0 10px 0;
}

.tuote_thumbs img{
  float: left;
}

.tuote_thumbs .info {
  float: left;
  width: 380px;
  margin: 0 0 0 25px;
}

.tuote_thumbs .hinta{
  color: #438095;
  font-size: 14px;
  font-weight: normal;
}
.tuote_thumbs .hinta_etusivu{
  color: #438095;
  font-size: 14px;
  font-weight: normal;
}
.sivulinkit {
  padding: 0 0 10px 0;
  margin: 0 0 20px 15px;
}

.sivulinkit .numerot a{
  padding: 3px;
  border: #e7f1f4 2px solid;
  text-decoration: none;
}


.sivulinkit .numerot .valittu{
  padding: 3px;
  border: #c9dfe5 2px solid;
  background-color: #f1f6f8;
  text-decoration: none;
}



/* OIKEAN REUNAN TEKSTIBOKSIT */

.tekstiboksi_otsikko_blogi, .tekstiboksi_otsikko_suositut, .tekstiboksi_otsikko_saataas  {
width: 211px;
margin: 5px 0 7px 4px;
}
.tekstiboksi_otsikko_blogi {
background: url(kuvat/tekstiboksi_blogi.jpg) no-repeat;
}
.tekstiboksi_otsikko_suositut {
background: url(kuvat/tekstiboksi_suositut.jpg) no-repeat;
}
.tekstiboksi_otsikko_saataas {
background: url(kuvat/tekstiboksi_saataas.jpg) no-repeat;
}
.tekstiboksi_solu_pvm {
text-align: right;
width: 45px;
}



/* TUOTEHAKU */

td.haku {
background-color: #9bc1cd;
}
input.haku {
background-color: #ffeeee;
border-width: 1px;
border-color: #bbbbbb;
font-size: 11px;
margin: 5px 7px 5px -20px;
width: 119px;
height: 14px;
}
input.hakunappi {
/*
position: relative;
float: right;
margin: -23px 7px 0 0;
*/
	vertical-align: -5px;
}

#tuotehaku {
  background: url(kuvat/bg_tuotehaku.gif) top left no-repeat;
  height: 80px;
  padding: 20px 0 0 20px;
}


/* LISTAT VASEMMALLA */
ul.listaus {
	margin: 0;
	padding-left: 25px;
}

/* OSTOSKORI */

#ostoskori {
  margin: 0;
  padding: 0 0 20px 20px;
}

#ostoskori img{
  margin: 8px 0 0 0;
}






/* OSOITE */

#osoite {
  margin: 5px 0 0 0;
  line-height: 1.5em;
  color: #24677d;
}






/* LINKIT */


a:link { 
  color: #24677d;
}

a:visited { 
  color: #184b5c;
}

a:hover, a:active { 
	color: #4290a9;
}

#navigaatio2 a:hover, 
#navigaatio2 a:active { 
	color: #4290a9;
	/*background: url(kuvat/bullet_navi.gif) no-repeat 8px 2px;*/
}






/* CLOVER SHOP  */


P.smallbasic {
font-size : 9px;
}



P.smallnote {
font-size : 9px;
display : inline;
}



P.smallfade {
font-size : 9px;
}

P.smallharmaa {
font-size : 9px;
color : #adadad;
}



INPUT, TEXTAREA, SELECT {
font-size : 11px;
}



INPUT.button {
background-image : url(kuvat/button_bg.gif);
background-repeat:repeat-x;
font-size : 11px;
}



INPUT.field {
border-top : 1px solid #747474;
border-bottom : 1px solid #747474;
border-left : 1px solid #747474;
border-right : 1px solid #747474;
font-family : Verdana, Arial;
font-size : 11px;
background : #ffffff;
color : #000000;
margin: 0 6px 2px 6px;

}



TEXTAREA.field {
border-top : 1px solid #747474;
border-bottom : 1px solid #747474;
border-left : 1px solid #747474;
border-right : 1px solid #747474;
font-family : Verdana, Arial;
font-size : 11px;
background : #ffffff;
color : #000000;
}



FORM.inline {
display : inline;
} 





/* Page top styles, applies to the top area */



TD.toplinks {
padding : 5px;
background-color : #f3f3f3;
border-top : 1px solid #c0c0c0;
border-bottom : 1px solid #c0c0c0;
background-image : url(logos/toplinks_bg.gif);
}



P.toplinks {
font-family : Verdana, Arial;
font-size : 70%;
color : #007ba4;
}







/* Breadcrumb styles, applies to the breadcrumb area */



.topbreadcrumb {
padding : 5px;
font-size: 9px;
}

A.topbreadcrumb {
text-decoration : none;
}







/* Navigation styles, applies to the category navigation area on the left hand side */

#navigaatio2 table TD{
	padding: 0 0 0 25px;
	height: 21px;
}

#navigaatio2 table {
	margin-bottom: 15px;
}


TD.navigation {
padding : 25px;
border-right : 1px dashed #c0c0c0;
background-color : #ffffff;
}


TD.nav_open { 
border-bottom : 1px solid white;
background: url(kuvat/bullet_navi.gif) 13px 7px no-repeat;
} 

 
P.nav_open { 
color : #007ba4;
display: inline; 
} 

 

A.nav_open { 
color : #007ba4; 
}

 

TD.nav_closed { 
border-bottom : 1px solid white;
background: url(kuvat/bullet_navi.gif) 13px 7px no-repeat;
} 

 

P.nav_closed { 
color : #007ba4; 
display: inline;
} 

 

A.nav_closed { 
color : #007ba4; 
}







/* Main styles, applies to the main page area on the right hand side */



TD.main {
padding : 25px;
background-color : #ffffff;
}







/* Cart snapshot styles, applies to the snapshot area of the shopping cart */



TD.cartbottom {
padding : 5px;
background-color : #f3f3f3;
border-top : 1px solid #c0c0c0;
border-bottom : 1px solid #c0c0c0;
background-image : url(logos/cartbottom_bg.gif);
}



FONT.cartbottom {
color : #007ba4;
}







/* Bottom styles, applies to the bottom area */



TD.bottom {
padding : 5px;
}







/* Product table styles, applies to product detail area */


TABLE.product {
border-bottom : 1px solid #f3f3f3;
}

TD.details {
padding : 10px;
border-left : 1px solid #f3f3f3;
}

TR.list1 {
background-color : #f9f9f9;
} 

TR.list2 {
background-color : #ffffff;
} 




/* Shopping cart styles, applies to shopping cart table area */


TD.cartbasic {
padding : 5px;
border-bottom : 1px solid #f3f3f3;
} 


P.cartbasic {
font-size : 80%;
} 


TD.carttotal {
padding : 5px;
border-bottom : 1px solid #f3f3f3;
} 



P.carttotal {
font-weight : bold;
} 




/* Progress bar styles, applies to progress bar area */

.pb {
color : #5497ae;
padding: 9px 12px 9px 12px;
float: left;
margin: 0 14px 0 0;
}


.pbactive {
background-color: #edf5f7;
border: 1px solid #c7e6f1;
}


.pbinactive {
border: 1px solid #c7e6f1;
color : #82bbce;
background-color : #ffffff;
}

#sisaltoteksti {
    margin: 0 0 0 25px;
}

/* TUOTEKATEGORIAT */ 


.kategoria_thumbs{
width: 140px;
height: 185px;
margin: 0 13px 0 0;
float: left;
}
.kategoria_thumbs_rivi_4 {
width: 615px;
height: 185px;
float: left;
margin: 0px 0 0 0px;
}
.kategoria_thumbs_text{
text-align: center;
padding: 2px;
width: 134px;
height: 166px;
border: 1px dashed #ccdddd;
background-color: #eaf5f4;
}
.kategoria_tuotenimi a{
font-size: 12px;
text-decoration: none;
}
.kategoria_tuotekuva {
width: 134px;
height: 134px;
margin-bottom: 2px;
background-color: #FFFFFF;
position: relative;
}

/* *** */

div.otsake
{
	clear: both;
	padding-top: 5px;
	padding-bottom: 8px;
	font-weight: bold;
}

div#toimitustapa_info
{
	float: left;
	width: 298px;
	margin-left: 17px;
	border-left: 2px solid lightblue;
	/* border-right: 2px solid lightblue; */
	padding-left: 10px;
}

div#maksutavat
{
    float: left;
    padding-top: 0px;
    padding-bottom: 20px;
}

#info_tooltip
{
    display:none;
    /* background:url(logos/white.png) no-repeat;*/
    background-color: #C2E6EA;
    border: 1px solid blue;
    /* height:180px; */
    /* padding:35px 25px 25px 40px;*/
    padding: 5px;
    width:360px;
    font-size:11px;
    color:black;
}


div.maksutapa
{
    text-align: left;
    float: left;
    border: 1px solid black;
    width: 100px;
    height: 70px;
    padding: 4px;
    margin: 4px;
    background-color: #C2E6EA;
}

div.maksutapa img
{
	width: 60px;
}

#osamaksu_maksuajat {
	display: none;
	position: absolute;
	top: -1px;
	left: 117px;
	width: 153px;
	height: 98px;
	border: 1px solid black;
	padding: 4px 0 0 2px;
	background-color: #C2E6EA;
}

div.maksutapa radio
{
}

div.maksutapa a
{
	float: right;
}


div.maksutapa p
{
    text-align: left;
    width: 90px;
    line-height: 13px;
}

div#toimituskulut
{
	clear:both;
	height:28px;
	margin: 0px;
	padding-top: 12px;
	padding-bottom: 4px;
	line-height: 16px;
	font-weight: bold;
}

.activate_tooltip
{
    display:none;
    background:url(logos/white.png) no-repeat;
    height:80px;
    padding:35px 25px 25px 40px;
    width:160px;
    color:black;
}
.activate_tooltip input
{
	margin-bottom: 2px;
}
span.close
{
	float: right;
	/* padding: 0px 4px 0px 0px; */
	padding: 25px 6px 0px 0px;
	font-size: 11px;
}
/*
#activate_cc_tooltip
{
    display:none;
    background:url(logos/white.png) no-repeat;
    height:80px;
    padding:35px 25px 25px 40px;
    width:160px;
    font-size:11px;
    color:black;
    line-height: 30px;
}
#activate_cc_tooltip input
{
	margin-bottom: 2px;
}
*/

/*
.info_wrapper
{
	margin-bottom: 10px;
}
*/
.info_wrapper p
{
	margin-top: 0px;
	/*margin-bottom: 0px;*/
}

#login_tooltip
{
    display:none;
    z-index: 9999;
    background:url(logos/white_big.png) no-repeat;
    height:150px;
    padding:38px 30px 30px 30px;
    width:310px;
    font-size:11px;
    color:black;
    line-height: 30px;
}

form#submit_order td p
{
	margin: 0px;
}
div#tilauslomake h2
{
	margin-bottom: -4px;
}

div#tilauslomake
{
	display: block;
	position: relative;
	background-color: white;
	padding: 10px 10px 30px 30px;
	border: 3px solid lightblue;
}

div#tilauslomake_mask
{ /* set from js. */
}

p.ajax_message {
	margin: 0;
	font-weight: bold;
}


/* *** */

/* Web Monkey lisäys alkaa: Tuotearvostelut. */
div.product_review {
	margin-top: 20px;
}

div.product_review div {
	float: left;
}

div.label {
	clear: both;
	margin: 3px 0 14px 14px;
	width: 120px;
}
.error {
	color: red;
}

div.kommentti {
	font-family: Verdana, Arial;
	font-size : 100%;
	margin-top: 4px;
	margin-bottom: 10px;
}
div.kommentti img {
	height: 12px;
}
div.kommentti_header {
	width: 558px;
	height: 12px;
	font-weight: bold;
	margin-bottom: 3px;
}
div.kommentti_header span.nimi {
	float: left;
}
div.kommentti_header span.tahdet {
	float: right;
	margin-top: 7px;
}
div.kommentti_alku {
	background-image: url(kuvat/puhekupla.gif);
	background-position: 0 0px;
	background-repeat: no-repeat;
	height: 10px;
}
div.kommentti_teksti {
	background-image: url(kuvat/puhekupla_keskiosa.gif);
	background-repeat: repeat-y;
	padding: 4px 0px 0px 10px;
	width: 558px;
}
div.kommentti_teksti div {
	margin-right: 10px;
	padding-right: 6px;
	line-height : 140%;
}
div.kommentti_loppu {
	background-image: url(kuvat/puhekupla.gif);
	background-position: 0 -78px;
	background-repeat: no-repeat;
	height: 10px;
}
p.vastaus {
	margin: 0px;
	padding-top: 0px;
	color: blue;
}

/* Web Monkey lisäys päättyy. */