/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Project: МаксиМед
Coder: Ivan Leonchikov [ coder@xeonc.eu ]
Date: Апрель 2007
Style: Стили для всех страниц
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
* { margin:0; padding:0; }
html { width:100%; height:100%; }
body { position:relative; width:100%; min-width:780px; height:100%; background:#fff url(../image/bg-body.gif) repeat-x 0 15px; }

a { font:normal 10px/18px Tahoma; color:#004a89; text-decoration:underline; }
a:hover { text-decoration:none; }
img { border:0; }

#basis { position:relative; width:auto; min-width:780px; min-height:100%; height:auto; font:normal 12px/18px Tahoma; color:#434343; background:url(../image/bg-basis.jpg) no-repeat 0 15px; }
br.clear { display:block; clear:both; float:none !important; height:1px !important; font-size:1px !important; border:none; margin:0 !important; padding:0 !important; background:transparent !important; visibility:hidden !important; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Шапка шаблона
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#header { height:270px; background:url(../image/bg-header.gif) no-repeat 100% 15px; }

.logo { position:absolute; top:46px; left:188px; width:305px; height:64px; }
.slogan { position:absolute; top:60px; left:555px; width:204px; font:normal 15px Tahoma; color:#fff; text-align:center; }

.ico { position:absolute; top:37px; left:17px; }
.ico a { display:block; width:23px; height:23px; margin-bottom:14px; }

.pic { padding-top:168px; }
.pic .pic2 { width:20%; float:left; text-align:center; }
.pic .pic2 span { font:normal 12px/18px Tahoma; color:#9dacb9; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Центральная часть шаблона
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.left { position:relative; z-index:30; width:235px; float:left; padding:1px 0 105px 0; }
.right { width:100%; float:left; margin-left:-235px; }
.right2 { margin-left:235px; }
.center { width:100%; float:left; margin-right:-172px; }
.center2 { margin-right:172px; padding-bottom:110px; }
.right3 { position:relative; z-index:30; width:172px; float:left; padding:2px 0 110px 0; }

/* Левое меню */
.top-menu { width:222px; height:19px; margin-left:5px; background:url(../image/bg-top-menu.gif) no-repeat; }
.bottom-menu { width:222px; height:9px; margin:0 0 20px 5px; background:url(../image/bg-bottom-menu.gif) no-repeat; }

.menu { width:220px; margin:-3px 0 0 5px; padding-bottom:3px; border-left:1px solid #e2e6e9; border-right:1px solid #e2e6e9; }
.menu li { padding:0 0 6px 16px; list-style-type:none; }
.menu li.here { background:url(../image/arrow.gif) no-repeat 7px 8px; }
.menu li a { font:normal 11px Tahoma; color:#034a88; }
.menu li span { font:normal 11px Tahoma; color:#a0acb8; }

/* Контент в центре */
.content { padding-right:15px; }
.content h1 { padding-bottom:15px; font:normal 18px Tahoma; color:#46a600; }
.content p { padding-bottom:18px; }

.catalog { padding:2px 0 100px 0; }
.catalog h1 { padding-bottom:7px; font:bold 15px Tahoma; color:#4ca201; }
.catalog h2 { padding-bottom:15px; font:normal 18px Tahoma; color:#004b8c; }

.position { width:33%; float:left; padding-bottom:18px; text-align:center; font:normal 12px/14px Tahoma; }
.position a { font:normal 12px/14px Tahoma; }

.info { padding-bottom:20px; }
.info .image { position:relative; z-index:40; width:184px; float:left; }
.info .text { width:100%; float:left; margin-left:-184px; }
.info .text2 { margin:4px 75px 0 184px; font:normal 12px/14px Tahoma; }
.info .text2 h3 { padding-bottom:8px; font:bold 12px Tahoma; color:#004a90; }

.paginator { height:35px; font:normal 12px Tahoma; color:#8091a1; }

#find{font:bold 12px Tahoma; color:#4ca201;margin-left:12px;}
#find input{border:2px solid #d1dee6;width:165px;margin:0px;}


.menu li a { font:normal 11px Tahoma; color:#034a88; }
.bott{padding-bottom:50px;}
.ssulki { font:normal 11px Tahoma; color:#034a88;margin-bottom:30px;}
.paginator p { float:left; margin-top:3px; padding-right:4px; }
.paginator a { margin:0 5px; font:normal 11px Tahoma; color:#004a90; }
.paginator a.arr { display:block; float:left; width:14px; height:13px; margin-top:4px; }
.paginator span { margin:0 3px; font:bold 14px Tahoma; color:#4ca201; }
.paginator .arr2 { float:left; }

#cat { width:98%; border-collapse:collapse; margin-bottom:20px; }
#cat th { padding:6px 0; background:#bbe19b; border:1px solid #fff; font:normal 12px Tahoma; color:#4ca201; text-align:center; }
#cat th.lft { text-align:left; padding-left:18px; }
#cat td { padding:6px 0 7px 0; font:normal 12px Tahoma; color:#8091a1; background:#f5fced; text-align:center; border:1px solid #fff; }
#cat td.lft { text-align:left; padding-left:18px; }
#cat td.rght { text-align:right; padding-right:18px; color:red;font-weight:600}
#cat tr.dark td { background:#ebf7e1; }
#cat td a { font:normal 12px Tahoma; color:#004a90; }
#cat_graf h5{font:normal 12px;margin:10px 10px 10px 10px;}
#cat input{font:normal 11px Tahoma; color:gray;}
#cat tr.white td { background:#fff }
#inp_lenta input{border:1px solid #4ca201;padding:3px;}
#marg_btt{padding-top:30px}
#inp_lenta input{margin-top:40px;}
#cat_graf { width:98%;  margin-bottom:20px;background:white; font:normal 12px Tahoma; color:#8091a1;}

.h_lenta div{color:#034a88; font:bold 14px Tahoma;margin-bottom:9px;}
.h_lenta{color:#414141;padding-bottom:20px;}
.lft a img{border:1px solid #e6e6e6;margin-left:20px;margin-top:10px;}
.cell{vertical-align:top}
.cell td input {margin-top:25px;}
.recy a img{border:0px;margin-top:40px;}
.spisok{padding-left:15px;margin-bottom:20px;}
.table_zakaz {border-bottom:#e4e9ed 2px solid}
.table_sravnenie{border-bottom:#e4e9ed 1px solid;}

.imgcat img{border:#c2d0d9 solid 1px;}
.imgcat {text-align:center;vertical-align:top}
.img_href{font:normal 16px Tahoma; color:#004b8c;font-weight:600}
.img_href a{font:normal 16px Tahoma; color:#004b8c;}
.cat_ul{list-style-type:disc;margin-left:10px;}
.contact { position:relative; }
.contact h1 { padding-bottom:35px; font:bold 15px Tahoma; color:#4ca201; }
.contact h5 { padding-bottom:10px; font:normal 18px Tahoma; color:#a0acb8; }
.contact p { padding-bottom:5px; font:normal 12px Tahoma; color:#474747; }
.contact a { font:bold 12px Tahoma; color:#034a88; }

.block1 { height:109px; margin-left:24px; padding-left:165px; background:url(../image/bg-block-1.jpg) no-repeat; }
.block2 { height:155px; margin-left:24px; padding-left:165px; background:url(../image/bg-block-2.jpg) no-repeat; }
.block3 { height:90px; margin-left:24px; padding-left:165px; background:url(../image/bg-block-3.jpg) no-repeat; }

.map { position:absolute; top:0; left:0; width:476px; height:587px; padding-top:27px; background:#fff url(../image/map.jpg) no-repeat 15px 10px; }
.map a { display:block; margin-left:345px; font:normal 13px Tahoma; color:#044a88; }
.map a.close { margin-bottom:13px; padding:5px 0 8px 42px; background:url(../image/bg-close.jpg) no-repeat; }
.map a.print { padding:11px 0 12px 42px; background:url(../image/bg-print.jpg) no-repeat; }

/* Контент справа */
.right3 .banner { padding-bottom:20px; } 
ul {
      margin-left: 0;
      padding-left: 1em;
      text-indent: -1em;
      }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Подвал шаблона
   
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer { position:relative; left:0; width:100%; height:79px; background:#46a600 url(../image/bg-footer.gif) no-repeat; margin-top:-100px;}
.end_content {position:relative; height:20px; clear:both;}  
.footer2 { height:65px; margin-left:230px; padding-top:14px; background:url(../image/bg-footer.jpg) no-repeat 100% 0; }

#footer .copy { height:55px; font:normal 13px Tahoma; color:#c0e8a3; background:url(../image/bg-footer2.gif) repeat-y;}
#footer .copy p { padding:10px 0 0 10px;}

#footer .develop { position:absolute; top:14px; right:0; width:258px; height:55px; font:normal 13px Tahoma; color:#c0e8a3; background:url(../image/bg-footer2.gif) repeat-y;}
#footer .develop p { padding:10px 0 0 12px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Конец
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



/* start */
.index {width:95%;}
.index p { padding-bottom:15px; padding-left:30px; color:#434343;}
.index_img {float:left; margin:0px 10px 10px 0px;}
.index p span { text-decoration:underline;}
.index h1 { font-size:12px; padding-left:45px; padding-top:30px; padding-bottom:37px;}
.spec2 {width:100%;}
.spec2 td {width:25%;text-align:center; padding-bottom:38px; line-height:100%; vertical-align:top;}
.spec2 td img { margin-bottom:10px;}
.spec2 td a { text-decoration:none;}
.spec2 td a span { text-decoration:underline}
.spec2 td a:hover span { text-decoration:none;}
.spec2 td h3 {color:#f90310; font-size:15px; font-weight:bold; padding-top:15px;}
.pic .pic2 {width:16.6%;}
.slogan { top:50px; left:555px; width:45%; line-height:200%; font-size:12px}
#footer .copy p { width:260px; float:left;}
.counter {float:right; padding-right:260px; padding-top:12px}
.counter .img { padding-right:21px; float:right;}

.menu li.here {
	background-color:#CFC;
	background-image:none;
	padding-bottom:2px;
	margin-bottom:1px;
}
.menu li a { font:normal 11px Tahoma; color:#034a88; }
.menu li span { font:normal 12px Tahoma; color:#206f50; text-decoration:underline;}

.text img
{margin-top:8px; margin-bottom:8px;}

img.double-border{
  border: 5px solid #ddd;
  padding: 5px; /*Размер внутренней рамки*/
  background: #78d246; /*Цвет внутренней рамки*/
}



/*спецпредложения*/


.action_block { float:left; width:250px; height:222px; background:url('/upload/action_bg.png') no-repeat left top; padding-top:4px; font-family:Arial;}
.action_block table { float:left; width:100%; height:33px;}
.action_block table td { height:33px; vertical-align:middle; text-align:center;}
.action_block table td h3 { color:#fff; width:200px; margin:0px auto; font:bold 11px/110% Arial; text-transform:uppercase;}
.action_block .line { float:left; width:100%;}
.action_block .line .img {float:left; width:120px; padding-left:3px; padding-top:4px; position:relative;}
.action_block .line .img img { float:left;}
.action_block .line .img .radius { width:46px; height:31px; float:left; background:url('/upload/radius.png'); position:absolute; left:3px; top:-1px;}
.action_block .line .info { padding-left:140px; padding-right:5px;}
.action_block .line .info h3 { font:bold 10px/120% Arial; padding-top:3px; color:#2d6392; text-transform:uppercase; float:left; width:100%;}
.action_block .line .info h3 a { color:#2d6392; text-decoration:none;}
.action_block .line .info h3 a:hover { text-decoration:underline;}
.action_block .line .info p { color:#5f5f5f; float:left; width:100%; font-size:9px; line-height:100%; padding-top:0px;}
.action_block .line .info .price { float:left; width:100%; padding-top:2px;}
.action_block .line .info .price .text_price { width:24px; float:left; padding-right:0px; color:#10357c; font-size:8px; line-height:120%; padding-top:21px;}
.action_block .line .info .price .text1 { padding-top:25px; width:auto;}
.action_block .line .info .price .num { width:58px; height:28px; float:left; background:url('/upload/price.jpg'); text-align:center; padding-top:14px; color:#fff; font-weight:bold; font-size:18px;}
.action_block .line .info .price .num span { font-size:9px; vertical-align:text-top; font-weight:100;}


.formInputs {height:17px; width:270px;}




.action_block .line .info h3 a { line-height:10px;}
.action_block .line .info { padding-left:90px;}
.action_block .line .img { width:80px;}
.action_block .line .info h3 a {font-weight:bold;}
.action_block { height:245px;}

.action_block .line .info p { color:#5f5f5f; float:left; width:100%; font-size:9px; line-height:100%; padding-top:4px;}

/************************THICKBOX - START********************/


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/************************THICKBOX - END********************/


/* end */