BODY#onlineCatalog {
	overflow1: hidden;
}

/*
 * CSS for Standard tree layout
 * Copyright (C) 2005 SilverStripe Limited
 * Feel free to use this on your websites, but please leave this message in the fies
 * http://www.silverstripe.com/blog
 */
 

IFRAME {
overflow-x: hidden;
overflow-y: auto;
} 

TD {
	vertical-align: top;
}

tr.white td {background-color: auto}
tr.gray td	{background-color: #F4F4F4;}

ul.tree{
	width: auto;
	padding-left : 0px;
	margin-left : 0px;
	white-space: nowrap !important;
}

ul.tree a:link,ul.tree a:hover,ul.tree a:visited,ul.tree a:active{
	font-size: 9px;
	text-transform: lowercase;
}

ul.tree img{
 	border : none;
}
 

ul.tree, ul.tree ul {
	padding-left: 0;
}

ul.tree ul {
	margin-left: 16px;
		
}
ul.tree li.closed ul {
	display: none;
}


ul.tree li {
	list-style: none;
	background: url(../images/tree/i-repeater.gif) 0 0 repeat-y;
	display: block;
	width: auto;
	/* background-color:#FFFFFF; */
}



ul.tree li.last {
	list-style: none;
	background-image: none;
}



/* Span-A: I/L/I glpyhs */
ul.tree span.a {
	background: url(../images/tree/t.gif) 0 50% no-repeat;
	display: block;
}
ul.tree span.a.last {
	background: url(../images/tree/l.gif) 0 50% no-repeat;
}

/* Span-B: Plus/Minus icon */
ul.tree span.b {
}
ul.tree span.a.children span.b {
	background: url(../images/tree/minus.gif) 0 50% no-repeat;
	cursor: pointer;
}
ul.tree li.closed span.a.children span.b {
	background: url(../images/tree/plus.gif) 0 50% no-repeat;
	cursor: pointer;
}

/* Span-C: Spacing and extending tree line below the icon */
ul.tree span.c {
	margin-left: 16px;
}
ul.tree span.a.children span.c {
	background: url(../images/tree/i-bottom.gif) 0 50% no-repeat;
}
ul.tree span.a.spanClosed span.c {
	background-image: none;
}


/* Anchor tag: Page icon */
ul.tree a  {
	white-space: nowrap !important;
	overflow: hidden;
	padding: 2px 0px 2px 20px;
	line-height: 16px;
	background: url(../images/tree/page-file.png) 0 50% no-repeat;
}
ul.tree span.a.children a {
	background-image: url(../images/tree/page-openfoldericon.png);
}
ul.tree span.a.children.spanClosed a {
	background-image: url(../images/tree/page-foldericon.png);
}

/* Unformatted tree */
ul.tree.unformatted li {
	background-image: none;
	padding-left: 16px;
}
ul.tree.unformatted li li {
	background-image: none;
	padding-left: 0px;
}

/*
 * Divs, by default store vertically aligned data
 */

ul.tree li div {
	float: right;
	clear: right;
	height: 1em;
	margin-top: -26px;
}
/* As inside DIVs should be treated normally */
ul.tree div a  {
	padding: 0;
	background-image: none;
	min-height: auto;
	height: auto;
}

ul.tree li A:link, ul.tree li A:hover, ul.tree li A:visited {
	color : #111111;
}


ul.tree li .over{
	background-color : pink;
}


/*--------------------------------------------------|
| Copyright (C) 2005 SilverStripe Limited					  |
|---------------------------------------------------|
| ------------------END                             |
|--------------------------------------------------*/

body {
	margin: 0;
	background: White url(../images/main-bg.gif) repeat-x;
	font: normal 11px Verdana, Tahoma, Arial;
	color: #565656;
}
img {
	border-style: none;
}
a:link, a:active, a:visited {
	font: Verdana, Tahoma, Arial;
	color: #000;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

#rightCell TD, #rightCell, #rightCell P, #rightCell a:link, #rightCell a:active, #rightCell a:visited {
	font: 11px Tahoma, Verdana;
	color: White;
}
#rightCell a:hover {
	text-decoration: none;
}

form {
	margin: 0;
	padding: 0;
}
input {
	border: solid 1px #888;
	vertical-align:middle;
}
#mainHolder {
	width: 970px;
	margin: 0 auto;
}
#headerHolder {
	position: relative;
	height: 126px;
	background: url(../images/header-bg.jpg) no-repeat right 7px;
}

#contentHolder {
	
}

