/* ============================================
   CSS: Стили для всех броузеров
   Site: Хорошее здоровье [http://www.goodhealth.ru]
   Copyright: Нео-Системс [http://www.neo-systems.ru/]
   Coder: Алексей Кривоногов [alexneo71@gmail.com]
   Version: 02 Apr 2010
==============================================*/

body {
   background-color: #fff;
   margin: 0px;
   padding: 0px;
   font-family: Trebuchet MS,Verdana;
   background-image: url('/img/top_bg.jpg');
   background-repeat: repeat-x;
   font-size: 14px;
   color: #555;
}

a { color: #2486B8; }
a:hover { color: #46A7DB; text-decoration: none; };

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

.line {clear:both; height: 15px;}

#content {
   text-align: left;
   margin-left: 10px;
   width: 670px;
   float: right;
	font-size: 14px;
}

#content h1 {
   color: #2486b8;
	font-size: 19pt;
	font-weight: normal;
   margin: 0px;
   padding: 0px;
}

#content h2 {
   color: #2486b8;
	font-size: 16pt;
	font-weight: normal;
   margin: 0px;
   padding: 0px;
}


#content p {
	margin: 0px;
   padding: 4px 10px 20px 0px;
}

#catlist {
	margin: 0px;
   padding: 0px;
   list-style-type: none;
}

#catlist li {
	margin: 5px 0px 0px 0px;
   padding: 0px;
}

#catlist a {
	font-size: 16px;
	font-weight bold;
}

#catlist p {
	margin: 0px;
   padding: 0px;
}

#main
{
   width: 958px;
   margin: 0px;
   padding: 0px;
   text-align: center;
}
/* ============================================
   Стили для подвала
==============================================*/

#footer {
   background-color: #45A2D0;
   width 100%;
   margin: 20px 0px 10px 0px;
   padding: 15px;
}
#footer a        { color: #fff; }
#footer a:hover  {  text-decoration: none; }
#footer small    { color: #fff; font-family: Verdana; }

.f_left {
   white-space: nowrap;
   width: 250px;
   float: left;
   text-align:left;
   padding-top: 10px;
}

.f_middle {
   width: 200px;
   padding-top: 10px;
   float: left;
   text-align:left;
}

/* ============================================
   Стили для шапки
==============================================*/

#head {
   background-image: url('/img/bg_top.jpg');
   background-repeat: no-repeat;
   height: 272px;
   text-align:left;
   width: 100%;
   margin: 0px;
   padding: 30px 0px 0px 0px;
}

#headquest { 
   background-image: url('/img/video.png');
   height: 38px;
   width: 176px;
   float: right;
   text-align: left;
}

#headquest a {
   padding: 0px;
   line-height: 1.2em;
   margin: 0px;
   margin-left: 20px;
   color: #fff;
   text-decoration: none;
}

#headleftquest { 
   background-image: url('/img/bg_vopros_1.png');
   height: 80px;
   width: 229px;
   text-align: left;
}

#headleftquest a {
   padding: 0px;
   line-height: 1.2em;
   margin: 0px;
   margin-left: 20px;
   color: #fff;
   text-decoration: none;
}


.h_left { width: 460px; float:left; margin-left: 10px; margin-top: 20px;}
.h_right { width: 450px; text-align: right; float:left; margin-left: 20px;margin-top: 20px;}


/* ============================================
  Текст под логотипом
==============================================*/

#head span {
   color: #fff;
   font-size: 13px;
   font-weight: bold;
}

/* ============================================
   Стили для левого блока
==============================================*/

#left {
   width: 260px;
   float: left;
   text-align: left;
   padding-left: 10px;
}

#left h2 {
   color: #333;
   font-size: 20px;
   margin: 0px;
   padding: 0px;
}

.ph2 {
   color: #333;
   font-size: 20px;
   margin: 0px;
   padding: 0px;
   font-weight: bold;
}

#mainpage h3 {
   color: #2486b8;
	font-size: 16pt;
	font-weight: normal;
   margin: 0px;
   padding: 0px;
}

#left ul {
   font-size: 10pt;
   margin: 5px 0px 20px 0px;
   padding: 0px;
   font-weight: bold;
   list-style-type: none;
}

