/* user.css ----------------------------------------------------------------- */

a {
  color: #7e7e7e;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
font-size: 16px;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #434343;
  text-decoration: underline;
}

body {
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}


/* ************************* Tuote kategorioiden ja tuotteiden hover efekti ******** */
.productHolder {
border: 1px solid #9eb4ff;
padding: 10px;
margin-bottom: 5px;
border-radius: 4px;
-moz-box-shadow:    inset 0 0 5px #9eb4ff;
-webkit-box-shadow: inset 0 0 5px #9eb4ff;
 box-shadow:        inset 0 0 5px #9eb4ff;
 

}

.productHolder:hover {
border: 2px solid #589ed2;
-moz-box-shadow:    inset 0 0 10px #9eb4ff;
-webkit-box-shadow: inset 0 0 10px #9eb4ff;
 box-shadow:        inset 0 0 10px #9eb4ff;

}

.productHolder h2 {
font-size: 1.3em;
}


/***************** 09.08.2020 Kategoria Reunabox painike VäRIT ***************************/

.nav-kategoria > li > a {
  position: relative;
  display: block;
/* Kategoria nimi lähemmäs reunaa */
/* padding: 8px 15px;  */
  padding: 4px 7px; 
/*  background-color: #dce4ff; */
  background: #a0a5ff url("ext/bootstrap/css/images/reunabox_kategoria_sin.png")repeat-x;
  border: 1px solid #fff; 
  color: #7e7e7e;
 /*  font-size: 13px; */
}

.nav-kategoria > li > a:hover,
.nav-kategoria > li > a:focus {
  text-decoration: none;
 /* background-color: #9eb4ff; */
 background: #fbd18e url("ext/bootstrap/css/images/reunabox_kategoria_kelt_hover.png")repeat-x;
 /*border-bottom: 1px solid #9eb4ff;
  border-top: 1px solid #fff;
 */
  color: #6d8200;
 /*  font-size: 14px; */
  border: 1px solid #fff;
}

.nav-kategoria {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
   background-color: #fff; 
}

.nav-kategoria > li {
  position: relative;
  display: block;
  padding-left: 0;
   background-color: #fff;
}


/**************************************** 24.03.2021 tuotehinnan väri **********************/
.tuotehinta {
 color: #19b879;
}

/* 24.03.2021 tarjoustuotteiden alennettu hinta */
.productSpecialPrice {
 font-family: Verdana, Arial, sans-serif;
 color:#e12d2d;
}

/* ***************************** 24.03.2021 body taustaväri ****************************/
.body {
  background-color: transparent;
/*   opacity: 0.9; */
}

/* ************************** 25.03.2021 Alatunniste ******************************* */

/* 25.03.2021 Alatunnisteen alaosan TEKSTI */
.footer-extra {
  background: #fbd79e;
  color: #7e7e7e;
/* 03.11.2021 rivikorkeus muutettu 
  line-height: 3; 
  */
line-height: 2;
}

/* **************************** 25.03.2021 Alatunnisteen alaosan LINKKI VÄRI */
.footer-extra A {
color: #2092ce;
}

/* 25.03.2021 Alatunnisteen alaosan LINKKI HOVER VÄRI */
.footer-extra A:hover {
color: #2185bb;
}

/********************* 25.03.2021 Alatunnisteen yläosa ********************************/ 
.footer {
background: #fee8c5;
border-top: 2px solid #ddd;
}

/* ************************** 25.03.2021 Ylätunniste ******************************* */

/* ****************** 25.03.2021 Ylätunniste (nb_shopping_cart.php ja nb_tiedostot) TAUSTA */
.navbar-no-corners {
border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-left: none;
border-right: none;
background: #fbd79e;
color:#e12d2d;
}

/* ******************************25.03.2021 Ylätunniste LINKKI VÄRI */
 .navbar-default
 .navbar-nav>li>a {
 color:#666666
 }

/* *******************************25.03.2021 Ylätunniste LINKKI HOVER VÄRI */
.navbar-default
 .navbar-nav>li>a:hover {
 color:#333333
 }

/* ******************* 30.03.2021 Reunapalkkien otsikkoväri *********************** */

.panel-default > .panel-heading {
  color: #ffffff;
 /* background-color: #688aff; */
 background: #d5fdd6 url("ext/bootstrap/css/images/reunabox_otsikko.png")repeat-x;

  border-color: #fff;
  padding: 3px 7px;
  font-size: 20px;
}

.panel-default > .panel-heading a{
 color: #fdda85;
 font-size: 20px;
}

.panel-default > .panel-heading a:hover{
 color: #fff;
 font-size: 20px;
}

.panel-default {
  border-color: #dcdef9;
}


