/* this makes it possible to add next button beside scrollable */



/* prev, next, prevPage and nextPage buttons */

a.prev, a.next, a.prevPage, a.nextPage {

	display:block;

	width: 43px;

	height: 45px;

	background:url(../images/prev_no.gif) no-repeat;

	margin: 118px 0px 0px 0px;

	cursor:pointer;

	position: absolute;

	z-index: 89;



}

a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {

	display:block;

	width: 43px;

	height: 45px;

	background:url(../images/prev_hover.gif) no-repeat;

	margin: 118px 0px 0px 0px;

	cursor:pointer;

	position: absolute;

	z-index: 89;



}

/* mouseover state */

a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {	}



/* disabled navigational button */

a.disabled {

	visibility:hidden !important;

}



/* next button uses another background image */

a.next, a.nextPage {

	background:url(../images/next_no.gif) no-repeat;

	position: absolute;

	z-index: 89;

	margin: 118px 0px 0px 910px;

}

a.next:hover, a.nextPage:hover {

	background:url(../images/next_hover.gif) no-repeat;

	position: absolute;

	z-index: 89;

	margin: 118px 0px 0px 910px;

}

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



  /* position and dimensions of the navigator */

div.navi {

	width:44px;

	height:45px;

	position: absolute;

	z-index: 89;

	margin: 118px 0px 0px 0px;

	overflow: hidden;

	padding-left: 0px;

}



/* items inside navigator */

div.navi a {

	width:44px;

	height:45px;

	margin:0px;

	cursor:pointer;

	display:block;

	float: left;

}



/* active state (current page state) */

div.navi a.active {

	background-position:0 -16px;

	background:url(../images/carouselthumb_act.gif	) 0 0 no-repeat;

}



/* root element for the whole scrollable setup */

div.scrollable {

    position:relative;

    overflow:hidden;

    width: 952px;

    height: 282px;

}



/*

    root element for scrollable items. It is

    absolutely positioned with large width.

*/

#thumbs {

    position:absolute;

    width:20000em;

    clear:both;

}



/* single item */

#thumbs div {

    float:left;

    width:952px;

    height:282px;

    color:#fff;

    cursor:pointer;

	  overflow: hidden;

		margin: 0px;

   	padding: 0px;

}



#thumbs div img {

		margin: 0px;

		padding: 0px;

		overflow: hidden;

}



#thumbs div.mycar_image								{ margin: 0px; padding: 0px; height: 282px; width: 952px; }