* {margin:0;padding:0;}
body {
color: #000;
text-align: left;
font-family: Tahoma;
font-size: 12px;
background: url(../images/bodyFon.jpg) left top repeat-x #fff;
}
html,body {
height: 100%;
}
img {
border: none;
}
ul{
list-style: none;
}
:focus{
-moz-outline-style:none;
}
a {color: #000;}
a:hover{color:#FF2E2E;}

h1, h2 , h3, h4, h5, h6 {
font-size: 100%;
}

table {
font-size: 100%;
border-collapse: collapse;
} 

.main {
min-width: 1000px;
max-width: 1300px;
text-align: left;
position: relative;
background: url(../images/mainFon.jpg) no-repeat;
}
*html .main {
width:expression(document.body.clientWidth < 1000? "1000px":"auto");
float: left;
}
/*----header---*/
.header {
height: 84px;
width:932px;
background: url(../images/headerFon.png) center bottom no-repeat;
position: relative;
overflow: hidden;
margin-left:32px;
z-index: 5;
}

.innerHeader{
position:absolute;
top:0;
left:0;
z-index: 5;
}

.header h1, .header h6{
width: 178px;
height: 61px;
overflow: hidden;
background: url(../images/logo.png);
text-indent: -9999px;
position:absolute;
left: 1px;
top:22px;
}

.header h6 a{
display: block;
width: 100%;
height: 100%; 
text-indent:-9999px; 
overflow:hidden;
}

.mainMenu{
position: absolute;
top: 45px;
left: 178px;
font-size: 109%;
font-weight:bold;
text-align: center;
width: 570px;
}
.mainMenu li{
display:inline;
background: url(../images/redstar.png) 0 2px no-repeat;
padding: 0 20px 0 19px;
}
.phones{
height:28px;
width:178px;
display:block;
overflow:hidden;
background: url(../images/phoneFon.png) no-repeat;
position:absolute;
top:41px;
right:10px;
font-size:18px;
text-decoration:none;
padding:4px 0 0 48px;
color: #ca0000;
}
*html .phones{
width: 226px;
height: 32px;
}
.phones span {
color: #000;
}
/*----end header---*/
/*----left column---*/
.leftColumn {
width: 520px;
height:356px;
margin-left: 32px;
float: left;
display: inline;
}
.pic{
position:absolute;
height:356px;
width:444px;
background: url(../images/leftPic.jpg) no-repeat;
margin-top: 27px;
}

/*----end left column---*/
/*---right column---*/

.rightColumn {
margin-top: 25px;
width: 413px;
float: left;
}
.rightColumn .topFon{
background: url(../images/topFon.gif) no-repeat;
width:413px;
height:3px;
position:absolute;
display:block;
}
.rightColumn .links{
padding: 27px 0 0 26px;
background-color:#fff;
}
.links li{
margin-bottom:15px;
}
.links li a{
color:#00B0D6;
padding: 0 28px 4px 19px;
font-weight: bold;
}
.links li a:hover{
background: url(../images/redstar.png) 0 2px no-repeat;
color:#FF2E2E;
}

/*---end right column--*/

.clear {
clear: both;
height: 47px;
}
/*---footer-------*/

.footer {
background: url(../images/footerFon.png) 33px bottom no-repeat;
text-align: left;
width: 970px;
height: 97px;
position: relative;
color:#7B7B7B;
}
.footer a{
color:#7B7B7B;
text-decoration:none;
}
.footer a:hover{
color:#7B7B7B;
text-decoration:underline;
}
.footer .copy{
position:absolute;
left:56px;
top:68px;
font-size: 83%;
}
.footer .madeby{
position:absolute;
left:780px;
top:68px;
font-size: 83%;
}
.footer .madeby a {
text-decoration: underline;
}
.madeby a:hover {
color: #e51372;
}
.whatAbout{
position:absolute;
top:2px;
left:588px;
width:258px;
height:26px;
background: url(../images/whatFon.png) no-repeat;
padding: 3px 0 0 9px;
font-size: 125%;
}
.whatAbout strong{
color:#FF2E2E;
font-weight: normal;

}
.whatAbout a:hover{
text-decoration:none;
color: #FF2E2E;
}
/*----formSearch----*/
.formSearch{
position:absolute;
top:0px;
left: 54px;
}
.formSearch label{
font-size:200%;
float:left;
margin-right:12px;
}
.formSearch .forInputSearch{
background: url(../images/inpSearch.png) no-repeat;
height:32px;
width:220px;
display:block;
float:left;
margin-right:6px;
}
.formSearch .inputSearch{
color:#818181;
font-size:167%;
background:none;
border:none;
margin: 3px 0 0 5px;

}
.formSearch .buttonFind{
height:32px;
width:71px;
background: url(../images/btnFind.png) no-repeat;
border:none;
cursor:pointer;
float:left;
}
/*----end formSearch----*/
/*---end footer-------*/

/*-----------------PAGE ABOUT------------------------------*/
.block{
padding-top: 120px;
background: url(../images/contentFon.png) 0 180px no-repeat;
float:left;
min-height:370px;
position: relative;
z-index: 1;
//float: none;
}
*html .block{
float:none;
height:490px;
}
.listCatInProduct {
position: absolute;
top: 543px;
left: 24px;
width: 220px;
list-style: none;
}
.listCatInProduct li {
margin-bottom: 7px;
}
.listCatInProduct a {
color: #00b0d6;
}
.listCatInProduct a:hover {
color: #FF2E2E;
}

.content{
margin-left: 270px;
width: 696px;
position:relative;
padding: 48px 0 30px 0;
z-index: 50;
text-align: left;
overflow: hidden;
}


.content h1{
font-size:150%;
color:#fff;
font-weight: normal;
z-index: 2;
float: left;
position: relative;
top: -2px;
min-height:36px;
background: #000;
max-width: 400px;
padding-bottom: 10px;
}
*html .content h1{
height: 46px;
top: 11px;
width:expression(document.body.clientWidth > 400? "400px":"auto");
}
.content h1 b{
font-weight:normal;
margin-left:18px;
padding: 11px 18px 0 0;
float: left;
}
.content h1 .bl {
width: 32px;
height: 15px;
background: url(../images/headerBL.png);
overflow: hidden;
position: absolute;
left: 0;
bottom: -12px;
display: block;
}
.content h1 .tl {
display: block;
width: 4px;
height: 4px;
overflow: hidden;
background: url(../images/headerTL.png);
position: absolute;
top: 0;
left: 0;
}
.content h1 .tr {
display: block;
width: 4px;
height: 4px;
overflow: hidden;
background: url(../images/headerTR.png);
position: absolute;
top: 0;
right: 0;
}
*html .content h1 .tr {
righty:expression(parentNode.offsetWidth % 2 ? style.right="-1px" : style.right="0");
}
.content h1 .br {
display: block;
width: 4px;
height: 4px;
overflow: hidden;
background: url(../images/headerBR.png);
position: absolute;
bottom: 0;
right: 0;
}
*html .content h1 .br {
righty:expression(parentNode.offsetWidth % 2 ? style.right="-1px" : style.right="0");
boty:expression(parentNode.offsetHeight % 2 ? style.bottom="-1px" : style.bottom="0");
}


.content .text{
background-color: #fff;
color:#2E2E2E;
padding: 45px 90px 10px 50px;
float:left;
position: relative;
z-index: 1;
width: 555px;
}
*html .content .text {
width: 695px;
}
.content .short{
padding:10px 90px 10px 50px;
}
.content p{
margin-bottom:20px;
text-align: left !important;
}
.content ul {
margin: 10px;
list-style: disc;
}
.content li {
margin-bottom: 5px;
}
.content table {
font-size: 100%;
border-collapse: collapse;
border: 1px solid #ccc !important;
margin: 15px 0;
}
.content td, .content th {
padding: 4px;
border: 1px solid #ccc !important;
}
.content h2, .content h3, .content h4, .content h5, .content h6 {
font-size: 110%;
}
.content .back{
float: left;
background: url(../images/arrow.gif) 16px 19px no-repeat;
padding: 8px 0 0 40px;
min-height: 18px;
font-size: 15px;
font-weight: bold;
font-family: Tahoma;
}
*html .content .back{
margin-top: 11px;
}
.content .back a{
border-bottom:1px dashed #000;
text-decoration:none;
position: relative;
}
.content .back a:hover{
border-bottom:1px dashed #FF0005;
}
.content .back a span {
color: #e70000;
font-size: 18px;
}
.content .back2 {
background: url(../images/back2.png) right 17px no-repeat;
padding: 8px 26px 0 0;
float: right;
}
.clear1{
clear:both;
height:0px;
}

.content .listCat{
float:left;
width: 700px;
list-style: none;
margin: 0 0 0 -30px;
display: inline;
}
.listCat li{
width: 300px;
float: left;
margin: 0 20px 15px 0;
}
.listCat li a{
padding: 0 0 4px 19px;
float: left;
}
.listCat li a:hover{
background: url(../images/redstar.png) 0 2px no-repeat;
color:#FF2E2E;
}
.content img{
float:left;
margin: 0 40px 10px 15px;
}

.path{
font-size: 14px;;
margin-bottom: 10px;
position: relative;
font-size: tahoma;
}
.path li{
display:inline;
background: url(../images/slash.gif) right 7px no-repeat;
padding-right:28px;
margin-right: 12px;
}
.path .pathHome {
background: url(../images/home.gif) 0 2px no-repeat;
padding-left:17px;
}
.path a {
color: #e00c0c;
}
.path .noSlash a{
text-decoration: underline;
color:#00B0D6;
}
.path .noSlash a:hover{
color:#FF2E2E;
}

.path .noSlash{
background:none;
}
.footer .phones {
left: 728px;
top: 0;
}
.headerPhones {
font-family: tahoma;
font-size: 15px;
color: #1c1c1c;
position: absolute;
right: 35px;
top: 41px;
background: url(../images/headerPhone.png) 25px 0 no-repeat;
font-weight: bold;
display: block;
height: 26px;
padding-top: 3px;
}
.headerPhones span {
color: #fff;
}
#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;
cursor: pointer;
}
#forms .error {
color: #ff0000;
position: relative;
top: -8px;
left: 3px;
}