/**********************************************/
/* NZKM KROMOIZOL WEB-SITE'S CSS DEFINITIONS
/**********************************************/
body {
	margin:0;
	padding:0;
	font: x-small Arial, Helvetica, Tahoma, Verdana, sans-serif;
	color:#333;
} 
html>body { font-size:small }

a { color:#52617A }
a:hover { color:#FA7A14 }
.more { text-align:right }
.more a {
	padding-left:20px;
	background:url('../img/bullet-arrow.gif') no-repeat 0 0;
	font-size:85%;
	float:right;
	float/**/:none;
}
html>body .more a { float:right }
p {
	line-height:130%;
	margin:5px 0;
	padding:5px 0;
}

/**************************************/
/* Layout
/**************************************/
#container-main {
	position:relative;
	width:760px;
	background:#FFF;
}
html>body #container-main { width:750px }
#header {
	height:140px;
}
#content {
	margin-left:30px;
	width:750px;
}
html>body #content { width:740px; }
#left-col {
	padding:10px;
	padding-right:0;
	margin-right:15px;
	width:490px;
	float:left;
}
html>body #left-col { width:480px; }
#right-col {
	position:relative;
	margin-top:-50px;
	width:230px;
	float:left;
}
#footer {
	clear:both;
	text-align:center;
	padding:0;
	margin:10px 0;
	margin-left:30px;
	border-top:1px solid #D0DCE6;
}


/**************************************/
/* Logotype
/**************************************/
h1#logo {
	position:absolute;
	top:10px;
	left:0px;
	padding:0;
	margin:0;
	width:150px;
	overflow:hidden;
	text-align:center;
}
h1#logo a {
	display:block;
	position:relative;
	height:193px;
	font-size:12px;
}
h1#logo a span {
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:199px;
	height:163px;
	background:url('../img/logo.gif') no-repeat left top;
	z-index:10;
	cursor:hand;
}
html>body h1#logo a span { cursor:pointer }


/**************************************/
/* Main Menu and Navigation       
/**************************************/
#top-menu {
	position:absolute;
	top:42px;
	left:150px;
}
#top-menu ul {
	display:block;
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	width:600px;
	background:url('../img/menu-bg.gif') top right repeat-x;
}
#top-menu li {
	float:right;
	margin:0;
	padding:0;
}
#top-menu a {
	display:block;
	position:relative;
	cursor:hand;
} html > #top-menu a { cursor:pointer; }

#top-menu span.img {
	display:block;
	position:relative;
	height:45px;
}

#home span.img {
	background:url('../img/menu-home.gif') top left no-repeat;
	width:112px;
	left:0px;
	z-index:4;
}

#makroizol a { left:-9px; }
#makroizol span.img {
	background:url('../img/menu-makroizol.gif') top left no-repeat;
	width:148px;
	z-index:3;
}

#price a { left:-17px; }
#price span.img {
	background:url('../img/menu-price.gif') top left no-repeat;
	width:153px;
	z-index:2;
}

#about a { left:-25px; }
#about span.img {
	background:url('../img/menu-about.gif') top left no-repeat;
	width:144px;
	z-index:1;
}

#empty span.img {
	background:url('../img/menu-bg.gif') top right no-repeat;
	width:43px;
	z-index:0;
}
/* Rollover behavior */
#top-menu a:hover span.img { background-position:0 -45px }
#home-page #home span.img, #makroizol-page #makroizol span.img, #price-page #price span.img, #about-page #about span.img
{ background-position:0 -90px; cursor:default; }

