html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, font, img, strong, sub, sup, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, table, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
background: url(../images/bodyFon.gif) 216px 0 repeat-y #fff;
color: #383838;
text-align: left;
font: 0.75em Arial, Helvetica, sans-serif;
}
html, body {
height: 100%;
}
:focus {
outline: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
font-size: 100%;
}
a {
color: #0000ee;
text-decoration: underline;
}
.main {
min-width: 1002px;
min-height: 100%;
}
* html .main {
width:expression(document.body.clientWidth < 1002? "1002px": "auto" );
height: 100%;
}
.header {
height: 219px;
position: relative;
background: url(../images/headerFon.png) repeat-x;
overflow: hidden;
}
.logo {
display: block;
width: 217px;
height: 78px;
background: url(../images/logo.png);
position: absolute;
top: 0;
left: 0;
}
.header ul {
list-style: none;
width: 217px;
position: absolute;
top: 78px;
left: 0;
background: #fff;
padding: 5px 0 25px 0;
}
.header li {
height: 20px;
background: url(../images/headerLi.png) no-repeat;
padding: 8px 0 0 20px;
}
.header li a {
text-decoration: none;
color: #7e7e7e;
font-weight: bold;
}
.header li a:hover {
color: #fe5e00;
}
.headerPic {
width: 299px;
height: 174px;
position: absolute;
top: 0;
left: 217px;
overflow: hidden;
}
.pic1 {
background: url(../images/headerPic1.jpg);
}
.headerBan {
background: url(../images/headerBan.png);
display: block;
width: 288px;
height: 174px;
position: absolute;
top: 0;
left: 517px;
}
.headerTopFon {
width: 676px;
height: 100px;
background: url(../images/headerTopFon.jpg) no-repeat;
position: absolute;
top: 0;
left: 806px;
}
.header form {
position: absolute;
top: 22px;
left: 810px;
}
.header label {
display: block;
color: #fff;
font-size: 11px;
}
.header input[type=text] {
background: #fff;
width: 140px;
border: 1px solid #7f9db9;
}
form .formText { 
background: #fff;
width: 140px;
border: 1px solid #7f9db9;
}
.header input[type=submit] {
width: 17px;
height: 17px;
background: url(../images/headerSubmit.png);
cursor: pointer;
margin-left: 8px;
border: none;
}
form .formSubmit { 
width: 17px;
height: 17px;
background: url(../images/headerSubmit.png);
cursor: pointer;
margin-left: 8px;
border: none;
position: relative;
top: -2px;
left: 6px;
}
* html input {
z-index: expression(
runtimeStyle.zIndex = 1,
type == "text" ? (className = "formText") : 0,
type == "submit" ? (className = "formSubmit") : 0
)
}
.header .chrumb {
color: #fff;
font-size: 11px;
position: absolute;
top: 188px;
left: 232px;
font-weight: bold;
}
.header .chrumb a {
color: #fff;
text-decoration: none;
}
.header .chrumb a:hover {
text-decoration: underline !important;
}
.leftColumn {
float: left;
display: inline;
width: 198px;
margin-left: 8px;
}
.leftColumn li {
margin-bottom: 5px;
}
.leftColumn li a {
display: block;
height: 62px;
color: #075ea8;
text-decoration: none;
text-align: right;
padding: 5px 5px 0 83px;
}
.leftColumn li a:hover {
color: #fe5e00;
}
.leftMenu1 {
background: url(../images/leftMenu1.jpg);
}
.leftMenu2 {
background: url(../images/leftMenu2.jpg);
}
.leftMenu3 {
background: url(../images/leftMenu3.jpg);
}
.leftMenu4 {
background: url(../images/leftMenu4.jpg);
}
.content {
margin: 10px 10px 0 232px;
border-top: 4px solid #ff5a00;
padding-top: 15px;
}
.content h1 {
font-size: 16px;
margin-bottom: 15px;
}
.content h2, .content h3, .content h4, .content h5, .content h6 {
font-size: 100%;
margin-bottom: 10px;
}
.content p, .content div {
margin-bottom: 10px;
}
.content ul, .conten ol {
margin: 0 15px 10px 15px;
}
.content li {
margin-bottom: 3px;
}
.content table {
border: 1px solid #bfbfbf;
}
.content th, .content td {
padding: 4px;
}
.clear {
clear: both;
height: 80px;
}
.footer {
height: 64px;
position: relative;
margin-top: -64px;
min-width: 1002px;
background: url(../images/footerFon.png) repeat-x;
}
* html .footer {
width:expression(document.body.clientWidth < 1002? "1002px": "auto" );
}
.topText {
border-bottom: 4px solid #ff5a00;
padding-bottom: 10px;
margin-bottom: 15px;
}
#forms {
margin: 30px 0 0 0;
}
#forms div {
float: left;
width: 100%;
}
#forms .divInput {
background: url(/images/inputs.png) 130px 0 no-repeat;
height: 20px;
overflow: hidden;
margin-bottom: 5px;
}
#forms label {
width: 130px !important;
float: left;
position: relative;
top: 2px;
}
#forms label span {
color: #ff0000;
margin-left: 3px;
}
#forms input {
width: 207px !important;
margin-bottom: 10px;
border: none !important;
padding: 2px 10px 0 10px !important;
height: 20px !important;
font-size: 12px;
background: none;
}
*html #forms input {
height: 20px;
width: 207px !important;
}
#forms textarea {
margin-bottom: 10px;
width: 271px;
height: 193px;
border: none;
background: url(../images/textareas.png) 0 0 no-repeat;
padding: 5px 15px 5px 11px;
border: none !important;
overflow: hidden;
}
*html #forms textarea {
width: 271px;
height: 193px;
}
#forms .but {
margin-left: 130px;
padding-top: 0 !important;
width: auto !important;
background: #0060ac;
color: #fff;
cursor: pointer;
}
#forms .error {
color: #ff0000;
position: relative;
top: -8px;
left: 3px;
}
.forms {
margin: 30px 0 0 0;
}
.forms div {
clear: both;
}
.forms .divInput {
background: url(/images/inputs.png) 130px 0 no-repeat;
height: 20px;
overflow: hidden;
margin-bottom: 5px;
}
.forms label {
width: 130px !important;
float: left;
position: relative;
top: 2px;
}
.forms label span {
color: #ff0000;
margin-left: 3px;
}
.forms input {
width: 207px !important;
margin-bottom: 10px;
border: none !important;
padding: 2px 10px 0 10px !important;
height: 20px !important;
font-size: 12px;
background: none;
}
*html .forms input {
height: 20px;
width: 207px !important;
}
.forms textarea {
margin-bottom: 10px;
width: 271px;
height: 193px;
border: none;
background: url(../images/textareas.png) 0 0 no-repeat;
padding: 5px 15px 5px 11px;
border: none !important;
overflow: hidden;
}
*html .forms textarea {
width: 271px;
height: 193px;
}
.forms .but {
margin-left: 130px;
padding-top: 0 !important;
width: auto !important;
background: #0060ac;
color: #fff;
}
.catalog {
color: #ff5a00;
margin-left: 20px;
}
.catalog a {
text-decoration: none;
}
.catalog a:hover {
color: #ff5a00;
}