
.minWidth {
	width: 520px;
	margin: auto;
}

#titleHolder {
	position: relative;
	height: 1%;
	margin-top: -10px;
}
#titleHolder #scrollButtons {
	position: relative;
	width: 590px;
	margin: auto;
	cursor: default;
}
#titleHolder #scrollButtons img.scrollLeft,
#titleHolder #scrollButtons img.scrollRight {
	position: absolute;
	left: 0;
	top: 55px;
}
#titleHolder #scrollButtons img.scrollRight {
	left: auto;
	right: 0;
}
#titleHolder .minWidth {
	position: relative; /* IE doesn't like the overflow without relative positioning */
	overflow: hidden;
	width: 450px;
}
#titleHolder ul {
	width: 2000px; /* Needs to be in JS */
	padding: 12px 0 6px 0;
	
	margin-left: -15px;
}
#titleHolder li {
	position: relative;
	float: left;
	margin: 18px;
	
}
#titleHolder li img {
	margin: 0;
	border: 0; 
	border: 5px solid #FFF;
}
#titleHolder li img.selected {
	border-color:#90C46F;
}
#titleHolder li img.normal {
	border-color:#FFF;
}

/*
#titleHolder li.selected em {
	position: absolute;
	bottom: -7px;
	left: -210px;
	width: 130px;
	height: 90px;
}
#titleHolder li.selected img { position: relative; z-index: 2; }
*/
div#scrollButtons div.minWidth { height: 175px; width: 480px; font-size: 11px; color: #999;  }
#titleHolder #scrollButtons ul { width: 9999px; }
#titleHolder #scrollButtons li {
  margin: 0;
  padding: 18px;
  display:block;
  height: 66px;
  width: 86px;
}

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

.titleHolderInner { width: 600px; margin: 0 auto 0 -1px;  }
.articleStrip li a { margin: 0; border: none; text-decoration: none; outline: 0; vertical-align: baseline; }

li a, a.scrItm, .scrollLeft, .scrollRight, .back, .forward { border: 0; text-decoration: none; border: none; }