/*
  $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
*/

body {font:10pt Trebuchet MS;color:#333333;margin:0px;background:url('img/fon.gif');padding: 0;} h2, h3
   {
     margin: 0 0 0 0;
     padding: 0 0 0 0;
   } /* Шапка */
div#header
   {
     width: 100%;
     height: 126px;
     padding: 0.5em 0 0.5em 0;
   }

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

td.header-right
   {
     text-align: right;
     width: 100%;
     height: 100%;
     background: url(images/head_03.jpg) top right no-repeat;
     padding-right: 0.5em;
   }

td.header-left
   {
     height: 126px;
     background: url(images/head_02.jpg) top right repeat-x;
     padding-left: 0.5em;
   }

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

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

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

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

.b2b 
   {
     background: #e9e9df;
     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: #e9e9df;
     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;
   }
   
/* /Навигация */
   /* Скругленные углы */
.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: #e9e9df;
     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: #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: #d1d1c7;
     border-left: 1px solid #d1d1c7;
     border-right: 1px solid #d1d1c7;
   }

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

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

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

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

#menu .b2b 
   {
     background: #e9e9df;
     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
   {margin-bottom:opx;}

.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:15pt Trebuchet MS;color:#993300;}

input.input-class, select, checkbox, textarea, radio
   {margin-bottom:5px; border: 1px solid #000;padding: .2em;}
   
.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; }





img a {border:0px;}

imgTonus {
    border:1px solid #000000;
    margin-right:10px;
    margin-bottom:;
}

pre {display:none;}
 
a {font:11pt Trebuchet MS;color:#993300;}

h1 {font:16pt Trebuchet MS;color:#990000;font-weight:bold;margin-top:0px;}
h2 {font:13pt Trebuchet MS;color:#990000;font-weight:bold;margin:3px;}
h3 {font:11pt Trebuchet MS;color:#990000;font-weight:bold;margin-bottom:3px;}

.logo {
    padding-top:15px;
    background:#D9DEED;
    border-left:1px solid #ABB4CE;
    border-right:1px solid #ABB4CE;
}

html #tab {height:100%;overflow:auto;}

.prodPrice {
    background:#993300;
    color:#FFF;
    padding:3px;
    font:10pt Tahoma;
    font-weight:bold;
}

.contactLink {
    font-size:10pt;
    font-weight:bold;
}

.cartLink {
    font-weight:bold;
    margin-bottom:3px;
}

.smallCartLink {
    font:7pt Tahoma;
    font-weight:bold;
}

.footerLink {
    font-size:7pt;
    font-family:Tahoma;
    text-decoration:none;
    color:#FFF;
    margin-bottom:0px;
    margin-top:0px;
}

.reg {font:8pt Tahoma;color:#993300;}

.regTable {
    font:9pt Tahoma;
    color:#333333;
    padding:5px;
    background:#B4BBD3;    
}

.regButton {
    width:50px;
    border:1px solid #993300;
    background:#CC9966;
    color:#993300;
    cursor:hand;
    cursor:pointer;
    font-weight:bold;
    margin-right:9px;
}

.loginBox {
    background:#B4BBD3;
    padding:10px;
    font-weight:bold;
    border-top:1px dotted #993300;
    border-bottom:1px dotted #993300;
    margin-top:0px;
}

.loginBoxAcc {
    background:#B4BBD3;
    font-weight:bold;
    border-top:2px solid #993300;
    border-bottom:1px dotted #993300;
    margin-top:0px;
}

.cartBox {
    background:#B4BBD3;
    padding:5px;
    font-weight:bold;
    border-top:1px dotted #993300;
    margin-bottom:0px;
}

.topMenuLink {
    font:9pt Tahoma;
    color:#CCCCCC;
    font-weight:bold;
    text-decoration:none;
}

.topMenuLink:hover {
    color:#BBBBBB;
}

.megaGel {
    
    font:11pt Trebuchet MS;
    color:#000000;
    padding-bottom:25px;
    padding-left:25px;
    padding-right:25px;
    background:#C7CDE0;
    border-right:3px solid #993300;
    
    
    border-left:3px solid #CC9966;
    
}

.menuTd {
    width:178px;
    text-align:center;
    border-right:1px solid #993300;
    border-left:1px solid #993300;
}

.menuLink {
    font:10pt Tahoma;
    color:#444444;
    font-weight:bold;
    text-decoration:none;
}

.menuLinkRec {
    font:10pt Tahoma;
    color:#993300;
    font-weight:bold;
    text-decoration:none;
}

div.menuDiv {
    padding-top:5px;
    padding-bottom:5px;
    text-align:center;
    background:#B4BBD3;
    border-bottom:1px dotted #993300;
    border-left:1px solid #993300;
    border-right:1px solid #993300;
    
}

div.menuDiv:hover {
    background:url('img/menu.gif');
}

.footer {
    font:8pt Tahoma;
    color:#555555;
    background:#D9DEED;
    border-left:1px solid #ABB4CE;
    border-right:1px solid #ABB4CE;
}

.topMenu {
    
    
    background:url('img/top.gif');
    font-weight:bold;
    font:10pt Tahoma;
    height:37px;
}

.topMenuGels {
    
    text-align:center;
    border-bottom:3px solid #CC9966;
    background:url('img/top.gif') no-repeat;
    font-weight:bold;
    font:10pt Tahoma;
    color:#CCCCCC;
    height:40px;
    width:180px;
}

.bottomMenu {
    border-top:3px solid #CC9966;
    background:url('img/bottom.gif') no-repeat;
    height:43px;
}

.centerMenu {
    background:#993300;
    font-weight:bold;
    font:10pt Tahoma;
    color:#CCCCCC;
    height:22px;
    border-top:3px solid #CC9966;
    border-bottom:3px solid #CC9966;
    padding-top:3px;
    padding-bottom:3px;
    width:178px;
    margin:0px;
}

.bottomContent {
    background:url('img/bottom.gif');
    font-weight:bold;
    font:10pt Tahoma;
    height:40px;
    
}

.slogan {
    font-weight:bold;
    font-size:13pt;
    margin-top:0px;
    
}

.leftContact {text-align:right;
    padding-right:10px;
    font:10pt Tahoma;
    color:#333333;
    font-weight:bold;
    line-height:18px;
}

.rightContact {
    font:10pt Tahoma;
    color:#993300;
    font-weight:bold;
    line-height:18px;
}

.footerMenuLink {
    font:8pt Trebuchet MS;
    color:#993300;
    text-decoration:underline;
    padding:1px;
}

.footerMenuLink:hover {
    color:#AA5500;
}

.product {
    border:5px solid #CC9966;
    padding:10px;
    font-size:8pt;
}


.imgProduct {
    padding-right:5px;
}

.buy {
    text-align:right;
    font:10pt Tahoma;
    font-weight:normal;
    color:#993300;
    text-decoration:none;
    background:#CC9966;
    padding:2px;
    margin-left:138px;
    border:1px solid #993300;
    cursor:pointer;
    cursor:hand;
}

.buy:hover {
    background:#D9AA7B;
}

.moreInfo {
    font:10pt Trebuchet MS;
    color:#993300;
}

.productLink {
    text-decoration:none;
}

.video {
    padding-bottom:0px;
    border-left:1px solid #993300;
    border-right:1px solid #993300;
    border-top:1px dotted #993300;
    border-bottom:1px dotted #993300;
}

.infoBoxContents {
    cellspacing:5px;
}

.prodTd {
    padding:15px;
    font-weight:bold;
    font-size:12pt;
    font-family:Tahoma;
    
}

.prodTd a {
    font-weight:bold;
}

.menuLeftLi {
    border-bottom:1px dotted #993300;
    
    background:#B4BBD3;
}

#list {
    list-style: none;
    margin-top:0px;
    margin-bottom:0px;
    padding-left:0px;
    margin-left:0px;
    margin-right:0px;
    line-height:15px;
    cursor:pointer;
    cursor:hand;
    width:178px;
}

#list a {
    display:block;
}

#list a:hover {
    background:#C7CDE0;
}

#list span {display:block; padding:4px 0px 5px 0px;}

#prodTable {
    margin:0px;
    
} 

#prodTable img {
    margin-top:5px;
    
} 

#prodTable td {
    
    border-bottom:1px dotted #000;
    padding-bottom:10px;
    color:#000;
    font-weight:bold;
}

#prodTable a {
    color:#;
    font-weight:bold;
    font-size:11pt;
    
}

#prodTable a:hover {
    color:#;
    
}

.cartTd {
    line-height:5px;
    text-align:left;
}

#cart {line-height:5px;}

#cart span {
    font:8pt Trebuchet MS;
    font-weight:bold;
}


.menuAccountLi {
    
    background:#B4BBD3;
    
}

.menuAccount {
    
    text-decoration:none;
    border-bottom:1px dotted #993300;
}

.menuAccountBottom {
    
    text-decoration:none;
    
}

#listAccount {
    list-style: none;
    margin-top:0px;
    margin-bottom:0px;
    padding-left:0px;
    margin-left:0px;
    margin-right:0px;
    line-height:5px;
    cursor:pointer;
    cursor:hand;
    width:155px;
}

#listAccount a {
    display:block;
    font-weight:bold;
}

#listAccount a:hover {
    background:#C7CDE0;
}

#listAccount span {display:block; padding:3px 0px 4px 0px;}