/*
  $Id$

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2010 osCommerce

  Released under the GNU General Public License
*/
.ui-widget {
  font-family: Verdana, Tahoma, Lucida Grande, Lucida Sans, Arial, sans-serif;
  font-size: 14px;
}


body {
color: #222;
padding: 0;
margin: 0;

/* - 22.06.2014 - */

background-attachment: fixed;    	
background-repeat: repeat -y;
background-position: center bottom;
margin: 0px;
/* background-image:url(images/pohja3.gif);  */
 background: #b4b4b4; 
}

#bodyWrapper {
position: relative;
background: #ffffff;
/* - 22.06.2014 - */
padding: 10px 10px 10px 10px;
margin: 0 auto; /* margin of 0 and auto to center */
width: 85%;
margin-top: 15px;
margin-bottom: 15px;
border-radius: 6px;
/* -- */
/*background:#f0f3fd;  */
background-attachment: fixed;
background-repeat:no-repeat  50% 50%;
background-position: center top;

/* background-image:url(images/tausta2.gif);  */

box-shadow:0px 0px 15px #333333;
-webkit-box-shadow: 0px 0px 15px #333333;
-moz-box-shadow: 0px 0px 15px #333333;
 
/* For WebKit (Safari, Google Chrome etc) */
background: -webkit-gradient(linear, left top, right top, from(#FFF), to(#FFF)); 

/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(left top, #FFF, #FFF); 

/* IE */
background: linear-gradient(to right, #FFF, #FFF); 
}

#header, #main, #bodyContent, #columnLeft, #columnRight, #footer {
background: none;
position: relative;
height: auto;
}

#columnLeft, #columnRight {
overflow: visible !important;
margin-top:-.5%;
}






/* ##############################################################################
# # osCommerce default css - font types, sizes, and legacy classes removed      #
# #############################################################################*/

/* 17.07.2014 Muokattu Yläpalkki lisäyksen vuoksi */
/*
#header {
  height: 60px;
}
*/
/*
#header {
height: 100%;
}
*/
#header {
height: 162px;
}

#header_tausta {
height: 150px;
background: #ffffff url("images/header/header_tausta_selega.png") no-repeat;
/* background: #6e6466 url("images/header/header_tausta_musta6.png") repeat-x; */
/* background: #161616 url("images/header/header_tausta_musta5.png") repeat-x; */
/* background: #161616 url("images/header/header_tausta_musta4.png") repeat-x; */
/* background: #161616 url("images/header/header_tausta_musta3.png") repeat-x; */
/* background: #24212c url("images/header/header_tausta_musta.png") no-repeat; */
/* background: #24212c url("images/header/header_tausta_sin6.png") no-repeat; */
/* background: #f5f9fa url("images/header/header_tausta_sin5.png") no-repeat; */
/* background: #0e297a url("images/header/header_tausta_sin4.png") no-repeat; */
/* background: #00109b url("images/header/header_tausta_sin3.png") no-repeat; */
/* background: #012cb9 url("images/header/header_tausta_sin2.png") no-repeat; */
/* background: #7b94ca url("images/header/header_tausta_sin.png") no-repeat;  */
/* background-image: url(images/header/header_tausta_sin.png);  */

    /* For WebKit (Safari, Google Chrome etc) */
   /* background: -webkit-gradient(linear, left top, right top, from(#FFF), to(#989ef6)); */
    /* For Mozilla/Gecko (Firefox etc) */
   /* background: -moz-linear-gradient(left top, #FFF, ##989ef6); */
    /* IE */
   /* background: linear-gradient(to right, #FFF, #989ef6); */
}

#header_mobile {
height: 50px;
}


#header_tausta_mobile {
height: 50px;
}

#storeLogo {
  float: left;
  margin-top: 5px;
}

#headerShortcuts {
 float: right;
 margin-bottom: 15px;
/* background-color:#FFF; */
}

