/*petrosplav.ru */
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333;
font-size:100%;
text-align:center;
padding:0;
margin:0;
background-color:#f6f6f6;
background-image:url(bg_body.gif);
background-repeat:repeat;
}
#wrapper{
width:97%;
right:2%;
left:1%;
margin-top:1%;
text-align:left; 
background-color:#f6f6f6;
border:3px ridge #fefefe;
background-image:url(bg_wrapper.gif);
background-repeat:repeat-y;
position:absolute;
}
#wrapper2{
width:97%;
right:2%;
left:1%;
margin-top:1%;
text-align:left; 
/*margin:10px auto;*/
background-color:#f6f6f6;
border:3px ridge #fefefe;
position:absolute;
}
#top_banner {
width:100%;
height:20px;
background-color:#73788a;
background-image:url(bg_top_banner.gif);
background-repeat:repeat-x;
position:relative;
}
#top_banner p {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#f6f9ff;
font-size:70%;
font-weight:bold;
text-transform:uppercase;
letter-spacing:10px;
text-align:center;
padding:2px 0 0 0;
margin:0;	
}
#banner{
width:100%;
height:90px;
margin-right:auto;
margin-left:auto;
background-color:#333;
border-top:3px ridge #fefefe;
background-image:url(banner.gif);
background-repeat:repeat-x;
}
.h{
font-family:Georgia, Verdana, Arial, Helvetica; 
font-size:200%;
color:#f6f9ff;
font-weight:bold;
text-transform:uppercase; 
padding:0; 
margin:6px 0 0 165px; 
}
#banner h2 {
font-size:80%;
color:#f6f9ff;
letter-spacing:5px;
font-style:italic;
padding:20px 0 0 0;
margin:0 0 0 165px;
}
#banner img{
float:left;
margin-top:10px;
margin-left:9px;
}
#banner h6{
padding:0;
margin:0;
}
#banner h6 img{
float:right;
margin-top:0px;
margin-right:0px;
}  
#horisontal{
width:100%;
height:30px;
padding:0;
margin:0;
border-top:#7f7f7f 1px solid;
border-bottom:#7f7f7f 1px solid;
background-color:#d6d6d6;  
background-image:url(bg_horisontal.gif);
background-repeat:repeat-x;
}
#horisontal #navlist {
text-align:right;
padding:0;
margin:0;
}
#horisontal #navlist ul {
padding:0;
margin:0; 
}
#horisontal #navlist li {
float:right;
list-style:none;
}
#horisontal #navlist li a {
display:block;
height:22px;
font-family:Arial, Helvetica, sans-serif;
color:#6f6f6f;
font-size:85%;
font-weight:bold;
text-align:center;
text-transform:uppercase;
padding:8px 8px 0 8px;
margin:0;
border-left:#7f7f7f 1px solid;  
text-decoration:none;
background:transparent;
width:8em;
}
#horisontal #navlist li a.superprice{
color:#b43427;
}
#horisontal #navlist ul li a:hover {
color:#fff;
padding:8px 8px 0 8px;
height:22px;
background-color:#a8a8a8;
}
/*#horisontal #navlist a:active {
color:#eee;
padding:8px 8px 0px 8px;
height:22px;
background-color:#a8a8a8;
}*/
#horisontal #navlist  li #right {
border-right:#7f7f7f 1px solid;  
}
#leftcol {
width:160px;
w\idth:158px;
w\idth:160px;
font-size:90%;
font-weight:bold;
float:left;
/*margin:20px 0 20px 5px;
border-top:#444 1px solid;
border-right:#444 1px solid;
border-left:#444 1px solid;*/
}
#leftcol .top {
width:142px;
w\idth:140px;
w\idth:142px;
font-size:90%;
color:#fff;
font-weight:bold;
text-align:center;
border:#444 1px solid;
margin:20px 0px 0px 16px;
padding:4px 8px;
background-color:#949494;
}
#leftcol .nav{
margin:0px 0px 20px 16px;
}
#leftcol .nav ul {
padding:0;
margin:0;
background-color:transparent;
list-style-type:none;
}
#leftcol .nav ul li {
padding:0;
margin:0;
}
#leftcol .nav ul li a {
width:142px;
\width:140px;
w\idth:142px;
display:block;
color:#4f4f4f;
text-align:center; 
padding:4px 8px;
border-right:#444 1px solid;
border-bottom:1px solid #444;
border-left:#444 1px solid;
background-color:#d4d4d4;
text-decoration:none;
}
#leftcol .nav ul li a:hover {
color:#fff;
background-color:#bebebe;
}
#leftcol .nav ul li a.active {
color:#fff;
background-color:#bebebe;
}
.leftcol{
font-size:70%;
color:#a5ffff;
text-align:center;
padding:0;
margin:0;
}
#content {
margin-left:206px;
}
html p{
font-size:80%;
margin:20px;
}
ul{
font-size: 80%;
margin:0 25px;
list-style-type:square;
}
strong {
color:#4c5690;
}
b{
color:#b43427;
}
#content h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
color:#5c6079;
text-transform:uppercase;
padding:0;
margin:20px;
border-bottom:#333 1px dotted;
}
#content h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
color:#b43427;
text-transform:uppercase;
padding:0;
margin:20px;
border-bottom:#333 1px dotted;
}
#content h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
color:#5c6079; 
padding:0;
margin:20px;
border-bottom:#333 1px dotted;
}
#content h4{
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
color:#fff;
text-align:center;
padding:5px;
margin:20px;
background:#949494;
text-transform:uppercase;
}
#content h6 {
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
color:#5c6079; 
padding:0;
margin:20px;
border-bottom:#333 1px dotted;
}
#content2 {
width:100%;
clear:left;
float:left; 
padding:0px;
}
#content2 h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
color:#5c6079;
text-transform:uppercase;
padding:0;
margin:20px;
border-bottom:#333 1px dotted;
}
#content2 h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
color:#b43427;
text-transform:uppercase;
padding:0;
margin:20px;
border-bottom:#333 1px dotted;
}
#content2 h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
color:#b43427;
text-align:center; 
padding:0;
margin:20px 0;
}
#siteInfo{
font-size:70%;
color:#808080;
text-align:center;
margin-bottom:25px;
}
#footer{
width:100%;
height:30px;
clear:both;
margin:0;
border-top:3px ridge #fefefe;
background-image:url(bg_footer.gif);
background-repeat:repeat-x;
background-color:#73788a;
}
#footer p{
font-size:70%;
color:#f6f9ff; 
text-align:center;
/*vertical-align:middle;*/
padding:3px 10px 9px 0px;
margin:0 0 0 7px;
}
.centerimg{
padding:2px;
border:#999 1px solid;
background-color:#fff;
}
.leftimage{
float: left;
margin-right:10px;
padding:2px;
border:#999 1px solid;
background-color:#fff;
}
.rightimage{
float: right;
margin-left:10px;
padding:2px;
border:#999 1px solid;
background-color:#fff;
}
.contactimage{
float: left;
margin-right:10px;
padding:0;
background-color:#f6f6f6;
}
#content a:link {
color:#325187;
text-decoration:underline;
}
#content a:visited {
color:#325187;
text-decoration:underline;
}
#content a:hover {
color:#808080;
text-decoration:underline;
}
#content a:active {
color:#808080; 
text-decoration:underline;
}
#content a.super_price:link{
color:#b43427;
}
#content a.super_price:visited{
color:#b43427;
}
#content a.super_price:hover {
color:#808080;
text-decoration:underline;
}
#content a.super_price:active {
color:#808080; 
text-decoration:underline;
}
#content2 a:link {
color:#325187;
text-decoration:underline;
}
#content2 a:visited {
color:#325187;
text-decoration:underline;
}
#content2 a:hover {
color:#808080;
text-decoration:underline;
}
#content2 a:active {
color:#808080; 
text-decoration:underline;
}
#content2 a.super_price:link{
color:#b43427;
}
#content2 a.super_price:visited{
color:#b43427;
}
#content2 a.super_price:hover {
color:#808080;
text-decoration:underline;
}
#content2 a.super_price:active {
color:#808080; 
text-decoration:underline;
}
hr {
color:#bebebe;
text-align:right;
height:3px;
padding:0;
margin:20px;
}
.sitemap{
text-align:right;
font-size:70%;
}
.sitemapimage{
margin-right:10px;
padding:1px;
border:#999 1px solid;
}
.dashed {
border:1px #bebebe solid;
background-color:#ededed;
padding:20px;
margin:20px;
}
.top_tab {
font-weight:bold;
background-color:#dcdcdc;
text-align:center;
}
.tab {
font-size:55%;
margin:5px;
border:1px solid #999;
}
.h_tab {
color:#fff;
font-weight:bold;
text-transform:uppercase;
background-color:#737ba8;
text-align:center;
}
.GOST{
text-align:center;
text-transform:uppercase;
}
/*text_index*/
#text_index p {
/*font-size:10px;*/
}
#text_index a {
/*font-size:10px;*/  
text-decoration:none; 
color:#333;
}
#text_index a:link {
/*font-size:10px;*/  
text-decoration:none; color:#333;
}
#text_index a:active {
/*font-size:10px;*/  
text-decoration:none; 
color:#333;
}
#text_index a:visited {
/*font-size:10px;*/  
text-decoration:none; 
color:#333;
}
#text_index a:hover {
/*font-size:10px; */ 
text-decoration:none; 
color:#808080;
}
#sitemap li {
font-size:12px; 
text-decoration:none; 
color:#333;
}
#sitemap a {
font-size:12px;  
text-decoration:none; 
color:#325187;
}
#sitemap a:link {
font-size:12px;  
text-decoration:none; 
color:#325187;
}
#sitemap a:active {
font-size:12px;  
text-decoration:none; 
color:#325187;
}
#sitemap a:visited {
font-size:12px;  
text-decoration:none; 
color:#325187;
}
#sitemap a:hover {
font-size:12px;  
text-decoration:none; 
color:#808080;
}