.submit {
	border: solid 1px #d20100;
	background: #d20100;
	font: bold 9px Tahoma, Verdana, Arial;
	color: White;
	cursor: pointer;
}

.submit2 {
	width: 61px;
	height: 16px;
	border-style: none;
	background: Transparent url(../images/submit2-bg.gif) no-repeat 0px 2px;
	font: normal 10px Tahoma, Verdana, Arial;
	padding-top: 0px;
	color: White;
	cursor: pointer;
	text-align: right;
}

#footerHolder {
	position: relative;
	height: 26px;
	background: url(../images/footer-bg.gif) repeat-x;
	font: normal 10px Tahoma, Verdana, Arial;
	color: White;
}

#navHolder {
	width: 100%;
	position: absolute;
	top: 93px;
	height: 33px;
	background: url(../images/nav-bg.gif) repeat-x;
}

#navHolder IMG {
	margin-left: 4px;
}

#footer {
	position: absolute;
	top: 2px;
	left: 190px;
}
#footer a:link, #footer a:active, #footer a:visited {
	font: bold 11px Tahoma, Verdana, Arial;
	color: White;
	text-decoration: none;
	display: block;
	float: left;
	padding: 6px 12px;
}
#footer a:hover {
	font: bold 11px Tahoma, Verdana, Arial;
	color: White;
	text-decoration: underline;
}
#footer IMG {
	float: left;
}
#footerCopy {
	position: absolute;
	top: 8px;
	left: 12px;
}

#leftCell {
	width: 200px;
	background-color: #e5e5e5;
}
#mainCell {
	width: 570px;
}
#mainCellFull {
	width: 770px;
}
#rightCell {
	width: 200px;
	background-color: #494949;
}
.clear {
	clear: both;
}

.loginEmpty {
	background: url(../images/login-off.gif) no-repeat;
}

.login {
	background: url(../images/login-on.gif) no-repeat;
}
.passwordEmpty {
	background: url(../images/password-off.gif) no-repeat;
}
.password {
	background: url(../images/password-on.gif) no-repeat;
}
.category {
	margin-top: 10px;
}
.category UL{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.category UL LI {
	line-height: 0px;
}
.category UL LI A:link, .category UL LI A:active, .category UL LI A:visited {
	display: block;
	font: bold 12px Tahoma, Verdana, Arial;
	color: #09096c;
	height: 20px;
	background: url(../images/category-bg.gif) repeat-y left top;
	text-decoration: none;
	padding: 8px 5px 2px 25px;
}
.category UL LI A:hover {
	text-decoration: underline;
}
.category UL LI UL LI A:link, .category UL LI UL LI A:active, .category UL LI UL LI A:visited {
	font: normal 11px Tahoma, Verdana, Arial;
	color: White;
	height: auto;
	line-height: 18px;
	background: url(../images/sub-category-bg.gif) no-repeat left bottom;
	text-decoration: none;
	padding: 2px 5px 2px 25px;
}
.category UL LI UL LI A:hover {
	text-decoration: underline;
}
#proizvodjaci {
	display: block;
	margin: 10px auto;
}
#logo {
	position: absolute;
	top: 16px;
	left: 0px;
}
#onlineShop {
	position: absolute;
	width: 233px;
	height: 56px;
	top: 0px;
	left: 373px;
}

#contentInner {
	padding: 0px 25px 25px 25px;
}

#contentInnerIFrame {
	padding: 0px;
	overflow-x: hidden;
	overflow-y: auto;
}

#mainTitle {
	text-align: center;
	width: 797px;
	position: absolute;
	top: 130px;
	left: 170px;
	font: bold 18px Tahoma, Verdana, Arial;
	color: #313196;
	margin: 0px;
}

H1, H2, H3 {
	margin: 0px;
}

H1 {
	display: block;
	background: black url(../images/welcome-bg.jpg) no-repeat bottom right;;
	height: 32px;
	margin: 0px -25px 20px -25px;
	font: bold 24px Trebuchet MS, Verdana;
	color: White;
	padding: 7px 5px 5px 5px;

/*
	font: normal 24px Trebuchet MS, Tahoma, Verdana, Arial;
	color: #494949;
*/
}


H1.productList, H1.ecommerce {
	display: block;
	background: black url(../images/welcome-bg.jpg) no-repeat bottom right;;
	height: 32px;
	margin: 0px 0px 0px 0px !important;
	font: bold 24px Trebuchet MS, Verdana;
	color: White;
	padding: 7px 5px 5px 5px;

/*
	font: normal 24px Trebuchet MS, Tahoma, Verdana, Arial;
	color: #494949;
*/
}

