/* @override http://liteboxweb.com/clients/nelson/coda-slider.css */

/* @override http://liteboxweb.com/clients/nelson/coda-slider.css */

/* part A */
#slider {
    width: 885px;
    margin: 0 auto;
    position: relative;
	height: 395px;
}

.scroll {
    height: 395px;
    width: 885px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    background: #ffffff url(images/bg_slider.png) repeat-x scroll left bottom;
	clear: left;
}

.scrollContainer div.panel {
    height: 395px;
	padding: 0;
	width: 885px;
}

#inner {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-bottom: 9px;
	position: absolute;
	bottom: -158px;
	z-index: 1;
	height: 120px;
	width: 885px;
	overflow: hidden;
	left: -1px;
}

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

	z-index: 1;
	height: 95px;
	width: 870px;
}

ul.navigation li {
    margin-right: 0;
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
}

#slider img.navleft {
    left: -37px;
	width: 37px;
	height: 115px;
	position: absolute;
	top: 420px;
}

#slider img.navright {
	width: 37px;
	height: 115px;
	position: absolute;
	right: -37px;
	top: 420px;
}

ul.navigation a {
    padding: 0;
    color: #000;
    text-decoration: none;
}

ul.navigation a:hover {
 	border-bottom:2px solid #c39e5f;
	}

ul.navigation a.selected {
 	border-bottom:2px solid #c39e5f;
	}

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

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

.scrollButtons img {
}

.scrollButtons.left {
    left: -37px;
	width: 37px;
	height: 115px;
}

.scrollButtons.right {
    right: -37px;
	width: 37px;
	height: 115px;
}

.hide {
	width: 885px;
	height: 395px;
}