*{
 margin:0;
 padding:0;
 }
 
 #teecontent{
 width: 100%;
 margin: 0px auto;
 background: #fff;
 text-align: center;
 margin-bottom: 0px;
 }
 .row{ /*Container for each row of shirts*/
 width: auto;
 margin: 0px auto;
 clear:both;
 padding: none;
 }
 
 .teebox{
 overflow: hidden; /*Prevents excess of image from showing*/
 position: relative;
 margin: 8px;
 width: 145px; /*Width and height define thumbnail size*/
 height: 145px;
 float: left;
 clear: right;
 z-index: 0;
 }
 
 .selected{
 overflow: visible; /*Display part of image that not currently visible*/
 z-index: 1002;
 }

 .teebox img {
	left:-142px; /*Use this to center your image when not hovered*/
	top:-69px;
	position: absolute;
	border: none;
 }
 
img.ladies {
 left:-47px; 
 top:-80px;
 position: absolute;
 border: none;
 }
 
img.hoodie {
 left:-127px; 
 top:-180px;
 position: absolute;
 border: none;
 }
 
 img.polo {
 left:-157px; 
 top:-30px;
 position: absolute;
 border: none;
 }
 
.overlay {
	height: 146px;
	width: 146px;
	border: none;
 }
 
 .teebox a{ /*Area that changes to selected class when hovered over*/
 display:block;
 position: relative;
 float: left;
 left: 142px; /*Use to line up the overlay image*/
 top: 70px;
 z-index: 1;
 }
 
 .caption{
 color: #2FB5FF;
 font:14px Arial;
 position: absolute;
 left: 0px;
 bottom: 0px;
 padding: 10px;
 background: #222;
 z-index: 1;
 }
 
 .caption2{
 position: absolute;
 z-index: 0;
 left: 222px;
 top: 70px;
 }
 
 .noteebox{
 position: relative;
 margin: 7px;
 width: 145px;
 height: 145px;
 float: left;
 clear: right;
 display:block;
 border:1px solid #CCCCCC;
 line-height:145px;
 }
 
.noteebox img{
  max-height:145px;
  max-width: 145px;
  border:0px;
  display:block;
  position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;
 }