H2 {
	font: bold 16px Trebuchet MS, Tahoma, Verdana, Arial;
	color: #222222;
}

P, TD {
	font: 11px Verdana, Tahoma, Arial;
	color: #565656;
	line-height: 14px;
}

LI {
	font: 11px Verdana, Tahoma, Arial;
	color: #565656;
	line-height: 14px;
}
IMG.photoRight {
	float: right;
}

.title {
	text-align: center;
	clear: both;
	height: 30px;
	background: url(../images/title-bg.gif) repeat-x top;
	font: 19px Tahoma, Verdana, Arial;
	color: #3a3a9d;
}

.productCell {
	/*background: url(../images/row-bg.gif) repeat-x left bottom;*/
	background-color: #FFFFFF;
	vertical-align: middle;
	line-height: 0px;
}

.productCellInner {
	padding: 15px;
}

.productCell H3 {
	margin: 0px;
	height: 17px;
	background: url(../images/product-title-bg.gif) repeat-x top left;
	font: normal 11px Tahoma, Verdana, Arial;
	color: White;
	padding: 3px 0px 0px 10px
}

.productCell H2 {
	margin: 0px;
	font: bold 11px Tahoma, Verdana, Arial;
	color: #0e0e6e;
}

.productCell P {
	margin: 0px;
	font: normal 11px Tahoma, Verdana, Arial;
	color: #0e0e6e;
}

.productCell IMG {
	display: block;
	/*border: solid 1px #EEE;*/
}

.box {
	background: #eaeaff;
	padding: 10px;
	color: #505096;
	width: 138px;
}
.box img {
 float: left;
 margin: 0 10px 5px 0;
}

.box A:link, .box A:active, .box A:visited {
	font: bold 12px Tahoma, Verdana, Arial;
	color: #505096;
	text-decoration: none;
}
.box A:hover {
	font: bold 12px Tahoma, Verdana, Arial;
	color: #505096;
	text-decoration: underline;
}

.box SPAN {
	font: normal 11px Tahoma, Verdana, Arial;
	color: #09096b;
}

.priceBox {
	background: #09096b;
	padding: 5px;
	margin: 10px 0;
	color: White;
	font: bold 17px Tahoma, Verdana, Arial;
	text-align: center;
}

#productListTable h2 {
	font-size: 13px;
	font-weight: normal;
	display: inline;
	color: #336600;
}
.productListName{
	color: #336600;
}

.productListDescription{
	font: normal 9px Arial;
}

#sep1 {
	position: absolute;
	top: 85px;
	left: 322px;
}
#sep2 {
	position: absolute;
	top: 85px;
	left: 456px;
}
#sep3 {
	position: absolute;
	top: 85px;
	left: 622px;
}
#ccardHolder {
	position: relative;
	width: 100%;
}
#ccard {
	position: absolute;
	bottom: 10px;
	right: 20px;
}

/* breadcrump */
.bcNav {
	position: absolute;
	top: 0px;
	left: 90px;
	/*
	margin: -24px -24px 0 -24px;
	height: 15px;
	background: #D40000;
	*/
	font: bold 10px Tahoma, Arial, Helvetica;
	color: #FFF;
	padding: 5px;
}
.bcNav1 {
	/*
	margin: -24px -24px 0 -24px;
	height: 15px;
	background: #D40000;
	*/
	font: bold 10px Tahoma, Arial, Helvetica;
	color: #000;
	padding: 5px;
}
.bcNav A:link, .bcNav A:active, .bcNav A:visited {
	font: bold 10px Tahoma, Arial, Helvetica;
	color: #FFF;
	text-decoration: underline;
}
.bcNav A:hover {
	text-decoration: none;
}

.product {
	/*border: solid 1px #EEE;*/
}

.product IMG {
	padding: 3px;
}

.zoom A:link, .zoom A:active, .zoom A:visited {
	color: White;
	text-decoration: none;
	background: #D40000;
	display: block;
}
.zoom A:hover {
	text-decoration: underline;
}
.error {
	color: #FF0000;
}

.productTH {
	background: #494949;
	color: white;
	font-weight: normal;
	vertical-align: middle;
	padding: 0px;
	height: 20px;
	font-size: 10px;
	border: solid 1px #666;
}

.productTH A:link, .productTH A:active, .productTH A:visited {
	color: white;
	font-weight: normal;
	font-size: 10px;
}

.productTH A:hover {
	color: white;
	font-weight: normal;
	text-decoration: none;
}

