#carousel_photos {
  float: left;
  width: 298px;
  position: relative;
  top:0px;
  left:17px;
}

#carousel_photos .container {
  float: left;
  width: 298px;
  height: 110px;
  position: relative;
  overflow: hidden;
}

#carousel_photos ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 110px;
}                      

#carousel_photos ul li {
  width: 149px;
  list-style:none;   
  float:left;
}

#carousel_photos .previous_button {
	width: 37px;
	height: 24px;
	float: left;
	background: url(/frontend/Gui/zarexpo/images/arrow_left.gif) no-repeat left top;
	cursor: pointer;
}

#carousel_photos .previous_button_over {
	background: url(/frontend/Gui/zarexpo/images/arrow_left.gif) no-repeat left top;
}

#carousel_photos .previous_button_disabled {
	background: url(/frontend/Gui/zarexpo/images/arrow_left.gif) no-repeat left top;
    cursor: default;
}

#carousel_photos .next_button {
	width: 37px;
	height: 24px;
	float: left;
	background: url(/frontend/Gui/zarexpo/images/arrow_right.gif) no-repeat left top;
	cursor: pointer;
	margin: 0px 0px 0px -1px;
}

#carousel_photos .next_button_over {
	background: url(/frontend/Gui/zarexpo/images/arrow_right.gif) no-repeat left top;
}

#carousel_photos .next_button_disabled {
	background: url(/frontend/Gui/zarexpo/images/arrow_right.gif) no-repeat left top;
  cursor: default;
}






#carousel_events {
  float: left;
  width: 290px;
  position: relative;
  top:0px;
  left:0px;
}

#carousel_events .container {
  float: left;
  width: 290px;
  height: 160px;
  position: relative;
  overflow: hidden;
}

#carousel_events ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 160px;
}                      

#carousel_events ul li {
  width: 290px;
  list-style:none;   
  float:left;
}

#carousel_events .previous_button {
	width: 37px;
	height: 24px;
	float: left;
	background: url(/frontend/Gui/zarexpo/images/arrow_left.gif) no-repeat left top;
	cursor: pointer;
}

#carousel_events .previous_button_over {
	background: url(/frontend/Gui/zarexpo/images/arrow_left.gif) no-repeat left top;
}

#carousel_events .previous_button_disabled {
	background: url(/frontend/Gui/zarexpo/images/arrow_left.gif) no-repeat left top;
    cursor: default;
}

#carousel_events .next_button {
	width: 37px;
	height: 24px;
	float: left;
	background: url(/frontend/Gui/zarexpo/images/arrow_right.gif) no-repeat left top;
	cursor: pointer;
	margin: 0px 0px 0px -1px;
}

#carousel_events .next_button_over {
	background: url(/frontend/Gui/zarexpo/images/arrow_right.gif) no-repeat left top;
}

#carousel_events .next_button_disabled {
	background: url(/frontend/Gui/zarexpo/images/arrow_right.gif) no-repeat left top;
  cursor: default;
}