.slider1
{
  margin: 5px 0px 0px 0px;
  height: 350px;
  width: 6px;
  float:left;
  width: 6px;
  background-color: #33CC33;
}
.indicator
{
  width: 6px;
  height: 20px;
  background-color: #FF9900;
}
.content1
{
  margin: 5px 0px 0px 0px;
  width: 495px;
  height: 350px;
  float:left;
  background: #f8f8f8;
  overflow:hidden;
}


/*Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired*/

.virtualpage, .virtualpage2, .virtualpage3{
/*hide the broken up pieces of contents until script is called. Remove if desired*/
display: none;
}

.paginationstyle{ /*Style for demo pagination divs*/
text-align: center;
padding: 0;
margin: 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.guzik {
  background: url('/images/guzik-on.jpg') no-repeat top left;
  height: 34px;
  width: 203px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  font-size: 1.2em;
  font-weight: 600;
}

.guzik:hover {
  background: url('/images/guzik-off.jpg') no-repeat top left;
  height: 34px;
  width: 203px;
}

.selected {
  cursor: pointer;
  background: url('/images/guzik-off.jpg') no-repeat top left;
  height: 34px;
  width: 203px;
  text-align: center;
  vertical-align: middle;
  font-size: 1.2em;
  color: white;
  font-weight: 600;
}