/*
  $Id: stylesheet.css,v 1.1.1.1 2003/09/18 19:05:47 wilt Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

html,body
   {
     background: #ccffff;                           /* цвет общего фона (добавил сам) */
     margin: 0;
     padding: 0;
   }

body
   {
     font: 14px Arial, Helvetica, sans-serif;
     font-weight: normal;
     width: 98%;
     margin: 0 auto;
     background: url(images/555.jpg) top left no-repeat;       /* картинка сзади в левом верхнем углу */
   }

img
   {
	  border: 0;
   }

h2, h3
   {

     margin: 0 0 0 0;
     padding: 0 0 0 0;
   }
   
/* ЦвеСr РѕР±С{СwРЅС{Сu СqСqС{лок РІ магазине */
a 
   {
     color: #000;
     text-decoration: none;
     font-weight: normal;
   }

a:hover 
   {
     color: #990000;
     text-decoration: underline;
     font-weight: normal;
   }
/* /ЦвеСr РѕР±С{СwРЅС{Сu СqСqС{лок РІ магазине */

/* Шапка */
div#header
   {
     width: 100%;
     height: 126px;
     padding: 0.0em 0 0.5em 0;         /* зазор между верхом хедера и верхом сайта, и между хедером и нижним боксом,
     первоначально 0.5em 0 0.5em 0 */
   }

table.header
   {
     width: 100%;
     background: url(images/head_002.jpg) top right repeat-x;
     /* border-left: 1px solid #66ff99;  убрал */
     /* border-right: 1px solid #66ff99;  убрал */
   }

td.header-right
   {
     text-align: left;
     width: 100%;
     height: 126px;
     background: url(images/logo-015M.jpg) top right no-repeat;
    
    padding-left: 10em;
   }

td.header-left
   {
     height: 126px;                                                /* высота хедера */
     background: url(images/head_002.jpg) top right repeat-x;
     padding-left: 0.0em;                                          /* левый отступ от банера, первоначально 0.5em */
   }

td.header-center
   {
     height: 126px;                                                /* высота хедера */
     background: url(images/head_002.jpg) top right no-repeat-x;
   }

#header .b1, #header .b2, #header .b3, #header .b4, #header .b1b, #header .b2b, #header .b3b, #header .b4b
   {
     display: block;
     overflow: hidden;
     font-size: 1px;
   }

#header .b1, #header .b2, #header .b3, #header .b1b, #header .b2b, #header .b3b
   {
     height: 1px;
   }

#header .b2
   {
     background: #011260;
     border-left: 1px solid #011260;
     border-right: 1px solid #011260;
   }

#header .b3
   {
     background: #0177c1;                       /* верхняя граница хедера (жирная) */
     border-left: 1px solid #011260;
     border-right: 1px solid #011260;
   }

#header .b4
   {
     background: #0177c1;                       /* верхняя граница хедера (жирная) */
     border-left: 1px solid #011260;
     border-right: 1px solid #011260;
   }

#header .b4b
   {
     background: #011260;
     border-left: 1px solid #011260;
     border-right: 1px solid #011260;
   }

#header .b3b
   {
     background: #011260;
     border-left: 1px solid #011260;
     border-right: 1px solid #011260;
   }

#header .b2b
   {
     background: #011260;
     border-left: 1px solid #011260;
     border-right: 1px solid #011260;
   }

#header .b1
   {
     margin: 0 5px;
   }

#header .b2, #header .b2b
   {
     margin: 0 3px;
     border-width: 0 2px;
   }

#header .b3, #header .b3b
   {
     margin: 0 2px;
   }

#header .b4, #header .b4b
   {
     height: 2px;
     margin: 0 1px;
   }

#header .b1b
   {
     margin: 0 5px;
     background: #011260;
   }

/* /Шапка */

/* Рамка СqСrСpаниСvС{ */

.b1, .b2, .b3, .b4, .b1b, .b2b, .b3b, .b4b 
   {
     display: block;
     overflow: hidden;
     font-size: 1px;
   }

.b1, .b2, .b3, .b1b, .b2b, .b3b
   {
     height: 1px;
   }

.b2 
   {
     background: #33cc66;                        /* самая верхняя граница сайта и футера */
     border-left: 1px solid #33cc66;
     border-right: 1px solid #33cc66;
   }

