/*
root element for the scrollable.  when scrolling occurs this
element stays still.
*/
.scrollable {
  /* required settings */
  position:relative;
  overflow:hidden;
  width: 970px;
  height:120px;
  float: left;
}
 
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accommodate scrollable
items.  it's enough that you set width and height for the root element
and not for this element.
*/
.scrollable .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
}
 
/*
a single item. must be floated in horizontal scrolling.  typically,
this element is the one that *you* will style the most.
*/
.items div {
  float:left;

}

.items img
{
	margin-left: 0px;
	margin-right: 0px;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
    display:block;
    width:15px;
    height:41px;
    float:left;
    margin:80px 5px;
    cursor:pointer;
    font-size:1px;
}

/* right */
a.right {background:url(./images/arrow_right.png) no-repeat;
 clear:right; margin-right: 5px;}
a.right:hover {  }
a.right:active { }


/* left */
a.left { background: url(./images/arrow_left.png) no-repeat; margin-left: 7px; }
a.left:hover  { }
a.left:active {  }

.carousel_entity_sensor
{
	position: relative;
    cursor:pointer;


}

.carousel_entity_sensor:hover .carousel_entity_onmouseover_textbox
{
	display: inline;
}

.carousel_entity_onmouseover_textbox
{
	display:none;
	position: absolute;
	top: 50%;
	left: 0;
	height: 50%;
	width: 88%;
	background-color: rgba(250,244,234,0.8);
	margin-left: 0px;
	margin-right: 3px;
	color: #64594a;
	text-align: left;
	font-size: 12px;
	padding: 10px;
}