@charset "utf-8";

/* -------------------------------------------------- CLASS for Javascript -------------------------------------------------- */
/* -- SLIDESHOW (IMAGES) -- */
div.IMAGES		{ clear:both; display:inline; float:left; width:480px; height:320px; margin:0px 0px 0px 0px; padding:0px; border:none; background-color:#fff; }
div.IMAGES div.IMAGE	{ position:relative; display:block; width:480px; height:auto; margin:0; background-color:#fff; }
div.IMAGES div.IMAGE img	{ clear:both; float:none; border:none; margin:0px; padding:0px; }
div.IMAGES div.IMAGE cite	{ display:block; position:absolute; padding:1px; filter:alpha(opacity=0.5); KhtmlOpacity:0.5; MozOpacity:0.5; opacity:0.5; color:#000; background:#fff; font-size:9px; line-height:10px; }

/* -- SLIDESHOW (THUMBNAILS) -- */
div.THUMBNAILS			{ position:relative; clear:both; display:none; float:left; width:480px; height:51px; overflow:hidden; margin:0; padding:0px; }
div.THUMBNAILS ol			{ clear:both; display:inline; float:left; width:1px; height:auto; margin:0px; padding:1px 0px 0px 0px; border-top:1px solid #eee; }
div.THUMBNAILS ol li		{ clear:none; display:inline; float:left; width:80px; height:auto; margin:0px 0px 0px 0px; padding:0px; }
div.THUMBNAILS ol a			{ clear:none; display:inline; float:left; width:75px; height:50px; overflow:hidden; margin:1px 0px 0px 0; padding:0px; background:#fff; text-align:center; }
div.THUMBNAILS ol a:link		{ color:#000; text-decoration:none; }
div.THUMBNAILS ol a:visited		{ color:#000; text-decoration:none; }
div.THUMBNAILS ol a:hover		{ color:#000; text-decoration:none !important; background-color:#fff; }
div.THUMBNAILS ol a:active		{ color:#000; text-decoration:none; background-color:#fff; }
div.THUMBNAILS ol a img		{ clear:both; float:none; border:none; margin:0px; padding:0px; }
div.THUMBNAILS div			{ position:absolute; top:0px; left:0px; display:block; float:none; width:1px; height:1px; margin:0px; padding:0px; background-color:#4DB2FF; }


/* ------------------------------- CATEGORY ------------------------------- */
/* -- SLIDESHOW (IMAGES) -- */
div.IMAGES			{ width:480px; margin:0; background:#fff 100% 100% scroll no-repeat; }
div.IMAGES div.IMAGE		{ width:480px; background:50% 50% scroll no-repeat; }

/* -- SLIDESHOW (THUMBNAILS) -- */
div.THUMBNAILS			{ width:480px; height:50px; margin:2px 0 0 0;}
div.THUMBNAILS ol li		{ width:80px; margin:0; }
div.THUMBNAILS ol a			{ width:75px; height:50px; }
div.THUMBNAILS.NO			{ display:none; }