/***************  demo.css ****************/

A.jScrollArrowUp {
	BACKGROUND: url(images/basic_arrow_up.gif) repeat-x 0px 0px
}
A.jScrollArrowUp:hover {
	BACKGROUND-POSITION: 0px -15px
}
A.jScrollArrowDown {
	BACKGROUND: url(images/basic_arrow_down.gif) repeat-x 0px 0px
}
A.jScrollArrowDown:hover {
	BACKGROUND-POSITION: 0px -15px
}
A.jScrollActiveArrowButton {
	BACKGROUND-POSITION: 0px -30px
}
A.jScrollActiveArrowButton:hover {
	BACKGROUND-POSITION: 0px -30px
}
.orange-bar .jScrollPaneTrack {
	BACKGROUND: #f60
}
.orange-bar .jScrollPaneDrag {
	BACKGROUND: url(images/drag_grab.gif) #00f no-repeat 50% 50%
}
.orange-bar .scroll-pane {
	BACKGROUND: #69f
}

.wide {
	WIDTH: 400px
}
.super-wide {
	WIDTH: 700px
}
.tall {
	HEIGHT: 400px
}
/***************  enddemo.css ****************/

/* jscrollPane.css*/
.jScrollPaneContainer {
	Z-INDEX: 1; POSITION: relative; OVERFLOW: hidden
}
.jScrollPaneTrack {
	POSITION: absolute; BACKGROUND: #aaa; HEIGHT: 100%; TOP: 0px; CURSOR: pointer; RIGHT: 0px
}
.jScrollPaneDrag {
	POSITION: absolute; BACKGROUND: #666; OVERFLOW: hidden; CURSOR: pointer
}
.jScrollPaneDragTop {
	POSITION: absolute; OVERFLOW: hidden; TOP: 0px; LEFT: 0px
}
.jScrollPaneDragBottom {
	POSITION: absolute; BOTTOM: 0px; OVERFLOW: hidden; LEFT: 0px
}
A.jScrollArrowUp {
	Z-INDEX: 1; POSITION: absolute; TEXT-INDENT: -2000px; DISPLAY: block; HEIGHT: 9px; OVERFLOW: hidden; TOP: 0px; RIGHT: 0px
}
A.jScrollArrowUp:hover {

}
A.jScrollArrowDown {
	Z-INDEX: 1; POSITION: absolute; TEXT-INDENT: -2000px; BOTTOM: 0px; DISPLAY: block; HEIGHT: 9px; OVERFLOW: hidden; RIGHT: 0px
}
A.jScrollArrowDown:hover {

}
A.jScrollActiveArrowButton {

}
A.jScrollActiveArrowButton:hover {

}

/* end jscrollPane.css*/






.winXP .jScrollPaneTrack {
	BACKGROUND: url(images/windows_track.gif) repeat-y ;
}
.winXP .jScrollPaneDrag {
	BACKGROUND: url(images/windows_drag_middle.gif) no-repeat 0px 50% ;
}
.winXP .jScrollPaneDragTop {
	BACKGROUND: url(images/windows_drag_top.gif) no-repeat; HEIGHT: 4px
}
.winXP .jScrollPaneDragBottom {
	BACKGROUND: url(images/windows_drag_bottom.gif) no-repeat; HEIGHT: 4px
}
.winXP A.jScrollArrowUp {
	BACKGROUND: url(images/windows_arrow_up.gif) no-repeat 0px 0px; HEIGHT: 17px
}
.winXP A.jScrollArrowUp:hover {
	BACKGROUND-POSITION: 0px -20px
}
.winXP A.jScrollArrowDown {
	BACKGROUND: url(images/windows_arrow_down.gif) no-repeat 0px 0px; HEIGHT: 17px
}
.winXP A.jScrollArrowDown:hover {
	BACKGROUND-POSITION: 0px -20px
}
.winXP A.jScrollActiveArrowButton {
	BACKGROUND-POSITION: 0px -40px
}
.winXP A.jScrollActiveArrowButton:hover {
	BACKGROUND-POSITION: 0px -40px
}

