html, body {
width : 100%;
height : 100%;
}
body {
padding : 0;
margin : 0;
display : block;
position : relative;
z-index : 100;
background : #faf84b url(/images/bgr/body.jpg) repeat-x left top;
}
a img {
border : 0;
}
img {
vertical-align : top;
}
a {
font : 1em/1 arial;
color : #045f15;
text-decoration : underline;
}
a:hover {
text-decoration : none;
}
:focus, a:active {
outline : none;
}
form :focus, form a:active {
outline : 1px dotted;
}
.notlink {
cursor : default !important ;
text-decoration : none !important ;
color : #000000 !important ;
}
h1 {
margin : 0;
padding : 0;
font : 24px arial;
color : #006f17;
}
h2 {
margin : 0 0 25px 0;
padding : 0;
font : 24px arial;
color : #006f17;
}
h3 {
margin : 0;
padding : 0;
font : 1.8em arial;
color : #000;
}
h4 {
margin : 0;
padding : 0;
font : bold 1.6em arial;
color : #000;
}
dl, dt, dd, form {
margin : 0;
padding : 0;
}
input {
margin : 0;
vertical-align : middle;
}
p {
margin : 0;
padding : 0 0 15px;
}
select {
vertical-align : middle;
}
table {
border-spacing : 0;
border-collapse : collapse;
}
table td {
text-align : left;
vertical-align : top;
}
ul {
margin : 0;
padding : 10px 20px;
}
html {
font-size : 100%;
}
body {
font : 62.5%/1.3 arial, sans;
color : #000000;
}
table, td, th, ul, textarea, input, select {
font : 1em/1.3 arial;
}
.clearing {
clear : both;
height : 0;
font-size : 0;
overflow : hidden;
}
.clearFix:after {
content : '.';
display : block;
clear : both;
visibility : hidden;
height : 0;
font-size : 0;
}
#header {
height : 321px;
width : 998px;
position : relative;
z-index : 0;
}
#logo {
position : absolute;
left : 29px;
top : 59px;
z-index : 1;
}
.tools {
position : absolute;
padding : 0;
margin : 0;
top : 21px;
left : 839px;
}
.tools li {
padding : 0;
margin : 0;
list-style-type : none;
float : left;
margin-right : 43px;
}
.tools a {
display : block;
width : 12px;
height : 10px;
font-size : 0;
}
.main {
background : url(/images/menu/tools.png) no-repeat left -10px;
}
.main:hover {
background : url(/images/menu/tools.png) no-repeat left top;
}
.message {
background : url(/images/menu/tools.png) no-repeat right bottom;
}
.message:hover {
background : url(/images/menu/tools.png) no-repeat right top;
}
.phone {
padding : 0;
position : absolute;
right : 51px;
top : 156px;
font : 26px verdana;
/*color : #fff;*/
}
.heart {
position : absolute;
left : 406px;
top : 4px;
}
.main_menu {
padding : 0;
margin : 0;
position : absolute;
left : 176px;
top : 269px;
z-index : 100;
background : url(/images/bgr/1x1.gif) left top;
}
.main_menu li {
padding : 0;
margin : 0 0 0 0;
list-style-type : none;
float : left;
position : relative;
}
.main_menu li.hover {
background : #c5d654;
}
.main_menu a {
font : bold 14px tahoma;
color : #020202;
text-decoration : none;
padding : 17px 10px 18px 9px;
display : block;
position : relative;
z-index : 100;
}
.main_menu a:hover {
background : #c5d654;
}
.main_menu ul {
position : absolute;
left : 0;
width : 100%;
background : url(/images/bgr/pod.png) left top;
padding : 0;
margin : 0;
display : none;
padding-bottom : 5px;
}
.main_menu ul li {
float : none;
}
.main_menu ul a {
padding : 5px 0 5px 20px;
}
#menu {
background : silver;
}
#wrapper {
position : relative;
min-height : 100%;
height : 100%;
background : url(/images/bgr/green.jpg) no-repeat left top;
min-width : 1003px;
}
.inner_wrap {
background : url(/images/bgr/inner.png) no-repeat -31px bottom;
}
html > body #wrapper {
height : auto;
}
#body {
margin : 0 0 61px;
width : 998px;
background : #fff url(/images/bgr/green2.jpg) no-repeat left top;
padding-bottom : 70px;
}
#body:after {
content : '.';
display : block;
clear : both;
visibility : hidden;
height : 0;
font-size : 0;
}
#main_col {
float : right;
width : 100%;
}
#main_col_content {
margin : 14px 40px 0 259px;
font-size : 13px;
}
#main_col_content ul {
padding : 0;
margin : 0;
}
#main_col_content ul li {
list-style-type : none;
background : url(/images/bgr/star.png) no-repeat left 4px;
margin : 0 0 0 17px;
padding : 0 0 0 11px;
}
#main_col_content .breadcrumbs {
padding : 0;
margin : 0 0 46px 0;
}
#main_col_content .breadcrumbs li {
padding : 0 14px 0 0;
margin : 0 7px 0 0;
list-style-type : none;
float : left;
background : url(/images/bgr/bread.png) no-repeat right 5px;
font : 14px verdana;
color : #030303;
}
#main_col_content .breadcrumbs li.last {
background : none;
}
.breadcrumbs:after {
content : '.';
display : block;
clear : both;
visibility : hidden;
height : 0;
font-size : 0;
}
.breadcrumbs a {
font : 14px verdana;
color : #030303;
text-decoration : underline;
}
.breadcrumbs a:hover {
text-decoration : none;
}
.question {
font-weight : bold;
float : right;
width : 134px;
height : 130px;
font-size : 15px;
color : #010101;
background : url(/images/bgr/question.png) no-repeat left top;
text-align : center;
text-decoration : none;
padding-top : 9px;
position : relative;
margin-right : -40px;
margin-top : -44px;
}
.question:hover {
text-decoration : underline;
}
.news_block {
background : #f9fbe3;
margin : 8px 71px 15px -27px;
padding : 20px 0 7px 27px;
}
.news_block h2 {
margin-bottom : 0;
}
.news_block dl {
padding-bottom : 16px;
}
.news_block a {
text-decoration : none;
color : #000;
}
.news_block a span {
text-decoration : underline;
font-size : 11px;
}
.news_block a:hover span {
text-decoration : none;
}
a b {
color : #000;
text-decoration : underline;
}
a:hover b {
text-decoration : none;
}
#main_col_content .front_catalog {
padding : 0;
margin : -60px 0 0 80px;
}
#main_col_content .front_catalog li {
padding : 0;
margin : 0;
list-style-type : none;
text-align : center;
width : 434px;
background : none;
}
.front_catalog img {
position : absolute;
bottom : 60px;
left : 150px;
z-index : 100;
}
.front_catalog a {
display : block;
width : 434px;
height : 42px;
padding-top : 280px;
background : url(/images/bgr/active_no.png) no-repeat 60px 70px;
position : relative;
text-decoration : none;
font : 18px tahoma;
}
.front_catalog a:hover {
background : url(/images/bgr/active.png) no-repeat left top;
text-decoration : underline;
}
.front_sec {
position : relative;
top : -80px;
z-index : 50;
}
.front_first {
position : relative;
z-index : 100;
}
.front_third {
position : relative;
z-index : 1;
top : -160px;
}
.question_text {
margin : 0 0 10px 0;
display : none;
}
.question_p {
text-decoration : underline;
font-weight : bold;
cursor : pointer;
}
.scheme {
float : left;
cursor : pointer;
padding-right : 20px;
}
.scheme_img {
float : left;
margin : -20px 0 0 0;
cursor : pointer;
position : relative;
}
.scheme_img .zoom_img {
right : 0;
bottom : 20px;
}
.tovar {
background : #e6ee9a url(/images/bgr/table_bg.jpg) repeat-x left top;
width : 100%;
margin : 10px 0 20px 0;
}
.tovar th {
color : #105d1e;
font-family : tahoma;
background : #d8e394;
}
.tovar td {
text-align : center;
vertical-align : middle;
border-bottom : 2px solid #fffff0;
padding : 3px 0;
cursor : pointer;
}
.hover td {
text-decoration : underline;
}
.first {
width : 70px;
}
.second {
width : 80px;
}
.third {
width : 122px;
}
.fourth {
width : 75px;
}
.fifth {
width : 100px;
}
.sixth {
width : 63px;
}
.seventh {
width : 50px;
}
.tovar div {
position : relative;
}
.zoom_img {
position : absolute;
right : 17px;
bottom : 0;
}
.shadows {
width : 100%;
height : 100%;
/*background : #000;*/
position : fixed;
top : 0;
left : 0;
z-index : 100;
display : none;
}
.scheme_block, .popup {
position : fixed;
margin-left : -237px;
left : 50%;
top : 50px;
z-index : 100;
display : none;
padding : 16px;
background : #d8e394;
}
.popup {
width : 385px;
}
.scheme_block img {
background : #fff;
}
.scheme_block img.cross {
background : none;
}
.cross {
position : absolute;
right : 10px;
top : 15px;
cursor : pointer;
}
.popup h2 {
font : 16px tahoma;
color : #000000;
margin : 0 10px 5px 0;
}
.popup img {
margin-bottom : 8px;
}
.popup img.half {
float : right;
margin : -50px 10px 0 0;
position : relative;
z-index : 100;
}
.popup table {
background : #fff;
width : 100%;
}
.popup td {
font : 16px tahoma;
padding : 2px 6px;
}
.popup td.count {
background : #f2f6ce;
}
.scheme_block .cross {
right : 0;
top : 0;
}
#sidebar {
float : left;
width : 200px;
margin : 0 -200px 0 0;
overflow : hidden;
}
.catalog {
padding : 14px 0 10px 0;
margin : 0 0 90px 0;
background : url(/images/bgr/catalog.png) no-repeat left top;
}
.catalog li {
padding : 0;
margin : 0 0 4px 0;
list-style-type : none;
position : relative;
height : 34px;
}
.catalog a {
display : block;
height : 27px;
font : 18px verdana;
color : #010101;
text-decoration : none;
padding : 7px 0 0 25px;
margin : 0;
position : relative;
z-index : 10;
}
.catalog a:hover, .catalog a.current {
background : url(/images/bgr/li.png) no-repeat left top;
text-decoration : none;
}
.active {
width : 185px;
height : 34px;
background : url(/images/bgr/li.png) no-repeat left top;
position : absolute;
top : 0;
left : 0;
display : none;
}
.catalog_img {
padding : 0;
margin : 0 0 0 0;
position : relative;
left : 60px;
}
.catalog_img li {
padding : 0;
margin : 0 0 25px 0;
list-style-type : none;
text-align : center;
width : 120px;
}
.catalog_img span {
position : relative;
top : -5px;
font-weight : bold;
}
.catalog_img a {
text-decoration : none;
font : 14px tahoma;
color : #055c15;
}
.catalog_img a:hover span {
text-decoration : underline;
}
#footer {
position : absolute;
bottom : 0;
clear : both;
width : 998px;
height : 61px;
}
#footer p {
position : absolute;
left : 28px;
padding : 0;
font : 12px verdana;
color : #000000;
top : 16px;
}
#footer p a {
color : #000;
}
#imCopyright {
position : absolute;
left : 28px;
padding : 0;
font : 12px verdana;
top : 36px;
}
#imCopyright a {
color : #000;
}
.field {
clear : both;
padding : 0;
margin : 0 0 20px;
padding : 0 0 0 215px;
}
.field:after {
content : '.';
display : block;
clear : both;
visibility : hidden;
height : 0;
font-size : 0;
}
.field dt {
position : relative;
left : -215px;
float : left;
width : 200px;
text-align : right;
margin : 0 -200px 0 0;
}
.field dt label {
margin : 0;
}
.field dd {
float : left;
}
label {
margin : 0 15px 0 0;
}
select {
border : 1px solid #a5acb2;
width : 248px;
height : 1.8em;
}
textarea {
width : 248px;
height : 100px;
border : 1px solid #a5acb2;
}
.form_buttons {
margin : 0 0 0 215px;
}
input[type="text"] {
width : 200px;
height : 1.5em;
border : 1px solid #a5acb2;
}
fieldset {
padding : 0;
margin : 0;
border : none;
}
#footer form {
position : absolute;
right : 48px;
top : 17px;
width : 123px;
}
#footer #front_search_query {
width : 93px;
height : 16px;
border : 1px solid #000;
padding : 3px 0 0 3px;
font-size : 11px;
border-right : none;
}
.button_search {
position : absolute;
right : 5px;
top : 0;
}
.feedback {
margin-top : 40px;
}
.feedback p {
margin-top : 20px;
}
.feedback textarea {
width : 285px;
padding : 0 3px;
display : block;
margin : 0 0 11px 0;
border : 1px inset #000;
}
.feedback input[type="text"] {
width : 285px;
height : 1.5em;
border : 1px inset #000;
font : 13px arial;
padding : 0 3px;
display : block;
margin : 0 0 11px 0;
}
.feedback .input_text {
width : 285px;
height : 1.5em;
border : 1px inset #000;
font : 13px arial;
padding : 0 3px;
display : block;
margin : 0 0 11px 0;
}
.feedback img {
margin-bottom : 11px;
}
.wrap_popup_img {
position : relative;
float : left;
min-height : 50px;
min-width : 41px;
}
.popup img.half {
position : absolute;
right : 10px;
bottom : 20px;
margin : 0;
}