.b3 
   {
     background: #ccffcc;                       /* верхняя граница сайта и футера */
     border-left: 1px solid #33cc66;
     border-right: 1px solid #33cc66;
   }

.b4 
   {
     background: #ccffcc;                        /* верхняя граница сайта и футера (жирная) */
     border-left: 1px solid #33cc66;
     border-right: 1px solid #33cc66;
   }

.b4b 
   {
     background: #ccffcc;                         /* нижняя граница сайта и футера (жирная) */
     border-left: 1px solid #33cc66;
     border-right: 1px solid #33cc66;
   }

.b3b 
   {
     background: #eccffcc;                         /* нижняя граница сайта и футера */
     border-left: 1px solid #33cc66;
     border-right: 1px solid #33cc66;
   }

.b2b 
   {
     background: #ccffcc;                         /* нижняя граница сайта и футера */
     border-left: 1px solid #33cc66;
     border-right: 1px solid #33cc66;
   }

.b1 
   {
     margin: 0 5px;
   }

.b2, .b2b 
   {
     margin: 0 3px;
     border-width: 0 2px;
   }

.b3, .b3b 
   {
     margin: 0 2px;
   }

.b4, .b4b 
   {
     height: 2px;
     margin: 0 1px;
   }

.b1b 
   {
     margin: 0 5px;
     background: #33cc66;                        /* самая нижняя граница сайта и футера */
   }

/* /Рамка СqСrСpаниСvС{ */

/* ЦенСrСp */
div#container
   {
     width: 100%;
     margin: 0 auto;
     padding: 0;
   }

div.outer
   {
     padding: 0 0 .6em 0;
     margin: 0 auto;
   }

div.outer-page
   {
     padding: 0;
     margin: 0;
     background: #ccffcc;                           /* цвет фона центральной части */
     border-left: 1px solid #33cc66;                /* цвет левой линии сайта и футера */
     border-right: 1px solid #33cc66;               /* цвет правой линии сайта и футера */
   }
   
div#wrapper
   {
     float: left;
     width: 100%;
   }

div#content
   {
     margin: 0 21%; /* РѕСrСqСrСsРї СvенСrСpР° РѕСr Р±РѕРєРѕРІС{Сu колонок */
   }

/* /ЦенСrСp */

/* ЛеваС колонка */
div#left
   {
     float: left;
     width: 21%; /* РЁРёСpРёРЅР° левой колонки */
     margin-left: -100%;
   }
/* /ЛеваС колонка */

/* РџСpаваС колонка */
div#right
   {
     float: left;
     width: 20%; /* РЁРёСpРёРЅР° РїСpавой колонки */
     margin-left: -20%;
   }
/* /РџСpаваС колонка */

/* РќРёР· */
div#footer
   {
     clear: left;
     width: 100%;
     text-align: center;
     color: #000;
   }

div.clear-left
   {
     clear: left;
   }   

div.clear-all
   {
     clear: all;
   }   

div#footer p
   {
     margin: 0;
     padding: 5px 10px;
   }
   
/* /РќРёР· */

/* НавигаСvРёС */
div#navigation 
   {
     padding-top: 0.5em;
     padding-bottom: 0.5em;
     padding-left: 10px;
     color: #000;
   }

#navigation span 
   {
     display: block;
     font: 16px Arial, Helvetica, sans-serif;
     font-weight: normal;
     color: #000;
     padding: 0 0 0 10px; 
   }
   
#navigation a
   {
     font: 16px Arial, Helvetica, sans-serif;
     font-weight: normal;
     color: #000;
     text-decoration: none;
   }

#navigation a:hover
   {
     font: 16px Arial, Helvetica, sans-serif;
     font-weight: normal;
     color: #000;
     text-decoration: none;
   }

#navigation a:visited
   {
     font: 16px Arial, Helvetica, sans-serif;
     font-weight: normal;
     color: #000;
     text-decoration: none;
   }
   
/* /НавигаСvРёС */
   
/* Заголовок СqСrСpаниСvС{ */
#content h1 
   {
     font-family: Arial, Helvetica, sans-serif; 
     font-size: 18px; 
     color: #0170ca;
   }

#content h1 a 
   {
     font-family: Arial, Helvetica, sans-serif; 
     font-size: 18px; 
     color: #0170ca;
   }

