/*
 * Основные определения стилей для всего сайта
 */


/******* Основные элементы шаблона *******/

/* Размеры */
#Wrapper                  { width: 1020px; }
#Content                  { width:  580px; padding: 10px; }
#LeftColumn, #RightColumn { width:  200px; padding:  5px; }
#Header                   { width: 100%; height: 200px; }
#Footer                   { width: 100%; height: 100px; }

/* Позиционирование */
#Content, #LeftColumn, #RightColumn, #Header, #Footer { position: relative; }
#Content, #LeftColumn, #RightColumn { float: left; }
#Footer { clear: both; }
#Wrapper { margin: 0 auto; }

/* Меняем местами центральную колонку с правой */
#Content    { left:  210px; }
#LeftColumn { left: -600px; }

/* Защита от переполнения */
#Content, #LeftColumn, #RightColumn { overflow: hidden; }

/* Раскраска */
#Content, #Wrapper        { background: #FFF; }
#LeftColumn, #RightColumn { background: #9DB; }
#Header                   { background: #39F url(/templates/images/shapka.jpg) no-repeat top center; }
#Footer                   { background: #FFF url(/templates/images/podval.jpg) no-repeat top center; }

/* Декоративные уголки для боковых панелей */
.AngleBottomLeft,
.AngleBottomRight
{
  position: absolute;
  height: 21px;
  width:  21px;
  bottom: 0px;
}
.AngleBottomRight
{
  right: 0px;
  background: transparent url(/templates/images/abr.gif) no-repeat bottom right;
}
.AngleBottomLeft
{
  left:  0px;
  background: transparent url(/templates/images/abl.gif) no-repeat bottom left;
}


/******* Общие определения (без классов) *******/
body
{                   
  margin:     0;
  padding:    0;
  color:      #000;
  background: #5CAEE0;
  font:       14px normal arial, sans-serif;
}
img
{
  border: none;
}
a,
a:hover,
a:active,
a:visited
{
  text-decoration: none;
}
a:hover
{
  text-decoration: underline;
}

table
{
  border-collapse: collapse;
  border:  none;
  margin:  0px;
  padding: 0px;
}
td, th
{
  margin:  0px;
  padding: 0px;
  vertical-align: top;
}

form
{
  margin:  0px;
  padding: 0px;
}

h1,h2,h3,h4,h5
{
  margin:  0px;
  padding: 0px;
  text-align: center;
}

p
{
  margin-top:    0.5em;
  margin-bottom: 0.5em;
}

ul
{
  margin-left:  10px;
  padding-left: 10px;
}

input, textarea
{
  background-color: #EEE;
}


/******* Основное содержимое шапки, подвала и боковых колонок *******/

/* Информационный заголовок вверху шапки */
#Header h1
{
  height: 190px;
  padding: 5px 20px;
  cursor: pointer;
}
.SiteHeader
{
  font: 22px bold Georgia, Serif;
  font-style: italic;
  color: #DDD;
  text-align: right;
}
.SiteHeader .Large
{
  font-size: 36px;
}

/* Горизонтальное меню */
.HorizontalMenu
{
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #FFF;
  height: 20px;
  text-align: center;
  vertical-align: middle;
}
.HorizontalMenu a
{
  color: #EEE;
  font-weight: bold;
  text-decoration: none;
}
.HorizontalMenu a:hover
{
  color: #FF7;
}

/* Блок каунтеров (в подвале) */
#Counters
{
  position: absolute;
  top: 5px;
  right: 5px;
}

/* Строка с телефонами (в подвале) */
#PhonesLine
{
  text-align: center;
  margin: 3px;
}

/* Типа-копирайт (в подвале) */
#Copyright
{
  text-align: center;
  margin: 3px;
}

/* Заголовок блока в боковых колонках */
.SideColumn .BlockHeader
{
  margin: 0.5em;
}

/* Корзина */
#Basket
{
  margin: 0px 10px;
  padding: 5px;
  background: #FC7;
  border: solid green 2px;
}
#Basket a,
#Basket a:hover,
#Basket a:active,
#Basket a:visited
{
  color: black;
  font-weight: bold;
  text-decoration: none;
}

