@charset "utf-8";
/* CSS Document */

div.scroll-wrap { width:964px; height:185px; position:absolute; left:4px; bottom:40px; background:url(../images/container.png) no-repeat left top;}

.tooltip { display:none; background:url(../images/black_arrow_big.png) no-repeat left top; height:191px; padding:10px 30px 10px 30px; width:310px; font-size:11px; color:#fff; _background-color:#fff;}
.tooltip  h2 { color:#333;}
.tooltip  p { color:#666; font-size:11px; line-height:17px;}
.tooltip  img { float:left; margin:0px 5px 0px 0px;}
	
.scrollable { position:relative; width:952px; height:158px; left:6px; top:12px; overflow:hidden; float:left;}
.scrollable .items { width:20000em; position:absolute; clear:both;}
.items div.float { float:left; width:957px; padding:9px 0px 0px 13px;}
.scrollable .active { border:2px solid #000; position:relative; cursor:default;}

a.browse { background-image:url(../images/hori_large.png); background-repeat:no-repeat; background-position:left top; display:block; width:43px; height:38px; position:absolute; top:65px; cursor:pointer; font-size:1px; z-index:11;}
a.right { right:-7px; background-position:-43px top;}
a.right:hover { background-position:-43px -38px;}
a.right:active { background-position:-43px -76px;} 
a.left { left:-7px;} 
a.left:hover { background-position:0px -38px;}
a.left:active { background-position:0px -76px;}

.navi { width:964px; height:17px; position:absolute; left:0px; bottom:-15px; text-align:center;}
.navi a { width:18px; height:17px; display:inline-block; margin:0px 1px 0px 2px; background:url(../images/navi.png) no-repeat 0px 0px;}
.navi a:hover, .tabs a:focus { background:url(../images/navi.png) no-repeat 0px -16px;}
.navi a.active { background:url(../images/navi.png) no-repeat 0px -32px; cursor:default;}

a.trigger { display:block; width:216px; height:133px; float:left; margin:0px 6px 30px 0px; padding:12px 0px 0px 11px; background:url(../images/item-frame.png) no-repeat left top;}
a.trigger:hover { background:url(../images/item-frame.png) no-repeat left -145px;}
a.trigger img { width:205px; height:116px;}

a.disabled { visibility:hidden !important;}