/* 
    Document   : style.css
    Created on : 7.12.2009, 17:02:27
    Author     : Bela Borbely
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
  display: block;
}

body
{
  background-color: #dfd;
  color: #333;
  font-family: arial, verdana, tahoma, sans-serif;
  font-size: 85%;
  margin: 0;
  padding: 0;
  text-align: left;
}

img.products, img {border: 0px solid white;
}

td {
  margin: 0;
  padding: 0;
}

p {margin-bottom: 0.8em;}

table {
  border-collapse: collapse;
}

select,input {
    font-size: 10pt;  color: #000; padding: 0px; margin: 0px;
}
input {padding: 0px 2px 0px 2px;}


#ekataulu {
  background: #fff;
  /* otan hetkeksi pois...  url('kuvat/aniukko.gif') 70% 100% no-repeat; */
  margin: 0 auto 20px auto;
  width: 1000px;
  max-width: 1200px;
}
table#headertaulu {
  /* Taulu jossa logo, kategoriavalikko jne */
  background: url('/kuvat/header3d.jpg') 0px 0px no-repeat;
  border-bottom: 1px solid white;
  height: 153px;
}
td#headerkuva {height: 117px; padding-right: 50px;}
table#tuotevalikko {
  margin-right: 4px;
  margin-left: auto;
}
#tuotevalikko td {
  /* background-color: #cfc; */
  font-family: arial, sans-serif;
  font-size: 10px;
  border-left: 1px solid white;
  padding: 0px 10px 0px 4px;
  background: url(kuvat/nokka.png) no-repeat bottom left;
  height: 14px;
}
#tuotevalikko td a {
  /* background-color: #cfc; */
  text-decoration: none;
  color: #000;
}

td#valikkokaista {
  width: 240px !important;
  border-right: 1px solid #cc6;
  background-color: #ff9;
}

#headerkuva img {margin-right: 15px; border: 1px solid #ff9;}


/* vanhan koodin alusta */

td.valisolu {
  padding-left:50px;
  padding-left: 6px;
  margin: 0px;
  padding: 0px;
  border: 0px solid yellow;
  background-color: #ff9;
}
td.logoruutu {
  padding: 0px 0px 3px 0px;
  margin: 0px;
  border: 0px solid blue;
  background-color: #9f9;
  font-family: arial;
  font-size: 70%;
  text-align: center;
}
td.inforuutu {
  padding: 2px 4px 12px 4px;
  margin: 0px;
  border: 0px solid yellow;
  background-color: #9f9;
  font-family: arial;
  font-size: 70%;
  text-align: center;
}

td.cats {
  font-family: arial, sans-serif;
  font-size: 12px;
  border: 1px solid #696;
  padding: 2px 2px 2px 4px;
}

td.cats a {
  color: #030;
}


div#top_navbar {
  background-color: #ffc;
  padding: 8px 0px 8px 0px;
  margin-bottom: 6px;
}
div#bot_navbar {
  padding-top: 5px;
  padding-bottom: 4px;
}

p.menu, .page_navbar_item, .bot_navbar_item,.current_page_navbar_item {
  font-size: 63%;
  border-left: 10px solid #ff9;
  margin: 0px;
  padding: 1px;
  padding-left: 4px;
  margin: 2px 0px 3px 0px;
}

.page_navbar_item a, .current_page_navbar_item a {
  color: #000;
}
.current_page_navbar_item
{
   border-left: 10px solid rgb(204, 204, 0);
}

.top_navbar_item, .current_top_navbar_item
{
  font-size: 63%;
  /* border-left: 10px solid #dfe; */
  margin: 0px;
  padding: 1px;
  margin: 1px 0px 2px 0px;
  text-align: center;
}

div#tervetuloa {text-align: center; }

h1, h2, h3, h4, h5, h6 {
  color: #063;
  padding: 0px;
  margin: 6px 4px 6px 0px;
}
h1 {font-size: 1.8em; }
h2 {font-size: 1.1em; }
h3 {font-size: 1.0em; }
h4 {font-size: 0.9em; }
h5 {font-size: 0.9em; }

td#sisusolu {
  background: url('kuvat/aniukko.gif') 50% 100% no-repeat;
}

#sisusolu {
  padding: 0;
  padding-bottom: 210px;
  width: 759px;
}

div#page, div#cart, div#tuotetieto, table#category_head, div#user_details, div#login_page, div#admin_product, div#admin_view {margin: 16px;}