/**************************************/
/* Meta navigation
/**************************************/
#meta {
	position:relative;
	float:right;
	right:0px;
	top:13px;
}
#meta ul {
	padding:0;
	margin:0;
	list-style:none;
}
#meta li {
	display:block;
	float:left;
	padding:0;
	padding-left:12px;
	margin-right:10px;
	background:url('../img/bullet-std.gif') no-repeat 0 .3em;
	white-space:nowrap;
	font-size:75%;
	font-weight:bold;
	text-transform:uppercase;
}
html>body #meta li {
	display:inline;
	float:none;
	font-size:80%;
}
#meta a, #meta a:hover { text-decoration:none }
#meta li.current {
	color:#FA7A14;
}

/**************************************/
/* Bread-crumbs navigation
/**************************************/
#bread-crumbs {
	position:absolute;
	top:98px;
	left:155px;
	width:590px;
}
#bread-crumbs span {
	padding-left:1.7em;
	margin-right:.7em;
	background:url('../img/bullet-arrow.gif') no-repeat 0 0;
	color:#FA7A14;
	height:2em;
}
#bread-crumbs span { 
	display:block;
	float:left;
	font-size:85%;
}
html>body #bread-crumbs span { 
	display:inline;
	float:none;
	font-size:90%;
}

#bread-crumbs span.divider, #bread-crumbs span.hide {
	display:none;
}

/**************************************/
/* Headers
/**************************************/
#content h1 {
	display:block;
	padding:0;
	margin:0;
	margin-right:30px;
	height:36px;
	width:720px;
	background:url('../img/title-left.gif') no-repeat left top;
}
html>body #content h1 {
	height:60px;
}
#content h1 span {
	display:block;
	padding:12px 10px;
	/*font:98% Arial Narrow, Arial, Helvetica, sans-serif;
	text-transform:uppercase;*/
	font-weight:normal;
	font-size:95%;
	color:#FFF;
	background:url('../img/title-right.gif') no-repeat right top;
}
html>body #content h1 span {
	padding:11px 10px;
	font-size:110%;
}
h2 {
	color:#FA7A14;
	font-size:135%;
}
h3 {
	padding:0;
	margin:0;
	position:relative;
	font-size:110%;
}
#title-price {
	width:136px;
	height:21px;
	top:0px;
	background:url('../img/title-price.gif') no-repeat left top;
}
#title-about {
	width:86px;
	height:14px;
	top:2px;
	background:url('../img/title-about.gif') no-repeat left top;
}
#title-download {
	width:112px;
	height:13px;
	top:1px;
	background:url('../img/title-download.gif') no-repeat left top;
}
#title-aboutmaterial {
	width:134px;
	height:13px;
	top:4px;
	background:url('../img/title-aboutmaterial.gif') no-repeat left top;
}
#title-contents {
	width:133px;
	height:15px;
	top:2px;
	background:url('../img/title-contents.gif') no-repeat left top;
}
#title-dealers {
	height:13px;
	width:77px;
	top:4px;
	background:url('../img/title-dealers.gif') no-repeat left top;
}
#title-usehints {
	height:11px;
	width:154px;
	top:4px;
	background:url('../img/title-usehints.gif') no-repeat left top;
}
#title-ask {
	height:13px;
	width:84px;
	top:4px;
	background:url('../img/title-ask.gif') no-repeat left top;
}
#title-order {
	height:11px;
	width:170px;
	top:4px;
	background:url('../img/title-order.gif') no-repeat left top;
}

h2 span, h3 span { display:none }
/**************************************/
/* Lists
/**************************************/
ol, ul {
	padding:0 10px;
	margin:10px 10px;
}
ul { list-style:none }
ol li {
	padding:3px 0;
	padding-left:0;
	margin-left:1em;
}

ul li {
	padding:3px 0;
	padding-left:1em;
	background:url('../img/bullet-std.gif') no-repeat 0 .6em;
}
.block ul {
	position:relative;
	top:0;
	left:0;
	padding:1px;
	margin:0;
}
.block li {
	padding-left:1.3em;
	padding-bottom:10px;
	margin:0 10px;
	font-weight:bold;
	font-size:85%;
	background-position:0 .8em;
}
html>body .block li { background-position:0 .6em; }

