body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: url('img/long-bg.gif') center top repeat-y;
	font: 12px Arial;
	color: #333;
	}
td, label {font: 12px Arial}

img {
	border: none
	}
	
a:link, a:visited {
	color: #336699;
	text-decoration: underline;
	
	}
a:hover {
	color: #003366;
	text-decoration: none
	}

div#top_bg {
	height: 127px;
	position: relative;
	top: 41px;
	width: 100%;
	background: url('img/long-top-bg.gif') center bottom repeat-y;
	z-index: 1
	}
body > div#top_bg {
	top: 41px;
	}	

	
div#main-container {
	position: relative;
	top: -127px;
	width: 780px;
	background-color: white;
	z-index: 2;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	/*border-bottom: 1px solid red*/
	overflow: hidden
	}	
	
div#right {
	float: right;
	width: 532px;
	/*border: 1px solid silver;*/
	display: block;	
	}
	
div#left {
	display: block;
	width: 245px;
	/*border: 1px solid  black*/
	}
	
ul {
	margin-top: 0;
	padding-top: 0}
	
ul#nav {
	list-style: none;
	width: 100%;
	padding: 12px 0 0 0;
	margin: 0;
	height: 42px;
	border-top: 3px solid #FFCC00;
	}
ul#nav li {
	text-align: center;
	text-transform: uppercase;
	display: inline;
	font-size: 11px;
	font-weight: bold;
	padding: 9px 0;
	margin: 0;
	border-right: 1px solid #ddd;
	}
#right > ul#nav {
	padding: 0;
	height: 39px;
	}
ul#nav > li {
	line-height: 40px;


	}
	
ul#nav li a {
	/*text-decoration: none;*/
	padding: 0 20px
	}
	
div#constants {
	text-align: center;
	height: 42px;
	}
div#constants img {
	margin: 14px 7px;
	}

div#logo {
	height: 127px;
	/*border: 1px solid black;*/
	text-align: center;
	}
div#logo a {
	display: block;
	margin: 0 15px;
	padding-top: 34px;
	padding-bottom: 38px;
	border-style: dashed;
	border-color: #336699;
	border-width: 1px 0 1px 0;
	}
	
div#logo > a {
	padding: 34px 0;
	}
	
div#head {
	height: 126px;
	width: 100%;
	background-image: url('img/head-bg.jpg')
	}

div#contact {
	height: 82px;
	/*border-bottom: 1px solid #eee*/
	}	
div#contact a {
	display: block;
	line-height: 82px;
	width: 100%;
	background: white url('img/contacts.jpg') top no-repeat;
	text-decoration: none
	}

div#path {
	height: 39px;
	background: white url('img/path-arrow.gif') left top no-repeat;
	margin-left: 14px;
	font-size: 11px;
	overflow: hidden
	}
div#path div {
	margin-left: 36px;
	background: white url('img/path-bg.gif') left top repeat-x;
	line-height: 34px;
	padding: 5px 10px 0 6px;
	/*text-transform: uppercase;*/
	font-weight: bold;
	color: gray;
	}
div#path div a {
	color: gray
	}
	
div.info-block {
	margin: 5px 16px;
	
	}
div.info-block h3, div.info-block h4 {
	height: 36px;
	padding-top: 10px;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 26px
	}
div.info-block h3 {
	background: white url('img/prod-head.gif') center top no-repeat;
	color: white;
	
	}
div.info-block h4 {
	background: white url('img/info-head.gif') center top no-repeat;
	color: gray
	}
div.info-block ul {
	border-top: 1px solid #ddd;
	padding: 0;
	list-style: none;
	margin: 16px 16px
	}
div.info-block > ul {
	margin-top: 7px
	}
	
div.info-block ul li {
	border-bottom: 1px solid #ddd;
	line-height: 30px;
	padding-left: 37px;
	background: white url('img/arrow.gif') left no-repeat;
	font-weight: bold;
	font-size: 12px
	}
	
div.info-block p {
	padding: 0;
	margin: 10px 16px 0 16px;
	color: gray
	}
div.info-block > p {
	margin-top: 0
	}	
hr.gray {
	border: none;
	height: 9px;
	background-color: #eee;
	margin: 5px 16px 10px 16px;
	color: #eee
	}
	
hr.blue {
	border: none;
	height: 9px;
	display: none;
	background-color: #00CCFF;
	margin: 5px 16px 5px 0;
	color: #00CCFF;
	clear: all
	}
	
