/*
	Styles for Sliding Effect (Original by JQuery for Designers)
	http://jqueryfordesigners.com/coda-slider-effect/
________________________________________________________________*/
#slider { width:600px; margin:0 auto; position:relative; }
.scroll { height:450px; width:590px; overflow:auto; overflow-x:hidden; position:relative; clear:left; background:#f1f1f1; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; }
div.panel { padding: 20px 40px; height:450px; width:530px; }
.scrollContainer {margin: 0; padding: 0;}
/* #shade { background:#EDEDEC url(images/shade.jpg) no-repeat 0 0; height:50px; } */

ul.navigation { list-style:none; margin:0; padding:0; }
ul.navigation li { display:inline; margin-right:0px; }
ul.navigation a { background-color:#ccc; padding:5px; color:#000; font-size:12px; text-decoration:none; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; }
ul.navigation a:hover { background-color:#eee; }
ul.navigation a.selected { background-color:#f1f1f1; }
ul.navigation a:focus { outline:none; }

.scrollButtons { position:absolute; top:150px; cursor:pointer; }
.scrollButtons.left { left:-35px; }
.scrollButtons.right { right:-35px; }
.hide { display:none; }
.panel h3 { font-size: 14px;}

#showroom {}
.showroomthumb {float:left; margin:5px; padding:0;}
.showroomthumb img {border: 5px solid #eee; display:inline;}
.showroomthumb span {display:block;text-align:center;}
.showclear {clear:both;}