#slider {
    float:left;
    margin:0;
    position:relative;
    width:600px;
    height:350px;
    background:url("http://spencercoons.com/img/big_shadow.png") no-repeat scroll 77px 268px transparent;
    
}

.scroll {
  height: 250px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
  padding: 0;
  height: 250px;
  width: 600px; /* change to 560px if not using JS to remove rh.scroll */
}

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

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

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

ul.navigation {
    border-top:2px solid #008AFF;
    bottom:61px;
    margin-top:0;
    padding:3px 0;
    position:absolute;
    right:0;
    text-align:center;
    width:100%;
    z-index:1000;
}

.navigation li {
    color:white;
    display:inline;
    font-size:11px;
    list-style-type:none;
}

.navigation a:hover {
	color: #008AFF;
	font-family:helvetica;
	text-decoration:none;
    font-size: 11px;
}

.navigation a {
	color: #ffffff;
	font-family:helvetica;
	text-decoration:none;
    font-size: 11px;
    outline: none;
}

.navigation a.selected {
	color: #008AFF;
    font-size: 11px;
    outline: none;
}

.panel p {
	font-family: arial;	
	color: #fff;
    width: 400px !important;
}


.panel a {	
	color: #FFFFFF;
}

.panel a:hover, a:visited {
	color: #FFFFFF;
}

.textboxPosition {
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
    bottom:-199px;
    height:51px;
    padding-left:8px;
    position:relative;
    width:592px;
}

#Expedia {
	background: url("http://spencercoons.com/img/expedia_slider.jpg") no-repeat scroll 0 0 transparent;
}

#Allsorts {
	background: url("http://spencercoons.com/img/allsortsSlide.jpg") no-repeat scroll 0 0 transparent;
}