/* CSS Document */
/* Rollover image 

WE HAVE AN ODD TEXT ONLY CELL FIRST
======================================*/
.th_comment {
	min-height: 10px;
	margin: 0px 15px 0px 0px;
	padding: 10px 0px 10px 12px;
    float: left;
	width: 145px; /* our thumnail swatch width. But here we just have a note*/

}
/*WE HAVE DIFFERNET HEIGHTS!!! SHOULD WE HAVE 1 - 6 versions
======================================*/
#thumb {
	min-height: 10px;
	margin: 0px 15px 0px 0px;
	padding: 10px 0px 10px 8px;
    float: left; display:inline;
	position: relative;
	width: 149px; /* our thumnail swatch width*/

}
#thumb p{
  font-size: 11px;
  line-height:1.45em;
  /*color:#999999;*/
}
#thumb a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}
#thumb a img {
	border: 0;
	text-decoration: none;
}
/*
DIFERENT HEIGHTS FOR EACH SWATCH 1 -5
1 = 126
2 = 206
3 = 286
4 = 366
5 = 446
/* thumbnail "p1" 
====================================================*/
#thumb a.p1, #thumb a.p1:visited {
	border: 0px;
	left: 0;
	text-decoration: none;
	top: 0;
}

#thumb a.p1:hover {
border: 0px;
 background-color: #FFFFFF;
	color: #FFFFFF;
	text-decoration: none;
}
/* BIG IM*/
#thumb a.p1:hover .large {
	border: 0px;
	display: block;
	/* edit height */
	height: 123px;
	width: 532px;
	left: 152px;	
	top: -29px;
	position: absolute;

}
/* thumbnail "p2" 
====================================================*/
#thumb a.p2, #thumb a.p1:visited {
	border: 0px;
	left: 0;
	text-decoration: none;
	top: 0;
}

#thumb a.p2:hover {
border: 0px;
 background-color: #FFFFFF;
	color: #FFFFFF;
	text-decoration: none;
}
/* BIG IM*/
#thumb a.p2:hover .large {
	border: 0px;
	display: block;
	/* edit height */
	height: 206px;
	width: 532px;
	left: 152px;	
	top: -62px;
	position: absolute;

}
/* thumbnail "p3" 
====================================================*/
#thumb a.p3, #thumb a.p1:visited {
	border: 0px;
	left: 0;
	text-decoration: none;
	top: 0;
}

#thumb a.p3:hover {
border: 0px;
 background-color: #FFFFFF;
	color: #FFFFFF;
	text-decoration: none;
}
/* BIG IM*/
#thumb a.p3:hover .large {
	border: 0px;
	display: block;
	/* edit height */
	height: 286px;
	width: 532px;
	left: 152px;	
	top: -89px;
	position: absolute;

}
/* thumbnail "p4" 
====================================================*/
#thumb a.p4, #thumb a.p1:visited {
	border: 0px;
	left: 0;
	text-decoration: none;
	top: 0;
}

#thumb a.p4:hover {
border: 0px;
 background-color: #FFFFFF;
	color: #FFFFFF;
	text-decoration: none;
}
/* BIG IM*/
#thumb a.p4:hover .large {
	border: 0px;
	display: block;
	/* edit height */
	height: 366px;
	width: 532px;
	left: 152px;	
	top: -104px;
	position: absolute;

}

/* thumbnail "p5" 
====================================================*/
#thumb a.p5, #thumb a.p1:visited {
	border: 0px;
	left: 0;
	text-decoration: none;
	top: 0;
}

#thumb a.p5:hover {
border: 0px;
 background-color: #FFFFFF;
	color: #FFFFFF;
	text-decoration: none;
}
/* BIG IM*/
#thumb a.p5:hover .large {
	border: 0px;
	display: block;
	/* edit height */
	height: 446px;
	width: 532px;
	left: 152px;	
	top: -151px;
	position: absolute;

}

/* END ROLLOVER SCRIPT
============================================*/



/* thumbnail "p6" 
====================================================*/
#thumb a.p6, #thumb a.p1:visited {
	border: 0px;
	left: 0;
	text-decoration: none;
	top: 0;
}

#thumb a.p6:hover {
border: 0px;
 background-color: #FFFFFF;
	color: #FFFFFF;
	text-decoration: none;
}
/* BIG IM*/
#thumb a.p6:hover .large {
	border: 0px;
	display: block;
	/* edit height */
	height: 536px;
	width: 532px;
	left: 152px;	
	top: -151px;
	position: absolute;

}

/* END ROLLOVER SCRIPT
============================================*/