/* Представление товаров в боковых колонках */
img.SideColumnImage
{
  max-width:  50px;
  max-height: 50px;
  margin: 3px;
  border:solid black 1px
}
.SideColumnPrice
{
  font-size: 12px;
  font-weight: bold;
  color: #700;
}
a.SideColumnLink,
a.SideColumnLink:hover,
a.SideColumnLink:active,
a.SideColumnLink:visited
{
  color: black;
  font-size: 12px;
  text-decoration: none;
}
.SideColumnTrade:hover
{
  border: solid black 1px;
  background-color: #FF7;
}

input.SearchField
{
  width: 120px;
  color: #444;
  font-size: 12px;
  margin: 0px;
  padding: 1px;
}

.SearchForm input
{
  vertical-align: middle;
}

.PageTitle
{
  margin: 1em;
}


/*** Структура каталога (в левой колонке) ***/

ul.Map
{
  margin: 0.5em 0px;
  padding: 0px;
}

ul.Map li
{
  margin: 2px 0px;
  padding: 0 0 0 18px;
  list-style-type: none;
  background: url("../images/small-ball.gif") no-repeat top left;
}

ul.Map li a,
ul.Map li a:hover,
ul.Map li a:active,
ul.Map li a:visited
{
  display: block;
  color: black;
  font-size: 12px;
  text-decoration: none;
}
ul.Map li a:hover
{
  background-color: #FF7;
}

/* Неактивный список каталога */
ul.Map li.InactiveList
{
}

/* Активный список каталога */
ul.Map li.ActiveList
{
  font-weight: bold;
  border: solid green 1px;
  margin-left: 0px;
  padding: 2px;
  display: block;
  background: #5D9;
}
ul.Map li.ActiveList a:hover
{
  background-color: transparent;
}

/* Неактивная категория каталога */
ul.Map li.InactiveCategory
{
  background: url("../images/small-ball-2.gif") no-repeat left top;
}

/* Активная (открытая) категория каталога */
ul.Map li.ActiveCategory
{
  border: solid green 1px;
  background: #DFE;
}
/* Заголовок (шапка) активной категории каталога */
ul.Map li.ActiveCategory a.ActiveCategoryTitle
{
  padding: 2px;
  margin-left: -18px;
  background-color: #5D9;
  font-weight: bold;
}
/* Вложенный список входящих в категорию рубрик */
ul.Map li.ActiveCategory ul.Map
{
  margin: 0px;
}
/* Рубрика в активной категории */
ul.Map li.ActiveCategory ul.Map li
{
  margin-left: -12px;
  padding: 0 0 0 16px;
  background: url("../images/tiny-ball-green.gif") no-repeat top left;
}
ul.Map li.ActiveCategory ul.Map li.ActiveList
{
  font-weight: bold;
  background: url("../images/tiny-ball-blue.gif") no-repeat top left;
  border: none;
}


table#ContactFormTable
{
  border: solid #BBB 2px;
}
table#ContactFormTable td
{
  background-color: #DDD;
  border: dotted #777 1px;
  padding: 5px;
  font-size: 1.2em;
}
table#ContactFormTable input,
table#ContactFormTable textarea
{
  font-size: 1em;
  padding: 1px;
  margin: 0px;
}
table#ContactFormTable img
{
  border: solid black 1px;
  margin: 0px;
}


/***/

img.GoodPic
{
  border: solid black 1px;
}

div.PriceFilter
{
  margin: 1em 0px;
  padding: 5px;
  background-color: #EEE;
  border: solid 1px #DDD;
}

/* Таблица с дополнительными товарами */
table.MoreTrades
{
  margin: 1em auto;
  background-color: #E0F0FF;
  border: solid 1px #A0C0FF;
}
table.MoreTrades th
{
  padding: 3px;
  background-color: #C0E0FF;
}
table.MoreTrades td
{
  width: 140px;
  font-size: 12px;
  text-align: center;
  padding: 2px;
}
table.MoreTrades a
{
  text-decoration: none;
}
table.MoreTrades img.GoodPic
{
  max-width:  130px;
  max-height: 100px;
}

/* Контент на морде */
#HomePageContent
{
  margin: 10px;
}
#HomePageContent p
{
  font: 16px Georgia;
  text-align: justify;
}

/* Таблица с основными товарами */
table.GoodCardsTable
{
  margin: .5em 0px;
}
table.GoodCardsTable td.GoodCardCell
{
  width: 50%;
}

