@charset "utf-8";
/* CSS Document */

#slider {
width:585px;
position:relative;
margin: 0 auto;
}

.scroll {
  height:100px;
  overflow:auto;
  width:585px;
  overflow-x:hidden;
  position:relative; /* fix for IE to respect overflow */
  clear:left;
}

.scrollContainer .panel {
	height:150px;
	width:561px; /* change to 560px if not using JS to remove rh.scroll */
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.scrollContainer .panel img {
  	width:100px;
	height:65px;
	overflow:hidden;
	border:3px solid #E3D693;
	margin-right:6px;

}

ul.navigation {
    list-style:none;
    margin:0px;
    padding:0px;
    padding-bottom: 9px;

}

ul.navigation li {
	margin-right:2px;
	/*background-color:#CEB346;*/
	color:#333333;
	background-image: url(/images/tab_bg_normal.jpg);
	background-color: #f8f7f4;
	background-repeat: repeat-x;
	background-position: left bottom;
	display:inline;
	padding-top:5px;
	padding-bottom:5px;

}

ul.navigation li a {
	text-decoration: none;
	color:#817255;
	padding-right: 8px;
	padding-left: 8px;
}

ul.navigation a:hover {
	background-color: #5a471b;
	color:#CEB346;
}



ul.navigation a.selected {
	background-color: #f8f7f4;
	color:#817255;
	background-image: url(/images/tab_bg_selected.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}



.scrollButtons {
    position: absolute;
    top: 75px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}