/*
	handwrited in ArtPix studio
	(c) Dec, 2009
*/

#rasporka{position:absolute;left:0;top:-50px;width:100%;height: 1px; line-height:1px;}
.t-bg{position:absolute; width:100%; height:100%; min-width:750px; PADDING:0; background: url('/tpl/default/img/main-bg.png');
width: expression((document.getElementById('rasporka').clientWidth < 750) ? '750px' : '100%');}


.top {position:relative; width:100%; height:182px; margin:0; padding:0; overflow: hidden; background:url('/tpl/default/img/bg-top.gif') 0 0 repeat-x;}
.top #bg-top-left {position:absolute; left:-1px; top:0; width:45%; height:182px; background:url('/tpl/default/img/bg-top-left.gif') 0 0 repeat-x;}
.top #gradient-top {position:absolute; left:45%; margin-left:-360px; top:0; width:456px; height:182px; background:url('/tpl/default/img/gradient-top.gif') 0 0 repeat-x;}
.top #hidder {position:absolute; left:50%; top:40px; margin:0 0 0 -200px;}
.top #logo {position:absolute; width:149px; height:63px; left:85px; top:100px; background:url('/tpl/default/img/logo.gif');}
.top #left-lines {position:absolute; width:216px; height:45px; left:-1px; top:45px; background:url('/tpl/default/img/left-lines.gif');}
.top #right-lines {position:absolute; width:171px; height:30px; right:-2px; top:107px; background:url('/tpl/default/img/right-lines.gif');}
.top #nav {position:absolute; width:108px; height:29px; left:50%; top:133px; margin-left:-195px;border: none}
.top #alfavit {position:absolute; right:180px; top:115px;}
.top #bat {position:absolute; right:5px; top:135px; width:384px; _width:388px;}
.top #bat p {margin:0 0 5px 0; padding:0; font-size:12px; font-family:tahoma; width:100%;}
.top #bat a {text-decoration:none; color:#666; margin:0 5px 0 0;}
.top #bat a:hover {text-decoration:underline; color:#000;}
.top #phone {position:absolute; right:50px; top:40px;text-align:right;}
.top #phone h4 {color:#2e6809; font-style:italic; font-size:14px;font-weight:normal; line-height:20px; margin:0; padding:0 0 0 19px;background:url('/tpl/default/img/phone.gif') 0 6px no-repeat;}
.top #phone p {color:#2e6809; font-style:italic; font-size:14px; margin:-4px 0 0 0; padding:0; font-family:Georgia;}
.top #phone i {color:#2e6809; font-size:26px;}

#menu-button {float:left; width:10%; height:88px; background:url('/tpl/default/img/button.gif') 60% 5px no-repeat;}
#menu-left {float:left; width:100%; height:80px; background:url('/tpl/default/img/bg-menu.gif') 0 0 repeat-x; overflow: hidden; border-top: #ddd 1px solid;}
#menu-right {float:right; width:100%; background-color:#edfae4; overflow: hidden; border-top:#eee 1px solid; border-bottom: #ccc 1px dashed;}

#left-panel {float:left; width:25%;}
#right-panel {float:right; width:25%;}
#content {float:left; width:45%;}

.copy {width:100%; height:220px;}
#copy-relative {position:relative; width:100%; height:100%; background:url('/tpl/default/img/borttom-bg.gif') 0 100% repeat-x;}
#copy-relative p {font-size: 11px; color:#777; margin:0 0 10px 0; padding:0;}
#copy-relative a, #copy-relative a:visited {color:#2e6809;}
#copy-relative a:hover {color:#f00;}
#small-list {position:absolute; top:70px; left:25%; width:42px; height:32px; background: url('/tpl/default/img/small-list.gif');}
#copyright {position:absolute; top:110px; left:25%;}
#artpix {position:absolute; top:110px; left:75%;}



/* globals for content block */
#content a {color:#2e6809;}
#content a:hover {color:#f00;}
#content h1 {margin:0; padding:0; font-size: 18px; font-family:"Arial";}
#content p {font-size: 14px; margin:7px 0 12px 0; padding:0; line-height:18px;}
#content  td {font-size: 14px;}
#content li {font-size: 14px;}
#content HR {float:left; width: 100%; border: 0 hidden;border-top: 1px dashed #222; height: 0; margin: 10px 0 10px 0;}

#content	.ph-icon	{height: 50;width: 50;float: left;margin: 3px;cursor: pointer}
#content	i.hk	{font-size:13px;color: gray}

#photo-name	{color: #2e6809}


/* our settings */
.body {MARGIN: 0; padding:0; BACKGROUND-COLOR:#fff; font-family:Arial,Tahoma; COLOR: #4c4c4c;}
.liner {float:left; width:100%;}
.contenter {margin:0; padding:25px 0 0 0; background: url('/tpl/default/img/bg-content.gif') 0 0 repeat-x;}
.green {color:#2e6809; font-style:italic; font-size:18px;font-weight:normal; line-height:20px;}
.gray {color:#3B3B3B; font-style:italic; font-size:18px;font-weight:normal; line-height:20px;}

.main-menu {margin: 20px 10px 0 50px; padding:0; list-style-type:none; width:auto; _width:100%;}
.main-menu li {float:left; width:16.25%; height:33px; margin:2px 0; padding:0; font-size:20px; text-align:center; overflow:hidden;}
.main-menu li a {display:block; width:100%; height:100%; color:#2e6809; padding: 4px 0 0 0;}
.main-menu li b {font-weight:normal;}
.main-menu li a:hover {color:#fff; background: url('/tpl/default/img/b-left1.gif') 0 0 no-repeat; BACKGROUND-COLOR:#2e6809; padding:0;}
.main-menu li a:hover i {display:block; width:100%; height:100%; background: url('/tpl/default/img/b-lright1.gif')  100% 0 no-repeat;}
.main-menu li a:hover b {display:block; width:100%; height:100%;padding: 4px 0 0 0; cursor:pointer; cursor:hand;}
.main-menu li div {display:block; width:100%; height:100%; color:#fff; background: url('/tpl/default/img/b-left.gif') 0 0 no-repeat; BACKGROUND-COLOR:#2e6809; padding:0;}
.main-menu li div i {display:block; width:100%; height:100%; background: url('/tpl/default/img/b-lright.gif')  100% 0 no-repeat;}
.main-menu li div b {display:block; width:100%; height:100%;padding: 4px 0 0 0;}

.rt-menu {margin: 7px 40px 2px 55px;}
.rt-menu i {color:#666; font-size:13px; margin: 0 0 0 10px;}
.rt-lits {padding:0; list-style-type:none;  width:auto; _width:100%;}
.rt-lits li {margin:0 9px 7px 0; padding:0; float:left; color:#777; font-size:12px; white-space: nowrap;}
.rt-lits a {color:#2e6809;}
.rt-lits a:hover {color:#f00;}


.left-h {margin:0 25px 0 55px; padding:0; color:#2e6809; font-style:italic; font-size:15px; font-weight:normal; line-height:auto ! important;}
.left-h a {font-size:15px ! important;font-weight:bold;}
.left-ul {padding:0; list-style-type:none; margin: 3px 25px 10px 58px;}
.left-ul li {color:#555; font-size:11px;padding: 1px 0 2px 0}
.left-ul a {color:#555;}
.left-ul a:hover {color:#000;}

.vibor {position:relative; BACKGROUND-COLOR:#d5efb5; width:auto; _width:100%; height:38px; margin: -5px 40px 25px 0;text-align:center; }
.vibor .l {position:absolute; width:14px; height:38px; left:0; top:0; BACKGROUND:url('/tpl/default/img/conners.gif') 0 0 no-repeat;}
.vibor .r {position:absolute; width:14px; height:38px; right:-1px; top:0; BACKGROUND:url('/tpl/default/img/conners.gif') 100% 0 no-repeat;}
.vibor form {margin:0; padding:0;}
.vibor input.query {width:65%; margin:7px 0 0 0;}
.vibor input.button {width:15%; margin:7px 0 0 0;}

.right-h {margin:0 40px 20px 0; padding:0;}
.news-block {list-style-type:none; padding:0 0 10px 0; margin:20px 45px 40px 0; width:auto; _width:100%; border-bottom:1px dashed #999;}
.news-block li {display:block; FONT-SIZE: 11px; margin:0 0 10px 0; padding:0;}
.news-block p {FONT-SIZE: 11px; margin:4px 0 0 0; padding:0;}
.news-block span {color:#2e6809; font-style:italic;}
.news-block a {color:#2e6809;}
.news-block a:hover {color:#f00;}
.add-cmt {margin:0 0 5px 0; padding:0; font-size:13px;}
.add-cmt i {color:#555; border-bottom: 1px dashed #555; font-style:normal; cursor:pointer; cursor:hand;}



/*basket*/
.top	#basket	{position:absolute; left:50%; top:139px;margin-left:-75px;font-family: Tahoma; font-size: 11px}
.top	#basket	a	{color: green;font-size: 11px}


.basket	td {border-bottom: solid 1px #ddd;color: #000}
.r	{text-align: right}
.basket	.h	td {background: #4E8B27;color: #fff;padding: 5px}
.basket	.f	td {background: #4E8B27;color: #fff;padding: 5px;font-size: 12px;}
.basket	tr:hover	{background: #ccc;}


#informer {position: fixed;left: 50%;margin-left: -300px;top: 20%;width: 600px;
background: #ffd;z-index: 720;display: none;padding: 12px;opacity: 0.9;border: solid 1px #ccc;font-size: 11px}

#informer {position: expression("absolute")}


/**/
.merchandise {font-size: 14px;margin: 2px;height: 22px;border: dotted 1px #59830B}
.merchandise td {padding: 3px}

.merchandise tr:hover	{background: #d0ffd0}
 .p {background-color: #fafafa}
 .n {background: #f5f5f5}

.merchandise .name {width: 50%;}
.merchandise .producer {width: 20%}
.merchandise .price {width: 10%;text-align: right;padding-right: 5px;}
.merchandise .a  {;width: 15%; ;color: #719B23 ;padding: 3px;white-space: nowrap;text-align: center}
.merchandise .a u {font-size: 11px;cursor: pointer}
.merchandise input {width: 12px;border: solid 1px #ddd}

#content thead th 	{font-size: 12px;background: #59830B ;color: #fff;padding: 5px}

/* otziv */

#otziv-t	#message	{width: 95%;height: 50px	}
#otziv-nav	{font-size: 12px}
#otziv-nav input	{font-size: 11px;border-width: 2px	}
