/* container for slides */
.images {	background:#fff  repeat-x;	position:relative;		height:200px;		width:180px;	float:left;	}

/* single slide */
.images div {	display:none;	position:absolute;	top:0;	left:0;	padding:5px 5px 5px 0px;	height:186px;	font-size:12px;}

/* tabs (those little circles below slides) */
.slidetabs {	display:inline;	clear:both;	float:right;	margin-right:20px;}

/* single tab */
.slidetabs a {	width:8px;	height:8px;	float:left;	margin:3px;	background:url(http://medicalcourses-nwlh.com/_assets/Structure/home/navigator.png) 0 0 no-repeat;	display:block;	font-size:1px;	}

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

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


/* prev and next buttons */
.forward, .backward {	float:left;	background:#fff no-repeat;	display:block;	width:10px;	height:10px;	cursor:pointer;	font-size:1px;	text-indent:-9999em;	}

/* next */
.forward 				{ background-position: 0 -30px; clear:right; }
.forward:hover 		{ background-position:-30px -30px; }
.forward:active 	 	{ background-position:-60px -30px; } 


/* prev */
.backward:hover  		{ background-position:-30px 0; }
.backward:active  	{ background-position:-60px 0; }

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {	visibility:hidden !important;}