/* CSS Document */
/*--------Lehe stiilid----------*/
body {
	background-color: #8fb223;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 100%;
	background-image: url(../images/image_01.gif);
	background-repeat: repeat-x;
	}
html {
	height: 100%;
	}
body, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #32383F;
}
a {
	color: #e42822;
	text-decoration: none;
	}
img{
		border:none;
	
}
dl, dt, dd, h1, h2, h3, h4, h5, form {
	margin: 0;
	padding: 0;
	font-size: 12px;
	}
.boxLeftBorder {
	background-image: url(../images/image_26.gif);
	background-repeat: repeat-y;
}
.boxRightBorder {
	background-image: url(../images/image_25.gif);
	background-repeat: repeat-y;
	background-position:right;
}
.boxBottomBorder {
	background-image: url(../images/image_34.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.boxTopBorder {
	background-image: url(../images/image_36.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.infoCont {
	background-color: #ff9800;
	background-image: url(../images/image_03.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin-bottom: 2px;
	margin-left:2px;
}
.imgBorder{
	background-color:#FFFFFF;
	padding:2px;
	border:#CCCCCC solid 1px;
}
.imgBorder2{
	background-color:#FFFFFF;
	padding:6px;
	border:#CCCCCC solid 1px;
}
.imgBorderHover, .imgBorder:hover{
	background-color:#FFFFFF;
	padding:2px;
	border:#999999 solid 1px;
}
.subMenuBg {
	background-image: url(../images/subMenuBg.gif);
	background-repeat: no-repeat;	
	background-position: bottom;
	margin-bottom: 2px;
	margin-left:2px;
}
.subMenuBgHor{
	background-image:url(../images/image_hor.gif);
	background-repeat: no-repeat;	
	background-position: top right;
	margin-bottom: 2px;
}
.subMenuBgHor2{
	background-image:url(../images/image_men_hor.gif);
	background-repeat:repeat-x;
}
.mainCont{
	background-image:url(../images/image_40.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}
#pg_languages 
{
	list-style:none;
	padding:0px;
	margin:0px;
	float:right;
}
#pg_languages li 
{
	list-style:none;
	margin: 4px;
	float:left;
}
#mainMenu li a font {
	font-size: 10px;
}
#mainMenu ul {
	list-style: none;
	height: 129px;
	/*width: 500px;*/
	margin:0px;
	padding:0px 0px 1px 16px;
	float: left;
	overflow: hidden;
	}
#mainMenu li {
	float: left;
	padding: 0px;
	padding-top: 30px;
	margin: 0px;
	width: 130px;	
	}
#mainMenu li a div {
	background-image:url(../images/image_04.gif);
	background-repeat: no-repeat;
	height: 129px;
	padding-top: 30px;
	padding-left: 5px;
}
#mainMenu li a div span {
	display: block;
	/*background-image:url(../images/image_08.gif);
	background-repeat: no-repeat;
	background-position: right bottom;*/
	padding: 0px;
	margin: 0px;
	/*height: 129px;*/
	}
#mainMenu li a div span b {
	display: block;
	background: none;
	font-size: 14px;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 10px;
	padding-left: 5px;
	}
#mainMenu li a {
	display: block;
	color: #ff4200;	
	background-image:url(../images/menuBg.gif);
	background-repeat:no-repeat;
	background-position:right top;
	margin-left: 3px;
	cursor: pointer;
	/*margin-top: 6px;*/
	}
#mainMenu li a:hover {
	background-image:url(../images/menuBgSel.gif);
	background-repeat:no-repeat;
	background-position:right top;
	text-decoration: none;
	}
#mainMenu li.selected a {
	background-image:url(../images/menuBgSel.gif);
	background-repeat:no-repeat;
	background-position:right top;
	text-decoration: none;	
	color: #6c9900;	
	cursor: pointer;
	}
#mainMenu li.selected a:hover {
	/*background-color: #fff;*/
	}
#mainMenu {
	/*margin: 12px;*/
	margin-top: 0;
	height: 100px;
	clear: both;
	}