/* ****************** 30.03.2021 Kategoria kuvaus taustaväri muutettu */
.well { 
 background-color: #fee8c5;
 border: 1px solid #fef0ce;
 
/*
 -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .05);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, .05);
*/
 -webkit-box-shadow: inset 0 0 0 #fef0ce;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
 -moz-box-shadow:    inset 0 0 0 #fef0ce;  /* Firefox 3.5 - 3.6 */
  box-shadow:        inset 0 0 0 #fef0ce;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}


/* ************************************** 30.03.2021 Breadcrumb  taustaväri muutettu */
.breadcrumb { 
  background-color: #fee8c5;
}


/* ***************************************** 04.04.2021 Hintaraja värit muutettu */

.input-group-addon { 
  background-color: #f6e4c6;  
  border-color: #fef0ce; 
}

/* *********************************** 04.04.2021 catmenu tausta muutettu */

/*

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
background-color: #fef0ce;
} 
*/

 /* ********************** 04.01.2021 Write Reviews Stars ************************/
 
 .wider-column { padding-left:0px; padding-right:0px; }
 .rating { overflow:hidden; vertical-align:bottom; display:inline-block; right:calc(50% - 75px); height:30px; }
 .rating > input { opacity:0; }
 
 .rating > label { 
 position:relative; 
 display:block; 
 float:right; 
 background-image:url(images/star-off.png); 
 background-size:30px 30px; 
 }
 .rating > label:before { 
 display:block; opacity:0; content:''; 
 width:30px; 
 height:30px; 
 background-image:url(images/star-on.png); 
 background-size:30px 30px; 
 transition:opacity 0.3s linear; 
 }
 .rating > label:hover:before,
 .rating > label:hover ~ label:before,
 .rating:not(:hover) > :checked ~ label:before { opacity:1; }
#rating-text { position:absolute; width:100%; top:90px; left:0; margin:0 auto; }

/* ********************************************** 04.01.2022 Säädetty Reviews arvostelutähtien väri  */
.star-full-color{
  color: #ff9900 !important;
}
.star {
  color: #d2cbcb !important;
}




/* ****************************************************** 10.01.2022 logo osion tausta *****************/ 


.storeLogo {
/* background-color: #fff6d6; */
/* background: #fff url("ext/bootstrap/css/images/header_kuva4.png"); */
/* background: #fff url("ext/bootstrap/css/images/tausta13.png"); */
 background-color: #fff6d6; 
/* background-attachment: fixed;    	 
 background-repeat: no-repeat; 
 background-size: cover;
 background-position: center bottom;
 */
/* margin-top: -15px; */
/*  margin-bottom: -15px; */
/* padding-top: -55px; */
}


/* **********************************************************10.01.2021 ul li vihreä tick kuva */
ul{
/* list-style-image:url(images/tick.gif); */
list-style-image:url(images/kuva_kylla4.png); 

font-family: Verdana, Arial, sans-serif;
font-size: 16px;
color: #515f85;
/* line-height: 18pt; */
line-height: 20pt;
}

/* ************************** Boxes sivupalkki leveys 21.01.2022 */

/*
.col-md-2 {
padding-right: 0px;
padding-left: 0px;
margin-right: -15px; 
margin-left: 10px;
}

.col-md-8 {
padding-right: -5px;
padding-left: -5px;
margin-right: 0px;
margin-left: 0px;
}
*/

/*********************************************** 22.01.2022  start "specials/what's new" scroller css********/
#spCarousel.carousel-fade .carousel-inner .item,
#npCarousel.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
#spCarousel.carousel-fade .carousel-inner .active,
#npCarousel.carousel-fade .carousel-inner .active {
  opacity: 1;
}
#spCarousel.carousel-fade .carousel-inner .active.left,
#spCarousel.carousel-fade .carousel-inner .active.right,
#npCarousel.carousel-fade .carousel-inner .active.left,
#npCarousel.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
#spCarousel.carousel-fade .carousel-inner .next.left,
#spCarousel.carousel-fade .carousel-inner .prev.right,
#npCarousel.carousel-fade .carousel-inner .next.left,
#npCarousel.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

#spCarousel.carousel a.btn-primary, #npCarousel.carousel a.btn-primary {
  text-decoration: none;
  outline: 0;
  opacity: 0.5;
}
#spCarousel.carousel a.btn-primary:hover, #npCarousel.carousel a.btn-primary:hover {
  opacity: 1;
}
#spCarousel .content_vAlign, #npCarousel .content_vAlign {
  position: relative;
  top: 48%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
/******** end "specials/what's new" scroller css********/

/* 17.04.2022 tekstikuvan skaalautuminen ****** */
 .banneri {
 max-width: 100%;
 height: auto;
 display:block;
 width: 100%;
 }

/* ****** 17.04.2022 Poistetetu border näkymästä */

.panel-body {
border: 0px solid transparent;
}


/*
.panel {
   border: 0px solid transparent;
}
*/

/* **** 02.01.2016 Referenssi asiakkaat teksti linkki */
/* EI KÄYTÖSSÄ
a.headerNavigation3 { 
font-family: Verdana, Arial, sans-serif;
color: #5068ae;
font-size: 18px; 
font-weight: normal;
text-decoration: none;
    max-width: 100%;
    height: auto;
}

a.headerNavigation3:hover {
font-family: Verdana, Arial, sans-serif;
font-size: 18px;
color: #e17009;
text-decoration: none;
    max-width: 100%;
    height: auto;
}
*/

/* hamburger categoria menu */
/*.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #fcdf98;
}
*/
/* Hamburger button */
.navbar-default .navbar-toggle {
 /*  border-color: #ddd; */
 border-color: #5a63ff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
 /*  background-color: #ddd; */
 background-color: #fff;
}


/*  Logo navbariin */
.navbar-brand > img {
 max-height: 100%;
}
.navbar-brand {
 padding: 0 15px;
 margin: -30;
}

/*.navbar-brand img {
  margin-top: 5px;
 }
 */