/* CSS For my Scroll */
#myScrollable {
	width:410px;
	height:230px;
	overflow:hidden;
	float:left;
}

/* container for the scrollable items */
div.myItems {
	float:left;
	width:410px !important;
	height:206px;
	margin:-228px 0 0 0;
}



/* single item */
div.myItems span {
	display:block;
	float:left;
	margin-right:10px;
	width:410px;
	height:206px;
	font-size:10px;
	color:#333333;
	background-color:#989898;
	cursor:auto;
	font-family:Verdana;
}

/* next / prev buttons */
div.myPrev, div.myNext {
	position:relative;
	width:17px;
	height:9px;
	float:right;
	background-repeat:no-repeat;
	overflow:hidden;
	cursor:pointer;
	z-index:1;
}

div.myPrev {
	background:url(NavImages/Prev.gif);		
}

div.myNext {
	background:url(NavImages/Next.gif);		
}


/* navigator */
div.myNavi {
	position:relative;
	height:8px;
	overflow:hidden;
	float:right;
	z-index:1;
}


/* items inside navigator */
div.myNavi span {
	width:8px;
	height:8px;
	float:left;
	margin:1px 1px 1px 0px;
	background:url(NavImages/dots.gif) 0 0 no-repeat;     
	cursor:pointer;
}

div.myNavi span:hover {
	background-position:0 -8px;      
}

div.myNavi span.active {
	background-position:0 -16px;     
} 	



/**/

.myNavBox{
	float:right;
	width:405px; /*370px;*/
	height:15px;
	margin:213px 5px 0 0;
}

.mySlideCategory{
	width:140px;
	height:206px;
	overflow:hidden;
	float:left;
	background-color:#989898;
}

.mySlideCategory div{
	color:white;
	margin:7px 0 0 7px;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
}

.mySlideRight{
	width:410px;
	height:206px;
	overflow:hidden;
	float:right;
}

.special-nav { 
	background:#FFFFFF; 
	float:left; 
	display:block; 
	height:17px; 
	width:540px; 
	margin:10px 0; 
	padding:5px 0 5px 10px; 
	font:bold 10px verdana; 
}

.item { 
	display:block; 
	float:left;  
}

.item:hover { 
	background-color:#333333; 
	color:#FFFFFF 
}

.item a { 
	color:#356198; 
	display:block; 
	padding:2px 5px; 
	text-decoration:none 
}

.item a:hover { 
	color:#FFFFFF 
}

.selected { 
	display:block; 
	padding:2px 5px; 
	text-decoration:none; 
	background-color:#333333; 
	color:#FFFFFF 
}