body { margin:0px;margin-bottom:6px;	padding:0px; background-color:#E0DFDD;font-family: verdana,sans-serif;
font-size: 12px;}

.page-wrapper { width: 980px; margin: 0 auto; text-align: left;}

h1 {font-family: Arial,Helvetica;font-size: 12px;line-height: 18px;font-weight:bold;color: #4656a5;letter-spacing: 1px;}

h2 {font-weight: bold;color: #8e8e89;font-size: 11px;}

p {color: #4e4e49;font-family: Arial,Helvetica,sans-serif;font-size: 11px;line-height: 16px;text-align:left;}
p a:active, p a:link, p a:visited{color: #8e8e89;font-family: Arial,Helvetica,sans-serif;font-size: 11px;line-height: 16px;text-align:left;text-decoration:underline;}
p a:hover {color: #333399;text-decoration:none;}

.grey {color: #4e4e49;font-family: Arial,Helvetica,sans-serif;font-size: 11px;line-height: 16px;text-align:left;}
.grey a:active, .grey a:link, .grey a:visited{color: #8e8e89;font-family: Arial,Helvetica,sans-serif;font-size: 11px;line-height: 16px;text-align:left;text-decoration:underline;}
.grey a:hover {color: #333399;text-decoration:none;}

.flip-horizontal {-moz-transform: scaleX(-1);-webkit-transform: scaleX(-1);transform: scaleX(-1);filter: fliph; /*IE*/}


li {color:#8e8e89;font-family: Arial,Helvetica,sans-serif;font-size: 11px;line-height: 16px;list-style-image: url(http://www.neobyte.sk/blanco2/img/li.gif);}

#login {	width:600px; margin-top:15px;margin-bottom:5px;margin-left:0px;text-align:right; line-height:25px; color:black;}
#login a:active, #login a:visited, #login a:link {color:black;text-decoration:underline;}
#login a:hover {color:#BFCD25}

.toplink {color:#8E8E89;font-size:11px;}
.toplink a:active, .toplink a:visited, .toplink a:link{color:#8E8E89;text-decoration:none;font-size:11px;}
.toplink a:hover {color:#8E8E89;text-decoration:underline;}

.whitelink {color:white;font-size:11px;}
.whitelink a:active, .whitelink a:visited, .whitelink a:link{color:#FFFFFF;text-decoration:underline;font-size:11px;}
.whitelink a:hover {color:#7BC3C3;text-decoration:none;}

.tovarlink a:active, .tovarlink a:visited, .tovarlink a:link{color:#CB8C30;text-decoration:none;}
.tovarlink a:hover {color:black;text-decoration:underline;}

.footer {color:#8E8E89}
.footer a:active, .footer a:visited, .footer a:link{color:#8E8E89;text-decoration:none;}
.footer a:hover {color:#8E8E89;text-decoration:underline;}

.loginboxdiv {margin:0;height:21px;width:148px;background-image:url(../img/inputbg.png);background-repeat:no-repeat;background-position:bottom;float:left;margin-top:10px;}
.loginboxdiv2 {margin:0;height:21px;width:148px;background-image:url(../img/inputbg2.png);background-repeat:no-repeat;background-position:bottom;}
.loginbox {	background:none;border:none;width:134px;height:15px;margin:0;padding: 2px 7px 0px 7px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;}

#menu {	color:black;font-family: helvetica,sans-serif;font-size: 12px;font-weight: bold;text-transform: uppercase;}
#menu a:link, #menu a:active, #menu a:visited {color:black;text-decoration:none}
#menu a:hover {color:white;text-decoration:none}

#breadcrumbs {
	text-indent:5px;
	font-size:11px;
	color:#aaa;
	margin-bottom:8px;
}
#breadcrumbs  a:active, #breadcrumbs  a:visited, #breadcrumbs  a:link {
	text-indent:5px;
	font-size:11px;
	color:#aaa;
	margin-bottom:8px;	
	text-decoration:underline;
}
#breadcrumbs  a:hover {
	color:#E56801;
	text-decoration:underline;
}



#dhtmltooltip{
position: absolute;
left: -300px;
width: 500px;
border: 1px dotted #9a915c;
padding: 2px;
background-color: #fff8ce;
visibility: hidden;
z-index: 100;
font-family:"Trebuchet MS", Tahoma, Arial, Helvetica;
font-size:11px;
font-color:#333333;
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}


	#ZTbutton, #ZTnotes {
		filter:alpha(opacity: 25);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
		-moz-opacity: 0.25;
		opacity: 0.25;
	}
	#ZTbutton.active, #ZTnotes.active {
		filter:alpha(opacity: 100);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
		-moz-opacity: 1.00;
		opacity: 1.00;
		cursor: pointer;
		cursor: hand;
	}
	#ZToverlay {
		padding: 0;
		margin:0;
		cursor: move;
		z-index: 100;
		position: absolute;
		top: 0;
		left: 0;
	}
	#ZToverlay a:focus #viewPort, #ZToverlay a:active #viewPort{
		border: 1px solid #fff;
	}
	#loadingMessage {
		position: absolute;
		top: 10px;
		left: 10px;
		color: #000;
		background-color: #fff;
		padding: 2px;
	}
	#viewPort {
		overflow: hidden;
		border: 1px solid #eaeaea;
		background-color: #fff;
		position:absolute;
		top: -210px;
		left: -120px;
	}
	#ZTview {
		position:relative;
		padding: 0;
		border: none;
	}
	#ZTthumbnail {
		position:relative;
		padding: 0;
		border: none;
		margin: 0px 0px 0px 15px;
	}
	#magnifier {
		width: 100px;
		height: 100px;
		position: absolute;
		border: 1px solid #000;
		top: 0;
		left: 0;
		z-index: 100;
		background-color: #fff;
		filter:alpha(opacity: 25);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
		-moz-opacity: 0.25;
		opacity: 0.25;
	}
/* caption default position - to the right */ 
	#captionContainer {
		position: absolute;
		left: 95px;
		top: 0;
	}
/* add this class to captionContainer for left-aligned captions.
	Useful near the righthand side of the screen. */
	#captionContainer.leftAlign {
		position: absolute;
		left: -260px;
		top: 0;
	}
	#captionContainer li.HScaption {
		position:absolute;
		display: none;
		width: 248px;
		border: 1px solid #000;
		background-color: #ffe;
		color: #000;
		margin: 0;
		padding: 0;
		filter:alpha(opacity: 95);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
		-moz-opacity: 0.95;
	}
	#captionContainer h2 {
		margin:0;
		padding: 2px;
		background-color:#eed;
		text-transform:none;
	}
	#captionContainer p {
		padding: 2px 4px;
	}
	.translucent {
		border: 1px solid #ff0;
		background-color: #ccc;
		height: 50px;
		width: 50px;
		filter:alpha(opacity: 50);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
		-moz-opacity: 0.50;
		opacity: 0.50;
	}
	a:active.translucent, a:focus.translucent {
		border: 1px solid #f70;
	}

