/* ::::: http://jqueryfordesigners.com/demo/coda-slider.css ::::: */
#intro { padding-bottom: 10px; }
h2 { margin: 0pt 0pt 14px; padding: 0pt; }
#slider {
 margin: 0 auto 20px;
 width: 850px;
 position: relative; }
.scroll {
 background-color: rgb(255,255,255);
 background-repeat: repeat-x;
 background-attachment: scroll;
 background-position: left bottom;
 height: 585px;
 width: 850px;
 overflow-y: auto;
 overflow-x: hidden;
 position: relative;
 clear: left;
 -moz-background-clip: border;
 -moz-background-origin: padding;
 -moz-background-inline-policy: continuous; }
.scrollContainer div.panel {
 padding: 0;
 height: 585px;
 width: 940px; }
#shade { background: rgb(237, 237, 236) url(../kanamoriJo/shade.jpg) no-repeat scroll 0pt 0pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; height: 50px; }
ul.navigation {
 float: left;
 margin: 0;
 padding: 20pt 0 0;
 list-style: none; }
ul.navigation li { display: inline; margin-right: 20px; }
ul.navigation a {
 padding: 3px 20px 5px;
 color: #fff;
 background-color: #5f5e5e;
 text-decoration: none;
 margin-right: 5px; }
ul.navigation a:hover {
 color: #fff;
 background-color: #5f5e5e; }
ul.navigation a.selected {
 color: #fff;
 background-color: #b29863; }
ul.navigation a:focus { outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; }
.scrollButtons { position: absolute; top: 150px; cursor: pointer; }
.scrollButtons.left {
 left: -20px;
 overflow: hidden;
 visibility: hidden; }
.scrollButtons.right {
 right: -20px;
 overflow: hidden;
 visibility: hidden; }
.hide { display: none; }
.navigation {
 padding-top: 20px;
 padding-left: 20px; }
#detailsMovieShortText {
 color: #666;
 font-size: 11px;
 width: 640px;
 float: right;
 padding-top: 20px; }