/*
  $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
   {
     margin: 0;
     padding: 0;
   }

body
   {
     font: 14px Arial, Helvetica, sans-serif;
     font-weight: normal;
     width: 97%;
     margin: 0 auto;
     background: url(images/green22.jpg) top left; 
   }

img
   {
	  border: 0;
   }

h2, h3
   {
     margin: 0 0 0 0;
     padding: 0 0 0 0;
   }
   
/* Цвет обычных ссылок в магазине */
a 
   {
     color: #000;
     text-decoration: none;
     font-weight: normal;
   }

a:hover 
   {
     color: #990000;
     text-decoration: underline;
     font-weight: normal;
   }
/* /Цвет обычных ссылок в магазине */

/* OSP */
.back_small_1{ background:url(images/podkladka/white_small.jpg) no-repeat center center; width:200px; height:200px; vertical-align:middle; text-align:center}
.back_small_2{ background:url(images/podkladka/black_small.jpg) no-repeat center center; width:200px; height:200px; vertical-align:middle; text-align:center}
.back_small_3{ background:url(images/podkladka/royal_blue_small.jpg) no-repeat center center; width:200px; height:200px; vertical-align:middle; text-align:center}
.back_small_4{ background:url(images/podkladka/sand_small.jpg) no-repeat center center; width:200px; height:200px; vertical-align:middle; text-align:center}
.back_small_5{ background:url(images/podkladka/red_small.jpg) no-repeat center center; width:200px; height:200px; vertical-align:middle; text-align:center}
.back_small_6{ background:url(images/podkladka/orange_small.jpg) no-repeat center center; width:200px; height:200px; vertical-align:middle; text-align:center}
.back_small_7{ background:url(images/podkladka/grey_small.jpg) no-repeat center center; width:200px; height:200px; vertical-align:middle; text-align:center}
.back_small_8{ background:url(images/podkladka/gold_small.jpg) no-repeat center center; width:200px; height:200px; vertical-align:middle; text-align:center}
.back_small_9{ background:url(images/podkladka/kelly_green_small.jpg) no-repeat center center; width:200px; height:200px; vertical-align:middle; text-align:center}
.back_small_10{ background:url(images/podkladka/bottle_green_small.jpg) no-repeat center center; width:200px; height:200px; vertical-align:middle; text-align:center}
.back_small_11{ background:url(images/podkladka/navy_small.jpg) no-repeat center center; width:200px; height:200px; vertical-align:middle; text-align:center}
.back_small_12{ background:url(images/podkladka/sky_blue_small.jpg) no-repeat center center; width:200px; height:200px; vertical-align:middle; text-align:center}

.back_big_1{ background:url(images/podkladka/white_big.jpg) no-repeat center center; width:490px; height:490px; vertical-align:middle; text-align:center}
.back_big_2{ background:url(images/podkladka/black_big.jpg) no-repeat center center; width:490px; height:490px; vertical-align:middle; text-align:center}
.back_big_3{ background:url(images/podkladka/royal_blue_big.jpg) no-repeat center center; width:490px; height:490px; vertical-align:middle; text-align:center}
.back_big_4{ background:url(images/podkladka/sand_big.jpg) no-repeat center center; width:490px; height:490px; vertical-align:middle; text-align:center}
.back_big_5{ background:url(images/podkladka/red_big.jpg) no-repeat center center; width:490px; height:490px; vertical-align:middle; text-align:center}
.back_big_6{ background:url(images/podkladka/orange_big.jpg) no-repeat center center; width:490px; height:490px; vertical-align:middle; text-align:center}
.back_big_7{ background:url(images/podkladka/grey_big.jpg) no-repeat center center; width:490px; height:490px; vertical-align:middle; text-align:center}
.back_big_8{ background:url(images/podkladka/gold_big.jpg) no-repeat center center; width:490px; height:490px; vertical-align:middle; text-align:center}
.back_big_9{ background:url(images/podkladka/kelly_green_big.jpg) no-repeat center center; width:490px; height:490px; vertical-align:middle; text-align:center}
.back_big_10{ background:url(images/podkladka/bottle_green_big.jpg) no-repeat center center; width:490px; height:490px; vertical-align:middle; text-align:center}
.back_big_11{ background:url(images/podkladka/navy_big.jpg) no-repeat center center; width:490px; height:490px; vertical-align:middle; text-align:center}
.back_big_12{ background:url(images/podkladka/sky_blue_big.jpg) no-repeat center center; width:490px; height:490px; vertical-align:middle; text-align:center}

