@charset "utf-8";
/* CSS Document */

#header .header_left{ background:url(header_left.gif) repeat-x; width:200px; height:170px; vertical-align:top; padding:0px 0px 0px 10px}
#header .header{ background:url(header.gif) no-repeat; width:982px; height:170px}
#header .header_right{ background:url(header_right.gif) repeat-x; height:170px}

/*.contacts{ color:#5d5e5e; font-size:14px}*/
.contacts{ color:#000; font-size:14px}

.menu{padding-bottom:3px}
.menu_p{ background:url(menu.gif) no-repeat; width:139px; height:31px; font-size:18px; text-align:center; vertical-align:middle; padding-top:2px; padding-right:2px}

.menu_p a:link {color: #ffffff; text-decoration: none}
.menu_p a:visited{color:#ffffff}
.menu_p a:active {color: #def4e2; text-decoration:underline}
.menu_p a:hover{color:#def4e2; text-decoration: none}

.title_left{ background: url(title_block_left.gif) no-repeat; height:30px}
.title_right{ background: url(title_block_right.gif) no-repeat; height:30px}
/*.title{ color:#75aa79; font-size:18px; padding-left:30px}*/
/*.title{color:#fff; font-size:18px; padding-left:5px}*/

.title{background:url(title_block.gif) repeat-x; height:30px; color:#fff; font-size:18px; padding-left:5px}
.title_center{color:#339966; font-size:18px; padding-left:30px}

.t {background: url(t.gif) 0 0 repeat-x; width: 100%}
.b {background: url(b.gif) 0 100% repeat-x}
.l {background: url(l.gif) 0 0 repeat-y}
.r {background: url(r.gif) 100% 0 repeat-y}
.bl {background: url(lb.gif) 0 100% no-repeat}
.br {background: url(rb.gif) 100% 100% no-repeat}
.tl {background: url(lt.gif) 0 0 no-repeat}
.tr {background: url(rt.gif) 100% 0 no-repeat; padding:10px}

.footer{ height:25px}
.footer_left{ background:url(bottom_left.gif) no-repeat; width:243px; height:25px}
.footer_right1{background:#e8f5e9}
.footer_right2{background:url(bottom.gif) repeat-y; width:690px; text-align:center; font-size:12px}
.footer_right3{background:#e8f5e9}
.footer_bottom_line{ background:url(footer_bottom.gif) repeat-x; height:5px}

.foter_catalog{padding:4px 0px 0px 20px; font-size:15px}

/*
a:link {color: #4a684c;}
a:visited{color:#2f4530;}
a:active {color: #2f4530;}
a:hover{color:#4a684c; text-decoration: none}
*/
a:link {color: #297a52;}
a:visited{color:#297a52;}
a:active {color: #3c5a42;}
a:hover{color:#3c5a42; text-decoration: none}

.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#297851; margin:0 5px;}
.b2 {height:1px; background:#fff; border-right:2px solid #297851; border-left:2px solid #297851; margin:0 3px;}
.b3 {height:1px; background:#fff; border-right:1px solid #297851; border-left:1px solid #297851; margin:0 2px;}
.b4 {height:2px; background:#fff; border-right:1px solid #297851; border-left:1px solid #297851; margin:0 1px;}
.contentb {background: #fff; border-right:1px solid #297851; border-left:1px solid #297851;

/*position: absolute; */
/*margin-top: 100px;  header height */ 
/*top: 3em;  menu height */ 
/*bottom: 9%;  footer height */ 
/*left: 0; 
right: 0;  right not read by IE6 and below so width needs set */ 

/*overflow: auto;*/

}
/*.contentb div {margin-left: 5px;}*/

#vardost {BORDER-COLLAPSE: collapse}
#vardost .logo{width:100px; border:1px solid #297851; padding:5px; vertical-align:top}
#vardost .logo_deck{height:65px; padding:0px 0px 0px 5px; vertical-align:top; border:1px solid #297851}

#varop {BORDER-COLLAPSE: collapse; width:100%}
#varop .logo{width:100px; border:1px solid #297851; padding:5px; vertical-align:top}
#varop .logo_deck{vheight:65px; padding:0px 0px 0px 5px; vertical-align:top; border:1px solid #297851}

.bb{ border:1px solid red}
.bbb{ border:1px solid green}
.bbbb{ border:1px solid blue}