/*
COMMON PART
*/
html, body {margin:0px; padding: 0px;}
body {background-color: #E7E9EB; background-image: url(img/body_bg.gif); background-repeat: repeat-x;}
body, td, div, p, a, span, textarea, select {font-size: 13px; font-family: Arial, sans; color: #747474;}
textarea, select {font-size: 12px;}
p {margin: 8px 0px 15px 0px;}
a {text-decoration: none;}
a.underline, a:hover {text-decoration: underline;}
a img {border: none;}
a.blue {color: #6393BE; font-size: 12px; font-family: Tahoma, sans; }
a.blueA {color: #6393BE; font-size: 12px; font-family: Arial,Tahoma, sans; }
a.lred {color: #DA8927; font-size: 12px; font-family: Arial, Tahoma, sans; }
form {display: inline; margin:0px; padding: 0px;}
/* common style */
.bold {font-weight: bold;}
.txt { font-size: 11px; font-family: Tahoma, sans; color: white; }
img.foto {border: 1px solid #2B6396;}
.right15 {margin-right: 18px; margin-top: 8px;}
.right15 a {color: #3B76AA !important;}
.prod a {
color: #0099cc;
}
h1 span { color: white; background-color: #5A88B0; font-size: 18px; font-family: 'Arial Narrow', Arial, sans; line-height: 130%; padding-right: 15px; }
h1.lred {color: #DA8927;}
table.h1, table.h1_dark { margin-left: 20px; margin-top: 9px; margin-bottom: 15px;}
table.h2 { background-color:#5a88b0; margin-top:10px;}
a.h1, td.h1 { padding-right:10px; font-size: 19px; font-family: 'Arial Narrow', Arial, sans; line-height: 130%; font-weight: bold;}
td.h1 {margin-top: 19px;}
table.h1 td.h1, table.h1 a.h1, table.h2 td.h1 {color: white;}
table.h2 td.h1 {padding-right: 6px;}
table.h1_dark td.h1 {color: #18588D;}
table.h1 td.h1_bg, table.h2 td.h1_bg { background-position: left 2px; background-repeat: repeat-x; background-image: url(img/h1_bg.gif); }
table.h2 td.h1_bg {background-position: left 7px; background-image: url(img/h2_bg.gif);}
table.h1_dark td.h1_bg { background-position: left 2px; background-repeat: repeat-x; background-image: url(img/h1_dark_bg.gif); }
td.h1_bgXXX { background-position:top; background-repeat: repeat-x; background-image: url(img/h1_dark_bg.gif);}
table.mytable{background-color:#5a88b0}
h1.topr { margin-bottom: 0px; padding-right:10px; font-size: 17px; font-family: 'Arial', Arial, sans; line-height: 130%; font-weight: bold;color: white;}
/*
главная - и статьи
*/
h1.mainpage {
margin: 0px 5px 0px 10px; padding: 0px; color: #18588D; font-size: 17px; line-height: 120%; font-family: Arial, sans;
}
div.sblock, div.sblock p, div.sblock span, div.sblock b, div.sblock h2 {font-family:Tahoma; color: #666666; font-size:11px;}
div.sblock h2 {font-size:12px; font-weight:bold; border-bottom: 0px; border-bottom: 1px solid #999999; padding-left: 20px; border-left: 8px solid #999999;}
div.sblock_main {padding-left:20px;}
div.sblock_main, div.sblock_main p, div.sblock_main span, div.sblock_main b, div.sblock_main h2
{font-family:Tahoma; color:#666666; font-size:11px;}
div.sblock_main h2 {font-size:12px; font-weight:bold; border-bottom: 0px; border-bottom: 1px solid #18588D; padding-left: 20px; border-left: 8px solid #18588D;
color:#18588D}
.mainprod
{
margin-left: 20px;
padding-right: 10px;
height: 120px;
text-align: justify;
overflow-y: scroll;
scrollbar-base-color: #FFF;
margin-bottom:10px;
}
.mainprod, .mainprod p, .mainprod a {
font-family:Tahoma; color:#666666; font-size:11px;
}
.mainprod a
{
text-decoration: underline;
}
/*
блок мелкого текста внизу встраниц с товарами
*/
h2 {margin: 0px; padding: 0px; border-bottom: 2px solid #B8CCDE;}
h2 , h2 a { font-size: 16px; line-height: 120%; font-family: Arial, sans; color: #3B76AA;}
h2 a:hover {text-decoration: none;}
div.h2, div.h2p {border-left: 8px solid #518BB9; padding-left: 11px; margin-right: 18px; margin-bottom: 17px; }
div.h2p { padding-top: 3px; clear: both; }
h3 {margin: 0px; padding: 0px; font-size: 15px; line-height: 120%; font-family: Arial, sans; margin-bottom: 10px; color: #3B76AA; border-bottom: 2px solid #B8CCDE;}
h4 {margin: 5px 0px 3px 0px; padding: 0px; font-size: 16px; line-height: 110%; font-family: Verdana, Arial, sans; }
h5 {margin: 0px; padding: 0px; font-size: 13px; font-family: Arial, Tahoma, sans; margin-bottom: 7px; line-height: 100%; color:#A54B2F;}
h1.dark {background-image: url(img/h1_dark_bg.gif); }
h1.dark span {color: #18588D; background-color: #CADAE7;}
table.page {border-left: 4px solid white; border-right: 4px solid white; }
/*
TOP PART : HEAD & MENU
*/
tr.topwhite td {background-color: white;}
td.head {background-image: url(img/head_bg.gif); background-repeat: repeat-x; background-position: left bottom;}
td.head div.topmenu {float: left; padding-top: 72px;}
td.head div.topicons {float: left; }
table.topmenu td {height: 23px; text-transform:uppercase; }
table.topmenu td a {color: #6393BE; font-family: Verdana, sans; font-size: 11px; font-weight: bold;}
table.topmenu td a:hover {color: #EDAC65; text-decoration: none; }
table.topmenu td.active {background-color: #EDAC65; }
table.topmenu td.active a {color: white; }
table.topmenu td.active a:hover { color: white; text-decoration: none; }
tr.center td {background-color: #4A8EB9;}
td.search { background-color: #5A88B0; background-image: url(img/search_bg.jpg); background-repeat: no-repeat; height:36px;padding-left: 3px; color: color: #6393be }
input.search {width: 120px; line-height: 110%; font-size: 12px; margin-right: 0px; padding-left: 4px;}
input.btnsearch { width:53px; height:17px; }
input.btnlogin {width:54px; height:26px; }
input.btnllogin {width:53px; height:26px; }
/*
LEFT PART
*/
td.left {background-color: white; background-image: url(img/left_btm_bg.jpg); background-position: left bottom; background-repeat: no-repeat;}
td.left div.left, div.company, div.ctl { background-repeat: no-repeat; padding-left: 0px; padding-right: 17px; }
div.company { background-image: url(img/left_company_bg.jpg); height: 940px;}
div.ctl { background-image: url(img/left_ctl_bg.jpg); height: 970px; }
div.header {background-image : url(img/left_top_bg.gif); background-repeat: no-repeat; padding-top: 14px; padding-bottom: 12px; }
div.header div {margin-right: 15px; color: white; font-size: 15px; font-family: Arial, sans; line-height: 120%; font-weight: bold;}
ul.left_menu {margin: 0px; padding: 8px 0px 1px 0px; list-style: none; border-bottom: 1px solid #BFC0C3; }
ul.left_menu li { border-top: 1px solid #BFC0C3; margin-top: 1px; padding: 2px 2px 1px 4px; }
ul.left_menu li a { display: block; border: 1px solid #BFC0C3; padding-left: 0px; background-color: white;}
ul.left_menu li a b { display: block; font-size: 12px; color: #7E8389; font-weight: bold; font-family: Verdana, sans; line-height: 120%;
border-left: 8px solid #D2D3D5; padding-left: 11px; padding-top: 3px; padding-bottom: 5px; * margin-left: -2px; /* css hack for IE - dont delete !*/
}
.null {}
ul.left_menu li a:hover {color: #2A91C4; text-decoration: none;}
ul.left_menu li a:hover *, ul.left_menu li a:hover b { color: #2A91C4 !important; text-decoration: none;}
ul.left_menu li a.active b {color: #2A91C4; font-size: 13px; border-left: 8px solid #75AED9;}
div.hmenu {text-align:center; text-transform:uppercase;}
/*
CENTER PART
*/
table.home { background-color: white; background-image: url(img/home_bg.jpg); background-repeat: no-repeat; background-position: -9px top;}
table.content { background-color: white; background-image: url(img/content_bg.gif); background-repeat: no-repeat; background-position: 232px top;}
table.content_gal { background-color: white; background-image: url(img/content_bg_gal.gif); background-repeat: no-repeat; background-position: -8px top;}
td.cnt_home { background-image: url(img/home_btm_bg.gif); background-repeat: no-repeat; background-position: right bottom;}
td.cnt_home div.cnt_content { background: url(img/curve2.png) no-repeat; padding-right: 10px; padding-top:15px; }
td.cnt_content { background-image: url(img/center_btm_bg.gif); background-repeat: no-repeat; background-position: left bottom;}
td.cnt_content div.cnt_content { background-image: url(img/curve3.png); background-repeat: no-repeat; padding-bottom: 60px; padding-right: 18px; padding-top:10px;}
td.cnt_content_gal div.cnt_content { background: url(img/curve2.png) no-repeat; padding-right: 10px; padding-top:15px; }
div.printver, div.link_path {padding-top: 15px; padding-bottom: 6px; line-height: 120%; color: #D8EBFC; font-size: 12px; font-family: Tahoma, sans;}
div.link_path {padding-bottom: 0px; padding-top: 3px; padding-right: 0px;}
div.printver a, div.link_path a {color: #D8EBFC; font-size: 12px; font-family: Tahoma, sans;}
div.link_path, div.link_path a {font-size: 11px; line-height: 100%;}
div.link_path a {text-decoration: underline;}
div.link_path a:hover {text-decoration: none;}
/* products table */
table.liders, table.best, table.best2 {margin-left: 20px; margin-top: 8px;}
table.best {margin-bottom: 45px; }
table.best2 {margin-left: 26px; }
td.name, td.cent_name {padding-left: 5px;}
td.name a, td.cent_name a { font-size: 13px; font-family: Arial, sans; font-weight: bold;}
table.best2 td.name {padding-left: 0px; padding-bottom: 1px;}
img.prefoto {margin-right: 4px; margin-bottom:15px;}
tr.photo td {background-repeat: no-repeat;}
tr.photo td img { display: block;}
div.price { background-repeat: no-repeat; background-position: left top; margin-left: 110px; padding: 3px 0px 20px 16px; }
div.price a {color: white; font-size: 18px; font-family: Arial, sans; font-weight: normal; }
div.price a:hover {text-decoration: none;}
table.best2 div.price { margin-left: 102px; padding-top: 2px; padding-left: 15px;}
table.best2 div.price a {color: white; font-size: 15px; font-family: Arial, sans; font-weight: bold; line-height: 140%; }
table.best td.name a {color: #01335C;}
table.best2 td.name a {color: #3B76AA; text-decoration: underline;}
table.liders td.name a {color: #E7F3FD;}
div.liders_price, div.best_price{ position:relative; bottom:20px; left: 110px;background-repeat: no-repeat; width:85px; height:35px;
margin:0px;padding: 0px;line-height: 28px;text-align:center;
}
div.best_price a, div.liders_price a {color: white; text-decoration:none; font-size: 18px; font-family: Arial, sans; font-weight: normal;}
div.liders_container {width:100%; bottom:0px; margin-bottom:-30px;}
div.liders_price a {display:block;}
table.liders td.name, table.best td.name {padding-bottom: 5px;
}
/* css hack for IE - see in html: index, filter !!!*/
div.liders_price { background-image: url(img/btn_orange.png); }
div.best_price { background-image: url(img/btn_green.png); }
/* day photo */
table.dayfoto {margin-top: 4px;}
td.dayfoto {background-color: #346793; padding-top: 8px; padding-left: 10px; color: white; font-weight: bold; font-size: 11px; }
img.dayfoto {margin-left: 3px;}
/* logos */
table.logos {background-image: url(img/bottom_bg.gif); background-repeat: no-repeat; margin-top: 30px;}
table.logos td {padding-top: 20px; padding-bottom: 7px;}
/* all pages */
table.info {margin: 5px 12px 6px 19px; padding-bottom: 1px;}
td.leftoto {padding-top: 15px}
table.info div.printver {margin-top: 4px; margin-right: 6px;}
table.info div.printver a {color: #3B76AA;}
table.info_ctl {margin: 5px 13px 20px 17px; }
td.details {color: #747474; padding-top: 3px; font-size: 12px; font-family: Arial, sans; line-height: 140%;}
td.details a {color: #DA8927; text-decoration: underline;}
span.price16 {color: #DA8927; font-size: 20px;}
td.download, td.download a {line-height: 140%; color: #196BB4;}
td.download a {text-decoration: underline; font-size:12px;}
a.morefoto {display: block; padding-top: 3px; color: #196BB4; text-decoration: underline; margin-bottom: 13px; font-size:12px;}
div.lredlinks a {color: #DA8927; text-decoration: underline; font-weight:bold; display: block; margin-bottom: 3px; font-size:12px;}
div.lredlinks { padding-top: 8px; margin-bottom: 14px;}
/* table with charakteristiks */
table.prod_details {margin-top: 5px; margin-bottom: 70px;}
table.prod_details caption {text-align: left; font-size: 13px; font-weight: bold; padding-bottom: 4px;}
table.prod_details td.charakt {color: #537C9F; background-color: #D5E1EB; padding: 6px 5px 4px 10px; font-weight: bold; font-size: 12px;}
table.prod_details td.descr {color: #4D6478; background-color: #ECF2F5; padding: 6px 5px 4px 10px; font-weight: normal; font-size: 12px;}
ul.link_txt {margin: 0px; padding: 2px 0px 1px 7px; list-style: none; }
ul.link_txt li { margin-bottom: 13px; padding: 2px 2px 1px 4px; background-image: url(img/li_brown.gif); background-position: left 8px; background-repeat: no-repeat; }
ul.link_txt li a { color: #DA8927; font-weight: bold; font-family: Arial, sans; padding-left: 8px; padding-top: 3px; padding-bottom: 5px; line-height: 110%; text-decoration: underline; }
ul.link_txt li a:hover {text-decoration: none;}
ul.chr_list {margin: 0px; padding: 1px 0px 1px 12px; list-style: none; }
ul.chr_list li { margin:0px; padding: 1px 2px 1px 12px; background-image: url(img/li_blue.gif); background-position: left center; background-repeat: no-repeat;}
td.pdetail p {text-align:justify;}
td.pdetail ul {margin: 0px; padding: 1px 0px 1px 12px; list-style: none;}
td.pdetail li { margin:0px; padding: 1px 2px 1px 12px; background-image: url(img/li_blue.gif); background-position: left center; background-repeat: no-repeat;}
/* small tables */
table.infobig {margin: 2px 0px 25px 13px; padding-left: 1px; padding-top: 15px;}
/* div.info_prod {margin: 2px 0px 25px 13px; float: left; padding-left: 1px; padding-top: 4px;}*/
table.info_prod td.name, table.infobig td.cent_name {padding-left: 0px; padding-bottom: 5px;}
table.info_prod td.name a {color: #3B76AA; text-decoration: underline; }
table.info_prod td.details {padding-left: 6px; padding-top: 0px; font-size: 11px; line-height: 140%;}
table.info_prod td.details span.price16 {color: #DA8927; font-size: 18px; line-height: 140%;}
table.info_prod td.details span.prop, td.details span.prop {font-weight:bold; font-size:11px;}
table.infobig td.cent_name {padding-right:20px;}
table.infobig td.cent_name a {color: #01335C; text-decoration: underline; }
div.clear {clear: both;}
/* filter */
table.filter td {color: #3B76AA; font-size: 12px; font-family: Arial, sans; line-height: 110%;}
table.filter td.caption {padding: 0px;}
table.filter td.caption div {color: #215A8D; font-size: 13px; font-family: Verdana, sans; font-weight: bold; line-height: 100%;
padding: 8px 0px 8px 9px; border-left: 8px solid #6290B9;
background-color: #B4CDE3; background-image: url(img/filter_rtop.gif); background-repeat: no-repeat; background-position: right top;
}
table.filter input {line-height: 100%; font-size: 11px;font-family: Arial, sans;}
table.filter select { width:130px; }
table.filter td.title, table.filter td.field {background-color: #F4F8FB; padding-bottom: 1px;}
table.filter td.title {border-left: 1px solid #B8CCDE; padding-left: 17px; font-weight: bold; }
table.filter td.field {border-right: 1px solid #B8CCDE; }
table.filter td.btm {border-bottom:1px solid #B8CCDE;}
/* login */
td.login {background-image: url(img/login_bg.gif); background-repeat: no-repeat; }
table.login td {color: white; font-size: 11px; font-family: Tahoma, sans; }
table.login td.txt {padding-left: 13px;}
table.login td.txt a {font-size: 11px; font-family: Tahoma, sans; color: white; text-decoration: underline; }
table.login td.txt a:hover {text-decoration: none;}
table.login input.text {width: 132px; font-size: 11px; line-height: 100%; height: 18px; padding-left: 3px;}
table.login div.links {float: left; margin-right: 53px;}
table.login div.forgot {margin-top: 7px; }
table.login div.forgot label {color: white; font-size: 11px;}
#forgot {margin: 0px; margin-right:4px; padding: 0px; line-height: 100%;}
/* left login */
div.llogin { background-color: #E3EBF2; background-image: url(img/llogin_bg.gif); background-position: left top; background-repeat: no-repeat; }
div.llogin table.login td, div.llogin table.login td.txt a, div.llogin table.login div.forgot * {color: #5A88B0; }
div.llogin table.login div.forgot, div.btn_login {float: left;}
div.btn_login { margin-left: 59px;}
div.llogin table.login input.text {width: 138px; }
div.company div.llogin {margin-top: 300px;}
div.ctl div.llogin {margin-top: 260px;}
/*
RIGHT PART
*/
td.right {background-color: white; background-image: url(img/right_btm_bg.gif); background-position: left bottom; background-repeat: no-repeat;}
td.right div.right { background-image: url(img/right_bg.gif); background-repeat: no-repeat; background-position: left -13px; padding-left: 12px; padding-right: 10px; height: 736px;}
/* news */
table.news td, table.news td * {font-size: 11px; font-family: Tahoma, sans; }
tr.news td {padding-top: 11px;}
tr.news20 td {padding-top: 23px;}
span.date {background-color: #F6BA79; line-height: 13px; color: white; font-weight: bold; padding: 2px 4px 2px 4px;}
td.newstext {color: #666666; padding-bottom: 10px; border-bottom: 3px solid #C4C5C6;}
td.newstext a {color: #666666;}
td.topnews {padding-bottom: 20px; text-align:justify;}
td.topnews a{color: #6393BE; font-size: 12px; font-family: Arial,Tahoma, sans;}
td.topnews p{text-align:justify;}
div.otstup {padding-left: 10px; padding-right: 10px; }
div.otstup a{color: #6393BE; font-size: 12px; font-family: Arial,Tahoma, sans;}
div.big_otstup {padding-left: 40px; padding-right: 10px; padding-bottom: 20px; color: #01335C;}
div.big_otstup a{color: #3B76AA; text-decoration: none; font-size: 13px; font-family: Arial, sans; font-weight: bold; line-height:230%;}
div.big_otstup a:hover{color: #01335C; text-decoration: underline;}
div.gal_otstup {padding-left: 10px; padding-right: 10px; padding-bottom: 20px; padding-top:10px;}
/*
BOTTOM PART
*/
table.btmpr {margin: 0px 5px 30px 35px; padding-top: 2px;}
tr.imglist td img {border: 3px solid #B8CCDE;}
table.btmpr tr.name td {padding: 2px;}
table.btmpr tr.name td a {color:#6393BE; text-decoration: underline;}
table.btmpr tr.name td a:hover {text-decoration: none;}
/* ************************************************************************ */
/* popup menu */
/* ************************************************************************ */
.jsmenu {
visibility: hidden;
display: none;
POSITION: absolute;
Z-INDEX: +1;
background-color: #DFE9F3;
PADDING: 0px;
border-bottom: 6px solid #99BCD5;
border-left: 1px solid #94B9D3;
border-right: 1px solid #94B9D3;
FONT: 11px Arial;
TEXT-ALIGN: left;
FILTER: Alpha(Opacity='94');
opacity: 0.94;
-moz-opacity: 0.94;
}
.jsmenu A {
DISPLAY: block;
PADDING: 3px 5px 3px 9px;
margin: 0px;
border-bottom: 1px solid #94B9D3;
FONT: 11px Arial;
COLOR: #3B6E9E;
WHITE-SPACE: nowrap;
line-height: 14px;
cursor: hand;
BACKGROUND-COLOR: #DFE9F3;
}
#m2 A {width: 260px;}
#m3 A {width: 143px;}
#m4 A {width: 143px;}
.jsmenu A:hover { background-color: #ffffff; text-decoration: none; }
/* css hack - for IE only! - must be last in file !*/
div.llogin table.login input.text {
{ height: 14px; }