div > hr.gray  {
	margin-top: 16px
	}

p#copyright, address {
	border-top: 8px solid #00CCFF;
	
	text-align: center;
	color: gray;
	font: normal normal 11px/14px Arial;
	padding-top: 7px;
	margin: 20px 29px 0 0;
	}
#right > p#copyright {
	background: url('img/copy-top.gif') bottom repeat-x;
	border: none;
	line-height: 12px;
	padding-top: 5px;
	margin-top: 30px
	}
	
ul.brands {
	list-style: none;
	width: 90%;
	
	}
ul.brands li {
	display: inline
	}
ul.brands li a {
	padding: 4px 10px;
	line-height: 26px
	}
ul.brands li a.curb {
	background-color: #eee; 
	color: black
	}
	
/*  CONTENT NODES FORMATTING (AT LAST)  */

div#content {
	margin-right: 21px;
	padding-top: 11px
	/*border-right: 1px solid black*/
	}
h1, div#content:first-line {
	font: bold 15px/20px Arial;
	color: #336699;
	padding: 0;
	margin: 0
	}
h2 {
	font: bold 14px/20px Arial;
	color: gray;
	padding: 0;
	margin: 1em 0 0 0
	}
h3 {
	font: bold 13px/20px Arial;
	color: gray;
	padding: 0;
	margin: 1em 0 0 0
	}
p {
	padding: 0;
	margin: 4px 0 15px 0;
	line-height: 18px;
	text-indent: 0
	}
/*p:first-letter {
	font: bold 36px Arial;
	float: left;
	color: #336699;
	margin: 7px 1px 1px 0;
	}*/

button {
	background-color: #00CCFF;
	color: white;
	font-weight: bold;
	font: bold 12px Arial;
	border-top: 1px solid #66CCFF;
	border-right: 1px solid #006699;
	border-bottom: 1px solid #006666;
	border-left: 1px solid #33CCFF;
	cursor: pointer;
	margin: 0
	}
form > button {
	padding: 1px 8px;
	}
ol.cats a {
	font: bold 13px/20px Arial
	}
.pic {
	float: left;
	margin: 11px;
	padding: 60px;
	background-position: center
	}	
	
/* CATALOGUE ITEMS FORMATTING */

ul.prods {
	width: 99%;
	list-style: none;
	margin: 10px 2px 20px 2px;
	padding: 0;
	font-size: 11px;
	display: block}
ul.prods li {
	display: block;
	margin: 4px 3px 4px 3px;
	float: left;
	width: 50%;
	height: 260px !important;
	

	}
ul.prods li table {
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	margin: 0;
	}
ul.prods li table td {
	padding: 5px;
	font-size: 11px;
	}
ul.prods li h5 {
	background: #eee url('img/unit-head-l.gif') left center no-repeat;
	line-height: 36px;
	text-align: center;
	margin: 0;
	font-size: 13px;;
	}
ul.prods li h5 a {
	background: url('img/unit-head-r.gif') right center no-repeat;
	display: block;
	}
ul.prods li img {
	margin-bottom: 13px
	}
ul.prods li div {
	background: url('img/unit-foot-r.gif') right center no-repeat;
	}
ul.prods li div span {
	display: block;
	height: 14px;
	background: url('img/unit-foot-l.gif') left center no-repeat
	}
var.price {
	color: #336699;
	font: normal bold 12px/15px Arial
	}
var.price strong {
	color: #0099CC;
	font: bold 14px Verdana
	}
ul.prods li form {
	margin-top: 10px;
	margin-bottom: 0
	}
	
ul.prods li div span, 
ul.prods li div, 
ul.prods li h5,
ul.prods li table,
ul.prods li {
	width: 240px;
	}
	
	
ul.vacancies {
	list-style: none;
	width: 80%
	}
ul.vacancies a {
	font: bold 13px Arial;
	width: 80%;
	line-height: 20px
	}
ul.vacancies span {
	float: right
	}
ul.vacancies span var {
	font-weight: bold
	}
ul.vacancies p {
	border-left: 1px solid #336699;
	padding-left: 7px;
	
	}
	
div.zoomer {
	padding: 0 17px 0 0; 
	background: transparent url('img/zoomin1.gif') top right no-repeat;
	 cursor: pointer;
	 text-align: center
}