body {
    background : #C0C0C0;
    font : small Verdana, sans-serif;
    color : #723E23;
  }


h1, h2 {
    font-weight: normal;
  }


h1 {
    font-size: 1.7em;
  }


h2 {
    font-size: 1.45em;
  }


a {
    color: #723E23;
  }


.ayurveda h1, .ayurveda h2 {
    margin-bottom: -.3em;
    padding-bottom: 0;
  }


.jalleenmyyjat dl dt {
    font-weight: bold;
    clear: both;
    float: left;
    width: 100px;
  }


.jalleenmyyjat dl dd {
    margin-left: 100px;
  }


#container {
    background : white url(../images/alapalkki.png) repeat-x bottom;
    margin : 0 auto;
    border : outset #ccc 1px;
    height : 536px;
    position : relative;
    width : 760px;
  }


#content, #uudet #content {
    background : white url(../images/content_bg.jpg) no-repeat -10px -44px;
    float : right;
    width : 500px;
    height: 496px;
    padding: 10px 110px 0 20px;
	overflow: auto;
  }

#sidebar {
    float: left;
    background-position: center;
    height: 507px;
    /* Should be 506px, but to work around an IE bug it's on pixel less */
	width: 130px;
  }


.ayurveda #sidebar {
    background-image: none;
  }


.tuotteet #sidebar, #tuotesivu #sidebar {
    background-image: url(../images/fire.jpg);
  }


.jalleenmyyjat #sidebar {
    background-image: url(../images/earth.jpg);
  }


.ajankohtaista #sidebar {
    background-image: url(../images/air.jpg);
  }


.yhteystiedot #sidebar {
    background-image: url(../images/water.jpg);
  }


/* Hide menu background in IE6 and below because of lack of support for transparent PNG (which is used in the menu) */

* html .tuotteet #sidebar,* html #tuotesivu #sidebar,* html .jalleenmyyjat #sidebar,* html .ajankohtaista #sidebar,* html .yhteystiedot #sidebar {
    background-image: none;
  }


#nav {
    list-style: none;
    margin: 0;
    padding: 0;
  }


ul#nav li {
    position: relative;
    width: 130px;
    padding: 0;
    margin: 0;
    left: 15px;
  }


ul#nav a {
    display: block;
    height: 101px;
    width: 102px;
    text-indent: -9999px;
    background-image: url(../images/icons_transparent.png);
    background-repeat: no-repeat;
    overflow: hidden;
  }


#ayurveda {
    background-position: 0px 0px;
    height: 99px;
    /* Correction due to uneven spaces in picture document */
  }


#ayurveda:hover, .ayurveda #ayurveda {
    background-position: 13px 0px;
  }


#tuotteet {
    background-position: 0px -100px;
  }


#tuotteet:hover, .tuotteet #tuotteet, #tuotesivu #tuotteet {
    background-position: 13px -100px;
  }


#jalleenmyyjat {
    background-position: 0px -204px;
  }


#jalleenmyyjat:hover, .jalleenmyyjat #jalleenmyyjat {
    background-position: 13px -204px;
  }


#ajankohtaista {
    background-position: 0px -306px;
  }


#ajankohtaista:hover, .ajankohtaista #ajankohtaista {
    background-position: 13px -306px;
  }


#yhteystiedot {
    background-position: 0px -408px;
  }


#yhteystiedot:hover, .yhteystiedot #yhteystiedot {
    background-position: 13px -408px;
  }

/* Marks selected page/category in menu */
ul#nav a:hover, .ayurveda #ayurveda, .tuotteet #tuotteet, #tuotesivu #tuotteet, .jalleenmyyjat #jalleenmyyjat, .ajankohtaista #ajankohtaista, .yhteystiedot #yhteystiedot {
    width : 120px;
  }

/* Could be made one single class */
.next, .prev {
    position: absolute;
    font-size: large;
    color: #723E23;
    padding-top: 1px;
    top: 470px;
    left: 400px;
  }


