/*******************[ блок авторизации ]***************/

#admin {
   margin: 0 0 10px 0;
   padding: 5px 10px 5px 10px;
   background-color: #eee;
   border-left: 5px solid #f90;
}

#admin input.logout {
   font-size: 11px;
   background-color: #f90;
   color: #fff;
   border: 1px solid #000;
   margin-left: 10px;
}

/*******************[ ссылки для администрирования ]***************/

#edit {
   background-color: #eee;
   font-size: 11px;
   line-height: 24px;
   padding: 2px 5px 2px 10px;
}

#edit a.edit {
   width: 100px;
   height: 24px;
   line-height: 24px;
   padding: 2px 0px 2px 20px ;
/*   background: url("/images/icon-edit.gif") left center no-repeat;*/
   background: url("/images/mini_icons/edit-page-blue.gif") left center no-repeat;
}

#edit a.del {
   width: 100px;
   height: 24px;
   line-height: 24px;
   padding: 2px 0px 2px 20px ;
/*   background: url("/images/icon-del.gif") left center no-repeat;*/
   background: url("/images/mini_icons/delete-page-blue.gif") left center no-repeat;
   margin-left: 5px;
}

/*******************[ общие стили документа ]***************/

h4 {
   font-size: 18px;
   color: #666;
   font-weight: normal;
}

p.doc-description {
   border: 1px solid #ccc;
   font-size: 11px;
   background-color: #eee;
   padding: 5px 10px 5px 10px;
   color: #666;
}

p.full-date {
   font-size: 11px;
   color: #999;
}

h4.item-title-noimg, p.item-desc-noimg {
   margin-left: 0;
}

p.item-desc-full {
   background-color: #eee;
   border: 1px solid #ccc;
   padding: 5px 0px 5px 10px;
   font-size: 11px;
   color: #666;
}

p.price {
   font-size: 21px;
   color: #999;
}

span.price-value {
   color: #f90;
}

img.item-img {
   float: left;
   margin: 20px 20px 20px 0;
}

#price-table {
   border-top: 1px solid #ccc;
   border-left: 1px solid #ccc;
   width: auto;
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 100%;
}

html>body #price-table {
   width: 100%;
}

#price-table td, #price-table th {
   font-size: 11px !important;
   border-bottom: 1px solid #ccc;
   border-right: 1px solid #ccc;
   padding: 7px;
}

#price-table th {
   font-size: 11px;
   background-color: #eee;
   color: #999;
   font-weight: normal;
}

#main ul {
   margin-bottom: 20px;
}

/*******************[ список страниц ]***********************/

.pages {
   background-color: #eee;
   font-size: 11px;
   padding: 3px 3px 3px 8px;
}

/*********************[ ошибки ]*****************************/

p.alert {
   padding: 10px 15px 10px 15px;
   border: 5px solid #f90;
   background-color: #ffc;
}

p.success {
   padding: 10px 15px 10px 15px;
   border: 5px solid green;
   background-color: #fff;
}

/*********************[ разное ]*****************************/

span.red {
   color: #c30;
}

p.note {
   padding: 5px 10px 5px 10px;
   color: #999;
   background-color: #eee;
   font-size: 11px;
}

/****************[ фото в разделе about ]********************/

#company-photo {
   float: left;
   margin: 0 20px 20px 0;
   border: 1px solid #ccc;
   background-color: #fff;
   padding: 10px;
}

/*****************[ стили товаров c фото ]**********************/

div.photo-box {
   margin-bottom: 10px;
   height: 70px;
   min-height: 90px;
}

html>body div.photo-box {
   height: auto;
}

div.photo-box h4.item-title {
   margin: 0 0 10px 95px;
}

div.photo-box p.item-desc {
   margin-left: 95px;
   margin-bottom: 15px;
}

div.photo-box a#item-photo {
   float: left;
   margin: 0;
   padding: 5px;
   border: 1px solid #ccc;
}

/*****************[ стили товаров без фото ]**********************/

div.no-photo {
   margin-bottom: 25px;
}

div.no-photo h4.item-title-noimg {
   margin: 0 0 10px 0;
   padding: 0;
}

table.item-img-gall {
  width: 250px;
  float:left;
  background:white;
  margin: 0px 20px 20px 0px;
}

div.item-img-preview {
  width:40px;
  height:40px;
/*  background:white; */
  vertical-align:middle;
  text-align:center;
  margin:5px;
  padding:2px;
}

table.item-img-gall img.item-img {
  margin: 5px;
}

/* the overlayed element */ 
div.overlay { 
     
    /* dimensions after the growing animation finishes  */ 
    width:446px; 
    height:595px;

    position: absolute;
    top: 50%;         
    left: 50%;
    margin-top: -295px;
    margin-left: -223px;
    z-index: 100;        
     
    /* initially overlay is hidden */ 
    display:none; 
    padding: 0px;
     
    background:url(/images/jq-tools/white1.png) no-repeat !important;
    _background:url(/images/jq-tools/white1.gif) no-repeat !important;
     
} 
 
/* default close button positioned on upper right corner */ 
div.overlay div.close { 
/*  background-image:url(/images/jq-tools/close.gif);*/ 
  position:absolute; 
  right:28px; 
  top:28px; 
  cursor:pointer; 
/*  height:35px; 
  width:35px;*/ 
} 
 
 
/* black */ 
div.overlay.black { 
  background:url(/images/jq-tools/transparent.png) no-repeat !important; 
  color:#fff; 
} 
 
/* petrol */ 
div.overlay.petrol { 
  background:url(/images/jq-tools/petrol.png) no-repeat !important; 
  color:#fff; 
} 
 
div.black h2, div.petrol h2 { 
  color:#ddd;         
}

div.overlay div.item-img-preview {
  display:inline;
}

div.overlay table {
  margin: 55px 20px;
} 

div.overlay img.item-img {
  margin: 0px !important;
} 

.overlay #overlay-title {
  background:black;
  color:white;
  padding: 3px 10px;
  font-size: 12pt;
  font-weight:bold;
  position:absolute;
  top: 23px;
  left: 23px;
}

.overlay #overlay-previews {
  position:absolute;
  bottom:65px;
  left:50%;
  margin-left:-100px;
}
#item-img-container {
  padding: 5px;
  position:absolute;
  top:50%;
  margin-top: -190px;
  left:50%;
  margin-left: -150px;
  width: 300px;
  height: 300px;
}