/*
  $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: Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif;
  font-size: 11px;
}
*/
/* ##############################################################################
# # jQuery-UI reset                                                                  #
# #############################################################################*/
 /* bug fix- must call this font first on certian themes or the forms blow out? Ideas why? */
.ui-widget input, .ui-widget select, .ui-widget textarea { font-family: Tahoma; }
.ui-state-highlight {
	padding:5px;
}
tr.ui-state-highlight {
	border-left:none;
	border-right:none;
}


.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-button-text, .ui-button, .ui-widget .ui-widget, ui-widget-content, .ui-accordion .ui-accordion-header a  { font-size: inherit; }
.ui-widget-header, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { font-weight:normal; } 
.ui-button-text {   font-size: 9pt; letter-spacing: 0.02em;}
.ui-corner-tl, .ui-corner-tr, .ui-corner-bl, .ui-corner-br, .ui-corner-top, .ui-corner-bottom, .ui-corner-right, .ui-corner-left, .ui-corner-all { background-clip:padding-box; /* prevent corner bleed */ }



/* ##############################################################################
# # Main Frame - choose 1/3rd or 1/4 by commenting one set out & vide versa     #
# #############################################################################*/
/* Please Note: min-height may need changed in both: .two-column-left #bodyContent and .two-column-right #bodyContent depending how many infoBoxes are installed */
html {
height: 100%;
}
body {
color: #222;
padding: 0;
margin: 0;
position: relative;
/* - 22.06.2014 - */
background-attachment: fixed;    	
background-repeat: repeat -y;
background-position: center bottom;
margin: 0px;
/* background: #eef8f9; */
background-image:url(images/pohja.gif); 
/* -- */
}
#bodyWrapper {
position: relative;
/* - 22.06.2014 - */
background:#ffffff;
padding: 10px 10px 10px 10px;
/* -- */
}
#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: 160px;
}


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

#headerShortcuts {
  float: right;
  margin-top: 15px;
}

.contentContainer {
  padding-bottom: 10px;
}
.infoBoxContainer {
  min-height: 20px;

  margin-bottom: 16px;
}

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

.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;
}

.boxText {  }
.errorBox { }
.stockWarning { color: #cc0033; }
.productsNotifications { }
.orderEdit { color: #70d250; text-decoration: underline; }

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


tr.header { 
}



tr.headerError {
  background: #ff0000;
}

td.headerError {
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

tr.headerInfo {
  background: #00ff00;
}

td.headerInfo {
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}


.infoBox {
  
}

table.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  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;
  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;
  font-smooth: always;
}
h1, .h1, .pageHeading {
  font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 200;
  font-size: 20pt;
  letter-spacing: 0.00em;
  line-height: 26pt;
  font-smooth: always;
}
h2, .h2 {
  font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 200;
  font-size: 18pt;
  letter-spacing: 0.01em;
  line-height: 24pt;
  font-smooth: always;
}
h3, .h3 {
  font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 200;
  font-size: 16pt;
  letter-spacing: 0.01em;
  line-height: 22pt;
  font-smooth: always;
}
h4, .h4, .infoBoxHeading, .infoBoxHeading a, header, legend  {
  font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;
  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-weight: 600;
  font-size: 12pt;
  letter-spacing: 0.01em;
  line-height: 18pt;
  font-smooth: always;
  
}
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;
/* 28.08.2014 lisätty padding otsikkoon */
padding: 0px 0px 0px 4px;
}
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 */


.buttonSet {
  clear: both;
}

.buttonAction {
  float: right;
}

.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 : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

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

A:hover {
  text-decoration: underline;
}

FORM {
	display: inline;
}

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


TR.headerError {
  background: #ff0000;
}

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

TR.headerInfo {
  background: #00ff00;
}

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;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.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: 11px;
  line-height: 1.5; 
}

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

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: 10px;
  color: #ff0000;
}

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

TEXTAREA {
/* muokattu 28.08.2014 */
  width: 98%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  border: solid 1px #dbdcf7;
}

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

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

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

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  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: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

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

/* message box */

.messageBox { }
.messageStackError, .messageStackWarning {  background-color: #ffb3b5; }
.messageStackSuccess { background-color: #99ff00; }

/* 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 #d8d9ed solid;
height: 1px;
}

/*** 02.07 new_products, featured, specials, product_listing.php, products_new.php muokkaus etusivulle*/
.tuotepohja {
  width: 600px;  
  padding: 0px;
  padding-left: 1px;
  margin: 0px 0px 0px 0px;
  float: left;
  vertical-align: top;
}

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


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


.espacioMedio {
 height: 59px;
 font-family: Verdana, Arial, sans-serif;
 background: #dbdcf7;
 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: #515f85;  
/* width: 200px;  */
border-color: #d8d9ed;
}  


/*  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: 4px 0px 0px 0px; position: relative; left: -50%; }

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

.boxes_footer li a { 
padding: 0px 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 #d8d9ed; }
*/
/*
h5 {
color: #004c94; text-shadow: 1px 1px 0px #FFFFFF; margin-bottom: 0px; margin-top: 1px; margin-left: 10px; padding-bottom: 5px; }
*/

/* Loppuu 06_07_2014 - Footer Boxes  */


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

/****** Ylapalkki listaus ********/

width: 100%;
/* this width value is also effected by
the padding we will later set on the links. */
}

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%; */
width:99%;
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: #ffffff;
padding: 18px 0px 14px 0px;
background: url('images/header/navi.gif'); 
}

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



/* HeaderNavigation määritykset*/
/* 18.07.2014 Siirretty tähän kaikki */
/*
TD.headerNavigation2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  border-top: 0; border-right: thin double #9EB6FF; border-bottom: 0; border-left: 0;  
  background: url('images/header/navi_vasen.gif');
}

TR.headerNavigation2 {
align: right;
}

TD.headerNavigation2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  align: right;
  color: #1d3886;
}

A.headerNavigation2 {
color: #1d3886; 
}

A.headerNavigation2:hover {
color: #9094c8; 
}
*/

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 #9EB6FF; border-bottom: 0; border-left: 0;  
}

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

A.headerNavigation:hover {
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
color: #434bb5;
text-decoration: none;
}

/* 21.07.2014 All Products SEO */
/*** Begin All Products SEO ***/
.allproductsBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffce00; padding:0px 3}
a.allproductsBox { color: #ff0000; }
a.allproductsBox:hover { color: #00cc00; }
.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 ***/