.contentContainer {
  padding-bottom: 10px;
}
/* 14.02.2015 Lisätty padding molemmille reunoille (product_info, widerruf_form, checkout_shipping, checkout_payment, contact_us). */
.contentContainer2 {
  padding-bottom: 10px;
  padding-left: 4px;
  padding-right: 4px;
}
.infoBoxContainer {
  min-height: 20px;
  padding: 0;
  margin-bottom: 16px;
}

.infoBoxHeading {
  display: block;
  padding:0 8px;
  line-height: 28px;
  vertical-align: middle;
  border-bottom:none;
}
.infoBoxContents {
 padding:3px 12px;
 color: #fff; 
}

.productListTable {
 /* padding: 2.5px; */
   padding: 2px 2px 2px 2px;
}
/* checkout_shipping.php header */
.productListTable2 {
 /* padding: 2.5px; */
  padding: 2px 2px 40px 2px;
}


.fieldKey {
  width: 150px;
}

.fieldValue {

}

img {
  border: 0;
}
textarea {
 width:99%;
}
#piGal ul {
  list-style-type: none;
}

#piGal .outer {
  margin-left: -30px;
}

#piGal {
  float: right;
  width: 250px;
}

#piGal img {
  -webkit-box-shadow: 0px 0px 1px #000;
  -moz-box-shadow: 0px 0px 1px #000;
  max-width: 250px;
  height: auto;
}

/*
#piGal img {
  max-width: 250px;
  height: auto;
}
*/
.buttonSet {
  clear: both;
}

.buttonAction {
  float: right;
}



a {
  color: #000000;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}


tr.header { 
}



tr.headerError {
  background: #ff0000;
}



tr.headerInfo {
  background: #00ff00;
}


table.productListing {
  border: 1px;
  border-style: solid;
  border-color: #81bb49;
  border-spacing: 1px;
}

.productListingHeader {
  table-layout: fixed;
}

.productListingHeader a:hover {
  color: #FFFFFF;
}

.productListingData {
  table-layout: fixed;
}

a.pageResults {
  color: #0000FF;
}

a.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}
.newItemInCart {
  color: #ff0000;
}
.greetUser {
  color: #f0a480;
  font-weight: bold;
}

.markProductOutOfStock {
  color: #c76170;
  font-weight: bold;
}
.productSpecialPrice {
  color: #ff0000;
}

.errorText {
  color: #ff0000;
}











