a {color: #006600; text-decoration:none;}
a:hover {color: #FF0000;}
body, tbody {font-family: Verdana; font-size:11px; margin: 0 auto;}
body {background-color: #FFFFFF; color: #444; text-align: center;}
p { text-indent: 20px; }
hr {border-style: solid;border-color: #3C3;}/*dotted*/

.left{
	position: absolute;	left: 0; top: 153; z-index: 1;
    float:left;  
}
.panel{
    width:0px;    
	background: #ecfad7;
	border: solid 1px #c4df9b;
	height: 350px;
	display: none;
}
.left .slide {
    border-left:solid 4px #c4df9b; 
	margin: 0;
	background: url(/img/btn-slide-left.jpg) no-repeat left center;
	height: 350px;
	width:38px;
	float:left;
}
.left .panel{
	float:left;
}

.left .btn-slide {
	text-indent: -9000%;
	display: block;
	height: 350px;
	width:38px;
}

.left .active { // Кнопка з відкритим меню
	background-position: 10px 80px;
}


.main {
text-align: left;
width: 940px;
margin: 0 auto;
}

.panel ul a{
    font-weight:bold;
    color: #333;
    white-space: nowrap;
}


.column{
  width:30%;
  float:left;
  margin-right:10px;
}






#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #006600;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}


.button {width:72px; height:63px; padding:0 0 1px; color:#fff; cursor:pointer; font:12px tahoma; border:none; background:url(/img/go.gif) no-repeat;}

.menu {background-color: #006600; color: #3C3; text-align:center; cursor: pointer;}
.menu:hover {background-color: #3C3; color: #006600;}
a.amenu {color: #FFFFFF;}


input, textarea {
color: #000000;
background-color: #3C3;
border: 1px solid #006600;
}

input:hover, textarea:hover {
color: #333;
background-color: #ecfad7;
}

.footer {
color: #FFFFFF;
background-color: #3C3;
}

.topic {
text-align: left;
color: #FFFFFF;
background-color: #3C3;
border: 0px solid #3C3;
background-image: url(/img/logo.jpg);
background-repeat: no-repeat;
vertical-align: bottom;
width:940px;
height: 128px;
}
.topic2 {
text-align: center;
color: #FFFFFF;
background-color: #3C3;
border: 1px solid #3C3;
background-image: url(/img/bgmenu2.gif);
height: 22px;
}

.buy_icon {
font-weight:bold;
font-size:13px;
background-image: url(/img/icon_buy.gif);
background-repeat:no-repeat;
padding: 4px 12px 1px;
height: 23px; width: 120px;
}

.cart_icon {
background-image: url(/img/icon_cart.gif);
background-repeat:no-repeat;
padding: 2px 25px 1px;
height: 23px; width: 150px;
}



#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}
#boxes #dialog2 {
  position: absolute; top: 50%; left: 50%;
  background:url(/img/notice.png) no-repeat 0 0 transparent; 
  width:326px; 
  height:229px;
  padding:50px 0 20px 25px;
}

#metelyk { 
	position: absolute; top: 0px; left: 5px; z-index: 1;
	width: 200px;
	height: 145px;
	background: url(/img/metelyk.gif);
	}
	
#kut { 
	position: absolute; top: 0px; left: 0px; z-index: 1;
	width: 135px;
	height: 135px;
	background: url(/img/absolute.png);
	}