/* CSS Document */
/* General Slider / Carousel */
#carousel_container {
	padding: 0; margin: 0;
	width: 640px;
  height: 110px;
  overflow: hidden;
  border: 5px solid silver;
  border-left: 0; border-right: 0;
}

#carousel_inner {
  float: left; /* important for inline positioning */
  width: 610px; /* important (this width = width of list item(including margin) * items shown */
  overflow: hidden;  /* important (hide the items outside the div) */
  /* non-important styling bellow*/
  background-color: #F0F0F0;
  background-color: #fff;
  margin: 0; padding: 0;
}

#carousel_ul {
  position: relative;
  left: -610px; /* important (this should be negative number of list items width(including margin) */
  list-style-type: none; /* removing the default styling for unordered list items */
  margin: 0;
  padding: 0;
  width: 9999px; /* important */
  /* non-important styling below */
  padding-bottom: 10px;
}

#carousel_ul li{
  float: left; /* important for inline positioning of the list items */
  width: 600px;  /* fixed width, important */
  /* just styling bellow*/
  padding: 0px;
  background: #fff;
  margin: 0px 5px 0px 5px;
}

#carousel_ul li img {
  .margin-bottom: -4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
  /* styling */
  cursor: pointer;
  cursor: hand;
  border: 0px;
  overflow: hidden;
}
#left_scroll, #right_scroll{
  float: left;
  width: 15px;
  height: 120px;
  /*background: url('http://tutsvalley.com/demos/carousel_revisited/left.png') 0 0 repeat;*/
}
/*#right_scroll{
  background: url('http://tutsvalley.com/demos/carousel_revisited/right.png') 0 0 repeat;
}*/
#left_scroll img, #right_scroll img{
  border: 0; /* remove the default border of linked image */
  /*styling*/
  cursor: pointer;
  cursor: hand;
}