.scrollable {
        position: relative;
        overflow:hidden;
        width: 499px;
        height: 230px;
        z-index:1;
}
.scrollable .thumbs {
        position:absolute;
        width:20000em;
        clear:both;
        border:0px;
        z-index:1;
}
.thumbs div {
        float:left;
        width:499px;
        height:230px;
        color:#fff;
        cursor:pointer;
}
.thumbs div.hover {
        background-color:#444;
}
.thumbs div.active {
        background-color:#066;
        cursor:default;
}
div.scrollable2 {
        position:relative;
        overflow:hidden;
        height: 998px;
	text-align:left;
	width:100%;
}
div.scrollable2 div.items {
        position:absolute;
	margin-top:94px;
	height:20000em;
}
div.scrollable2 div.items div {
        float:left;
        color:#999;
        text-align:left;
	width:100%;
	height:75px;
        padding-top:18px;
        padding-bottom:18px;
        font-size:12px;
        cursor:pointer;
}
div.scrollable2 div.items div:hover {
        background-position:-178px 0px;
}
div.scrollable2 div.items div:active {
        background-position:-356px 0;
}
div.scrollable2 div.items div.active {
        background-position:-534px 0;
        cursor:default;
}

/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	background:#333 url(/img/global/gradient/h300.png) 0 0;
	width: 300px;
	border:1px solid #333;	
	background:#666;
}

/* accordion header */
#accordion h2 {
	background:#ccc url(/img/global/gradient/h30.png);
	margin:0;
	padding:5px 15px;
	font-size:14px;
	font-weight:normal;
	border:1px solid #fff;
	border-bottom:1px solid #ddd;
	cursor:pointer;		
}

/* currently active header */
#accordion h2.current {
	cursor:default;
	background-color:#fff;
}

/* accordion pane */
#accordion div.pane {
	border:1px solid #fff;
	border-width:0 2px;
	display:none;
	height:180px;
	padding:15px;
	color:#fff;
	font-size:12px;
}

/* a title inside pane */
#accordion div.pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#999;
}

ul#menu li {
  display: inline;
  position: relative;
  z-index:99;
}

ul#menu div {
  display: none;
  z-index:99;
}

ul#menu li.mega div {
  width: 215px;
  position: absolute;
  background: #f0f9e6;
  padding: 8px 12px 8px 8px;
  top: -2px;
  left: 193px;
  border-top:1px solid #c1c1c1;
  border-right:1px solid #bbb;
  border-bottom:2px solid #bbb;
  z-index:99;
}

ul#menu li.hovering div {
  display: block;
}

ul#menu li.mega a {
  display: block;
  width:100%;
  padding:7px 0px 7px 3px;
}

ul#menu li.mega a:hover {
  display: block;
  width:100%;
}

.cathover:hover{
/*  
  border-top:1px solid #c1c1c1; 
  border-right:1px solid #bbb; 
  border-bottom:1px solid #bbb;
  border-left:1px solid #c1c1c1;
*/
  padding:9px 17px 9px 13px;
  background:#E7E4D3 url('http://www.produkgrosir.com/images/arrow-right.gif') no-repeat center right;
  background-position: 97% 50%; 
  cursor: pointer;
}

.cathover{    
  padding:9px 17px 9px 13px; 
  border-top:1px dotted #dbdbdb;
}
.tooltip {
	display:none;
	background:transparent url('http://www.produkgrosir.com/images/black_arrow.png');
	font-size:10px;
	height:57px;
	width:130px;
	padding:20px;
	color:#fff;	
}

#tips img{
	border:0;
	cursor:pointer;
}