.sortSelect SELECT {
	margin-top: 5px;
	font-size: 10px;
}

#bcHolder {
	width: 770px;
	background-color: #d40000;
	height: 23px;
	color: White;
	font: bold 11px Tahoma, Verdana;
	padding: 5px 0px 0px 5px;
}

#iconHolder {
	position: absolute;
	right: 0px;
	top: 10px;
}

#address {
	position: absolute;
	top: 35px;
	right: 225px;
	text-align: right;
	color: Black;
	font-weight: bold;
	font-family: verdana, tahoma;
	font-size: 11px;
	line-height: 16px;
}

.pLeft {
	float: left;
}

.pRight {
	float: right;
}

.clear {
	clear: both;
}

div.memberSection{
	background: #d40000 url(../images/search-bg.gif) repeat-x;
	color: White;
	height: 27px;
	text-align: center;
	padding: 16px 0px 0px 0px;
}

div.memberSection a:link, div.memberSection a:active, div.memberSection a:visited{
	color: White;
	font: 11px Tahoma, Verdana;
	text-decoration: none;
	font-weight: bold;
}

div.memberSection a:hover {
	text-decoration: underline;
}

#loginHolder {
	width: 200px;
	position: absolute;
	right: 0px;
	top: 25px;
}
#loginHolder a:link, #loginHolder a:active, #loginHolder a:visited, #loginHolder P, #loginHolder TD {
	color: White;
	font: 10px Tahoma, Verdana;
	text-decoration: none;
}

#loginHolder a:hover {
	text-decoration: underline;
}

#loginHolder INPUT {
	width: 80px;
	font: 10px Tahoma;
}

#loginHolder {

}

#searchHolder {
	background: #d40000 url(../images/search-bg.gif) repeat-x;
	height: 100px;
}
#searchHolderInner {
	padding: 20px 10px;
}
.h1bg {
	background: black url(../images/welcome-bg.jpg) no-repeat bottom right;;
	height: 44px;
	margin: -23px -23px 20px -23px;
}

.h1bg H1 {
	font: bold 24px Trebuchet MS, Verdana;
	color: White;
	padding: 5px;
}

.hr {
	clear: both;
	border-bottom: solid 1px #e5e5e5;
	margin: 0px;
	padding: 0px;
}

.hrWhite {
	clear: both;
	border-top: solid 1px White;
	margin: 2px auto 4px auto;
}

.hrWhiteDot {
	clear: both;
	background: url(../images/h-dot-line-bg.gif) repeat-x 0px 10px;
	margin: 2px auto 5px auto;
	height: 13px;
}
.hrNewsWhiteDot {
	clear: both;
	background: url(../images/h-dot-line-bg.gif) repeat-x 0px 3px;
	margin: 2px auto 0px auto;
	height: 5px;
}

#loginInner {
	padding: 3px;
}

#searchBox {
	border: #a60000;
	width: 170px;
	margin: 5px 0px;
}

.border {
	border: solid 1px Black;
	padding: 2px;
	background: White;
}

.left {
	float: left;
	margin: 0px 4px 0px 0px;
}

.right {
	float: right;
	margin: 0px 0px 0px 4px;
}

.leftNews h2 {
	color: Black;
	font: bold 13px Verdana;
	margin: 3px auto 4px auto;
}

.leftNews {
	margin-top: 20px;
	padding: 10px;
	color: Black;
	font: 9px Verdana;
}

.leftNews a {
	color: Black;
	font: 9px Verdana;
}

.news {
	clear: both;
	padding: 10px 10px 0px 10px;
	font: 11px Tahoma, Verdana;
	color: White;
}
.news .date{
	font: 11px Verdana, Tahoma;
	color: White;
}
.news h2 a:link, .news h2 a:active, .news h2 a:visited {
	font: bold 12px Tahoma, Verdana !important;
	color: White;
	text-decoration: none;
}
.news h2 {
	margin: 2px 0px;
}

.submenu{
	background-color: #EEEEEE;
	border: solid 1px #000000;
	padding: 5px 10px 5px 10px;
	margin: 10px 0px 10px 0px;
}

.button {
	font: 9px Verdana, Tahoma;
	text-transform: uppercase;
	display: block;
	background: #d50100;
	color: White !important;
	text-decoration: none !important;
	width: 55px; 
	margin-top: 4px;
	padding-top: 3px;
	height: 15px;
}

.vLine {
	background: url(../images/v-line-dot.gif) no-repeat center 20px;
}

