﻿body
{
}

h1
{
	font-family: Tahoma, sans-serif;
	font-weight: bold;
	color: #CC3300;
	font-size: 18px;
	margin-top: 0px;
}

p.info
{
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	background-color: #FFFFCC;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	margin: 10px;
}

div.matkapic
{
	border-style: outset;
	border-width: 1px;
	background-color: #FFFFFF;
	top: 350px;
	left: 500px;
	position: absolute;
	padding: 10px 10px 10px 10px;
}

.normal
{
	font-family: Tahoma, sans-serif;
	font-size: 12px;
}

.large
{
	font-family: Tahoma, sans-serif;
	font-size: 15px;
	font-weight: bold;
}


.small
{
	font-family: Tahoma, sans-serif;
	font-size: 10px;
}

.smallbtn
{
	border-style: outset;
	border-width: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #CCCCCC;
	color: #000000;
}


.divNavLinks
{
	background-color: #FFFFFF;
	border-style: outset;
	border-width: 1px;
	padding: 5px;
}

.textBlinking
{
	text-decoration: blink;
}

.statusHeader
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	background-color: #FFFFCC;
	border-style: outset;
	border-width: 1px;
	padding: 3px;
}

.divCenteredContainer
{
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}

.divAbsoluteContainer
{ 
	position: absolute;
	width: 800px;
}
.divCenterPicture
{
	z-index: 10;
	position: relative;
	left: 100px;
	top: 400px;
}

.divContentBackground
{
	border-style: outset;
	border-width: 1px;
	z-index: 50;
	position: absolute;
	width: 640px;
	left: 000px;
	height: 400px;
	top: 50px;
	background-color: #FFFFFF;
	filter:alpha(opacity=50);   /* Internet Explorer       */
    moz-opacity:0.5;           /* Mozilla 1.6 and below   */
    opacity: 0.5
}

.divMainButtons
{
    z-index: 100;
    position: absolute;
    left: 000px;
    width: 640px;
    top: 18px;
}

.divMainLogo
{
    z-index: 80;
    position: absolute;
    left: 100px;
    width: 540px;
    top: 7px;
}

.divContent
{
	z-index: 100;
	position: absolute;
	left: 000px;
	width: 640px;
	top: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}

.divBasket
{
	border-style: outset;
	border-width: 1px;
	z-index: 101;
	position: absolute;
	left: 645px;
	width: 200px;
	top: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.divBasketPicture
{
	position: absolute;
	z-index: 150;
	top: 50px;
	left: 710px;
}

.divNextPrevButtons
{
	position: absolute;
	/* border-style: outset;
	border-width: 1px; */
	z-index: 101;
	top: 455px;
	left: 0px;
}

.divFocusArrowContainer
{
	position: absolute;
	/* border-style: outset;
	border-width: 1px; */
	z-index: 101;
	top: 500px;
	left: -40px;
}

h1
{
  color: #ff5900;
}

.item {
  height: 200px;
  float: left;
  overflow: hidden;
  width: 320px;
}

.item .pic {
  width: 115px;
  height: 145px;
  float: left;
  margin-left: 5px;
  overflow: hidden;
  text-align: center;

}

.item .info {
  width: 190px;
  float: right;
  overflow: hidden;
}

.item img {
  border: 0px;
}

.item .info h1 a {
  color: #ff5900;
  text-decoration: none;
}

.item .info h1 a:hover {
  text-decoration: underline;
}

.item .productDesc {
  height: 60px;
}

.price {
  font-weight: bold;
}

.item .itemform {
        padding: 10px 0px 0px 0px;
}

.orderamount {
        width: 40px;
}

.submitText {
        margin: 0px;
        padding: 0px 0px 2px 0px;
        border: none;
        width: 88px;
        height: 21px;
        background: url(bg/orangeSmaller.jpg) no-repeat;
        #background: url(bg/lisaa_ostoskoriin.jpg) no-repeat;
        color: #fff;
        cursor: pointer;
        font-size: 11px;
}

.submitText2 {

        border: none;
        background: url(bg/lisaa_ostoskoriin.jpg) no-repeat;
        cursor: pointer;
}

.itemlarge {
  height: 300px;
  float: left;
  overflow: hidden;
  width: 600px;
}

.itemlarge .pic {
  width: 200px;
  height: 400px;
  float: left;
  margin-left: 5px;
  overflow: hidden;
  text-align: center;

}

.itemlarge .info {
  width: 370px;
  float: left;
  margin-left: 20px;
  overflow: hidden;
}

.itemlarge img {
  border: 0px;
}

.itemlarge .info h1 a {
  color: #ff5900;
  text-decoration: none;
}

.itemlarge .info h1 a:hover {
  text-decoration: underline;
}

.itemlarge .productDesc {
  height: 60px;
}

.itemlarge .itemform {
        padding: 10px 0px 0px 0px;
}