/* ##############################################################################
# # Typography - - Cross-Browser - Cross-System Friendly Font set               #
# #############################################################################*/
@font-face {
  font-family: "PT Serif Caption";
  font-style: normal;
  font-weight: 400;
  src: local("PT Serif Caption"), local("PTSerif-Caption"), url(https://themes.googleusercontent.com/static/fonts/ptserifcaption/v4/7xkFOeTxxO1GMC1suOUYWWhBabBbEjGd1iRmpyoZukE.woff) format('woff');
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzJ1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTZ1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  src: local("Open Sans Extrabold"), local("OpenSans-Extrabold"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hp1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/K88pR3goAWT7BTt32Z01mz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

body { 
line-height: 1.231; font-size-adjust:none;
}
body, p, div, table, table tbody tr td, .contentText {
 /* font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; */
 /* font-weight: 300; */
 /* 26.04.2015 Muuttaa tekstin vahvuuden kaikkialla lukuunottamatta otsikoita pientä tekstiä jne. Ei linkeissä. */
 font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 11pt;
  letter-spacing: 0.02em;
  font-smooth: always;
}
a, label, address, button, input[type="button"], input[type="reset"], input[type="submit"], .ui-button-text, table thead tr th, table thead tr td, nav, cite, q, .fieldKey {
 /* font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; */
 /* font-weight: 400; */
 /* 26.04.2015 Muuttaa tekstin vahvuuden linkeissä mm reunaboxeissa. */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-smooth: always;
}
h1, .h1, .pageHeading {
 /* font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; */
 /* 26.04.2015 Muuttaa tekstin vahvuuden Otsikko h1. */
 /* font-weight: 200; */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 20pt;
  letter-spacing: 0.00em;
  line-height: 26pt;
  font-smooth: always;
  color: #596457;
  
}
h2, .h2 {
 /* font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; */
 /* 26.04.2015 Muuttaa tekstin vahvuuden */
 /* font-weight: 200; */
 font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16pt;
  letter-spacing: 0.01em;
  line-height: 24pt;
  font-smooth: always;
  color: #596457;
  
}
h3, .h3 {
 /* font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; */
 /* 26.04.2015 Muuttaa tekstin vahvuuden */
 /* font-weight: 200; */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14pt;
  letter-spacing: 0.01em;
  line-height: 22pt;
  font-smooth: always;
  color: #596457;
  
}
h4, .h4, .infoBoxHeading, .infoBoxHeading a, header, legend  {
 /* font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; */
 /* 26.04.2015 Muuttaa tekstin vahvuuden */
 /*  font-weight: 300; */
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-weight: 400;
 font-size: 14pt;
 letter-spacing: 0.01em;
 /* 27.08.2014 infoboxotsikko korkeus */
 /* line-height: 20pt; */
 line-height: 22pt;
  font-smooth: always;
}
h5, .h5 {
  /* font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 12pt;
  letter-spacing: 0.01em;
  line-height: 18pt;
  font-smooth: always;
  color: #596457;
  
}
h6, .h6 {
  font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 11pt;
  letter-spacing: 0.01em;
  line-height: 16pt;
  font-smooth: always;
}

h1 small, h2 small, h3 small, .h1 small, .h2 small, .h3 small, h1 .smallText {
  font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 200;
  letter-spacing: 0.01em;
  font-smooth: always;
  font-size: 70%;
}
  
h4 small,  h5 small, h6 small, .h4 small,  .h5 small, .h6 small {
  font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  letter-spacing: 0.01em;
  font-smooth: always;
  font-size: 85%;
} 
blockquote, figcaption, caption {
  font-family: 'PT Serif Caption', sans-serif, serif !important;
  font-weight: 300;
  letter-spacing: 0.02em;
  font-smooth: always;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .pageHeading {
margin: 5px 0 10px 0;
padding: 0;
}
small, .orderEdit, .smallText, .checkoutBarFrom, .checkoutBarTo, .checkoutBarCurrent, .inputRequirement {
 font-weight: 400;
 font-size: 88%;
}

p.indent:first-letter {
  padding-left: 1em;
}
p.raise-cap:first-letter {
font-size: 1.5em; 
}
p.drop-cap:first-letter { 
  float: left;
  font-weight: 200;
  font-size: 3em;
  letter-spacing: 0.00em;
  line-height: 26pt;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px; }
.headline {
  font-size: 1.1em;
  line-height:16pt;
  padding-top: 6px;
}
.text-justify {
 text-align:justify;
 text-justify:newsletter;
}
caption {
  font-size: 1em;
  line-height: 18pt;
}
/* # # Typography - - Cross-Browser - Cross-System Friendly Font set  LOPPUU */

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 12px; color: #cc0033; }
.productsNotifications { background: #e7e7e7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #4f65aa; text-decoration: underline; }

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
/*  background: #ffffff; */
}



TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}



TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}



.productListingHeader {
  table-layout: fixed;
  color: #FFFFFF;
  font-weight: bold;
}

.productListingHeader A:hover {
  color: #FFFFFF;
}

.productListingData {
  table-layout: fixed;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #eaeaea;
  border-color: #81bb49;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 14px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #c5c5c5; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #949494; }

.checkoutBarFrom, .checkoutBarTo { color: #8c8c8c; }
.checkoutBarCurrent { color: #000000; }

/* message box */

/*
.messageBox { }
.messageStackError, .messageStackWarning {  background-color: #ffb3b5; }
.messageStackSuccess { background-color: #99ff00; }
*/
/*  14.02.2015 Asennettu CSS message stack */
.messageBox{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); font-size: 13px; padding: 8px 35px 8px 14px; border-radius: 4px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;}
.messageStackError,.messageStackWarning{background-color: #f2dede; border-color: #eed3d7; color: #b94a48;}
.messageStackSuccess{color: #468847; background-color: #dff0d8; border-color: #d6e9c6;}


/* input requirement */

.inputRequirement { color: #ff0000; }

/* buttons */

.tdbLink a { }

.tdbLink button { }

/* account link list */

.accountLinkList {
  list-style-type: none;
  margin: 2px 2px 2px 10px;
  padding: 5px;
}
.accountLinkListEntry {
  float: left;
  margin-right: 5px;
}

/* ********************************************************************* */
/* Alkaa lisäykset verratuna alkuperäiseen */


/* vaakaviiva lisäys  */
hr 
{ 
border:none; 
border-top:1px #b2b3b8 solid;
height: 1px;
}

/*** 02.07 new_products, featured, specials, product_listing.php, products_new.php muokkaus etusivulle*/
/* HOX HOX Leveys  width määrää, kuinka monta saraketta mahtuu */

.tuotepohja {
  width: 860px;  
  padding: 0px;
  padding-left: 16px;
  margin:0px 0px 0px 4px;
  float: left;
  vertical-align: top;
}


/*** 14.07 front_page lisäosa muokkaus new_products, featured, specials etusivulle*/
.tuotepohja2 {
  width: 860px;
  padding: 0px;
  padding-left: 16px;
  margin: 0px 0px 0px 4px;
  float: left;
  vertical-align: top;
}


.cuadroProducto {
  float: left;
  width: 200px;
/* height: 180px; */
  height: 450px; 
  border: solid 1px #81bb49;
  -moz-box-shadow: 0px 2px 0 #74B825;
  -webkit-box-shadow: 0px 2px 0 #74B825;
  box-shadow: 0px 0px 0 #74B825;
  /* margin: 0px 12px 5px 0px; */
  margin: 0px 2px 4px 4px; 
  border-radius: 5px;
  display: block;
  text-decoration: none !important;
}


.espacioMedio {
 height: 59px;
 font-family: Verdana, Arial, sans-serif;
 background: #e6e8e5;
 font-weight: bold;
 font-size: 12px;
}

.footerProducto {
  height: 30px;
 /*  border-top: solid 1px #7b9ebd; */
 /* background-color: #aabbdd; */
  border-radius: 0px 0px 5px 5px;
  /* line-height: 30px; */
}

.clearfix {
  min-height: 1px;
}
/** new_products muokkaus loppuu */


.tuoteKehys {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
border: 1px;
border-style: solid;
text-align : center;
vertical-align: middle;  
/* font-weight: bold; */
color: #333b5e;  
/* width: 200px;  */
border-color: #81bb49;
}  


/*  Alkaa 06_07_2014 - Footer Boxes  */
.boxes_footer {
float: left; position: relative; left: 50%; }

ul.boxes_footer_cent { 
list-style-type: none; margin: 0; padding: 10px 10px 10px 5px; position: relative; left: -50%; }

ul.boxes_footer_cent li2 {
width: 220px; height: 150px; float: left; background: #ffffff; margin: 5px 5px 5px 5px; border: 1px solid #81bb49; border-radius:5px; -moz-border-radius:2px; -webkit-border-radius:2px;}

.boxes_footer li a { 
padding: 5px 0px 0px 10px; padding-left: 5px; display:inline-block; }

.boxes_footer ul { 
list-style:none; }

.linea-separadora { 
margin-top: 3px; height:1px; background:#ffffff; border-bottom:1px solid #81bb49; }

/* Loppuu 06_07_2014 - Footer Boxes  */


.grupo_hostienda {
	list-style: none;
	margin-left: -11px;
}
.bg_list_sub {
	margin-left: 15px;
}

/****** Ylapalkki listaus ********/
/*
div#list-menu {
width: 100%;
}

div#list-menu ul {
margin: 0; 
padding: 0;
list-style-type: none;
} 

div#list-menu li {     
margin: 0 0 0;
} 

div#list-menu a {
display: block;
width:100%;
padding: 0px 0px 2px 0px;
text-decoration: none; /*lets remove the link underlines*/     
} 

div#list-menu a:link, #list-menu a:active, #list-menu a:visited {
font-family: Verdana, Arial, sans-serif;
color: #4d3333;
/* padding: 18px 0px 14px 0px; */
margin: 1px; 
padding: 12px 0px 10px 0px;
background: url('images/header/navi.gif'); 
}

div#list-menu a:hover {
font-family: Verdana, Arial, sans-serif;
color: #4d3333;
background: url('images/header/navi_hoover.gif');       
}
*/

/****** 14.12.2015 header ylapalkki ********/

	#otsikko {
	display: table-row;
	border: 1px solid #fff;
	}

	#row {
	display:table-row;
	margin: 1px; 
	background: #adadad url("images/ui-bg_highlight-soft_35_adadad_1x100.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #c77405;

	}

	#cell {
	display: table-cell;
	padding: 10px 6px 10px 6px;
	border: 1px solid #81bb49;
	height: 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #c77405;
	text-align: center;
        vertical-align: middle;
        border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	}

	#cell:hover {	
	background: #dddddd url("images/ui-bg_highlight-soft_60_dddddd_1x100.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #ffffff;
	/*border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	*/
	}

	div#cell a {
	display: block;
	width:99%;	
	text-decoration: none; /*lets remove the link underlines*/     
	} 

	div#cell a:link, #cell a:active, #cell a:visited {
	/* background: url('images/header/navi_hover.gif'); */
	}