/*** Карточка товара в списке ***/
div.OneGoodCard
{
  position: relative;
  padding: 2px;
  padding-bottom: 1.5em;
  text-align: left;
/*  cursor: pointer;*/
}
div.OneGoodCard:hover
{
  background-color: #FFB;
}
div.OneGoodCard a.LinkToTop
{
  display: block;
  float: right;
  color: black;
  padding: 0px 2px;
  font-weight: bold;
}
div.OneGoodCard a.LinkToTop:hover
{
  color: red;
  cursor: pointer;
  text-decoration: none;
}
div.OneGoodCard a.GoodTitle
{
  display: block;
  color: black;
  background-color: #BDF;
  text-decoration: none;
  font-weight: bold;
  padding: 2px;
}
div.OneGoodCard div.GoodArtcl
{
  font-weight: bold;
}
div.OneGoodCard img.GoodPic
{
  float: left;
  max-width:  130px;
  max-height: 130px;
  margin: 5px 5px 5px 0px;
}
div.OneGoodCard div.GoodAbout
{
  font-size: 12px;
}
div.OneGoodCard a.GoodLink
{
  text-decoration: underline;
}
div.OneGoodCard div.GoodPrice
{
  display: block;
  position: absolute;
  left: 5px;
  bottom: 5px;
  color: #B00;
  font-weight: bold;
}
div.OneGoodCard div.Good2Basket
{
  display: block;
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-weight: bold;
  color: green;
}
div.OneGoodCard div.Good2Basket a
{
  color: blue;
}
div.OneGoodCard div.Good2Basket a:hover
{
  cursor: pointer;
  text-decoration: underline;
}

/*
td.GoodCardsVerticalSeparator, td.GoodCardsSeparator
{
  width: 1px;
  background: #BDF;
}
td.GoodCardsHorizontalSeparator, td.GoodCardsSeparator
{
  height: 1px;
  background: #BDF;
}
*/

/* Сообщение об отсутствии товаров */
div.NoGoods
{
  margin: 10px 100px;
  padding: 10px;
  color: #444;
  border: solid 3px #F77;
  background-color: #FF7;
  text-align: center;
  font-size: 14pt;
}

/* Блок с номерами страниц и т.п. */
div.Pagenation
{
  padding: 2px;
  margin: 5px 0;
  background-color: #EEE;
  border: solid 1px #DDD;
  font-size: 12px;
}

/* "Врезка" с информацией о категории */
div.Announce
{
  margin: 1em 0px;
  padding: 5px;
  background-color: #DEF;
  border: solid 1px #BDF;
}
div.Announce h2
{
  margin: -5px -5px 0px -5px;
  padding: 2px;
  background-color: #BDF;
  font-size: 14px;
}
div.Announce p
{
  text-align: justify;
}

/* Путь в каталоге к текущей странице */
div.UpperPath,
div.LowerPath
{
  margin-top:    5px;
  margin-bottom: 5px;
}
/*
div.UpperPath
{
  margin-bottom: 5px;
}
div.LowerPath
{
  margin-top: 5px;
}
*/
div.Path
{
  padding: 2px 5px;
  font-size: 12px;
  font-weight: bold;
  background-color: #EEE;
}


/*** Список содержимого неактивных страниц текущего списка товаров ***/
h4.PreviewHeader
{
  margin-top: 1em;
}
table.PagesPreview
{
  width: 100%;
  margin: 1em 0;
  font-size: 12px;
}
table.PagesPreview th
{
  background-color: #BDF;
}
table.PagesPreview td.ProductsCell
{
  width: 49%;
}
table.PagesPreview td.SeparatorCell
{
  width: 2%;
}


.ContactsForm
{
}
.ContactsForm td input,
.ContactsForm td textarea
{
  width: 30em;
  background: white;
  border: inset 2px #DEF;
}
.ContactsForm td textarea
{
  height: 7em;
}
.ContactsForm th input
{
  background: #CDE;
  border: outset 2px #DEF;
}

.ContactsFormTable
{
  margin: 1em auto;
  border: solid #ABC 2px;
  background: #FFF;
}
.ContactsFormTable th,
.ContactsFormTable td
{
  padding: .2em;
  border: solid 1px #FFF;
  background: #CDE;
}