.category_img
{
  float: left;
  margin: 5px;
}

#sisusolu .product_img {
  float: left;
  margin: 0px 14px 10px 0px;
  border: 5px solid #ee9;
}

#user_details input {
  font-size: 10pt;
  color: #000;
  background-color: #fff;
  margin: 0px;
  padding: 2px;
  width: 180px;
}
#user_details p {margin-top: 2px;}
#user_details .readonlyfield {background-color: #ccc;}
div#user_details {background-color: #ffd; width: 70%; padding: 10px; margin: 16px auto 16px auto;}

td#category_description {
  padding: 0px 20px 16px 0px;
}
td#filter {
  padding: 8px 0px 2px 0px;
}
#filter td {
  font-size: 0.8em;
}
#prod_taulu th {
  /* background-color: #ddd;
  font-weight: normal; */
  color: #000;
  font-size: 0.9em;
  padding: 3px;
}

.priceTable td.versio_amount {width: 40px;}
.versio_amount input {font-size: 1.0em;}
td.versio_name, td.versio_price {padding: 0px 3px 0px 3px; border-bottom: 1px solid #fdc; font-size: 0.8em;}
td.versio_name {text-align: left; }
td.versio_price {text-align: right; width: 60px;}

table.priceTable {
  width: 100%;
}

#product_list {}
#product_list th {
  text-align: left;
}

.prod_solu h2, .prod_solu h3 {
  margin: 1px;
  padding: 0;
  color: #333;
  font-weight: normal;
}
.prod_solu h2 {font-size: 1.1em; text-decoration: underline;}
.prod_solu h3 {font-size: 0.85em; font-style: italic; }

ul.prod_detail {margin: 4px 2px 4px 10px; padding: 0;}
.prod_detail li {font-size: 0.8em; list-style-type: square;}


div#product_list td img {float: left;}
div#product tr {vertical-align: top;}
#prod_taulu td.prod_solu {padding: 2px 2px 4px 4px; border-left: none;}
#prod_taulu tr.prod_rivi {border-top: 1px solid #666; background-color: #ffc;}

#product_form .tuotevalinnat td, #product_form .tuotevalinnat th {
  padding: 2px;
}
#product_form td {padding-right: 40px;}
#product_form .tuotevalinnat th {
  font-weight: normal;
  text-align: right;
  padding-right: 5px;
}

#matkataulu td {text-align: right; padding-left: 8px;}
#matkataulu th {text-align: left;}
#matkataulu p {margin: 0;}

table.cart { border: 1pt solid #999999; border-collapse: collapse;
}

td.cart { border: 1pt solid #999999; border-collapse: collapse;
          padding-left: 2px; padding-right: 2px;
}
/*
table#cart {width: 100%;}
#cart td {
  padding: 1px 1px 1px 3px;
}
#cart .cart_row td {
  text-align: right;
  border: 1px solid #999;
  font-size: 0.85em;
}
#cart th {font-size: 0.85em; font-style: normal;}
#cart .cart_kulurivi td {
  font-size: 0.85em;
  text-align: right;
}
*/

/*
textarea {
  font-family: palatino, Arial;
  font-size: 10pt; text-decoration: none; color: #000;
  font-weight: normal; padding: 0px;
  padding-left: 5px; padding-bottom: 6px;
  margin: 0px;
}
*/

.red p
{
  color: red;
}

@media screen {
  #sigu { display: none; }
  div#footer_contact {
    /* display: none; */
    clear: both;
    background-color: #279773;
    color: #ff9;
    padding: 3px 0px 3px 0px;
    text-align: center;
     
  }
}

@media print {
  #ylakerta { display: none; }
  #valikkokaista { display: none; width: 10px;}
  #ekataulu { margin: 0px;
              background: none;
              width: 680px;
  }
  /* #alarivi { display: none; } */
  #sisusolu {padding: 12px; width: 660px; border: 1px solid green; background: none;}
  div#footer_contact {font-size: 0.8em; text-align: center;}
}



#main
{
  background-color: white;
  margin-left:auto;
  margin-right:auto;
  padding: 10px;
  text-align: left;
  width: 800px;
}

#header
{
  height: 153px;
  text-align: center;
  width: 800px;
}

#category_navbar
{

}

#middle
{
  width: 800px;
}

#middle_right
{
  float: left;
  width: 400px;
}

#middle_left
{
  float: left;
  width: 400px;
}

#footer
{
  height: 50px;
  text-align: center;
  width: 800px;
}