#left li {
   margin 0px;
   padding 0px;
}

#left a { text-decoration: none; }
#left a:hover { text-decoration: underline; }

/* ============================================
   Стили для корзины
==============================================*/


#mybasket {
   margin-bottom: 20px;
   color: #fff;
}

#mybasket td,tr,table {
   margin: 0px;
   padding: 0px;
   line-height: 1em;
}

#mybasket a {
   color: #fff;
   text-decoration: underline;
   font-weight: bold;
   font-size: 15px;
}
#mybasket a:hover { text-decoration: none; }


/* ============================================
   Стили для главного меню вверху
==============================================*/

#menu {
   font-family: Arial;
   font-size: 15px;
   font-weight: bold;
   background-image: url('/img/bg_top_menu.png');
   background-repeat: no-repeat;
   height: 46px;
   text-align:center;
   width: 958px;
   margin: 20px 0px 0px 0px;
   padding: 20px 0px;
   clear: both;
}

#menu a {text-decoration: none; }

.search
{
   padding: 2px 0px 0px 0px;
   margin: 0px;
   width: 180px;
   height: 24px;
   text-align: left;
   float:right;
}
.search_left {
   width:125px;
   float:left;
   background-image: url('/img/search_left.png');
   padding-top: 2px; 
   height: 22px;
   background-repeat: no-repeat;
}

.search_right {
   float:right;
   width:47px;
   padding-top: 0px;
}

.backlinks {
   margin-bottom: 15px;
}

.goodsimg {
   background-image: url('/img/bg_index_tovar.png');
   background-repeat: no-repeat;
   width: 216px;
   height: 149px;
   float: left;
   text-align: center;
   padding: 30px 20px 10px 0px;
}

.goodsbrief {
   float: left;
   width: 420px;
   font-size: 13px;
   line-height: 1.2em;
   border 1px solid #000;
   padding: 0px 0px 0px 0px;
}

.goodsbrief ul {
   margin: 5px 0px 0px 20px;
   padding: 0px;
}

.goodshead {
   color: #2486b8;
	font-size: 16px;
	font-weight: bold;
   margin: 0px 0px 5px 0px;
   padding: 0px 0px 5px 0px;
   border 1px solid #000;
}

.search input {
   font-family: Verdana;
   font-size: 13px; 
   color: #555;
   padding: 0px; 
   margin: 0px 0px 0px 18px; 
   border: 1px solid #FFFFFF; 
   background-color: #FFFFFF;
}

.search a {
   font-family: Verdana;
   font-size: 11px; 
   float:right;
   color: #fff;
   padding: 0px;
   text-decoration: none; 
   margin: 2px 6px 0px 0px; 
}

.qo {
   width: 100%;
}

.qo1 {
   background-color:  #2486b8;
   color: #fff;
   font-size: 18px;
   font-weight: bold;
   padding: 4px 10px;
}

.qo2 {
   background-color:  #45A2D0;
   color: #fff;
   font-size: 16px;
   font-weight bold;
   padding: 4px 10px;
}

/* ============================================
   Стили для заказа и быстрого закза
==============================================*/


.orderlist {
   width: 90%;
}

.orderlist th {
   font-weight: normal;
   padding: 5px;
}

.orderhead {
   background-color: #45A2D0; 
   color: #fff;
}

.mainart { margin-top: 5px; padding-left: 15px; text-align: left; }
 
