/* easy slider */

.scrollContainer ul, .scrollContainer li{
	margin:0;
	padding:0;
	list-style:none;
	}

.scrollContainer, .scrollContainer li{ 
	width:615px;
	height:291px;
	position: relative;
	overflow:hidden;
}


/* old coda slider */
#slider {
	float: left;
  width: 617px;
	height: 290px;
	background: url('../images/homeSlider/homeSliderBg.png') top left no-repeat;
	margin: 20px 0 0 30px;
	position: relative;
}

.scroll {
  width: 617px;
  height: 290px;
  overflow: hidden;
  position: relative;
	clear: left;
	text-align: center;
}

.scrollContainer div.panel {
    width: 617px;
    height: 290px;
    overflow: hidden;
}

.scrollContainer div.panel p {
	text-align: left;
	line-height: 140%;
	font-size: 13px;
}

.scrollContainer div.panel .left {
	margin: 0 30px 10px 0;
}

.scrollContainer div.panel .pad {
	padding: 15px;
}

div.panel a.btn, div.panel a:visited.btn {
  width: 134px;
  height: 20px;
  display: block;
  background: url('../images/homeSlider/glossyBtn.png') no-repeat;
  font-size: 14px; 
  line-height: 24px; 
  text-align: center; 
  text-decoration: none; 
  color: #333; 
  margin-bottom: 20px;
}
.buy {position: absolute; bottom: 0; right: 80px;}
.info {position: absolute; bottom: 0; right: 230px;}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
}

ul.navigation li {
	margin: 0;
	margin-right: 6px;
	float: left;
	font-size: 1.2em;
}

ul.navigation a {
    padding: 2px;
    color: #333;
    text-decoration: none;
}

ul.navigation a:hover {
	color: #333;
    background-color: #533d2a;
}

ul.navigation a.selected {
	color: #333;
	background-color: #533d2a;
}

ul.navigation a:focus {
    outline: none;
}

.hide {
    display: none;
}

#prevBtn, #nextBtn {
  position: absolute;
  bottom: 20px;
  cursor: pointer;
  height: 25px;
  width: 14px;
  display: block;
  text-indent: -8000px;
  z-index: 1000;
  overflow: hidden;
}

#prevBtn a, #nextBtn a {
  display: block;
  height: 25px;
  width: 14px;
}

#prevBtn {
  left: 20px;
  background: url("../images/homeSlider/arrow-left.png") no-repeat 0 0;
}
#nextBtn {
  right: 20px;
  background: url("../images/homeSlider/arrow-right.png") no-repeat 0 0;
}