#content h1 a:hover 
   {
     font-family: Arial, Helvetica, sans-serif; 
     font-size: 18px; 
     color: #0170ca;
   }

#content h1 a:visited 
   {
     font-family: Arial, Helvetica, sans-serif; 
     font-size: 18px; 
     color: #0170ca;
   }

/* /Заголовок СqСrСpаниСvС{ */

/* РЎРєСpСsгленнС{Рµ СsРіР»С{ */
.page 
   {
     background: transparent;
     width: 100%;
     margin-top: 0.5em;
     margin-bottom: 0.5em;
   }

.pageItem 
   {
    /*  width: 100%; */               /* убрал сам*/
     padding: 0;
     margin: 0;
     background: #f1f1f6;                           /* цвет фона средних боксов */
     border-left: 1px solid #33cc66;                /* цвет левой линии средних боксов (добавил сам)*/
     border-right: 1px solid #33cc66;               /* цвет правой линии средних боксов (добавил сам)*/
   }

.pageItem p 
   {
     padding; 0;
     margin: 0;
   }
   
.pageItem ul, .pageItem ul
   {
     padding; 0;
     margin: 0;
   }
   
.page h1, .page p 
   {
     margin: 0 10px;
   }

.page h1 
   {
     font-size: 2em;
     color: #fff;
   }

.page p 
   {
     padding-bottom: 0.5em;
     padding-top: 0.5em;
   }

.page .b1, .page .b2, .page .b3, .page .b4, .page .b1b, .page .b2b, .page .b3b, .page .b4b 
   {
     display: block;
     overflow: hidden;
     font-size: 1px;
   }

.page .b1, .page .b2, .page .b3, .page .b1b, .page .b2b, .page .b3b 
   {
     height: 1px;
   }

.page .b2 
   {
     background: #33cc66;                         /* самая верхняя граница средних боксов */
     border-left: 1px solid #33cc66;
     border-right: 1px solid #33cc66;
   }

.page .b3 
   {
     background: #f1f1f6;                         /* верхняя граница средних боксов */
     border-left: 1px solid #33cc66;
     border-right: 1px solid #33cc66;
   }

.page .b4 
   {
     background: #f1f1f6;                        /* верхняя граница средних боксов (жирная) */
     border-left: 1px solid #33cc66;
     border-right: 1px solid #33cc66;
   }

.page .b4b 
   {
     background: #f1f1f6;                         /* нижняя граница средних боксов (жирная) */
     border-left: 1px solid #33cc66;
     border-right: 1px solid #33cc66;
   }

.page .b3b 
   {
     background: #f1f1f6;                         /* нижняя граница средних боксов */
     border-left: 1px solid #33cc66;
     border-right: 1px solid #33cc66;
   }

.page .b2b 
   {
     background: #f1f1f6;                         /* нижняя граница средних боксов */
     border-left: 1px solid #33cc66;
     border-right: 1px solid #33cc66;
   }

.page .b1 
   {
     margin: 0 5px;
   }

.page .b2, .page .b2b 
   {
     margin: 0 3px;
     border-width: 0 2px;
   }

.page .b3, .page .b3b 
   {
     margin: 0 2px;
   }

.page .b4, .page .b4b 
   {
     height: 2px;
     margin: 0 1px;
   }

.page .b1b 
   {
     margin: 0 5px;
     background: #33cc66;                         /* самая нижняя граница средних боксов */
   }

.pagecontent 
   {
     display: block;
     padding-left: 0.5em;
     padding-right: 0.5em;
     background: #f1f1f6;                                /* не знаю */
   }

.pagecontentfooter 
   {
     display: block;
     text-align: right;
     background:#ffffff;
     margin-top: 0.5em;
     margin-bottom: 0.5em;
   }
/* /РЎРєСpСsгленнС{Рµ СsРіР»С{ */

/*- МенС~-закладки СqРІРµСpСuСs */

#menu 
   {
	  margin-top: 1em;
     padding: 1em 0 0 0;
     margin: 0 auto;
   }

#menu ul, #navigation ul li 
   {
     background: #ccffcc;                     /* цвет бокса Начало Новинки Корзина */
     border-left: 1px solid #33cc66;          /* левая граница */
     border-right: 1px solid #33cc66;         /* правая граница */
	  list-style: none;
	  margin: 0;
	  padding: 0;
   }

#menu ul 
   {
	  padding: 5px 0 5px;
	  text-align: left;
   }