.block li.current {
	border-top:1px solid #D0DCE6;
	border-bottom:1px solid #D0DCE6;
	background:#FFF;
	padding:5px 10px;
	padding-left:2.2em;
	margin:0;
	margin-bottom:3px;
}
.block li.current a {
	color:#E46314;
	text-decoration:none;
}
ul.dealers {
	border-bottom:1px solid #AAB5C6;
	margin-bottom:10px;
}
.block .dealers li { padding-bottom:0 }
html>body .block .dealers li { padding-bottom:10px; }

ul.links {
	margin:0px 0;
	margin-bottom:0;
}
.block .links li {
	font-weight:normal;
	background:url('../img/bullet-arrow.gif') no-repeat -1px .4em;
	padding-left:20px;
}
ul.download {
	padding-left:0;
	margin-left:2px;
}
.download li {
	position:relative;
	padding-left:40px;
	margin-bottom:10px;
	font-size:85%;
	font-weight:bold;
}
.download a.icon {
	position:absolute;
	top:2px;
	left:18px;
	left/**/:-39px;
	display:block;
	width:32px;
	height:32px;
}
html>body .download a.icon { left:0 }
.download li#xls {
	background:url('../img/icon-xls.gif') no-repeat 0 1px;
}
.download li#pdf {
	background:url('../img/icon-pdf.gif') no-repeat 0 1px;
}
.dealers li span, .download li span {
	display:block;
	font-weight:normal;
	color:#7C8CA7;
}
/**************************************/
/* Tables
/**************************************/
/* Need for JS's stripeRows function */
.odd { background-color:#FFF }
.even { background-color:#F7F9FA }

table {
	margin:15px 0;
	margin-bottom:25px;
	font-size:85%;
	border-collapse:collapse;
	border:0px solid #D0DCE6;
	width:460px;
	clear:both;
}
th {
	background:#FFF url('../img/block-content-bg.gif') repeat-x 0 -50px;
	border:1px solid #D0DCE6;
}
thead th {
	border-bottom-width:3px;
}
tbody th {
	border-width:0px;
	color:#7C8CA7;
}
.tfoot td {
	border-top:3px solid #D0DCE6;
	border-bottom-width:0px;
}
td, th {
	padding:4px 10px;
	border-bottom:1px solid #D0DCE6;
}

.top td { vertical-align:top }

.intable-plus {
	color:#FA7A14;
	font-size:180%;
	font-weight:bold;
}

.noborders td { border:2px solid #FFF; }


/**************************************/
/* Blocks
/**************************************/
blockquote {
	float:left;
	padding:10px;
	padding-left:20px;
	margin:5px 15px 10px -10px;
	width:200px;
	background:#FFF url('../img/block-content-bg.gif') repeat-x 0 -3px;
	border-bottom:3px solid #D0DCE6;
	font-size:120%;
	line-height:150%;
}
html>body blockquote { 
	padding-left:10px;
	width:175px;
}
.block {
	position:relative;
	margin:0;
	margin-bottom:20px;
	padding:0;
}
#left-col .block {
	width:460px;
}
.orange-container .head-left, .normal-container .head-left {
	padding:0;
	margin:0;
	background:url('../img/block-orange-top-left.gif') no-repeat left top;
	width:212px;
	height:31px;
}

#left-col .normal-container {
	margin-top:30px;
}
#left-col .normal-container .head-left {
	width:442px;
}

.normal-container .head-left { background:url('../img/block-top-left.gif') no-repeat left top }

.orange-container .head-right, .normal-container .head-right {
	position:relative;
	right:-18px;
	margin-left:-18px;
	display:block;
	padding:10px 18px;
	background:url('../img/block-orange-top-right.gif') no-repeat right top;

}
.normal-container .head-right { background:url('../img/block-top-right.gif') no-repeat right top }