#logo {
    position: relative;
    left: 100px;
    top: 12px;
    margin-top: -18px;
    margin-bottom: 4px;
  }


img.tuotekuva {
    float: right;
    margin: 34px 22px 0 15px;
  }


.tuotteet #content, #tuotesivu #content {
    width: 600px;
    padding-right: 0;
    background-image : url(../images/content_bg_noflower.jpg);
  }


#tuotesivu #content {
    padding-top: 70px;
    height: 436px;
  }


#tuotelista {
    margin-top: -9px;
    padding: 0;
  }


#tuotelista dl {
    float: left;
    display: inline;
    padding: 0;
    margin: 7px 10px;
    width: 127px;
  }


#tuotelista dt, #tuotelista dd {
    padding: 0;
    margin: 0;
    text-align: center;
  }


#tuotelista dt a {
    background-color: white;
    background-repeat: no-repeat;
    background-position: 36px 11px;
    border-bottom: 2px solid #C0C0C0;
    border-right: 2px solid #C0C0C0;
    border-top: 1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
    display: block;
    text-decoration: none;
    font-weight: bold;
    padding: 116px 0 0 0;
    height: 3em;
    width: 127px;
  }


#allercon {
    background-image: url(../images/tuotteet/allercon_web_thumb.jpg);
  }


#amla {
    background-image: url(../images/tuotteet/amla_web_thumb.jpg);
  }


#ashwagandha {
    background-image: url(../images/tuotteet/ashwagandha_web_thumb.jpg);
  }


#brahmi {
    background-image: url(../images/tuotteet/brahmi_web_thumb.jpg);
  }


#breathfree {
    background-image: url(../images/tuotteet/breathfree_web_thumb.jpg);
  }


#digestol {
    background-image: url(../images/tuotteet/digestol_web_thumb.jpg);
  }


#memorica {
    background-image: url(../images/tuotteet/memorica_web_thumb.jpg);
  }


#neem {
    background-image: url(../images/tuotteet/neem_web_thumb.jpg);
  }


#triphala-guggulu {
    background-image: url(../images/tuotteet/triphala-guggulu_web_thumb.jpg);
  }


#triphala {
    background-image: url(../images/tuotteet/triphala_web_thumb.jpg);
  }


#tuotelista dt a:active {
    border-bottom: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
    border-top: 2px solid #C0C0C0;
    border-left: 2px solid #C0C0C0;
  }


.scrollable #content {
    overflow : scroll;
  }

* html .scrollable #content {
    display : inline;
  }

#mainospalkki {
    list-style: none;
	position: absolute;
	bottom: 30px;
    margin: 0;
    padding: 0;
}

#mainospalkki li {
	display: inline;
}

#mainospalkki a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 130px;
	width: 130px;
	float: left;
	margin: 5px;
	padding-top: 10px;
}
/*#mainospalkki #remu {
  	background: url(/images/buttonit-kilpailu.png) 0px 10px no-repeat;
  }
#mainospalkki #remu:hover {
  	background: url(/images/buttonit-kilpailu.png) 0px 0px no-repeat;
  }
*/
/*
#mainospalkki #vierailu {
  	background: url(/images/buttonit-kilpailu.png) -130px 10px no-repeat;
  }

#mainospalkki #vierailu:hover {
	background: url(/images/buttonit-kilpailu.png) -130px 0px no-repeat;
  }
*/
#mainospalkki #uudet {
  	background: url(/images/buttoni.png) 0 10px no-repeat;
  }

#mainospalkki #uudet:hover {
  	background: url(/images/buttoni.png) 0 0px no-repeat;
  }


#tilaus td, #tilaus th {
	text-align: right;
}
#tilaus table .name {
	text-align: left;
	width: 30%;
}
#tilaus table .amount {
	width: 15%;
}
#tilaus table .price {
	width: 30%;
}
#tilaus table .order {
	width: 25%;
}