@charset "windows-1251";



/* base tags */

html{width:100%; height:100%;}

body{position:relative; min-width:1010px; height:100%; margin:0 auto; padding:0; color:#333; font:normal 11px/1 Tahoma, Geneva, sans-serif;}

html, div, dl, dt, dd, ul, li, ul li, h1, h2, p, table, tr, td, th, form, fieldset, input.reset, label, legend, img, a{margin:0; padding:0; border:0; outline:0; vertical-align:baseline;}



input {

font: normal 12px Arial, Helvetica, sans-serif;

border:1px dotted  #ADB0AC;

}

textarea {

font: normal 12px Arial, Helvetica, sans-serif;

border:1px dotted #ADB0AC;



}



ul, li, ul li{list-style:none;}

/* base tags */

/* global styles */

a{color:#336699; text-decoration:underline;}

a:hover{color:#fcc010; text-decoration:none;}

/* header */

#header{overflow:hidden; position:absolute; top:0; left:0; width:100%; height:300px; background:url(img/headerepeat.png) 0 0 repeat-x;}

#header .logo{position:absolute; top:35px; left:40px; width:168px; height:64px;}

#header .logo a{display:block; width:168px; height:64px; text-decoration:none;}

#header .logo a img{width:168px; height:64px;}

#header .wrap{position:relative; width:1010px; height:300px; margin:0 auto; background:url(img/headerbg.jpg) 0 0 no-repeat;}

#header .mwrap{position:absolute; top:245px; left:22px; right:22px; background:#336699 url(img/topmenurepeat.jpg) 0 0 repeat-x;}

#header .menu{overflow:hidden; width:100%; height:32px; background:url(img/topmenu_r.jpg) 100% 0 no-repeat;}

#header .menu li{float:left; padding:0 20px 0 0;}

#header .menu li.first{padding:0 20px 0 30px; background:url(img/topmenu_l.jpg) 0 0 no-repeat;}

#header .menu li.last{padding:0 30px 0 0;}

#header .menu li a{padding:0 0 0 24px; color:#FFF; font-weight:bold; font-size:14px; line-height:32px; text-decoration:none; background:url(img/topmenumarker.png) 10px 60% no-repeat;}

#header .menu li a:hover{color:#fcc010;}

#header .wrap .phone{position:absolute; top:35px; right:38px; width:220px; height:34px; padding:5px; color:#fff; font-size:16px; line-height:24px; text-align:center;}

/* header */

/* wrapper */

#wrapper{overflow:hidden; position:relative; width:100%; min-height:100%; padding:300px 0 0;}

#wrapper h1, h2{padding:16px 0 16px 16px; color:#000; font-weight:normal; font-size:20px; background:url(img/titlemarker.jpg) 0 50% no-repeat;} 

#wrapper h2{font-size:18px;}

#wrapper h3{font-size:14px;}

#wrapper #content{overflow:hidden; float:left; width:100%;}

#wrapper #content .in{padding:0 220px;}

#wrapper #content .in .catalog{padding:0 0 0 16px; background:url(img/marker.jpg) 0 50% no-repeat;}

#wrapper #content .in .catalog a{color:#333; font-size:13px;}

#wrapper #content .in img{float:left; margin:0 15px 5px 0;}

#wrapper #content .in p{padding:10px 0; font-size:12px; line-height:16px;}

#wrapper #content .in ul{padding:0 0 0 30px;}

#wrapper #content .in ul li{list-style:disc outside none; font-size:13px; line-height:1.6;}

#wrapper #content .in .attention{position:relative; margin:0 16px 30px; padding:16px 16px 16px 70px; border:1px solid #dbdbdb; background:#efefef url(img/wow.png) 25px 26px no-repeat;}

#wrapper #content .in .attention a.details{padding:0 0 0 16px; font-size:13px; background:url(img/marker.jpg) 0 50% no-repeat;}

.topleft{position:absolute; top:0; left:0; width:10px; height:10px; background:url(img/topleft.jpg) 0 0 no-repeat;}

.topright{position:absolute; top:0; right:0; width:10px; height:10px; background:url(img/topright.jpg) 0 0 no-repeat;}

.bottomleft{position:absolute; bottom:0; left:0; width:10px; height:10px; background:url(img/bottomleft.jpg) 0 0 no-repeat;}

.bottomright{position:absolute; bottom:0; right:0; width:10px; height:10px; background:url(img/bottomright.jpg) 0 0 no-repeat;}

	/* table */

#wrapper #content table.spec{width:100%; margin:20px 0 20px 0; border:1px solid #F90; border-collapse:collapse;}

#wrapper #content table.spec caption{padding:5px 0; color:#000; font-size:16px; line-height:1.3;}

#wrapper #content table.spec th{color:#222; background-color:#FC0;}

#wrapper #content table.spec th, #wrapper #content table.spec td{padding:6px; border:1px solid #F90;}

	/* table */

	/* form */

#wrapper #content form.comments{width:534px; margin:15px 0;}

#wrapper #content form.comments legend{padding:10px 0 20px; color:#333; font-size:18px;}

#wrapper #content form.comments ul.fields{list-style:none; overflow:hidden; width:100%;}

#wrapper #content form.comments ul.fields li{list-style:none; overflow:hidden; margin:0 0 5px 0;}

#wrapper #content form.comments ul.fields li.note{float:left; width:70%; color:#666; font-size:13px;}

#wrapper #content form.comments ul.fields li label{float:left; width:70px; color:#222; font-size:14px;}

#wrapper #content form.comments ul.fields li input.text{width:240px; padding:4px; border:1px solid #333; color:#09F; font-size:16px;}

#wrapper #content form.comments ul.fields li input.submit{color:#222; font-size:16px;}

#wrapper #content form.comments ul.fields li textarea.msg{width:520px; height:150px; resize:none; padding:6px; border:1px solid #333; color:#222; font-size:14px; line-height:1.6;}

	/* form */

#wrapper #sidebar_l, #wrapper #sidebar_r{overflow:hidden; float:left; width:210px;}

#wrapper #sidebar_l{margin:0 0 0 -100%;}

#wrapper #sidebar_l .in{padding:0 12px 0 22px;}

#wrapper #sidebar_l .in .menu{width:100%; background:url(img/sidebar-menu.jpg) 0 0 repeat-y;}

#wrapper #sidebar_l .in .menu li{padding:10px 10px 10px 0; border-bottom:1px solid #c0c0c0;}

#wrapper #sidebar_l .in .menu li.first{background:url(img/sidebar-topmenu.jpg) 0 0 no-repeat;}

#wrapper #sidebar_l .in .menu li.last{padding:10px 10px 20px 0; border:0; background:url(img/sidebar-botmenu.jpg) 0 100% no-repeat;}

#wrapper #sidebar_l .in .menu li a{padding:0 0 0 22px; font-size:14px; background:url(img/marker.jpg) 1px 50% no-repeat;}

#wrapper #sidebar_l .in a.prolink{margin:30px 0;}

#wrapper .in a.prolink{display:block; width:100%; margin:0 0 10px;}

#wrapper .in a.banner{display:block; width:100%; margin:5px 0;}

#wrapper #sidebar_r{margin:0 0 0 -210px;}

#wrapper #sidebar_r .in{padding:0 22px 0 12px;}

#wrapper #sidebar_r .in ul li{margin:0 0 16px 0;}

#wrapper #sidebar_r .in ul li a.products{display:block; text-decoration:none;}

#wrapper #sidebar_r .in ul li a.products img{width:176px; height:128px;}

#wrapper #sidebar_r .in ul li p{padding:10px 0 0 0; font-size:12px; line-height:1.5; text-align:center;}



/* wrapper */

/* footer */

#footer{position:relative; height:100px; margin:0 22px; background:url(img/footer.jpg) 0 0 repeat-x;}

#footer .wrap{position:relative; width:924px; height:67px; margin:0 auto; padding:16px 20px;}

#footer .wrap .copyright, #footer .wrap ul li{color:#fff; font-size:13px;}

#footer .wrap ul li{float:left; padding:0 25px; text-align:center;}

#footer .wrap ul li.first{text-align:left; padding:5px 0 0 0;}

#footer .wrap ul li.last{width:20%;}

#footer .wrap .phone{font-size:16px;}

#footer .wrap .address{margin:0 0 0 24px;}

#footer .fleft{position:absolute; top:0; left:0; width:9px; height:67px; background:url(img/footer_l.jpg) 0 0 no-repeat;}

#footer .fright{position:absolute; top:0; right:0; width:8px; height:67px; background:url(img/footer_r.jpg) 0 0 no-repeat;}



/* footer */

#cart{}
.data_table1{ margin:0; padding:0}
.data_table1 td{ vertical-align:top; padding-top:5px}

.data_table { border:1px solid #ccc; font-size:11px}
.data_table tr { background-color:#F9F9F9; }
.data_table tr:hover { background-color:#efefef; }
.data_table th { background-color:#ddd; padding:2px 5px; text-align:center; }
.data_table td { padding:1px 5px; }

.cart_button{ height:16px; font-size:10px; padding:0 1px}