/****** 14.12.2015 header ylapalkki LOPPUU ********/

/* HeaderNavigation määritykset*/
/* 18.07.2014 Siirretty tähän kaikki */

TR.headerNavigation {
align: right;    
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
 /* border-top: 0; border-right: thin double #949494; border-bottom: 0; border-left: 0;  */
}

A.headerNavigation { 
font-family: Verdana, Arial, sans-serif;
color: #000000;
font-size: 16px;   
}

A.headerNavigation:hover {
font-family: Verdana, Arial, sans-serif;
font-size: 16px;
color: #4f4f58;
text-decoration: none;
}

/* 21.07.2014 All Products SEO */
/*** Begin All Products SEO ***/
.allproductsBox { font-family: Verdana, Arial, sans-serif; font-size: 14px; color: #ffffff; padding:0px 5px}
a.allproductsBox { color: #999999; }
a.allproductsBox:hover { color: #666666; }
.allproductPriceHdr {
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
 background: #bbc3d3;
 color: #000;
 font-weight : bold;
}
.allproductPriceSubHdr {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 background: #ddd;
 color: #000;
 font-weight : bold;
}
tr.allproductPriceRows1 { background: #F8F8F9; }
tr.allproductPriceRows2 { background: #fff; }

/*** End All Products SEO ***/



/* star product pimped start */
.starTitle{
  font-family: Verdana, Arial,  sans-serif; font-size: 16px; color: #2e90bd; font-weight : normal;} 
.starName {
 margin: -4px 5px 5px 0;}   
.starName a{
 font-family: Verdana, Arial; font-size: 14px; font-weight: bold; color: #ff0000; margin:20px 4px 4px 0;}   
.starImg{
 font-family: Verdana, Arial; font-size: 24px; font-weight: normal; color: #1f79b6; float:left; padding: 0 40px 0 60px}  
.starProdDesc{ font-family: Verdana, sans-serif; font-size: 12px; color: #808080; }  
.starPrice{
 font-family: Verdana, sans-serif; font-size: 14px; font-weight: bold; color: #ffffff; padding: 10px 0 0 8px; float:left; }  
.starOutline {
 border: solid #c5dbec; border-width:0px; margin-bottom:3px; background-image:url(images/star_img.gif); background-repeat:no-repeat; background-position:2px 2px; height:150px; margin: 5px 0 10px 0;}
/* star product pimped end */

/*  16.03.2015 muokattu tuotelistausten edellinen - seuraava sivu */
A.pageResults {
 background: #ffffff;
 color: #686666;
 border: 1px solid #bdb9b9;
 padding: 0px 2px 0px 2px;
}
A.pageResults:hover {
 color: #686666;
 background: #e5e5e5;
 text-decoration: none;
}
.pageResults-active {
 display: inline;
 height: 15px;
 width: 8px;
 color: #ffffff;
 background: #bcbcbc;
 border: 1px solid #cccccc;
 padding: 0px 2px 0px 2px;
}



/* 22.03.2015 yläpainikkeet */
/*
.infoBoxHeading_yla {
  display: block;
  line-height: 28px;
  vertical-align: middle;
  border-bottom:none;
}
*/

/* 13.05.2015 */
/* Tuotenimen linkki teksti */
/* Etusivulle suosittelemme, uudet tuotteet, tarjoukset */
/* Juuren Suosittelemme, uudet tuotteet, tarjoukset, kaikki tuotteet */
/* Tuotelistaus */
/* Modules/suosittelemme */
a.tuoteNimi {
color: #9a9d9a; 
}
a.tuoteNimi:hover {
color: #696f69;
text-decoration: none;
}

strong { 
font-family: Verdana, Arial;
font-weight: bold;
}

/* Reunaboksi linkkiotsikkot 13.05.2015 */
a.boxLinkki {
color: #383333; 
}
a.boxLinkki:hover {
color: #ffffff;
text-decoration: none;
}

/* 15.05.2015 kaikki Primary painikkeita */
.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:1;filter:Alpha(Opacity=100);font-weight:bold}

/* 23.05.2015 h1 otsikkofontit pienennetty Mobiilia varten  */
.mobileOtsikko {
 height: 50px;
 font-family: Verdana, Arial, sans-serif;
 background: #f0f0ff;
 font-weight: normal;
 font-size: 18px;
 line-height: 18pt;
}

/* 25.07.2015 input kentät, create_account, search, login */
.box {
 height: 22px; 
 text-indent: 10px;
 border: solid 1px #cccccc;
 background: #ffffff;
 vertical-align: text-bottom;
}
.box:hover{
 height: 22px; 
 text-indent: 10px;
 border: solid 1px #666666;
 background: #ffffff;
 vertical-align: text-bottom;
}

/* 25.07.2015 input kentät, create_account, searchbox, loginbox mobile*/
.boxmobile {
 height: 22px; 
 text-indent: 10px;
 border: solid 1px #cccccc;
 background: #ffffff;
}
.boxmobile:hover{
 height: 22px; 
 text-indent: 10px;
 border: solid 1px #666666;
 background: #ffffff;
 vertical-align: text-bottom;
}

/* 09.10 2015 tekee ylapalkkiin otsikoiden välin */
/*
.palkinvali {
background: #ffffff;
height: 10px; 
width: 1px;
 }
 */
 
 /* 29.10.2015 Related products  */
 .cuadroProducto_lyhyt {
   float: left;
   width: 200px;
 /* height: 180px; */
   height: 416px; 
   border: solid 1px #81bb49;
   -moz-box-shadow: 0px 2px 0 #74B825;
   -webkit-box-shadow: 0px 2px 0 #74B825;
   box-shadow: 0px 0px 0 #74B825;
   /* margin: 0px 12px 5px 0px; */
   margin: 0px 2px 4px 4px; 
   border-radius: 5px;
   display: block;
   text-decoration: none !important;
 }
 
 /* 29.10.2015 also purhased products */
 .cuadroProducto_lyhyempi {
   float: left;
   width: 200px;
 /* height: 180px; */
   height: 240px; 
   border: solid 1px #81bb49;
   -moz-box-shadow: 0px 2px 0 #74B825;
   -webkit-box-shadow: 0px 2px 0 #74B825;
   box-shadow: 0px 0px 0 #74B825;
  /* margin: 0px 12px 5px 0px; */
   margin: 0px 2px 4px 4px; 
   border-radius: 5px;
   display: block;
   text-decoration: none !important;
 }

/* 28.12.2015 Image Mouse over start */
#screenshot{
 position:absolute;
 border:2px solid #81bb49;
 background:#FFFFFF;
 padding:1px;
 display:none;
 color:#4c4c4c;
 border-radius: 5px;
 }