@charset "utf-8";

.MainBody { width: 980px; text-align: left; }

#preLoadImg { position: absolute; width: 0; height: 0; margin: -150px 0 0;  }

.ItemZ { width: 180px; height: 180px; display: table-cell; vertical-align: 
        middle; text-align: center; }
.ItemZTwo { background-color:#FFF; padding-bottom: 5px; padding-top: 5px; padding-left: 10px; padding-right: 10px;
            text-align: left; display: none; width: 180px; text-decoration: none; }
.ItemZSize { font-family: Arial; font-size: 12px; color: #999; font-style: italic; text-decoration: none; }
.ItemZSizeNum { font-family: Arial; font-size: 12px; color: #000; text-decoration: none; }
.NSDiv { margin-top: -180px; margin-bottom: 140px; } 
.MainBody { width: 980px; text-align: left; }

/* Для юзеров */

.LoginHead { width: 100%; text-align: right; }
.LoginHeadA { font-family: Arial; text-transform: uppercase; border-bottom: 1px inset #CCC; text-decoration: none; color: #000; font-size: 12px; }

.LoginAU { width: 100% }
.LoginAULeft { width: 700px; text-align: left }
.LoginAURight { width: 280px; text-align: right; }
.LoginAUGrey { font-family: Arial; font-size: 12px; color: #CCC; }
.LoginAUBlack { font-family: Arial; font-size: 12px; color: #000; }
.LoginAULink { font-family: Arial; font-size: 12px; color: #000; border-bottom: 1px dashed #999; text-decoration: none; }

.HR100 { width: 100%; background-image: url(../img/b1px.jpg); border: none; height: 1px; display: block; *margin: -5px 0 -5px; }
.HR100B { width: 100%; background-image: url(../img/b1px.jpg); border: none; height: 2px; display: block; *margin: -5px 0 -5px; }
.HR100G { width: 100%; background-image: url(../img/b2px.jpg); border: none; height: 1px; display: block; *margin: -5px 0 -5px; }

.SpaceSmall { height: 15px; font-size: 1px; line-height: 0; }
.SpaceXSmall { height: 10px; font-size: 1px; line-height: 0; }
.SpaceMed { height: 25px; font-size: 1px; line-height: 0; }
.SpaceXS { height: 5px; font-size: 1px; line-height: 0; }
.SpaceXSS { height: 2px; font-size: 1px; line-height: 0; }
.HRBottomOne { width: 100%; background-image: url(../img/b1px.jpg); border: none; height: 2px; display: block; }

.GreyItalicA a:link { font-family: Georgia; font-size: 12px; font-style: italic; color: #CCC; }
.GreyItalicA a:active { font-family: Georgia; font-size: 12px; font-style: italic; color: #CCC; }
.GreyItalicA a:hover { font-family: Georgia; font-size: 12px; font-style: italic; color: #CCC; }
.GreyItalicA a:visited { font-family: Georgia; font-size: 12px; font-style: italic; color: #CCC; }

.NavPanel { width: 100%; }
.NavLogo { width: 70px; }
.NavMenuHead { width: 695px; }
.NavRight { width: 170px; vertical-align: middle; }
.NavSpace { width: 10px; }


/* Стили на ссылки */

.NavMenu a:link { font-family: Arial; text-transform: uppercase; color: #000; text-decoration: none; border-bottom: 2px solid #0FF; font-size: 22px; }
.NavMenu a:hover { background-color: #0FF; color: #FFF; }
.NavMenu a:active { background-color: #0FF; color: #FFF; border-bottom: #000; }
.NavMenu a:visited { font-family: Arial; text-transform: uppercase; color: #000; text-decoration: none; border-bottom: 2px solid #0FF; font-size: 22px; }
.NavMenuAct { font-family: Arial; text-transform: uppercase; font-size: 22px; background-color: #000; color: #FFF; border-bottom: none; text-decoration: none; }


.NavPink a:link { font-family: Arial; text-transform: uppercase; color: #000; text-decoration: none; border-bottom: 2px solid #F0F; font-size: 22px; }
.NavPink a:visited { font-family: Arial; text-transform: uppercase; color: #000; text-decoration: none; border-bottom: 2px solid #F0F; font-size: 22px; }
.NavPink a:hover { background-color: #F0F; color: #FFF; }
.NavPink a:active { background-color: #000; color: #FFF; border-bottom: 2px solid #F0F; }
.NavPinkAct { font-family: Arial; text-transform: uppercase; font-size: 22px; background-color: #F0F; color: #FFF; border-bottom: none; }

.NavGrey a:link { font-family: Arial; color: #000; text-decoration: none; border-bottom: 1px inset #999; font-size: 16px; }
.NavGrey a:visited { font-family: Arial; color: #000; text-decoration: none; border-bottom: 1px inset #999; font-size: 16px; }
.NavGrey a:hover { background-color: #000; color: #FFF; }
.NavGrey a:active { background-color: #000; color: #FFF; border-bottom: #000; }
.NavGreyAct { font-family: Arial; font-size: 16px; background-color: #000; color: #FFF; border-bottom: #000; }


/* Левая часть, середина и правая */

.MainSide { width: 980px; text-align: left; }
.LeftSide { width: 170px; vertical-align: top; }
.BodySide { width: 600px; vertical-align: top; }
.RightSide { width: 170px; vertical-align: top; }
.SpaceSide { width: 20px; }

.HRM { width: 170px; background-image: url(../img/b1px.jpg); border: none; height: 1px; }
.HRMB { width: 170px; background-image: url(../img/b1px.jpg); border: none; height: 2px; }
.HRMBody { width: 600px; background-image: url(../img/b1px.jpg); border: none; height: 1px; }
.HRMBodyB { width: 600px; background-image: url(../img/b1px.jpg); border: none; height: 2px; }

.SideNameGrey { font-family: Georgia; font-size: 12px; text-transform: uppercase; color: #999; letter-spacing: 2px; }
.SideNameBlack { font-family: Georgia; font-size: 12px; text-transform: uppercase; color: #000; letter-spacing: 2px; }

.SideNameGreyA a:link { font-family: Georgia; font-size: 12px; text-transform: uppercase; color: #999; letter-spacing: 2px; }
.SideNameGreyA a:hover { font-family: Georgia; font-size: 12px; text-transform: uppercase; color: #999; letter-spacing: 2px; }
.SideNameGreyA a:active { font-family: Georgia; font-size: 12px; text-transform: uppercase; color: #999; letter-spacing: 2px; }
.SideNameGreyA a:visited { font-family: Georgia; font-size: 12px; text-transform: uppercase; color: #999; letter-spacing: 2px; }


/* Категории */
.CategoryName { font-family: Georgia; font-size: 14px; color: #FFF; text-decoration: none; background-color: #000; }
.CategoryNameA a:link { font-family: Georgia; font-size: 14px; color: #000; text-decoration: none; border-bottom: 1px solid #CCC; }
.CategoryNameA a:hover { font-family: Georgia; font-size: 14px; color: #000; text-decoration: none; background-color: #0FF; }
.CategoryNameA a:acive { font-family: Georgia; font-size: 14px; color: #FFF; text-decoration: none; border-bottom: 1px solid #CCC; }
.CategoryNameA a:visited { font-family: Georgia; font-size: 14px; color: #000; text-decoration: none; border-bottom: 1px solid #CCC; }

.CategoryNameNA { font-family: Georgia; font-size: 14px; color: #FFF; text-decoration: none; background-color: #000; }


/* Поиск */
.Select { width: 170px; border: 1px solid #999; }
.SearchB { background-image: url(../img/search.jpg); border: 0px; width: 170px; height: 32px; }


/* БрендБаннер */
.BrandDiv { width: 170px; text-align: center; }
.BrandBanner { width: 140px; height: 140px; border: 0px; }


/* Новонки и в дальнейшем вывод позиций ассортимента */
.ItemTable { width: 600px; border: 0; }
.ItemOne { width: 180px; vertical-align: top; }
.ItemSpace { width: 28px; }
.ItemImage { width: 180px; height: 180px; border: 0; }
.ItemCategoryA { font-family: Arial; font-size: 10px; color: #999; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; border-bottom: 1px solid #CCC; }
.ItemNameA { font-family: Georgia; font-size: 12px; color: #000; text-decoration: none; border-bottom: 1px inset #CCC; font-weight: 600; }
.ItemPrice { font-family: Arial; font-size: 14px; color: #000; }


/* Новости */
.NewsTheme { font-size: 20px; text-transform: uppercase; color: #000; text-decoration: none; border-bottom: 1px inset #CCC; }
.NewsDate { font-family: Arial; font-size: 12px; font-style: italic; color: #CCC; }
.NewsText { font-size: 16px; color: #000; }


/* Корзина */
.RecTable { width: 170px; }
.RecLeft { width: 60px; height: 60px; }
.RecSpace { width: 10px; }
.RecRight { width: 100px; vertical-align: top; text-align: left; }
.RecImg { width: 60px; height: 60px; border: 0; }
.RecItemName { font-family: Georgia; font-size: 12px; text-transform: uppercase; color: #000; text-decoration: none; border-bottom: 1px inset #999; }
.RecDelete { font-size: 11px; color: #CCC; }
.RecEmpty { font-size: 14px; color: #000; }
.GoOk { width: 170px; text-align: center; }
.RecOk { font-size: 14px; font-style: italic; color: #000; text-decoration: none; border-bottom: 1px inset #999; }
.RecSum { vertical-align: top; text-align: right; font-size: 14px; font-style: italic; color: #CCC; }
.RecPrice { font-family: Arial; font-size: 16px; color: #000; }
.RecPriceWB { font-family: Arial; font-size: 16px; color: #CCC; text-decoration: line-through; }
.RecWBSum { vertical-align: top; text-align: right; font-size: 14px; font-style: italic; color: #CCC; }
.RecWB { font-family: Arial; font-size: 16px; color: #000; }


/* Навигация по страницам новости, товары */
.PageDiv { width: 600px; text-align: center; }
.PageText { font-size: 12; text-decoration: none; border-bottom: 1px inset #999; color: #000; }
.PageTextSelect { font-size: 12; border: 1px solid #CCC; padding-bottom: 2px; padding-left: 4px; padding-right: 4px; padding-top: 2px; }


/* Фильтрация на муж и женскую */
.SexFilterText { font-size: 14px; font-style: italic; color: #CCC; }
.SexFilterSelect { font-size: 14px; color: #000; }
.SexFilterNotSelect { font-size: 14px; color: #000; border-bottom: 1px dashed #999; text-decoration: none; }


/* КСИДКИ ТЕКСТ */
.NormFontSkidki { font-family: Arial; font-size: 24px; text-transform: uppercase; color: #999; }
.BoldFontSkidki { font-family: Arial; font-size: 24px; text-transform: uppercase; }

/* Новинки и распродажа, картинки */
.NewSaleDiv { width: 180px; height: 180px; border: 0; padding-top: 2px; padding-left: 2px; text-align: left; vertical-align: top; background-repeat: no-repeat; }
.NewSaleImg { width: 40px; height: 40px; border: 0; }
.SalePrice { font-family: Georgia; font-size: 16px; color: #CCC; text-decoration: line-through; }
.SaleTable { width: 180px; }
.SaleLeft { text-align: left; width: 90px; }
.SaleRight { text-align: right; width: 90px; }

/*Один итем*/
.OneItemTable { width: 600px; }
.OneItemLeft { width: 290px; max-width: 290px; vertical-align: top; }
.OneItemLeft img { max-width: 290px; height: auto;}
.OneItemSpace { widows: 20px; }
.OneItemRight { width: 290px; vertical-align: top; }
.OneItemBigPhoto { width: 290px; height: 290px; border: 0; }
.OneItemPhotoMiniTable { width: 290px; }
.OneItemPhotoMiniTable  img {max-width: 142px; height: auto;}
.OneItemPhotoMiniLeft { width: 142px; }
.OneItemPhotoMiniSpace { width: 4px; }
.OneItemPhotoMiniRight { width: 142px; }
.OneItemPhotoMiniImg { max-width: 142px; max-height: 142px; width: 142px; height: 142px; }
.OneItemGreyText { font-size: 16px; color: #CCC; }
.OneItemBlackText { font-size: 16px; color: #000; }
.OneItemDivSpace { height: 20px; }

/*Для количества итемов*/
.EditForm { border: 0; color: #000; width: 15px; background-color: #FFF }
.PriceForm { border: 0; color: #000; width: 60px; background-color: #FFF; }
.PriceFormBig { font-size: 18px; border: 0; color: #000; width: 70px; background-color: #FFF; }
.PriceFormBigOver { font-size: 18px; border: 0; color: #000; width: 60px; background-color: #FFF; text-decoration: line-through; }
.znak { cursor: default; }

/*.OneItemSizeDiv {  }
.OneItemSizeCircle { width: 28px; height: 30px; vertical-align: middle; text-align: center; }
.OneItemSizeSpace { width: 5px; }
.OneItemSizeTextBlack { font-size: 12px; }*/

/* Подвал */
.FBrand a:link { font-family: Arial; color: #000; text-decoration: none; font-size: 14px; border-bottom: 1px solid #CCC; }
.FBrand2 { font-family: Arial; color: #000; text-decoration: none; font-size: 14px; background-color: #0FF; border-bottom: none; }
.FBrand a:hover { font-family: Arial; color: #000; text-decoration: none; font-size: 14px; background-color: #0FF; border-bottom: none; }
.FBrand a:activ { font-family: Arial; color: #000; text-decoration: none; font-size: 14px; border-bottom: 1px solid #CCC; }
.FBrand a:visited { font-family: Arial; color: #000; text-decoration: none; font-size: 14px; border-bottom: 1px solid #CCC; }

.CopyLeft { width: 810px; vertical-align: top; }
.CopyRight { width: 170px; vertical-align: top; }
.CopyRight { font-family: Arial; font-size: 12px; color: #000; }


.KeskeLeft { width: 40px; height: 40px; }
.KeskeRight { width: 120px; vertical-align: top; text-align: left; }
.KeskeLink { font-family: Arial; text-decoration: none; text-transform: uppercase; font-size: 14px; border-bottom: 1px inset #999; color: #000; }
.KeskeIt { font-family: Arial; font-size: 12px; color: #CCC; font-style: italic; }
    
/* Image zoomer styles */    
#zoom      { width: auto; }
.small img { max-width: 290px; height: auto; }
.large img { width: 1600px; height: auto; background: white; padding-top: 35px; padding-left: 50px; }
    /* Overall */
.az-wrap, .az-small, .az-large {
  position: relative;
}
.az-wrap-inner {
  display: block;
}
/* This wraps the large image and hides it */
.az-zoom {
  background: #fff;
  border: #333 1px solid;
  position: absolute;
  top: 0;
  left: 0;
  width: 150px; /* Default zoom window size */
  height: 150px;
  overflow: hidden;
  z-index: 100;
  display: none;
}
/* Class applied to az-mover when large image is windowed */
.az-windowed {
  /*overflow: hidden;*/
  position: absolute;
}
/* Class applied to az-mover when large image is fully shown */
.az-expanded {
  height: auto;
  width: auto;
  position: static;
  overflow: visible;
}