html {margin: 0; padding: 0; font-size: 11px; font-family: Verdana;}
body {margin: 0; padding: 0; text-align: left; background: #FFF;}

/*.png {behavior: url(pngbehavior.htc);}*/
.clear {height: 1px; overflow: hidden; clear: both; font-size:1px; line-height:1px;}

#main {display: block; width: 1000px; margin: 0 auto; padding: 0; position: relative;}

#head {display: block; height: 126px; line-height: 14px; position: relative; padding: 0; margin: 0; background: url(img/fon_top.gif) no-repeat top;}
#head #logo {position: absolute; top: 25px; left: 80px;}
#head a img {border: 0;}
#head #desc {float: left; color: #ff9000; font-size: 11px; margin: 0; padding: 42px 0 0 327px;}
#TabSearch {float: left; padding: 0; margin: 55px 0 0 123px; width: 204px; height: 23px;}
#TabSearch img {vertical-align: middle; margin: 0 0 1px 0;}
#TabSearch input.input_search {color: #7f7f7f; font-size: 13px; font-family: Arial; background: #fff url(img/input_search.gif) repeat-x; width: 156px; height: 23px; border: none; vertical-align: middle; margin: 1px 0 0 0; padding: 2px 0 0 2px;}
#TabSearch input.button_search {cursor: pointer; width: 38px; height: 23px; margin: 0; padding: 0; background: url(img/button_search.jpg) no-repeat; border: none;}

#container {padding: 0; margin: 0; background: url(img/line_content.gif) repeat-y right;}

#main #left-colum {width: 195px; float:left; margin: 0; padding: 0 0 0 95px;}
#left-colum img.h1 {margin-top: 20px;}
#left-colum p {color: #888383; margin: 0; padding: 5px 0 5px 25px; line-height: 18px;}
#left-colum p a {color: #f42c0b;}
#left-colum p a:hover {color: #000; text-decoration: none;}
#left-colum ul {margin: 5px 0 5px 25px; padding: 0; list-style: none;}
#left-colum ul li {margin: 0; padding: 0; height: 19px; line-height: 19px;}
#left-colum ul li a {color:#677288;}
#left-colum ul li a:hover {color: #009bfd; text-decoration: none;}
#left-colum ul.menu_left {margin: 0 0 0 25px; padding: 0; list-style: none; background: url(img/h1_fon.gif) no-repeat top;}
#left-colum ul.menu_left li {margin: 0; padding: 0; height: 19px; line-height: 19px; background: url(img/line_li.gif) no-repeat bottom;}
#left-colum ul.menu_left li.end {background: none;}
#left-colum ul.menu_left li a {color:#677288; text-decoration:none;}
#left-colum ul.menu_left li a:hover {color: #009bfd;}
#left-colum .box {background: url(img/fon_box.gif); padding: 10px 0; margin: 0;}
#left-colum .box img.h1 {margin: 0;}
#left-colum .box p {margin: 0; padding: 5px 0 0 25px;}
#left-colum .box b {color: #000; font-weight: bold;}
#left-colum .box i {width: 65px; float: left; font-style: normal;}

#menu {height: 300px; margin: 0; padding: 0;}
#menu ul {width: 630px; height: 13px; padding: 0; margin: 0 0 22px 0; position: absolute; top: 395px; left: 300px;}
#menu li {padding: 0; height: 13px; line-height: 13px; font-size: 11px; font-weight: bold; float: left; list-style: none; margin: 0; padding: 0 0 0 15px;}
#menu li a {text-decoration:none; color: #fff;}
#menu li a:hover {color:#bbbbbb}

#menu1 {height: 200px; margin: 0; padding: 0;}
#menu1 ul {width: 630px; height: 13px; padding: 0; margin: 0 0 22px 0; position: absolute; top: 295px; left: 300px;}
#menu1 li {padding: 0; height: 13px; line-height: 13px; font-size: 11px; font-weight: bold; float: left; list-style: none; margin: 0; padding: 0 0 0 15px;}
#menu1 li a {text-decoration:none; color:#fff;}
#menu1 li a:hover {color:#bbbbbb}

#content {float:left; width: 630px; margin: 0; padding: 0 0 20px 0; position: relative; background: url(img/fon_content.gif) no-repeat top right;}
#content h1 {font-family: Tahoma; font-size: 17px; margin: 20px 40px 15px 40px; padding: 0; font-weight: normal; clear: both; line-height:150%}
#content h1 a {color: #f42c0b;}
#content h1 a:hover {color: #677288; text-decoration: none;}
#content h1 img {margin: 8px 7px 0 7px; vertical-align: top;}
#content h2 {font-size: 15px; font-weight: normal; margin: 10px 40px; padding: 0;}
#content h3 {font-size: 11px; font-weight: bold; margin: 0 40px; padding: 0;}
#content h4 {font-size: 10px; font-weight: bold; margin: 0 40px; padding: 0;}
#content p {color: #888383; font-size: 11px; margin: 10px 40px; padding: 0;}
#content p a {color: #f42c0b;}
#content p a:hover {color: #000; text-decoration: none;}
#content ul {margin: 0 0 0 40px; padding: 0;}
#content ul li {list-style: none; color: #888383; font-size: 11px; margin: 0; padding: 0;}
#content ul li a {color: #f42c0b;}
#content ul li a:hover {color: #000; text-decoration: none;}
#content img.line_big {margin: 10px 0 10px 40px; width:543px; height:1px; }
#content p.number {float: right; margin: 0px 0 0px 0; padding: 0 45px 0 0;}
#content p.number b {color: #000;}
#content p.number a {text-decoration: none;}

#content .catalog {margin: 10px 0 0 40px; padding: 0;}
#content .catalog li {list-style: none; padding: 1px 0 0 1px; margin: 0 52px 15px 0; width: 143px; line-height: 14px; background: url(img/ramka_img.gif) no-repeat top; float: left; text-align: center;}
#content .catalog li b {font-size: 12px; text-decoration: underline;}
#content .catalog li img {width: 141px; height: 141px; margin: 0 0 5px 0; padding: 0;}
#content .catalog li a {color: #000; text-decoration: none;}
#content .catalog li a:hover {color: #009bfd; text-decoration: none;}
#content .catalog li a:hover b {color: #009bfd; text-decoration: none;}
#content .catalog li:hover, #content .catalog li.cmdHover{background: url(img/ramka_img_hover.gif) no-repeat top;}
#content .catalog li.clear {padding: 0; height: 1px; margin: 0; width: 100%; clear: both; float: none; background: none;}

#content .catalog1 {margin: 15px 0 0 40px; padding: 0;}
#content .catalog1 li {list-style: none; padding: 1px 0 0 1px; margin: 0 52px 15px 0; width: 143px; line-height: 14px; background: url(img/ramka_img.gif) no-repeat top left; float: left;}
#content .catalog1 li b {font-size: 12px; text-decoration: underline;}
#content .catalog1 li img {width: 141px; height: 141px; margin: 0 0 5px 0; padding: 0;}
#content .catalog1 li a {color: #000; text-decoration: none;}
#content .catalog1 li a:hover {color: #009bfd; text-decoration: none;}
#content .catalog1 li a:hover b {color: #009bfd; text-decoration: none;}
#content .catalog1 li:hover {background: url(img/ramka_img_hover.gif) no-repeat;}
#content .catalog1 li.clear {padding: 0; height: 1px; margin: 0; width: 100%; clear: both; float: none; background: none;}
#content .catalog1 li p {margin: 5px 0; padding: 0; font-size: 10px;}
#content .catalog1 li p img {width: 16px; height: 11px; border: none; vertical-align: bottom; margin: 0;}
#content .catalog1 li p b {color: #000; text-decoration: none;}
#content .catalog1 li p a {color: #f42c0b; text-decoration: underline;}
#content .catalog1 li p a:hover {color: #000; text-decoration: none;}

#content div.product {margin: 30px 10px 20px 10px; padding: 0 10px 50px 10px;}
#content div.picture {width: 330px; float:left; padding:0 10px 0 0; margin: 0 20px 10px 0; text-align:center; }
/*#content div.product img {float:left; margin: 0 20px 0 0;}*/
#content div.product div.product_padding {padding: 5px 0 0 0; margin: 0 0 0 0; font-size:1px; line-height:1px;}
#content div.product span {color: #595757;}
#content div.product p {margin: 5px 0; padding: 0; font-size: 10px;}
#content div.product p img {width: 16px; height: 11px; border: none; vertical-align: bottom; margin: 0;}
#content div.product p b {color: #000; text-decoration: none; font-size: 12px;}
#content div.product a {color: #f42c0b; text-decoration: underline;}
#content div.product a:hover {color: #000; text-decoration: none;}
/*#content div.product div.size{font-size: 10px; font-family: Verdana; padding: 2px 0 0 1px; margin: 0; width: 100px; height: 23px; background: #fff url(img/input_contacts.gif); border: none; vertical-align: top;}
*/

#content div.product #prevnext {display:block; float:left; margin-top: 10px; padding-top:10px; }
#content div.product #prevnext img {border: 0; padding: 0 0 0 0; margin: 0 0 0 0 ; margin-right: 0px; }


#TabDesc {margin: 10px 0;}
#TabDesc tr.line {background: url(img/line_small.jpg) no-repeat bottom left;}
#TabDesc tr {background: none;}
#TabDesc th {font-size: 10px; color: #595757; padding: 5px 0; width: 70px; text-align: left;}
#TabDesc td {font-size: 10px; color: #595757; text-align: left; padding: 5px 0 5px 0;}
#TabDesc td select {width: 140px; height: 18px; border: 1px solid #b9b9ba; font-size: 10px; font-family: Verdana; margin: 5px 0;}

#content .news {margin: 10px 0 0 0; padding: 0;}
#content .news img {margin-left: 10px;}
#content .news p {margin: 0 20px 15px 40px; padding: 0; }
#content .news p.first {font-size:105%; font-weight: bold;}
#content .news p a {color: #000;}
#content .news p a:hover {color: #677288; text-decoration: none;}
#content .news span {color: #bdbdbd; font-size:10px; white-space: nowrap; font-weight: normal;}

/*
#TabForm {padding: 0; margin: 0 40px;}
#TabForm th {font-size: 10px; color: #888383; padding-right: 10px; text-align: left;}
#TabForm td {padding: 4px 0;}
#TabForm img {vertical-align: bottom; margin: 0 0 1px 0;}
#TabForm input.text {font-size: 11px; font-family: Verdana; padding: 3px 0 0 5px; margin: 0; width: 294px; height: 19px; background: #fff url(img/input_contacts.gif); border: none; vertical-align: top;}
#TabForm input.send {cursor: pointer; padding: 0; margin: 0; width: 157px; height: 26px; background: #fff url(img/button_send.gif); border: none;}
#TabForm input.send2 {cursor: pointer; padding: 0; margin: 0; width: 157px; height: 26px; background: #fff url(img/button_send2.gif); border: none;}
#TabForm textarea {font-size: 11px; font-family: Verdana; padding: 3px 0 0 5px; margin: 0; height: 132px; width: 294px; background: #fff url(img/textarea.gif); border: none; vertical-align: top;}
*/
#content Form {padding: 0; margin: 0 40px;}
#content Form th {font-size: 10px; color: #888383; padding-right: 10px; text-align: left;}
#content Form td {padding: 4px 0;}
#content Form img {vertical-align: bottom; margin: 0 0 1px 0;}
#content Form input.text {font-size: 11px; font-family: Verdana; padding: 3px 0 0 5px; margin: 0; width: 294px; height: 19px; background: #fff url(img/input_contacts.gif); border: none; vertical-align: top;}
#content Form select {font-size: 11px; font-weight:bold; font-family: Verdana; margin:0; padding: 2px 0 2px 5px; margin: 0; width: 300px; height: 19px; background:  #fff url(img/input_contacts.gif); border: none; vertical-align: top;}
#content Form input.send {cursor: pointer; padding: 0; margin: 0; width: 157px; height: 26px; background: #fff url(img/button_send.gif); border: none;}
#content Form input.send2 {cursor: pointer; padding: 0; margin: 0; width: 157px; height: 26px; background: #fff url(img/button_send2.gif); border: none;}
#content Form textarea {font-size: 11px; font-family: Verdana; padding: 3px 0 0 5px; margin: 0; height: 132px; width: 294px; background: #fff url(img/textarea.gif); border: none; vertical-align: top;}

#content Form h1 {margin-left: 0px;}

#TabCard {margin: 0 20px 0 0px; width: 550px; font-size: 10px; color: #888383;}
#TabCard thead th {font-size: 10px; background: #f2f2f2; /*line-height: 25px;*/ padding: 5px;}
#TabCard tbody tr.line {background: url(img/line_small.jpg) repeat-x bottom left;}
#TabCard tbody th {padding: 5px 5px 5px 5px;}
#TabCard tbody td {padding: 5px 0 5px 5px;}
#TabCard tbody th a {color: #000; text-align: left; margin:0;}
#TabCard tbody th a:hover {color: #677288; text-decoration: none;}
#TabCard tbody td a {color: #8e97aa; }
#TabCard tbody td a:hover {color: #009bfd; text-decoration: none;}
#TabCard tbody td a.red {color: #f42c0b;}
#TabCard tbody td a.red:hover {color: #000; text-decoration: none;}
#TabCard tbody td b {color: #000; font-size: 12px;}
#TabCard tfoot th p {padding: 10px 82px 10px 0; float: right; margin: 0; font-size: 10px;}
#TabCard tfoot th p b {color: #000; font-size: 12px;}
#TabCard img {vertical-align: bottom; margin: 0 0 1px 0;}
#TabCard input {font-size: 10px; font-family: Verdana; padding: 3px 0 0 5px; margin: 0; width: 33px; height: 19px; background: #fff url(img/input_card.gif); border: none; vertical-align: top;}
#TabCard input.clear {cursor: pointer; padding: 0; margin: 0; width: 138px; height: 30px; background: #fff url(img/button_clear.gif); border: none;}
#TabCard input.send3 {cursor: pointer; padding: 0; margin: 0; width: 138px; height: 30px; background: #fff url(img/button_send3.gif); border: none;}

#footer {height: 220px; padding: 0; margin: 0; text-align: right; background: url(img/footer.jpg) no-repeat top; font-size: 11px; font-family: Verdana;}
#footer div {padding: 180px 73px 0 0 ;}
#footer a {margin: 9px;}
#footer a img {border: 0;}
#footer p {float: left; text-align: left; padding: 180px 0 0 125px; margin: 0; color:#8a8a8a;}
#footer p a {color: #000; margin:0}
#footer p a:hover {color: #677288; text-decoration: none;}


