img {border: 0;}

#xoopsHiddenText {visibility: hidden; color: #000000; font-weight: normal; font-style: normal; text-decoration: none;}

.pagneutral {font-size: 10px; width: 16px; height: 19px;text-align: center; background-image: url(./images/pagneutral.gif);}
.pagact {font-size: 10px; width: 16px; height: 19px;text-align: center; background-image: url(./images/pagact.gif);}
.paginact {font-size: 10px; width: 16px; height: 19px;text-align: center; background-image: url(./images/paginact.gif);}


#mainmenu a {text-align:left; display: block; margin: 0; padding: 4px;}
#mainmenu a.menuTop {padding-left: 3px;}
#mainmenu a.menuMain {padding-left: 3px;}
#mainmenu a.menuSub {padding-left: 9px;}

/*
#usermenu a {text-align:left; display: block; margin: 0; padding: 4px;}
#usermenu a.menuTop {}
#usermenu a.highlight {color: #0000ff; background-color: #fcc;}
*/


/* scroll */
div.album {
	position:relative;
	overflow-x:hidden;
	width: 660px;
	background:#FFFFFF;
	float: left;
}
div.scrollable {
	position:relative;
	overflow:hidden;	 	
	width: 610px;	
	height:153px;
	/* custom decorations */
	padding:10px 0;	
}

div.scrollable div.items {	
	width:20000em;	
	position:absolute;
	clear:both;		
	
	/* decoration */
	margin-left:10px;
}


div.scrollable div.items .item {
	float:left;
	text-align:center;
	width:110px;
	
	font-size:13px;
	font-family: 'bitstream vera sans';
	padding:5px 0px;
	margin-right: 10px;	
	-moz-border-radius:5px;
	background-color: #F2F3F3;
	border: 1px solid #D0D0D0;
	height: 190px;
}
div.scrollable div.items .item .thumbnail {
	overflow-y:hidden;
	height: 150px;	
}
div.scrollable div.items .item img {
	width: 100px;
}

/* active item */
div.scrollable div.items div.active {
	border:1px inset #ccc;		
	background-color:#fff;
}


/* customized for ls2network */
#scroll_collocation {
	height: 220px;
}
#scroll_collocation .item img {
	width: 100px;
	height: auto;
}
.items .item .name {
	padding-top: 3px;
}
#scroll_collocation .item .name a:link, #scroll_collocation .item .name a:visited {
	background: transparent;
	color:#71BF44;
}

#scroll_clothing {
	height:220px;
}

#scroll_cosmetic {
        height:220px;
}

#scroll_clothing .item .name a:link, #scroll_clothing .item .name a:visited {
	background: transparent;
	color:#FF6600;	
}
#scroll_cosmetic .item .name a:link, #scroll_cosmetic .item .name a:visited  {
	background: transparent;
	color: #27BCDE;
}


/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;	
}

a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(images/scrollable/arrow/left.png) no-repeat;
	float:left;
	margin:43px 1px;
	cursor:pointer;
	font-size:1px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(images/scrollable/arrow/right.png);
	clear:right;	
}

/*********** navigator ***********/
div.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}

/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(imgages/scrollable/arrow/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
}