body { 	margin:0px;	padding:0px; background-image:url('../img/bg.jpg');background-repeat:repeat-x;background-color:#D7D2CE;font-family: verdana,sans-serif;
font-size: 12px;}

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

h1 {font-family: arial,sans-serif;
letter-spacing: -0.4pt;font-weight:normal;
word-spacing: -2.4pt;color: white;font-size: 25px;font-style: normal;margin:0px;margin-left:10px;}

h2 {font-family: arial,sans-serif;
letter-spacing: -0.4pt;font-weight:normal;
word-spacing: -2.4pt;color: black;font-size: 18px;font-style: normal;margin:0px;margin-left:0px;text-transform:uppercase;display:inline;}
h2 a:active, h2 a:link, h2 a:visited{text-decoration:none;color:#FF0101}
h2 a:hover{text-decoration:none;color:#7FC241}
.h2 {font-family: arial,sans-serif;
letter-spacing: -0.4pt;font-weight:normal;
word-spacing: -2.4pt;color: black;font-size: 18px;font-style: normal;margin:0px;margin-left:10px;text-transform:uppercase;display:inline;}
.h2 a:active, .h2 a:link, .h2 a:visited{text-decoration:none;color:#FF0101}
.h2 a:hover{text-decoration:none;color:#7FC241}

#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}

.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 {font-size:10px;}
.footer a:active, .footer a:visited, .footer a:link{font-size:10px;color:black;text-decoration:underline;}
.footer a:hover {font-size:10px;color:black;text-decoration:none;}

.greylink {font-size:12px;line-height:180%;}
.greylink a:active, .greylink a:visited, .greylink a:link{font-size:12px;color:#B2B2B2;text-decoration:none;font-weight:bold;}
.greylink a:hover {font-size:12px;color:#FF0101;text-decoration:none;font-weight:bold;}

.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;padding-left:8px; padding-right:8px;padding-top:9px;}
#menu a:hover {color:white;text-decoration:none;padding-left:8px; padding-right:8px;background-image:url(http://www.supa.sk/new/img/menu_hover.png);background-repeat:no-repeat;background-position:top center;margin-top:9px;}

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

.redtext {color:red;}

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

#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: 240px;}
#obal ul, #obal li{list-style: none;font-weight: normal;margin: 0;padding: 0;font-size: 12px;width: 240px;height:30px;}
#obal ul li a{display: block;padding-top:9px;padding-left:23px;color: #2C2724;font-weight:normal;text-decoration: none; background: url('http://www.supa.sk/img/menu.gif') 0px 0;background-repeat:no-repeat;
_width: 100%;height:30px;font-weight:bold;}
.submenu li {list-style: none;font-weight: normal;margin: 0;padding: 0;font-size: 12px;width: 240px;height:46px;}
.submenu {font-weight: normal;margin: 0;padding: 0;font-size: 12px;width: 240px;height:36px;}
.submenu a:link, .submenu a:visited ,.submenu a:active{display: block;padding-top:9px;padding-left:23px;padding-bottom:5px;font-weight: normal;	font-size: 12px;color: #000;text-decoration: none;background: url('http://www.supa.sk/img/menu.gif') -480px 0;background-repeat:no-repeat;line-height:1.1;height:46px;}
.submenu a:hover {color: #FE0101;	text-decoration: none;background: url('http://www.supa.sk/img/menu.gif') -720px 0;background-repeat:no-repeat;}
.selected {background: url('http://www.supa.sk/img/menu.gif') -240px 0;background-repeat:no-repeat;Text-Transform: uppercase;font-weight:bold;}
#obal ul li a:hover{background: url('http://www.supa.sk/img/menu.gif') -240px 0;background-repeat:no-repeat;color:white;}


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.supa.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.supa.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.supa.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.supa.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.supa.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.supa.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.supa.sk/img/button_multi.png);
}

.jxButtonEditCombo,
.jxButtonEditCombo span.jxButtonContent {
  background-image: url(http://www.supa.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;
}