#footer{
	padding-top: 6px;
	border-top: solid 1px #FFFFFF;
}
.subMenuBrd{
	padding: 12px;
	padding-top: 8px;
	padding-bottom: 0px;
}
.positionB{
	padding: 8px;
}
.positionC{
	padding-left: 8px;
	padding-right: 8px;
}
#toodeGrupp div,.toodeGrupp div{
	padding-top: 35px;
	border-bottom: solid 1px #709c0d;
	color: #ff4200;
	font-size: 17px;
	font-weight:bold;
}
.toodeGrupp2 div{
	padding-top: 10px;
	border-bottom: solid 1px #709c0d;
	color: #ff4200;
	font-size: 17px;
	font-weight:bold;
}
.tootegruppList{
	list-style:none;
	padding:10px 10px;
	margin:0;
}
.tootegruppList li{
	display:inline-block;
	padding:2px 10px 2px 2px;
	margin:0;
	position:relative;
}
.tootegruppList li:after{
	content:"|";
	position:absolute;
	display:block;
	top:1px;
	right:2px;
	color:#A8A8A8;
}
.tootegruppList.fixed{
	position:fixed;
	background:#fff;
	top:0px;
	width:568px;
	z-index:500;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 2px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 2px 5px 0px rgba(50, 50, 50, 0.75);
}
.toodeMenyyKp{
	color:#CC0000;
	font-size:11px;
}
#toodeGrupp img, .toodeGrupp img{
	padding-right: 15px;
}
#tootedKirjeldus{
	margin-bottom: 20px;
	padding-left: 10px;
	padding-top: 4px;
	z-index:60;
}
#tootedTabel th{
	background-color:#fad12e;
	background-image:url(../images/image_46.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
#tootedTabel .alt
{
	background-color:#eef3ce;
}
#tootedTabel .nimi
{
	font-size:12px;
	font-weight:bold;
	padding-left: 15px;
}
#tootedTabel .kogus
{
	font-size:10px;
	font-weight:normal;

}
#paneKorvi
{
	padding-right: 20px;
	padding-left: 10px;
}
.soodusHind{
	color:#C60000;
	font-weight:bold;
}
.toodeKirjeldus{
	font-size:10px;
	font-weight:normal;
	color:#333333;
	position:absolute;
	padding: 6px;
	background-color:#FFFFFF;
	border: solid 1px #E4E4E4;
	width: 159px;
	z-index: 10;
	margin-top: -19px;
	margin-left: -8px;
}
.korvCont{
	background-image:url(../images/korvBg.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color: #f5a80b;
	margin-right: 8px;
}
.korvTopBorder
{
	background-image:url(../images/greenLine.gif);
	background-repeat:repeat-x;
	background-position:top;
}
.korvLeftBorder
{
	border-left: solid 1px #709c0d;
}
.korvRightBorder
{
	border-right: solid 1px #709c0d;
}
.korvBottomBorder
{
	background-image:url(../images/greenLine.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
.korvHeader
{
	font-size:14px;
	font-weight:bold;
	color:#557206;
}
#korvTooted, #korvTooted td{
	font-size: 10px;
}
#korvKokku{
	font-size:12px;
	border-top: solid 1px #fce693;
	padding-top: 4px;
	padding-bottom:4px;
}
#korvKokku span{
	font-size:16px;
	font-weight:bold;
}
.korvBorderTop{
	border-top: solid 1px #fce693;
}
#tellimusTooted #alt{
	background-color:#eef3ce;
}
#tellimusTooted th{
	background-color:#8baf1f;

}


/*--------�ld------*/
.itemBg{
	background-color: #dadede;
}
.itemAltBg{
	background-color:#e3e5e5;
}
.itemHeaderBg{
	background-color: #c4c8ca;
}

.hide{
visibility:hidden;
position:absolute;
display:none;
}
.show{
visibility:visible;
}
.hand{
cursor:pointer;
}
.hideMenu{
position:absolute;
visibility:hidden;
z-index:1;
filter:progid:DXImageTransform.Microsoft.Fade(duration=0.2,overlap=0.1)
progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3)
alpha(opacity=90);
}
.showMenu{
position:absolute;
visibility:visible;
z-index:10;
filter:progid:DXImageTransform.Microsoft.Fade(duration=0.2,overlap=0.1)
progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3)
alpha(opacity=90);
}
.toodeLisandid{
	display:none;
}
a.vaataLisandeid{
	font-weight:normal;
}
.toodeLisandid table{
	margin:0;
	padding:0;
}
.toodeLisandid table td{
	padding:0 6px;
	font-weight:normal;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*
toodList
*/
ul.toodList{
	list-style:none;
	margin:0;
	padding:0;
}
ul.toodList li{
	float:left;
	margin:6px;
	padding:0;
	width:179px;
	text-align:center;
	height:157px;
}
ul.toodList li a.zoom{
	display:block;
	height:120px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
ul.toodList li p{
	margin:0;
	padding:0;
}

/*
Uue epoe v�limus
*/
.break{clear:both;margin:0;overflow:hidden;padding:0; display:block; max-height:0px;}

ul.tootedTableNew{
	list-style:none;
	margin:10px 0;
	padding:0;
	margin-right:-4%;
}
ul.tootedTableNew li{
	display:inline-block;
	width:29%;
	margin-right:4%;	
	position:relative;
	min-height:60px;
	margin-bottom:10px;
}
ul.tootedTableNew li:hover{
	background-color:#f7fee4;
}
ul.tootedTableNew li .box{
	padding:0 4px 4px;
	display:block;
}
ul.tootedTableNew li.thumb{
	min-height:156px;
}
ul.tootedTableNew .image{
	display:block;
	height:100px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	background-color:#FFFFFF;
	margin:2px;
}
ul.tootedTableNew h4{
	font-size:13px;
	color:#558626;
	padding:0;
	margin:4px 0 8px 0;
}
ul.tootedTableNew h4 .kogus{
	font-weight:normal;
}
ul.tootedTableNew .basket{
	font-size:12px;
	color:#709c0d;
	cursor:pointer;
	position:relative;
	padding-left:19px;
	float:right;
}
ul.tootedTableNew .basket:hover{
	color:#E77817;
}
ul.tootedTableNew .basket:after{
	content:"";
	position:absolute;
	height:15px;
	width:17px;
	display:block;
	background:url(../images/korv.gif) no-repeat center center;
	left:0;
	top:-1px;
}
