#slider {
	width: 990px;
	position: relative;
	background:url(../images/featuredItem_one.jpg) top left no-repeat;
	height: 542px;
}

.scroll {
	height: 350px;
	overflow: scroll;
	position: relative; /* fix for IE to respect overflow */
	clear: left;
	background:#FFFFFF;
	width: 698px;
	margin: 0 auto;
	top:152px;
}

.scrollBottom {
	background:url(../images/bottom_slider.jpg) bottom left no-repeat;
	width:708px;
	height:57px;
	margin:0 auto;
	position: relative;
	top: 153px;
}

.scrollContainer div.panel {
  padding: 20px;
  height: 325px;
  width: 660px; /* change to 560px if not using JS to remove rh.scroll */
  margin:0 auto;
}

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

.scrollButtons.left {
  left: 100px;
}

.scrollButtons.right {
  right: 100px;
}
/*Panels*/
.panelLeft {float:left;width:205px;}
.panelRight {float:right;width:450px;}
.clear {clear:both;margin:0px;padding:0px;}

/*TABS*/
ul.navigation {position:absolute;left:146px;top:130px;}

.navigation li {
	display:inline;
	float:left;
	margin:0px 4px 0px 0px;
	width:113px;
	height:24px;
	background:url(../images/tab-trans.png) no-repeat top center;	
	list-style:none;
}

#slider .navigation div a.selected {
	display:block;
	float:left;
	width:113px;
	height:24px;
	background:url(../images/tab-on-trans.png) no-repeat top center;	
	list-style:none;
	color:#557197;
}

.navigation li a, .navigation li a:hover, .navigation li a:visited {
	font:13px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
	position:relative;
	z-index:10;
}


.navigation li div {
	padding-top:1px;
}