#obal {text-align: left;width: 200px;}
#obal ul, #obal li{list-style: none !important;font-weight: normal;margin: 0;padding: 0px;font-size: 12px;width: 200px;height:24px;}
#obal ul li a{font-family:Arial,Verdana,sans-serif;font-size:11px;font-weight:bold;display: block;padding-top:5px;padding-left:15px;color: #FFFFFF;text-decoration: none; background: url('../img/menu.gif') 0 0;background-repeat:no-repeat  !important;_width: 100%;height:24px;}
.selected  a:link, .selected  a:visited, .selected  a:active {background: url('../img/menu.gif') -400px 0 !important; background-repeat:no-repeat;}
#obal ul li a:hover{background: url('../img/menu.gif') -200px 0;background-repeat:no-repeat;color:#FFF;}

.menu_1 {width:200px;height:24px;}
.menu_1 a{font-family:Arial,Verdana,sans-serif;font-size:11px;font-weight:bold;display: block;padding-top:5px;padding-left:15px;color: #FFFFFF;text-decoration: none; background: url('../img/menu.gif') 0 0;background-repeat:no-repeat  !important;_width: 100%;height:24px;}
.menu_1 a:hover{background: url('../img/menu.gif') -200px 0;background-repeat:no-repeat;color:#FFF;}

.menu_blink {width:200px;height:24px;}
.menu_blink a{font-family:Arial,Verdana,sans-serif;font-size:11px;font-weight:bold;display: block;padding-top:5px;padding-left:15px;color: #FFFFFF;text-decoration: blink; background: url('../img/menu.gif') 0 0;background-repeat:no-repeat  !important;_width: 100%;height:24px;}
.menu_blink a:hover{background: url('../img/menu.gif') -200px 0;background-repeat:no-repeat;color:#FFF;}

.menu_2 {width:200px;height:24px;}
.menu_2 a:link, .menu_2 a:visited, .menu_2 a:active{font-family:Arial,Verdana,sans-serif;font-size:11px;font-weight:bold;display: block;padding-top:5px;padding-left:20px;color: #000000;text-decoration: none; background: url('../img/menu.gif') -600px 0;background-repeat:no-repeat  !important;_width: 100%;height:24px;}
.menu_2 a:hover{background: url('../img/menu.gif') -800px 0;background-repeat:no-repeat;color:#333399;}

.submenu {width:200px;height:24px}
.submenu a:link, .submenu a:visited , .submenu a:active{width:200px;height:24px;background: url('../img/menu.gif') -600px 0; background-repeat:no-repeat;font-weight: normal;	font-size: 12px;	color: #8E8E89 !important;	text-decoration: none;}
.submenu a:hover {background: url('../img/menu.gif') -800px 0 !important; background-repeat:no-repeat;color: #666666;	text-decoration: none;}

.input {
	border-top: 1px solid #eaeaea;
	border-left: 1px solid #eaeaea;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

div.jxButtonContainer {
  /* Base setup */
  display: block;
  position: relative;
  float: left;

  margin: 0px;
  padding: 2px;
  border: none;
}

/* normal button */
.jxButton {
  /* Base setup */
  display: block;
  position: relative;
  float: left;

  /* Using background images, the A contains the left side of the background */
  margin: 0px; /* margins don't seem to work properly in IE */
  padding: 0px 0px 0px 4px; /* makes room for the left of the button bg */
  border: none;
  background-image: url(http://www.blanco.sk/img/button.png);
  background-position: left -24px;
  background-repeat: no-repeat;
  text-decoration: none;
  outline: none;
}

/* normal button */
a.jxButton {
  /* Base setup */
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
}

ul.jxToolbar .jxButton {
  background-position: left top;
}

span.jxButtonContent {
  /* Base setup */
  display: block;
  position: relative;
  float: left;
  font-size: 0px;
  line-height: 0px;

  /* Using background images, the SPAN contains the right side of the background */
  margin: 0px; /* margins don't seem to work properly in IE */
  padding: 4px 4px 4px 0px; /* makes room for the right of the button bg */
  border: none;
  background-image: url(http://www.blanco.sk/img/button.png);
  background-position: right -24px;
  background-repeat: no-repeat;
}

ul.jxToolbar span.jxButtonContent {
  background-position: right top;
}

/* active button */
ul.jxToolbar .jxButtonActive,
.jxButtonActive {
  background-position: left -72px;
}

ul.jxToolbar .jxButtonActive span.jxButtonContent,
.jxButtonActive span.jxButtonContent {
  background-position: right -72px;
}

/* focus button */
ul.jxToolbar .jxButton:focus,
.jxButton:focus {
  background-position: left -96px;
}

ul.jxToolbar .jxButton:focus span.jxButtonContent,
.jxButton:focus span.jxButtonContent {
  background-position: right -96px;
}

/* focus active button */
ul.jxToolbar .jxButtonActive:focus,
.jxButtonActive:focus {
  background-position: left -144px;
}

ul.jxToolbar .jxButtonActive:focus span.jxButtonContent,
.jxButtonActive:focus span.jxButtonContent {
  background-position: right -144px;
}

/* hover normal and active button */
ul.jxToolbar .jxButton:hover,
ul.jxToolbar .jxButtonActive:hover,
.jxButton:hover,
.jxButtonActive:hover {
  background-position: left -48px;
}

ul.jxToolbar .jxButton:hover span.jxButtonContent,
ul.jxToolbar .jxButtonActive:hover span.jxButtonContent,
.jxButton:hover span.jxButtonContent,
.jxButtonActive:hover span.jxButtonContent {
  background-position: right -48px;
}

/* clicking normal and focused button */
ul.jxToolbar .jxButtonPressed,
ul.jxToolbar .jxButtonPressed:focus,
.jxButtonPressed,
.jxButtonPressed:focus {
  background-position: left -120px;
}

ul.jxToolbar .jxButtonPressed span.jxButtonContent,
ul.jxToolbar .jxButtonPressed:focus span.jxButtonContent,
.jxButtonPressed span.jxButtonContent,
.jxButtonPressed:focus span.jxButtonContent {
  background-position: right -120px;
}

/* disabled buttons */
.jxDisabled .jxButton,
.jxDisabled span.jxButtonContent span {
 cursor: default; 
}

/* hover, focus and pressing disabled button */
ul.jxToolbar .jxDisabled .jxButton:focus,
ul.jxToolbar .jxDisabled .jxButton:active,
ul.jxToolbar .jxDisabled .jxButton:hover,
ul.jxToolbar .jxDisabled .jxButtonPressed {
  background-position: left top;
}

.jxDisabled .jxButton:focus,
.jxDisabled .jxButton:active,
.jxDisabled .jxButton:hover,
.jxDisabled .jxButtonPressed {
  background-position: left -24px;
}

ul.jxToolbar .jxDisabled .jxButton:focus span.jxButtonContent,
ul.jxToolbar .jxDisabled .jxButton:active span.jxButtonContent,
ul.jxToolbar .jxDisabled .jxButton:hover span.jxButtonContent,
ul.jxToolbar .jxDisabled .jxButtonPressed span.jxButtonContent {
  background-position: right top;
}
  
.jxDisabled .jxButton:focus span.jxButtonContent,
.jxDisabled .jxButton:active span.jxButtonContent,
.jxDisabled .jxButton:hover span.jxButtonContent,
.jxDisabled .jxButtonPressed span.jxButtonContent {
  background-position: right -24px;
}

/* hover and focus disabled active button */
ul.jxToolbar .jxDisabled .jxButtonActive:focus,
ul.jxToolbar .jxDisabled .jxButtonActive:active,
ul.jxToolbar .jxDisabled .jxButtonActive:hover,
.jxDisabled .jxButtonActive:focus,
.jxDisabled .jxButtonActive:active,
.jxDisabled .jxButtonActive:hover {
  background-position: left -72px;
}

ul.jxToolbar .jxDisabled .jxButtonActive:focus span.jxButtonContent,
ul.jxToolbar .jxDisabled .jxButtonActive:active span.jxButtonContent,
ul.jxToolbar .jxDisabled .jxButtonActive:hover span.jxButtonContent,
.jxDisabled .jxButtonActive:focus span.jxButtonContent,
.jxDisabled .jxButtonActive:active span.jxButtonContent,
.jxDisabled .jxButtonActive:hover span.jxButtonContent {
  background-position: right -72px;
}

img.jxButtonIcon {
  /* Base setup */
  position: relative;
  float: left;

  width: 16px;
  height: 16px;
  background-position: center center;
  background-repeat: no-repeat;
}

span.jxButtonContent span {
  /* Base setup */
  display: block;
  position: relative;
  float: left;
  cursor: pointer;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 16px;
  height: 16px;
  white-space: nowrap;
}

span.jxButtonContent span.jxButtonLabel {
  margin: 0px;
  padding: 0 4px 0 4px;
  color: #000;
  font-size: 11px;
}

/* ========================== */
/* JX BUTTON EXTENSION STYLES */
/* ========================== */

.jxButtonMenu span.jxButtonContent,
.jxButtonMulti span.jxButtonContent,
.jxButtonFlyout span.jxButtonContent,
.jxButtonCombo span.jxButtonContent,
.jxButtonEditCombo span.jxButtonContent {
  padding-right: 0px;
}

.jxButtonMenu span.jxButtonContent span,
.jxButtonFlyout span.jxButtonContent span,
.jxButtonMulti span.jxButtonContent span,
.jxButtonCombo span.jxButtonContent span,
.jxButtonEditCombo span.jxButtonContent span {
  padding-right: 16px;
  background-image: url(http://www.blanco.sk/img/emblems.png);
  background-position: right -16px;
  background-repeat: no-repeat;
}

a.jxButtonDisclose {
  position: absolute;
  display: block;
  padding: 4px 0px;
  font-size: 0px;
  line-height: 0px;
  right: 2px;
  top: 2px;
  background-image: url(http://www.blanco.sk/img/button_multi_disclose.png);
  background-position: right 0px;
  background-repeat: no-repeat;
  outline: none;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
}

a.jxButtonDisclose img {
  width: 16px;
  height: 16px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  background-image: url(http://www.blanco.sk/img/emblems.png);
  background-position: right -16px;
  background-repeat: no-repeat;
}

a.jxButtonDisclose:focus,
a.jxButtonDisclose:active {
  background-position: right -96px;
}

a.jxButtonDisclose:hover {
  background-position: right -48px;
}

a.jxButtonDisclosePressed {
  background-position: right -120px;
}

.jxDisabled a.jxButtonDisclose,
.jxDisabled a.jxButtonDisclose:focus, 
.jxDisabled a.jxButtonDisclose:active, 
.jxDisabled a.jxButtonDisclose:hover, 
.jxDisabled a.jxButtonDisclosePressed {
  cursor: default; 
  background-position: right 0px;
}

/* note, jxButtonHover is set by Multi button JS */
ul.jxToolbar .jxButtonHover {
  background-position: left -24px !important;
}

ul.jxToolbar .jxButtonHover span.jxButtonContent {
  background-position: right -24px !important;
}


/* Jx Flyout Styles */

.jxFlyout .jxChrome {
  background-image: url(http://www.blanco.sk/img/flyout_chrome.png);
  padding: 5px 5px 7px 6px;
}

.jxFlyout {
  /* Base setup */
  position: absolute;
  display: block;
  z-index: 100;

  margin: 0px;
  padding: 0px;
}

.jxFlyoutContent {
  position: relative;
  display: block;
  overflow: auto;
  margin: 6px 6px 8px 7px;
  background-color: #fff;
  border: 1px solid #999;
}

/* Jx Combo and Multi Button Styles */

.jxButtonMulti,
.jxButtonMulti span.jxButtonContent {
  background-image: url(http://www.blanco.sk/img/button_multi.png);
}

.jxButtonEditCombo,
.jxButtonEditCombo span.jxButtonContent {
  background-image: url(http://www.blanco.sk/img/button_combo.png);
}

/*a.jxButtonEditCombo {
  user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
}*/

.jxButtonMulti span.jxButtonContent span {
  padding-right: 21px;
}

.jxButtonEditCombo span.jxButtonContent span {
  font-size: 0px;
}

.jxButtonComboDefault span.jxButtonContent span,
.jxButtonComboDefault input {
  font-style: italic;
  color: #999;
}

.jxButtonEditCombo input {
  float: left;
  line-height: 16px;
  height: 16px;
  padding: 0px 4px;
  margin: 0px;
  border: none;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: transparent;
}

.redtext {color:red;}