@charset "UTF-8";
/* Slider for index.php */
/*older version!!!*/
#slider { width: 462px; margin: 25px 0px;/* position: absolute;*/ }

.navigation li { background: url(../images/tab.gif) top left repeat-x; border: none; float: left; font-size: 12px; font-weight: bold; line-height: 32px;  margin-top: -5px; text-align: left; width: 93px;   }	

.navigation li a { color: #630; margin-top: -5px;  width: 73px; }
.navigation li:hover { background-position: left bottom;  }
.selected { background: url(../images/tab.gif) left bottom repeat-x; width: 73px; }
#slider li a { display: block; padding: 4px 16px;  }

/* use this to get the spacing for the tabs. the last one on the right doesn't need margin-right */
.tab { margin-right: 26px; }


.scroll { 
	height: 275px;
	overflow: auto;
	position: relative; /* fix for IE to respect overflow */
	clear: left;
	background: url(../images/slider_bg.gif) repeat-x;
	width: 462px;
	background: #fc3;

}

.scrollContainer div.panel {
	top: 0px;
	position: relative;
	padding: 18px;
	height: 300px;
	width: 420px; /* change to 560px if not using JS to remove rh.scroll */
}

.scrollContainer span { 
	display: none;
}

h4 {
	color: #660;
	margin-top: 5px; 
}

/* SCROLL BUTTONS */
/*.scrollButtons {
	position: absolute;
	top: 130px;
	cursor: pointer;
}

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

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