.home-slider {   background-position: right bottom; background-repeat: no-repeat; height: 210px; margin-bottom:15px;}


.m-container { /*  float: left;  */ position: relative; width: 670px; height: 200px !important; /*  background-color: #f0f0f0;  */ clear: both; }
/* this makes it possible to add next button beside scrollable */
div.m-scrollable { /*  float:left;  */ position: relative; overflow: hidden; width: 670px; height: 188px; padding: 0; clear: both; }
/* prev, next, prevPage and nextPage buttons */
.m-container a.next, .m-container a.nextPage { float: right; z-index: 100; display: block; width: 26px; height: 17px; margin-top: 5px; background: url(../images/shell/forward.gif) no-repeat; cursor: pointer; text-decoration: none; }
.m-container a.prev, .m-container a.prevPage { float: right; z-index: 100; display: block; width: 26px; height: 17px; margin-top: 5px; background: url(../images/shell/backward.gif) no-repeat; cursor: pointer; text-decoration: none; }
/* mouseover state */
/* div.scrollable 
{background-position:0px -26px;		
}
 */
/* disabled navigational button */
a.disabled { visibility: hidden !important; }

/* next button uses another background image */
/* a.next, a.nextPage {
	background-image:url(forward.gif);
} */

/*********** navigator ***********/


/* position and dimensions of the navigator */
.m-container div.navi { position: absolute; top: 198px; /*  left: 300px;  */ width: 100px; height: 8px; clear: both; overflow: hidden; padding: 4px 0 4px 0; z-index: 1000; }

/* items inside navigator */
div.m-navi a { width: 8px; height: 8px; float: left; margin: 3px; background-image: url(../images/shell/navigator.png); background-repeat: no-repeat; background-position: 0 0; cursor: pointer; }

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

/* active state (current page state) */
div.m-navi a.active { background-position: 0 -16px; }
/* root element for the whole scrollable setup */

img { border: 0; }
/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs-m { position: absolute; width: 20000em; clear: both; }
#thumbs-m div.thumb1, #thumbs-m div.thumb2, #thumbs-m div.thumb3 { width: 670px; height: 200px; }

/* custom positioning for navigational links */
a.prev, a.next { display: block; width: 26px; height: 17px; z-index: 1000; }

/* single item */



.hideme { visibility: hidden; }
.hideme-bg { background-image: none; }