.orange-left { background:url('../img/block-orange-bot-left.gif') no-repeat left bottom }
.normal-left { background:url('../img/block-bot-left.gif') no-repeat left bottom }
.orange-right, .normal-right {
	position:relative;
	padding:14px 6px;
	padding-top:0;
	background:url('../img/block-orange-bot-right.gif') no-repeat right bottom;
}
.normal-right { background:url('../img/block-bot-right.gif') no-repeat right bottom }

.block-content, .block-center {
	padding:15px 0 5px 0;
	background:#FFF url('../img/block-content-bg.gif') repeat-x 0 1px;
	border-top:1px solid #FFF;
}
.block-center { 
	padding-left:10px;
	padding-right:10px;
}

/**************************************/
/* Forms
/**************************************/
form {
	padding:0;
	margin:0;
}
.block-center p {
	padding:0 10px;
	padding-left:1.6em;
	margin:0;
	padding-bottom:5px;
	margin-bottom:3px;
	font-size:90%;
	background:url('../img/bullet-std.gif') no-repeat .2em .3em;
}
fieldset {
	padding:10px 0;
	margin:0;
	font-size:90%;
	border:0px solid;
	color:#52617A;
	border-top:1px solid #D0DCE6;
	border-bottom:1px solid #D0DCE6;
}
fieldset .left {
	width:225px;
	float:left;
}
label span.label { 
	padding:3px 0;
	margin-top:2px;
	display:block;
}
span.mandatory {
	color:#E46314;
	font-weight:bold;
}
input, textarea {
	border:1px solid #D0DCE6;
	background:#F6F8FA;
	width:200px;
}
textarea { height:110px }
html>body textarea { height:109px }
html>body input { height:18px }
.mandatory { font-weight:bold }
.mandatory input, .mandatory textarea { background:#FFF }

/**************************************/
/* Button
/**************************************/
.button {
	position:relative;
	left:332px;
	padding:0;
	margin:0;
	margin-top:10px;
	background:url('../img/button-left.gif') no-repeat left top;
}
.button input {
	position:relative;
	left:6px;
	padding:3px 0;
	padding-right:20px;
	width:90px;
	height:28px;
	font:bold 12px Trebuchet MS, Arial, Helvetica, Tahoma, sans-serif;
	color:#52617A;
	border:0px solid;
	background:url('../img/button-right.gif') no-repeat right top;
	cursor:hand;
}
html>body .button input { 
	padding:4px 0;
	padding-right:20px;
	cursor:pointer;
}

/**************************************/
/* Footer
/**************************************/

#footer ul {
	list-style:none;
	padding:0;
	margin:15px 0;
}
#footer li {
	padding:0;
	display:inline;
}
#footer #bot-meta { font-size:85% }
#footer #bot-menu { font-weight:bold }
#footer .divider { color:#7C8CA7 }
#footer li { background:none }

#home-page #fot-home a, #makroizol-page #fot-makroizol a, #price-page #fot-price a, #about-page #fot-about a,
#sitemap-page .sitemap a, #contacts-page .contacts a, #map-page .map a 
{
	text-decoration:none;
	font-weight:bold;
	color:#FA7C18;
	cursor:default;
}

p.copyright {
	margin:0;
	padding:10px 0;
	font-size:85%;
	line-height:160%;
}

img.map {
	padding:2px;
	border:1px solid #D0DCE6;
}

.banner-order a {
	position:relative;
	display:block;
	width:229px;
	height:64px;
	padding:5px 0;
	margin-bottom:15px;
	overflow:hidden;
}

.banner-order a span.img {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:229px;
	height:64px;
	background:url('../img/banner-order.gif') no-repeat left top;
	z-index:150;
	cursor:hand;
}
html>body .banner-order a span.img { cursor:pointer }

/**************************************/
/*          Inventory Stuff           */
/**************************************/
.hide { display:none }
.spacer { clear:both; font-size:0px; }