/*------------------------------------------
base CSS
version:	1.1
author:	Michael Zaharenkov
e-mail:	MiklZwork@ya.ru
------------------------------------------ */

* { margin: 0; padding: 0; }
body { padding: 0; margin: 0 auto; font: normal 11px Tahoma, sans-serif; color: #000; min-width: 1003px; }
img { border: 0; }

#carrier { width: 1003px; position: relative; left: 50%; margin-left: -501px; }

#header { height: 165px; background: url('../img/city.png') no-repeat; position: relative; }
a.one { height: 165px; background: url('../img/city.png') no-repeat; position: relative; }
#header a { display: block; width: 268px; height: 87px; background: url('../img/logo.png') no-repeat; position: absolute; top: 8px; left: 347px; text-decoration: none; cursor: pointer; }
#header h1 { width: 319px; height: 14px; position: relative; top: 53px; left: 388px; font-size: 12px; }
#header h1 span { width: 319px; height: 15px; position: absolute; top: 0; left: 0; background: url('../img/texttitle.png') no-repeat; }
#header span { font: normal 11px Tahoma; white-space: nowrap; color: #666; position: absolute; top: 70px; left: 388px; }

#mainNav { position: relative; z-index: 1000; //float: left; }
ul.nav { margin: 0; padding: 0; width: 100%; list-style: none; background: #666 url('../img/bgmenu.png') repeat-x; float: left; //float: none; }
ul.nav li { float: left; position: relative; }
ul.nav a { position: relative; display: block; width: 166px; height: 26px; margin: 1px; margin-left: 0; }
ul.nav a div { position: absolute; top: 0; width: 0; height: 0; }
ul.nav .first a { margin-left: 1px; }
ul.nav a span { width: 166px; height: 26px; position: absolute; cursor: pointer; }
ul.nav .about a span { background: url('../img/menu.png') 0 0 no-repeat; }
#about ul.nav .about a span { background: url('../img/menu.png') 0 -26px no-repeat; cursor: default; }
ul.nav .about a:hover span { background: url('../img/menu.png') 0 -52px no-repeat; border: 0; }
ul.nav .produce a span { background: url('../img/menu.png') -166px 0 no-repeat; }
#produce ul.nav .produce a span { background: url('../img/menu.png') -166px -26px no-repeat; cursor: default; }
ul.nav .produce a:hover span { background: url('../img/menu.png') -166px -52px no-repeat; border: 0; }
ul.nav .price a span { background: url('../img/menu.png') -332px 0 no-repeat; }
#price ul.nav .price a span { background: url('../img/menu.png') -332px -26px no-repeat; cursor: default; }
ul.nav .price a:hover span { background: url('../img/menu.png') -332px -52px no-repeat; border: 0; }
ul.nav .supplies a span { background: url('../img/menu.png') -498px 0 no-repeat; }
#supplies ul.nav .supplies a span { background: url('../img/menu.png') -498px -26px no-repeat; cursor: default; }
ul.nav .supplies a:hover span { background: url('../img/menu.png') -498px -52px no-repeat; border: 0; }
ul.nav .doc a span { background: url('../img/menu.png') -664px 0 no-repeat; }
#doc ul.nav .doc a span { background: url('../img/menu.png') -664px -26px no-repeat; cursor: default; }
ul.nav .doc a:hover span { background: url('../img/menu.png') -664px -52px no-repeat; border: 0; }
ul.nav .contact a span { background: url('../img/menu.png') -830px 0 no-repeat; }
#contact ul.nav .contact a span { background: url('../img/menu.png') -830px -26px no-repeat; cursor: default; }
ul.nav .contact a:hover span { background: url('../img/menu.png') -830px -52px no-repeat; border: 0; }

ul.child { display: none; position: absolute; top: 27px; left: -1px; list-style: none; border-bottom: solid 1px #787677; margin: 0; padding: 0; width: 168px; background-color: #787677; }
ul.chFirst { left: 0; }
ul.child li { height: 21px !important; }
ul.child li a { height: 20px; line-height: 18px; font-size: 12px; margin: 1px !important; background-color: #999; text-indent: 9px; color: #fff; //margin: 1px 1px 0px 1px; }
ul.child li a:hover { background-color: #ccc; color: #000; text-decoration: none; border: 0; }
ul.child  li a.wp { height: 20px; line-height: 18px; font-size: 12px; margin: 1px; background: #999 url('../img/mbgpointer.png') -166px 0 no-repeat; text-indent: 9px; color: #fff; //margin: 1px 1px 0px 1px; }
ul.child  li a.wp:hover { background: #ccc url('../img/mbgpointer.png') 0 0 no-repeat; color: #000; text-decoration: none; border: 0; }

ul.lChild { display: none; position: absolute; top: 0; left: 167px; list-style: none; border-bottom: solid 1px #787677; margin: 0; padding: 0; width: 168px; background-color: #787677; }
ul.lChild li { height: 21px; }
ul.lChild li a { height: 20px; line-height: 18px; font-size: 12px; margin: 1px; background-color: #999; text-indent: 9px; color: #fff; //margin: 1px 1px 0px 1px; }
ul.lChild li a:hover { background-color: #ccc; color: #000; text-decoration: none; border: 0; }

#wrapper { border: solid 1px #999; border-top: 0; background: #f4f4f6 url('../img/bgcontent.png') repeat-y; }
#newsBlock { position: relative; width: 295px; float: left; padding-bottom: 20px; }
#content { width: 702px; float: right; }
#mainContent { width: 405px; float: left; }
#widget { width: 288px; float: right; }
#footer { clear: both; }

#wrapper p { margin: 0 18px; }
div.clear { clear: both; }
#wrapper h1 { margin: 20px; position: relative; font-size: 10px; }
#wrapper span.title { position: absolute; top: 0; left: 0; background: url('../img/maintitle.png') no-repeat; }

#newsBlock img { margin: 30px 20px 0 20px; }
#newsBlock h3 { position: absolute; top: 33px; left: 151px; font: normal 14px Tahoma; }
#newsBlock span { position: absolute; top: 50px; left: 152px; color: #999; }
#newsBlock h2 { margin: 18px; margin-bottom: 0; position: relative; font-size: 12px; }
#newsBlock h2 span { position: absolute; top: 0; left: 0; width: 194px; height: 17px; background-position: 0 0; }
#newsBlock p.conversion { margin: 9px 12px 0 18px; padding-bottom: 28px; background: url('../img/point.png') left bottom no-repeat; }
#newsBlock p.conversion a { font: normal 11px Tahoma; margin: 0; padding: 0; display: inline; }
#newsBlock h1 span.title { width: 75px; height: 17px; background-position: 0 -17px; }
#newsBlock p a {color: #09f; font-weight: bold; font-size: 12px; display: block; margin: 15px 0 9px 0; }
#newsBlock a { color: #000; margin-left: 18px; }

#mainContent h1#sell span { width: 81px; height: 22px; background-position: 0 -34px; }
#mainContent h1#buy span { width: 88px; height: 22px; background-position: 0 -56px; }
div.block { position: relative; margin: 20px 14px; width: 384px; height: 130px; background: #fff url('../img/bgblock.png') -768px 0 repeat-y; }
div.bEnd { position: absolute; clear: both; bottom: 0 !important; width: 100%; height: 6px; background: url('../img/bgblock.png') -384px 0 no-repeat; //bottom: -7px; }
#wrapper div.block h1 { width: 100%; background: url('../img/bgblock.png') left top no-repeat; margin: 0; padding-top: 16px; text-indent: 78px; }
#mainContent .pack h1 span { top: 17px; left: 78px; width: 181px; height: 16px; background-position: 0 -122px; }
#mainContent .skin h1 span { top: 17px; left: 78px; width: 103px; height: 16px; background-position: 0 -138px; }
#mainContent .pipe h1 span { top: 17px; left: 78px; width: 95px; height: 17px; background-position: 0 -154px; }
#mainContent .fiting h1 { background: none; font: normal 17px Arial; color: #000; text-indent: 0; }
#mainContent .stuff h1 span { top: 17px; left: 78px; width: 144px; height: 17px; background-position: 0 -171px; }
div.bImg { background: url('../img/imgblock.png') no-repeat; }
.pack .bImg { position: absolute; background-position: 0 0; width: 44px; height: 56px; margin: 13px 0 0 16px; }
.skin .bImg { position: absolute; background-position: 0 -56px; width: 56px; height: 52px; margin: 25px 0 0 13px; }
.pipe .bImg { position: absolute; background-position: 0 -108px; width: 40px; height: 63px; margin: 12px 0 0 19px; }
.fiting .bImg { position: absolute; background-position: 0 -340px; width: 34px; height: 65px; margin: 12px 0 0 23px; }
.stuff .bImg { position: absolute; background-position: 0 -171px; width: 55px; height: 59px; margin: 19px 0 0 13px; }
#mainContent div.block p { color: #666; margin: 15px 10px 0 78px; }
#mainContent div.block p.link { margin-top: 11px; }
#mainContent div.block a { display: block; float: left; padding: 0 0 0 25px; height: 20px; line-height: 20px; font-size: 11px; color: #000; background: url('../img/imgblock.png') no-repeat 0 50%; }
#mainContent div.block a.first { width: 135px; }
#mainContent div.pack a { background-position: 0 -230px; }
#mainContent div.skin a { background-position: 0 -250px; }
#mainContent div.pipe a { background-position: 0 -270px; }
#mainContent div.fiting a.first { background-position: 0 -310px; width: 100%; }
#mainContent div.stuff a { background-position: 0 -290px; }

#widget h1#supplies span { width: 169px; height: 22px; background-position: 0 -78px; }
#widget h1#liders span { width: 146px; height: 22px; background-position: 0 -100px; }
#widget div.banner { position: relative; width: 257px; border: 0; margin-left: 15px; padding-top: 15px; }
#widget div.banner .baner { position: absolute; width: 257px; height: 257px; text-align: left; }
#widget div.banner .content { width: 256px; height: 257px; }
#widget p.allSup { margin: 14px 12px 0 13px; text-indent: 5px; padding-bottom: 0; background: url('../img/point.png') left bottom no-repeat; }
#widget p.allSup a { color: #000; }
#widget ul { padding: 0; margin: 20px; margin-top: 24px; list-style: none; width: 240px; }
#widget ul li { padding-left: 21px; background: url('../img/questionicon.png') no-repeat left top; }
#widget li.green { background-position: 0 0; }
#widget li.blue { background-position: -240px 0; }
#widget li.red { background-position: -480px 0; }
#widget li.grey { background-position: -720px 0; }
#widget ul li a { color: #000; font-size: 12px; }
#widget ul li p { color: #666; margin: 5px 0 14px 0; }

#footer p { float: right; color: #666; margin: 18px 7px 35px 0; }
a.bottom {color: #09f;  font-size: 12px; text-decoration: none; }
a.bottom:hover {color: #09f;  font-size: 12px; text-decoration: none; }

#text-about { padding: 20px; border-top: solid 1px #ccc; background-color: #f4f4f6; }
#text-about p { margin: 10px 0; }
#text-about h2 { font: normal 17px Tahoma; margin-left: 0; padding-left: 0; top: 0; left: 0; margin: 0 0 15px 0; }
#text-about ul { padding-left: 25px; }

.banner .mini-banner { display: block; margin: 15px 0; min-height: 35px; padding-left: 46px; font-size: 18px; color: #dc0505; text-decoration: none; background: url('/img/i_banner.png') 0 0 no-repeat; }
.banner .mini-banner strong { font-size: 12px; color: #000; font-weight: normal; display: block; }

.f-link { position: relative; top: -20px; margin: 0 5px; color: #ccc; }