.schmerSc .jScrollPaneTrack {
	BACKGROUND: url(images/sc_track.gif) repeat-y ;
}
.schmerSc .jScrollPaneDrag {
	BACKGROUND: url(images/sc_drag_middle.gif) no-repeat 0px 50% ;
}
.schmerSc .jScrollPaneDragTop {
	BACKGROUND: url(images/sc_drag_top.gif) no-repeat; HEIGHT: 4px
}
.schmerSc .jScrollPaneDragBottom {
	BACKGROUND: url(images/sc_drag_bottom.gif) no-repeat; HEIGHT: 4px
}
.schmerSc A.jScrollArrowUp {
  background-color:#000;
	BACKGROUND: url(images/sc_arrow_up.gif) no-repeat 0px 0px; HEIGHT: 15px
}
.schmerSc A.jScrollArrowUp:hover {
	BACKGROUND-POSITION: 0px -20px
}
.schmerSc A.jScrollArrowDown {
	BACKGROUND: url(images/sc_arrow_down.gif) no-repeat 0px 0px; HEIGHT: 15px
}
.schmerSc A.jScrollArrowDown:hover {
	BACKGROUND-POSITION: 0px -20px
}
.schmerSc A.jScrollActiveArrowButton {
	BACKGROUND-POSITION: 0px -40px
}
.schmerSc A.jScrollActiveArrowButton:hover {
	BACKGROUND-POSITION: 0px -40px
}





.left .jScrollPaneTrack {
	RIGHT: auto; LEFT: 0px
}
.left A.jScrollArrowUp {
	RIGHT: auto; LEFT: 0px
}
.left A.jScrollArrowDown {
	RIGHT: auto; LEFT: 0px
}
* HTML .osX .jScrollPaneDragBottom {
	BOTTOM: -1px
}

.scroll-pane{
	 BACKGROUND: #000;
   FLOAT: left;
   OVERFLOW: auto;
   height:220px;
   outline:0;
   /*z-index:-1; dla scrolii lezącyn na sobie tak jak w ofercie*/
   background-color:#000;
}
/*
div.a_item,
div.a_item:hover,
div.a_item_selected,
.combo_o_i,
.scroll-pane a.normal,
.scroll-pane a,
.scroll-pane a:hover,
.scroll-pane a.selected */



.combo_items div,
.combo_items div.normal,
.combo_items div:hover,
.combo_items div.selected,
.combo_items div.selected:hover,
.combo_items a,
.combo_items a:hover,
.combo_items a.selected,
.combo_items a.selected:hover,
.combo_items a.normal,
.combo_o_i



{
border: 2px solid #1E1E1E;
padding: 0 0;
padding-top:0px;
padding-right:5px;
padding-left:7px;
/*white-space:nowrap;*/

cursor: hand;
cursor: pointer;
background-color: #000;
font-family: verdana, arial, helvetica;
font-size:11px;
font-weight:normal;
line-height:160%;
text-indent: 0px;
text-decoration: none;
letter-spacing:0px;
color:#727272;

overflow:hidden;

}

.combo_o_i{
height:25px;
position:relative;
}

.combo_o_i .combo_label{
   padding-top:4px;
}

.combo_items div,
.combo_items div.normal,
.combo_items div:hover,
.combo_items div.selected,
.combo_items div.selected:hover,
.combo_items a,
.combo_items a:hover,
.combo_items a.selected,
.combo_items a.selected:hover,
.combo_items a.normal
{
border:0px;
/*height:25px;*/
display:block;
}

.asdf{
display: block;
background: black;
border-bottom: 0px solid black;
padding: 1px 0;
text-indent: 5px;
color:#727272;
font-weight:bold;
clear:both;
}

.combo_items div.selected,
.combo_items a.selected{
  background-color:#ccc;
  background: #FFCC33; 
}

.combo_items a.selected:hover,
.combo_items div.selected:hover,
.combo_items div:hover,
.combo_items a:hover{
  background-color:#ccc;
  background: #FFCC33;
}


.holder{
  position:absolute;
  left:0px;
  top:27px;
  border: 2px solid #1E1E1E;
  outline:0;
  z-index:10; /*dla scrolii lezącyn na sobie tak jak w ofercie*/
  /*border: 2px solid red;*/
  
  /*height:100px;*/
}

.combo_o{
   position:relative;
}




.combo_o_i_arr{
   position:absolute;
   right:0;
   top:0;
   background-image:url(images/combo_arr.jpg);
   background-repeat:no-repeat;
   background-position:0px 7px;
   background-color:black;
   height:20px;
   width:20px;
}