.mt5 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt20 { margin-top: 20px;}
.ptl10 { padding: 10px 0px 0px 10px; }
.ptlr5 {padding: 5px 10px;}
.ptlr5 span {color: #fff; font-weight: bold; font-size: 15px;}
.ptr10 { padding: 10px 10px 0px;}

.price { float:left;width:160px;padding: 10px; }
.cartl { float:left;width:36px;}
.cartr { float:left;padding: 10px;}
.cartrr { float:right;padding: 10px; }
.cartlr { float:right;width:36px;}
.cartnote { padding-left:50px;color:#2486b8;font-weight:bold; }

.lcart { background-image: url('/img/bg_draft_1.png');width: 256px; height: 34px; }
.ltbl {background-image: url('/img/bg_draft_2.png');width: 256px;min-height: 80px;}
.lw50 {float:left; width: 50px;}
.lb {background-image: url('/img/bg_draft_3.png');width: 256px;height: 48px;clear:both;}
.lq1 {font-size:18pt;padding-top:15px;}
.lq2 {font-size:10pt;font-weight:bold;}
.sumcart { color:#a3fff7;padding-left:15px;padding:10px 0px 10px 15px; }

/* ============================================
   Стили для новостей
==============================================*/

.newsimg {border: 1px solid #ddeeff; margin: 0px 10px 10px 0px; float:left; display:block;}

#news p {
   margin: 0px;
   padding: 0px;
   line-height: 1.1em;
   font-size: 12px;
}
#news a { text-decoration: underline; }
#news a:hover { text-decoration: none; }

.newsitem {
   margin-top: 10px;
}

.newsitem h3 {
   font-size: 18px;
   font-weight: normal;
   margin: 0px;
}

.pages { margin: 10px;}

.page {
   font-family: Verdana;
   font-weight: bold;
   font-size:11px;
   text-align:center;
   border: 1px solid #2486b8;
   padding: 2px 4px;
   margin: 0px 3px;
   text-decoration: none;
}

a.page:hover {
   background-color: #2486b8;
   color: #fff;
}

.pagecur {
   font-family: Verdana;
   font-weight: bold;
   font-size:11px;
   text-align:center;
   background-color: #2486b8;
   border: 1px solid #2486b8;
   color: #fff;
   padding: 2px 4px;
   margin: 0px 3px;
}

#artlist {
	margin: 0px;
   padding: 0px;
   list-style-type: none;
}

#artlist li {
	margin-bottom: 10px;
}

#artlist div {
	margin-left: 10px;
}

.left50 {
   width: 45%;
   float:left;
}

/* ============================================
   Стили для карточки продукта
==============================================*/

.maingoods {
   background-image: url('/img/bg_index_tovar.png');
   background-repeat: no-repeat;
   width: 216px;
   height: 179px;
   float: left;
   margin: 0px 5px 0px 0px;
   padding: 0px;
   text-align:center;
}

.maingoodsimg {
   margin-top: 5px;
   height: 108px;
   width: 108px;
}

.map {
   margin: 0px 0px 0px 20px;
   padding: 0px;
   list-style-type: disc; 
}

.star {
   font-weight: bold;
   color: #f00;
}

a:visited { color: #87A0ED; }

.search a:visited {
   color: #fff;
}

img {
  border: 0px;
}

.zoom {
   position:relative;
   left: 0px;
   top: 5px;
   width: 25px;
   height: 21px;
   border: 0px;
}

.banner {
  min-width: 205px;
  min-height: 95px;
  float: left;
  margin: 10px 5px;
  border 1px solid #000;
}

/* ============================================
   Стили для рамок плеера
==============================================*/

.screen {width:458;height:261;padding:3px; border: 1px solid #ddeeff;}
.screen-1 {width:258;height:179;padding:3px; border: 1px solid #ddeeff;}
.screen-2 {width:308;height:261;padding:3px; border: 1px solid #ddeeff;}
.movies {list-style-image: url('/upload/images/video_16.png');}


/* ============================================
   Стили для телефонов
==============================================*/

.vcard {width:230px; margin:10px 0px 20px; color:rgb(36, 134, 184);font-family: Verdana; font-size: 9pt;}
.country-name {width: 100px; float: left;}
.locality {width: 100px; float: left;}
.tel {text-align: right; float: right;}
.value {font-style: normal;}
/* ============================================
   Стили для всплывающих подсказок
==============================================*/

.tooltip { position:relative; z-index:24; }
.tooltip span { display:none;}
.tooltip:hover {z-index:25;cursor:help;}
.tooltip:hover span { display:block;position:absolute;width:150px;top:25px;left:20px;background-color:#deecf3;border:1px solid #99cccc;padding:5px;
font-size:11px;color:#333333;text-decoration:none;font-family:Trebuchet MS,Verdana;}