#menu ul li 
   {
	  display: inline;
	  margin:0 .375em;
   }

#menu ul li.last 
   {
	  margin-right: 0;
   }

#menu ul li a 
   {
     font: 16px Arial, Helvetica, sans-serif;
	  color: #0170ca;
	  padding: 0px 0 0px;
     font-weight: bold;
	  text-decoration: none;
   }

#menu ul li a:hover 
   {
     font: 16px Arial, Helvetica, sans-serif;
	  color: #000;
	  padding: 0px 0 0px;
     font-weight: bold;
	  text-decoration: none;
   }

#menu ul li.current a 
   {
     font: 16px Arial, Helvetica, sans-serif;
	  color: #0170ca;
	  padding: 0px 0 1px;
     font-weight: bold;
	  text-decoration: none;
   }

#menu ul li a span 
   {
	  padding: 0px 1em;
   }

#menu ul li.current a span 
   {
	  padding: 0px 1em 1px;
     border-bottom:0;
   }

#menu ul li a:hover span 
   {
     font: 16px Arial, Helvetica, sans-serif;
	  color: #000;
     font-weight: bold;
	  text-decoration: none;
   }

/*\*//*/
#menu ul li a 
   {
     font: 16px Arial, Helvetica, sans-serif;
	  display: inline-block;
	  white-space: nowrap;
	  width: 1px;
   }

#menu ul 
   {
	  padding-bottom: 0;
	  margin-bottom: -1px;
   }
/**/

/*\*/
* html #menu ul li a 
   {
	  padding: 0;
   }
/**/

#menu .b1, #menu .b2, #menu .b3, #menu .b4, #menu .b1b, #menu .b2b, #menu .b3b, #menu .b4b 
   {
     display: block;
     overflow: hidden;
     font-size: 1px;
   }

#menu .b1, #menu .b2, #menu .b3, #menu .b1b, #menu .b2b, #menu .b3b 
   {
     height: 1px;
   }

#menu .b2 
   {
     background: #33cc66;                               /* верх верхней границы верхнего бокса Начало Новинки ... */
     border-left: 1px solid #33cc66;                    /* углы */
     border-right: 1px solid #33cc66;                    /* углы */
   }

#menu .b3 
   {
     background: #ccffcc;                              /* середина верхней границы верхнего бокса Начало Новинки ... */
     border-left: 1px solid #33cc66;                    /* углы */
     border-right: 1px solid #33cc66;                    /* углы */
   }

#menu .b4 
   {
     background: #ccffcc;                               /* низ верхней границы верхнего бокса Начало Новинки ... */
     border-left: 1px solid #33cc66;                    /* углы */
     border-right: 1px solid #33cc66;                    /* углы */
   }

#menu .b4b 
   {
     background: #ccffcc;                               /* верх нижней границы верхнего бокса Начало Новинки ... */
     border-left: 1px solid #33cc66;                    /* углы */
     border-right: 1px solid #33cc66;                    /* углы */
   }

#menu .b3b 
   {
     background: #ccffcc;                               /* середина нижней границы верхнего бокса Начало Новинки ... */
     border-left: 1px solid #33cc66;                    /* углы */
     border-right: 1px solid #33cc66;                    /* углы */
   }

#menu .b2b 
   {
     background: #ccffcc;                               /* низ нижней границы верхнего бокса Начало Новинки ... */
     border-left: 1px solid #33cc66;                    /* углы */
     border-right: 1px solid #33cc66;                    /* углы */
   }

#menu .b1 
   {
     margin: 0 5px;
   }

#menu .b2, #menu .b2b 
   {
     margin: 0 3px;
     border-width: 0 2px;
   }

#menu .b3, #menu .b3b 
   {
     margin: 0 2px;
   }

#menu .b4, #menu .b4b 
   {
     height: 2px;
     margin: 0 1px;
   }

#menu .b1b 
   {
     margin: 0 5px;
     background: #33cc66;                                     /* низ нижней границы верхнего бокса Начало Новинки ... */
   }
   
/*- /МенС~-закладки СqРІРµСpСuСs */

/*- БокСqС{ */

/*- БокСq */

