@import url(reset.css);
@import url(typography.css);
@import url(forms.css);

.container {
  width: 950px;
  margin: 0 auto;
}

#header {
  width: 950px;
  background: url(/images/bgHeader.png) no-repeat;
}

ul#mainNav {
  margin: 0;
  padding: 50px 0 0 0;
  width: 950px;
  text-align: center;
}

ul#mainNav li {
  display: inline;
  margin: 0 15px 0 15px;
  list-style-type: none;
}

ul#mainNav li a {
    background: url(/images/mainNavBullet.png) 0 5px no-repeat;
    padding-left: 15px;

}


#topLogo {
  text-indent: -9999px;
  width: 320px;
  height: 267px;
  background: url(/images/logo.png) no-repeat;
  margin: 30px 9px 0 0;
 *margin: 30px 0px 0 0;
  float: left;
  position: relative;
}

#topLogo img {
  position: absolute;
  left:0;
  top: 60px;
  height: 150px;
  width: 310px;
  z-index: 100;
}


#front-banner {
 position: relative;
 margin-top: 30px;
 height: 267px;
}
#front-banner img { position: absolute; z-index: 8; opacity: 0.0; }
#front-banner img.active { z-index: 10; opacity:1.0; }
#front-banner img.last-active { z-index:9; }
#front-banner .loader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 30; background: #fff url(images/spinner.gif) no-repeat center center; border: 0px solid #ccc; }

.rightCornerTop, .rightCornerBottom, .leftCornerTop, .leftCornerBottom {
  position: absolute;
  width: 19px;
  height: 19px;
}

.rightCornerTop {
  top: 0;
  right: 0;
  background: url(/images/corners.png) right top no-repeat;
}

.rightCornerBottom {
  bottom: 0;
  right: 0;
  background: url(/images/corners.png) right bottom no-repeat;
}

.leftCornerTop {
  top: 0;
  left: 0;
  background: url(/images/corners.png) left top no-repeat;
}

.leftCornerBottom {
  bottom: 0;
  left: 0;
  background: url(/images/corners.png) left bottom no-repeat;
}

#content {
  width: 950px;
  margin-top: 10px;
}

#leftCol {
  width: 320px;
  float: left;
}

.leftGeneralBox {
  position: relative;
  padding: 30px 20px 30px 30px;
  margin-bottom: 10px;
  background: #dededd;
  overflow: auto;
  float: left;
}

.managersItem img {
  float: left;
  margin-right: 15px;
}

.managersItem {
  width: 100%;
  padding-bottom: 20px;
  float: left;
}


.managersItem h4  {
  margin: 0 0 5px 0;
}

.managersItem p, .managersItem a  {
  margin: 0 0 2px 0;
}

.managerInfo {
  float: left;
  width: 175px;
  margin: 0 0 0 -10px;
}

ul#metalList {
  margin: 0;
  padding: 0;
  width: 100%;
}

ul#metalList li {
  float: left;
  list-style-type: none;
  margin: 0 0 5px 0;
}

ul#metalList li h5 {
  width: 90px;
  float: left;
  margin: 0 10px 0 0;
}

ul#metalList li p.st {
  width: 70px;
  float: left;
  margin: 0 10px 0 0;
}

ul#metalList li p.nd {
  width: 70px;
  float: left;
  margin: 0 0 0 10px;
}

.metalsTitle {
  float: left;
  padding-bottom: 10px;
}


.metalsTitle h6 {
  float: left;
}

.metalsTitle h6.highlightGray {
  margin-left: 45px;
}

#mainCol {
  float: left;
  padding: 0px 10px 10px 10px;
  width: 340px;

}

#mainColInner {
  float: left;
  padding: 30px 10px 10px 10px;
  width: 610px;
}

.mainColItem {
  border-bottom: 1px dotted #5c5958;
  padding: 0 2px 0 2px;
  margin-bottom: 15px;
}


#rightCol {
  width: 270px;
  float: right;
}

.bigTitle{
  position: relative;
  height: 60px;
  padding: 0 0 0 30px;
  margin: 0 0 10px 0;
  background: url(/images/bgH.png);
}

.bigTitle h3 {
  line-height: 60px;
}

.rightGeneralBox {
  position: relative;
  padding: 20px 10px 10px 20px;
  margin-bottom: 10px;
  background: #dededd;
  overflow: auto;
}

ul.generalList {
  margin: 0;
  padding: 0;
 }

ul.generalList li {
  list-style-type: none;
  background: url(/images/bulletCol.png) 0 4px no-repeat;
  padding-left: 15px;
}

.rightGeneralBoxRed {
  position: relative;
  background: #be0907 url(/images/bgC.png) no-repeat;
  padding: 20px 10px 10px 20px;
  margin-bottom: 10px;
  overflow: auto;
}

.rightGeneralBoxRed ul {
  margin: 0;
  padding: 0 0 0 80px;
  min-height: 80px;
  background: url(/images/phoneIco.png) 0 4px no-repeat;
}

.rightGeneralBoxRed ul li {
  list-style-type: none;
}

#footer {
  position: relative;
  width: 910px;
  float: left;
  padding: 20px 10px 0 30px;
  background: #908e8d url(/images/footerBg.png) repeat-x;
  font-size: .8em;
}

.footerLeftCol {
  float: left;
  width: 400px;
}

.footerRightCol {
  float: right;
  width: 260px;
}

#footerInner {
  position: relative;
  width: 950px;
  float: left;
  font-size: .8em;
  height:75px;
}

#footerInner .footerLeftCol {
  float: left;
  width: 280px;
  height:75px;
  padding: 20px 10px 0 30px;
  background: #908e8d url(/images/footerBg.png) repeat-x;
}

#footerInner .footerRightCol {
  float: right;
  height:75px;
  width: 550px;
  padding: 20px 40px 0 30px;
  background: #908e8d url(/images/footerBgRed.png) repeat-x;
}


.reference {
  border-bottom: 1px dotted #5c5958;
  padding: 0 2px 0 2px;
  margin-bottom: 15px;
}

.reference ul {
	list-style: none;
}

.reference li {
	padding-bottom: 5px;
}


.advantika a {color:black!important;font-size:11px;font-weight:bold!important;text-decoration:none!important}
.advantika a:hover {text-decoration:underline!important;}
.advantika a img{border:none;margin-left:5px;vertical-align:text-bottom;}


#new {
margin-bottom: 15px;
background: url(/images/123.gif) no-repeat;
padding: 8px 3px 8px 3px;
border-bottom: 1px dotted #5c5958;
}

.prices a{

color:inherit;
text-decoration:none;
}
.prices a:hover{
color:red;
text-decoration:underline;

}
#pricelist-content p
{
}