.info_opc_cvet_1{ color:#000000; font-size:12px;  font-weight:bold;}
.info_opc_cvet_2{ color:#000000; font-size:12px;  font-weight:bold;}
.info_opc_cvet_3{ color:#0033CC; font-size:12px;  font-weight:bold;}
.info_opc_cvet_4{ color:#CC9966; font-size:12px;  font-weight:bold;}
.info_opc_cvet_5{ color:#FF0000; font-size:12px;  font-weight:bold;}
.info_opc_cvet_6{ color:#FF6600; font-size:12px;  font-weight:bold;}
.info_opc_cvet_7{ color:#666666; font-size:12px;  font-weight:bold;}
.info_opc_cvet_8{ color:#FFFF00; font-size:12px;  font-weight:bold;}
.info_opc_cvet_9{ color:#00CC33; font-size:12px;  font-weight:bold;}
.info_opc_cvet_10{ color:#006633; font-size:12px;  font-weight:bold;}
.info_opc_cvet_11{ color:#000066; font-size:12px;  font-weight:bold;}
.info_opc_cvet_12{ color:#0066FF; font-size:12px;  font-weight:bold;}

.info_name{ color:#000066; font-size:14px; font-weight:bold;}
.info_descr{ color:#000000; font-size:12px;}
.info_opcii{ color:#000000; font-size:12px; font-weight:bold;}
.info_opc{ color:#000000; font-size:11px;}
.info_cena{ color:#0033CC; font-size:14px; font-weight:bold;}
.info_price{color:#0033CC; font-size:14px; font-weight:bold;}

.fast_acces{ font-size:12px; color:#0033CC; line-height:19px;}
A.fast_acces{ font-size:14px; color:#000066; line-height:19px; text-decoration:underline;}
A.fast_acces:hover{ font-size:14px; color:#990033; line-height:19px; text-decoration:underline;}
.logo{ color:#FFFFFF; font-size:18px; font-weight:bold; font-family:Arial;}
A.logo{ color:#FFFFFF; font-size:18px; font-weight:bold; font-family:Arial; text-decoration:none;}
.copy{ color:#666666; font-size:12px;}
A.copy{ color:#424348; font-size:12px;}
.copy_a{ color:#424348; font-size:12px;}

/* OSP */

/* Шапка */
div#header
   {
     width: 100%;
     height: 126px;
     padding: 0.5em 0 0.5em 0;
   }

table.header
   {
     width: 100%;
     background: url(images/green2.jpg) top right repeat;
     border-left: 1px solid #011260;
     border-right: 1px solid #011260;
   }

td.header-right
   {
     text-align: right;
     width: 50%;
     height: 126px;
	 margin-right: 2em;
     padding-right: 0.5em;
   }

td.header-left
   {
     height: 126px;
     /* background: url(images/solnce.gif) top left no-repeat; */
     padding-left: 150px;
   }

td.header-center
   {
     height: 126px;
     background: url(images/head_02.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;
   }

/* /Шапка */

/* Рамка страницы */

.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: #d1d1c7;
     border-left: 1px solid #d1d1c7;
     border-right: 1px solid #d1d1c7;
   }

.b3 
   {
     background: #ffffff;
     border-left: 1px solid #d1d1c7;
     border-right: 1px solid #d1d1c7;
   }

.b4 
   {
     background: #ffffff;
     border-left: 1px solid #d1d1c7;
     border-right: 1px solid #d1d1c7;
   }

.b4b 
   {
     background: #ffffff;
     border-left: 1px solid #d1d1c7;
     border-right: 1px solid #d1d1c7;
   }

.b3b 
   {
     background: #ffffff;
     border-left: 1px solid #d1d1c7;
     border-right: 1px solid #d1d1c7;
   }

.b2b 
   {
     background: #ffffff;
     border-left: 1px solid #d1d1c7;
     border-right: 1px solid #d1d1c7;
   }

.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: #d1d1c7;
   }

/* /Рамка страницы */

/* Центр */
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: #ffffff;
     border-left: 1px solid #d1d1c7;
     border-right: 1px solid #d1d1c7;
   }
   
div#wrapper
   {
     float: left;
     width: 100%;
   }

div#content
   {
     margin: 0 21%; /* отступ центра от боковых колонок */
   }

/* /Центр */

/* Левая колонка */
div#left
   {
     float: left;
     width: 21%; /* Ширина левой колонки */
     margin-left: -100%;
   }
/* /Левая колонка */

/* Правая колонка */
div#right
   {
     float: left;
     width: 20%; /* Ширина правой колонки */
     margin-left: -20%;
   }
/* /Правая колонка */

/* Низ */
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;
   }
   
/* /Низ */

/* Навигация */
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;
   }
   
/* /Навигация */
   
/* Заголовок страницы */
#content h1 
   {
     font-family: Arial, Helvetica, sans-serif; 
     font-size: 18px; 
     color: #014611;
   }

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

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

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

/* /Заголовок страницы */

/* Скругленные углы */
.page 
   {
     background: transparent;
     width: 100%;
     margin-top: 0.5em;
     margin-bottom: 0.5em;
   }

.pageItem 
   {
     background: #f1f1f6;
     width: 100%;
     padding; 0;
     margin: 0;
   }

.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: #f1f1f6;
     border-left: 1px solid #fff;
     border-right: 1px solid #f1f1f6;
   }

.page .b3 
   {
     background: #f1f1f6;
     border-left: 1px solid #fff;
     border-right: 1px solid #f1f1f6;
   }

.page .b4 
   {
     background: #f1f1f6;
     border-left: 1px solid #fff;
     border-right: 1px solid #f1f1f6;
   }

.page .b4b 
   {
     background: #f1f1f6;
     border-left: 1px solid #f1f1f6;
     border-right: 1px solid #f1f1f6;
   }

.page .b3b 
   {
     background: #f1f1f6;
     border-left: 1px solid #f1f1f6;
     border-right: 1px solid #f1f1f6;
   }

.page .b2b 
   {
     background: #f1f1f6;
     border-left: 1px solid #f1f1f6;
     border-right: 1px solid #f1f1f6;
   }

.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: #f1f1f6;
   }

.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;
   }
/* /Скругленные углы */

/*- Меню-закладки сверху */

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

#menu ul, #navigation ul li 
   {
     background: #ffffff;
     border-left: 1px solid #d1d1c7;
     border-right: 1px solid #d1d1c7;
	  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: #014611;
	  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: #014611;
	  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: #d1d1c7;
     border-left: 1px solid #d1d1c7;
     border-right: 1px solid #d1d1c7;
   }

#menu .b3 
   {
     background: #ffffff;
     border-left: 1px solid #d1d1c7;
     border-right: 1px solid #d1d1c7;
   }

#menu .b4 
   {
     background: #ffffff;
     border-left: 1px solid #d1d1c7;
     border-right: 1px solid #d1d1c7;
   }

#menu .b4b 
   {
     background: #ffffff;
     border-left: 1px solid #d1d1c7;
     border-right: 1px solid #d1d1c7;
   }

#menu .b3b 
   {
     background: #ffffff;
     border-left: 1px solid #d1d1c7;
     border-right: 1px solid #d1d1c7;
   }

#menu .b2b 
   {
     background: #ffffff;
     border-left: 1px solid #d1d1c7;
     border-right: 1px solid #d1d1c7;
   }

#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: #d1d1c7;
   }
   
/*- /Меню-закладки сверху */

/*- Боксы */

/*- Бокс */

/* Оформление */
.box 
   {
     text-align: left;
     margin: 0.2em;
     padding-top: 0.1em;
     padding-left: 0.4em;
     padding-right: 0.4em;
     padding-bottom: 0.4em; /* отступ от края бокса, т.е. от пунктирной линии */
   }

.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: #fefefe;
     border-left: 1px solid #dddddd;
     border-right: 1px solid #dddddd;
   }

.box .b3 
   {
     background: #fefefe;
     border-left: 1px solid #dddddd;
     border-right: 1px solid #dddddd;
   }

.box .b4 
   {
     background: #fefefe;
     border-left: 1px solid #dddddd;
     border-right: 1px solid #dddddd;
   }

.box .b4b 
   {
     background: #fbfbfb;
     border-left: 1px solid #dddddd;
     border-right: 1px solid #dddddd;
   }

.box .b3b 
   {
     background: #fbfbfb;
     border-left: 1px solid #dddddd;
     border-right: 1px solid #dddddd;
   }

.box .b2b 
   {
     background: #fbfbfb;
     border-left: 1px solid #dddddd;
     border-right: 1px solid #dddddd;
   }

.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: #dddddd;
   }
   
.box .boxHeader 
   {
     display: block; 
     background: url(images/box-bg.gif) top left repeat-x;
	  color: #000000;
	  font-size: 14px;
	  font-family: Arial, Helvetica, sans-serif;
	  text-transform: uppercase;
	  font-weight: bold;
     border-left: 1px solid #dddddd; 
     border-right: 1px solid #dddddd;
   }

.box .boxContent
   {
     display: block;
     padding-left: 0.5em; 
	  font-size: 13px;
	  font-family: Arial, Helvetica, sans-serif;
     background: #fff; 
     border-left: 1px solid #dddddd; 
     border-right: 1px solid #dddddd;
     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;
   }

/* /Оформление */

 
/*- /Бокс */

/*- /Боксы */

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

input.input-class, select, checkbox, textarea, radio
   {
     border: 1px solid #d1d1c7;
     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; }