/* РћСtРѕСpмление */
.box 
   {
     text-align: left;
     margin: 0.2em;
     padding-top: 0.1em;
     padding-left: 0.4em;
     padding-right: 0.4em;
     padding-bottom: 0.4em; /* РѕСrСqСrСsРї РѕСr РєСpР°С Р±РѕРєСqР°, Сr.Рµ. РѕСr РїСsРЅРєСrРёСpРЅРѕР№ линии */
   }

.box .top, .box .bottom 
   {
     display: block; 
     background: transparent;
     font-size: 1px;
   }

.box .b1, .box .b2, .box .b3, .box .b4, .box .b1b, .box .b2b, .box .b3b, .box .b4b 
   {
     display: block;
     overflow: hidden;
     font-size: 1px;
   }

.box .b1, .box .b2, .box .b3, .box .b1b, .box .b2b, .box .b3b 
   {
     height: 1px;
   }

.box .b2 
   {
     background: #33cc66;                         /* верх верхней черты инфобоксов */
     border-left: 1px solid #33cc66;
     border-right: 1px solid #33cc66;
   }

.box .b3 
   {
     background: #66ff99;                          /* середина верхней черты инфобоксов */
     border-left: 1px solid #33cc66;
     border-right: 1px solid #33cc66;
   }

.box .b4 
   {
     background: #66ff99;                        /* низ верхней черты инфобоксов (жирная) */
     border-left: 1px solid #33cc66;
     border-right: 1px solid #33cc66;
   }

.box .b4b 
   {
     background: #66ff99;                       /* верх нижней черты инфобоксов (жирная) */
     border-left: 1px solid #33cc66;
     border-right: 1px solid #33cc66;
   }

.box .b3b 
   {
     background: #66ff99;                       /* нижняя средняя черта инфобоксов */
     border-left: 1px solid #33cc66;
     border-right: 1px solid #33cc66;
   }

.box .b2b 
   {
     background: #66ff99;                        /* нижняя черта инфобоксов */
     border-left: 1px solid #33cc66;
     border-right: 1px solid #33cc66;
   }

.box .b1 
   {
     margin: 0 5px;
   }

.box .b2, .box .b2b 
   {
     margin: 0 3px;
     border-width: 0 2px;
   }

.box .b3, .box .b3b 
   {
     margin: 0 2px;
   }

.box .b4, .box .b4b 
   {
     height: 2px;
     margin: 0 1px;
   }

.box .b1b 
   {
     margin: 0 5px;
     background: #33cc66;                           /* самая нижняя черта инфобоксов */
   }
   
.box .boxHeader 
   {
     display: block; 
     background: #66ff99;                             /* цвет шапки инфобоксов */
	  color: #000000;
	  font-size: 14px;
	  font-family: Arial, Helvetica, sans-serif;
	  text-transform: uppercase;
	  font-weight: bold;
     border-left: 1px solid #33cc66;                 /* цвет границ шапки инфобоксов (лев) */
     border-right: 1px solid #33cc66;                /* цвет границ шапки инфобоксов (прав) */
   }

.box .boxContent
   {
     display: block;
     padding-left: 0.5em; 
	  font-size: 13px;
	  font-family: Arial, Helvetica, sans-serif;
     background: #66ff99;                                /* цвет инфобоксов */
     border-left: 1px solid #33cc66;                     /* цвет границ инфобоксов (лев) */
     border-right: 1px solid #33cc66;                    /* цвет границ инфобоксов (прав) */
     font-weight: normal;
   }

.box .boxContent p
   {
     text-align: center;
     padding: .2em;
     margin: 0;
   }

.box .boxContent  span 
   {
     font-weight: bold;
   }

.box .boxHeader h5 
   {
     font: 14px Arial, Helvetica, sans-serif;
     font-weight: bold;
     padding-top: 0.3em;
     padding-bottom: 0.4em;
     padding-left: 0.5em;
     margin-top: 0;
     margin-bottom: 0;
     margin-left: 0;
     margin-right: 0;
   }

/* /РћСtРѕСpмление */

 
/*- /БокСq */

/*- /БокСqС{ */

td.boxText 
   {
     text-align: left;
   }
      
td.pageHeading 
   {
     font-family: Arial, Helvetica, sans-serif; 
     font-size: 18px; 
     color: #0170ca;
   }

input.input-class, select, checkbox, textarea, radio
   {
     border: 1px solid #33cc66;     /цвет границы полей ввода пароля, логина ...
     padding: .4em;
   }
   
.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }