body{
  margin:0;
  padding: 0;
  font-size: 14px;
  font-family: Arial,Verdana;
  background:#9a9a66 url(/img/shadow.jpg) top center repeat-y;
}
p{ text-indent: 15px;}
#contentwrap p { text-indent: 0; margin: 0; padding: 0; /* exception for manualy edited content */}
a,img{border:0;}
.bo{border: 1px solid green;}
.center{
  width: 1090px; 
  margin: 0 auto; 
}
.shadow{
 -o-box-shadow:    10px 10px 30px rgba(77, 75, 26, 1);
 -opera-box-shadow:    10px 10px 30px rgba(77, 75, 26, 1);
 -moz-box-shadow:    10px 10px 60px rgba(77, 75, 26, 1);
 -webkit-box-shadow:    10px 10px 30px rgba(77, 75, 26, 1);
 box-shadow:    10px 10px 30px rgba(77, 75, 26, 1);
}
.br,.clear{
 height: 0;
 width: 40px;
 overflow: hidden;
 clear: both;
}

#top{ 
height: 20px; 
  padding-top: 10px;
  text-align: right;
  color: white;   width: 990px;
}
#top a,#top b{ color: #9a9a66; padding-right: 5px; margin-right: 20px; }

#basketlink{
width: 90px;
height: 33px;
position: relative;
z-index:4;
display:block;
background: url(/img/basket.jpg);
top: 265px;
left: 65px;
}

/* top text */
.ttext{
color:#4c4c2f;
font-size: 14px;
font-weight: normal;
padding: 0px 5px 0 15px;
height: 37px;
overflow: hidden;
position: absolute;
width: 1080px;
margin-top: 25px;
z-index: 2;
}

#head{ 
  background: url(/img/top15.jpg) top center no-repeat;
  height:348px; height:398px;

  }
#wrap{
background: #f2f2ca;
min-height: 300px;
background: url(/img/fon.png) 0 0 repeat-y;
}
#leftside{width: 312px; margin: 0 0 0 0px; }

#content{float:right; margin: 0 0 0 -310px; min-height: 300px; width: 772px; }
#contentwrap{ margin: 0 20px;}
#slide{ width: 290px; height: 479px; margin-left: 14px;}
img#explore{ margin: 12px 0 10px 15px;}
img.slideimg { width: 289px;}
#footer{ background:#9a9a66  url(/img/foot.png) no-repeat;
         width: 1090px; height: 90px; margin-bottom:0px;}

/* menu */
#menu{ position:relative; z-index:1; top: 300px; left: 350px;}
a.menuitem { float:left; height: 40px; margin-right: 8px;background: url(/img/menu6.jpg) no-repeat; }
a.menuitem span{display:none;}
a.m1{background-position:  0 0 ; width: 122px;}
a.m2{ background-position: -135px 0 ; width: 98px;}
a.m3{background-position:  -245px 0 ; width: 92px;}
a.m4{background-position:  -342px 0 ; width: 129px;}
a.m5{background-position:  -476px 0 ; width: 108px;}
a.m6{background-position:  -588px 0 ; width: 130px;}

.xdefault #xdefault, a.m1:hover{background-position:  0 -40px;}
.xcatalog #xcatalog, a.m2:hover{background-position:  -135px -40px; }
.xnews #xnews, a.m3:hover{background-position:  -245px -40px;}
.xmap #xmap, a.m4:hover{background-position:  -342px -40px;}
.xarticles #xarticles, a.m5:hover{background-position:  -476px -40px;}
.xcontacts #xcontacts, a.m6:hover{background-position:  -588px -40px;}



/*news*/
#news{ width: 711px; margin-left: 10px; }
 .newswrap{ width: 611px; }
.newshead{height: 18px; background: url(/img/roundtop.jpg) no-repeat;}
.newsfoot{height: 18px; background: url(/img/roundbottom.jpg) no-repeat;}
.newscontent{background: #fff; padding: 0 16px;width: 679px;} 

.newsitem{border-bottom: 1px solid red; padding-bottom: 8px; margin-bottom: 10px; width: 680px; margin-right: 100px;}
.newsimage{float: left; margin: 0 8px 8px 0; width: 100px; height: 100px;}
.newswrap{ margin-left: 80px; width: 500px;}
.newsdate{color:#666634; font-weight: bold; font-size: 120%; width: 420px; margin-right: 100px; margin-bottom: 8px; overflow: hidden;}
.newsanounce{padding: 0; text-align: justify;/*font-weight: bold;*/}
.newsmore{text-align: right;  width: 680px; }
.newsmore a{color: #000; font-size: 96%;}
.newsmore a:hover{color: red;}
.allnews{ text-align: center; margin-top: 10px;}
.allnews a {color: #666634; font-weight: bold;}

/*about*/
#about{ margin: 10px;}

/** bottom panel **/
#panel{
background: url('/img/line.jpg') repeat-x; margin:35px 0 0 0;
min-height: 200px;
}
#panelmenu{ margin:0 ;}
a.panelitem{
float:left;
width: 120px;
height: 40px;
margin: 0 4px 20px 4px;
background: url(/img/menu2.png) no-repeat;
width: 117px;
}
a.panelitem span{display:none;}
a.mm1{background-position: 15px 0 ; }
a.mm2{background-position: -103px 0 ; }
a.mm3{background-position: -222px 0 ; }
a.mm4{background-position: -335px 0 ; }
a.mm5{background-position: -460px 0 ; }
a.mm6{background-position: -585px 0 ; }


.z1 #z1,a.mm1:hover{background-position: 15px -45px ;}
.z2 #z2,a.mm2:hover{background-position: -103px -45px ; }
.z3 #z3,a.mm3:hover{background-position: -222px -45px ; }
.z4 #z4,a.mm4:hover{background-position: -335px -45px ; }
.z5 #z5,a.mm5:hover{background-position: -460px -45px ; }
.z6 #z6,a.mm6:hover{background-position: -585px -45px ; }


img.panelimg{ margin: 20px; float:left; width: 120px !important; height: 120px !important;}
.paneltext{ margin-left: 200px; padding: 5px 40px 20px 0;}
#footer{ color: white;}
#footleft{  width: 910px; height: 45px; padding: 25px 0 3px 10px; overflow:hidden;}
.panelbodyitem{display: none;}

/*--- page nav ----*/
.page-nav-wrapper{ display:block; padding:0 0 33px 0; color:#1f1e00;
                 font-size: 13px;  }
.page-nav-wrapper a{color:#7E7E7E !important;}
.page-nav-wrapper a:hover{text-decoration:underline;}
.first-p,
.prev-p,
a.number,
.number,
.pager-list-b,
.next-p,
.last-p{float:left; margin:0 3px;}
.pager-list-b{color: #8e8e8e; }
span.current{font-weight: bold; }

.number{ text-decoration: none;}
.current{ text-decoration: underline; color:red;}

.prev-p,.first-p {background: url(/site/xleft.jpg) no-repeat; width: 22px; height: 22px;}
.next-p,.last-p {background: url(/site/xright.jpg) no-repeat; width: 22px; height: 22px;}
.next-p a,.last-p a,.first-p a, .prev-p a{display: block;width: 22px; height: 22px;}

/* Product */

.product_item{ margin: 18px 0 0 10px;}
.product_title{
  background: url(/site/handle.jpg) no-repeat; 
  width: 711px;
  height: 24px;
  padding-top: 7px;
  color: #1e1f00;
  font-weight: 0 !important;
  font-size: 15px;
  text-align: center;
  overflow: hidden;
}
.product_body{
  width: 711px; min-height: 30px; background: white;
}
.product_images{
  width: 308px; height: 195px; float: left;
  padding: 2px;

  /*border: 1px solid red;*/
}

.leftarrow,.images,.rightarrow{
  float:left; /*border: 1px solid green;*/
  height: 192px;
}

.leftarrow{background: url(/site/left.jpg) no-repeat;}
.rightarrow{background: url(/site/right.jpg) no-repeat;}
.leftarrow,.rightarrow{width: 20px; background-position: 0 88px;}

.images{
  width: 243px;
  height: 192px;
  padding: 5px;
  background: url(/site/border.jpg) no-repeat;
  overflow: hidden;
  position: relative;
}
.product_content{ 
  margin-left: 315px;
  
  /*border: 1px solid red;*/
}
.product_foot{
  width: 711px; background: url(/site/footend.jpg) no-repeat;  height: 9px;overflow: hidden;
}

a.fly{ width: 220px; height: 170px; margin: 0; padding: 0; border: 0;}

/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
div.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
}

/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accomodate scrollable items.
    it's enough that you set width and height for the root element and
    not for this element.
*/
div.scrollable div.items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    height: 170px;
}

/*
    a single item. must be floated in horizontal scrolling.
    typically, this element is the one that *you* will style
    the most.
*/
div.scrollable div.items a {
    float:left;
}

/* site map */

.sitemap {font-size: 22px;color:#7E7E7E !important; margin-left: 20px;}
.sitemap a {color:#7E7E7E !important; text-decoration: none; }
.sitemap li { margin-left: 15px;  padding-left: 15px; margin-top: 20px}

#loader{
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  border: 4px solid #8a8a58; margin: 0; padding: 5px; background-color: white ;
}
#loader img { padding:0; margin:0;}

.category_item img {margin-top: 26px;}
.category_item{margin: 0px;}

/***** rewrite ***/
.category_item img { margin: 10px; float: left; width: 260px; }

.popup{
  color: white;
  width: 300px;
  height: 180px;
  background: #8a8a58;
  position: absolute;
  z-index: 1000;
  visibility: hidden;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  border: 2px solid #fff;
  padding: 10px;
}
#searchform{ height: 80px;}
#searchform input#q{ width: 280px;}
input#qw{ width: 620px;}
.popup div.field{ margin: 5px;}
.popup a {display:block; color: #fff; font-weight: bold; margin:12px 0 0 5px; padding: 3px; }

div.map{ width: 700px; height: 540px;  margin: 30px auto;}
.centers p , h4 { text-align: center;}
h4{font-size: 18px;}


.to-basket,.del-basket,.do{
  display:block; color: #8a8a58; font-weight: bold;
  float: right;
  width: 200px;
  text-decoration: none;
  text-align: center;
}

.inp-small{
  width: 50px;
  text-align: center;
}
table.order {margin: 0 auto;}
table.order tr,th,td{ border: 1px solid black; padding: 3px; border-collapse: collapse; }
table.order tr.hed{color:#fff; font-weight: bold; background: #8a8a58; }
table.order tr.odd {background: #f2f2ca;}
table.order tr.even {background: #eaeab0;}

.order-content
{
  width: 400px;
  height: 50px;
  margin-bottom: 20px;
}
ul{ padding: 0 !important; margin-top:20px !important;}
.outdent p{ text-indent: 30px !important; margin-top: 8px !important;}

#contentwrap h1{ text-align: center;}

#frm table { margin: 0 auto;}



.product_content ul { margin-top: 0 !important;}

ul.map a.map:hover {background: white;}

.subscr{ color: #9a9a66; float:right; width: 300px;}

img.novice{
    display: block;
    float: left;
   left: 85px;
   top: -105px;
   position: relative;
   z-index: 3;
}
.novice2
{
  background: url(/img/novice12.png) no-repeat ;
  background-position: center bottom;
  height: 240px;
}

.exptext{
    width: 270px;
    margin:0 auto;
    padding-bottom: 20px;
  color: #1e1f00;
  text-align: justify;
}

a:focus, a:hover, a:active { outline:none }