@charset "utf-8";
/* CSS Document */

.minWidth, #content {
	margin: auto;
}
#titleHolder {
	position: relative;
	height: 1%;
	width: 500px;
	margin-left: 10px;
}
#titleHolder #scrollButtons {
	position: relative;
	margin: auto;
	cursor: default;
	overflow: visible;
}
#titleHolder #scrollButtons img.scrollLeft, #titleHolder #scrollButtons img.scrollRight {
	position: absolute;
	top: 55px;
	left: 0;
}
#titleHolder #scrollButtons img.scrollRight {
	left: auto;
	right: 0;
}
#titleHolder .minWidth {
	position: relative; /* IE doesn't like the overflow without relative positioning */
	overflow: hidden;
}
#titleHolder ul {
	list-style-type: none;
}
#titleHolder li {
	position: relative;
	float: left;
	margin: 0px;
}
#titleHolder li img {
	margin: 0;
}
#titleHolder li.selected em {
	position: absolute;
	bottom: -7px;
	left: -30px;
}
#titleHolder li.selected img {
	position: relative;
	z-index: 2;
}
#titleHolder li.new a em {
	position: absolute;
	bottom: auto;
	left: auto;
	top: 0;
	right: 0;
	width: 35px;
	height: 35px;
	z-index: 2;
}
div#scrollButtons div.minWidth {
	height: 125px;
	width: 430px;
}
#titleHolder #scrollButtons ul {
	width: 10000px;
}
#titleHolder #scrollButtons li {
	margin: 0;
	display:block;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	height: 100px;
	width: 125px;
	overflow: visible;
}
#titleHolder #scrollButtons li.selected em.selected {

}
#titleHolder #scrollButtons li.new em {
	top: 20px;
	right: 16px;
}