p.shortArticleDesc{
	margin-top: 4px;
}

p.shortArticleDesc img{
	margin: 0px 10px 10px 0px;
}

h2.pCell {
	font: bold 10px Verdana;
	color: #33322e;
	text-align: left;
	margin-left: 5px;
	margin-bottom: 3px;
}

h2.prominent {
	color: #990000;
	border-bottom: solid 1px #000;
	margin-top: 20px;
	font-size: 18px;
}

a.arrow:link, a.arrow:visited, a.arrow:active {
	background: url(../images/link-arrow.gif) no-repeat left center;
	padding-left: 12px;
	color: #7e1000;
}

a.arrow:hover {

}
a.pdf:link, a.pdf:active, a.pdf:visited {
	background: url(../images/icon/pdf.gif) no-repeat left center;
	padding-left: 20px;
}

.fixFont {
	font: 12px Console, Arial;
}
 H1.clear {
 background-image: none;
 background-color: Transparent;
 font: bold 24px Trebuchet MS, Verdana;
 color: Black;
}

#loginHolder IMG {
	margin: 0px 10px 0px 6px;
}

TABLE.valignMTable TD {
	vertical-align: middle;
}

#treeHolder #categoryTree {margin: 5px;}
#treeHolder #categoryTree a {padding: 0px 3px 6px 20px; display: block;}
#treeHolder div#categoryTree div.folderClosed {background: url('../images/folderClosed.gif') no-repeat left top;}
#treeHolder div#categoryTree div.folderOpen {background: url('../images/folderOpen.gif') no-repeat left top;}
#treeHolder div#categoryTree div.folderLeaf {background: url('../images/leaf.gif') no-repeat left top;}



/* buttons on home page */
.buttons_holder{
	background-image: url(../images/button_holder.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	width: 533px;
	height: 478px; 
	position: relative;
}

.buttons_holder .buttoncs{
	background-image: url(../images/button_background.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	/*width: 186px;*/
	width: 227px;
	height: 67px; 
	text-align: center;
	line-height: 23px;
	margin-bottom: 15px;
	padding-top: 8px;
}
.buttons_holder .buttoncs a, .buttoncs a:visited{
		color: white;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
	}

.buttons_holder .desc{
	width: 180px;
	height: 60px;
	font-size: 12px;
	margin: 0;
}

.buttons_holder .button_1{
	position: absolute;
	top: 140px;
	left:20px;
}

.buttons_holder .button_2{
	position: absolute;
	top: 140px;
	left:280px;
}

.buttons_holder .button_3{
	position: absolute;
	top: 275px;
	left:20px;
}

.buttons_holder .button_4{
	position: absolute;
	top: 275px;
	left:280px;
}


/*automatika*/
.buttons_holdera{
	background-image: url(../images/button_holdera.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	width: 527px;
	height: 483px; 
	position: relative;
}

.buttons_holdera .buttona a, .buttona a:visited{
		color: white;
		font-size: 20px;
		font-weight: bold;
		text-decoration: none;
}

.buttons_holdera .buttona{
	width: 475px;
	height: 35px; 
	text-align: center;
	line-height: 30px;
	margin-bottom: 15px;
}

.buttons_holdera .button_1a{
	position: absolute;
	top: 177px;
	left:25px;
}

.buttons_holdera .button_2a{
	position: absolute;
	top: 255px;
	left:25px;
}

.sector_intro{
	width: 520px;
}

.sector_intro .header{
width: 510px;
height: 32px;
background-color: black;
border-bottom: 2px red solid;
padding: 0 0 0 15px;
position: relative;
}

.sector_intro .header h3{
	font-size: 16px;
	padding: 0;
	margin: 0;
	color: white;
	position: absolute;
	right: 55px;
	top:5px;
}

.sector_intro .header a{
	position: absolute;
	right: 20px;
	top:0px;
}

.sector_intro .header a img{
border: 0 none;
}

.sector_intro .content{
width: 485px;
height: 130px;
background-color: #E5E5E5;
border-bottom: 1px black solid;
padding: 20px;
position: relative;
}

.sector_intro .content .image{ 
float: left;
width: 200px;
}

.sector_intro .content .image img{ 
border: 1px #7F7F7F solid;
}

.sector_intro .content .description{ 
float: left;
width: 280px;
}

.sector_intro .content p{
	padding: 0px;
	margin: 0 0 8px 0;
	font-size: 12px;
}

.sector_intro .content .description a{
	font-size: 12px;
	color: red; 
	text-decoration: none;
}