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

/* ---------- Expandable image drop shadow ---------- */

.shadow_wrapper { /* To be applied to the div that the picture will be in */
	position: relative;
	background: url(../images/expshadow_rightrep.gif) repeat-y right; 
	height: auto !important;
	z-index: 5;
	border: 0;
	padding: 0;
}

.image { /* This is the image that the shadow will "fall behind" */
	position: relative;
	margin: 0 8px -3px 0;
	padding: 0;
	border: 0;
	z-index: 15;
}

.image img {
	border: 1px #CCCC99 solid
}

.top_right {
	position: absolute;
	background: url(../images/expshadow_top-right.gif) no-repeat;
	top: 0;
	right: 0;
	width: 7px;
	height: 8px;
}

.bottom_shadow {
	position: relative;
	background: url(../images/expshadow_bottom-rep.gif) repeat-x;
	width: 100%;
	height: 7px;
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 8;
}

.bottom_left {
	position: absolute;
	background: url(../images/expshadow_bottom-left.gif) no-repeat;
	left: 0;
	top: 0;
	width: 8px;
	height: 7px;
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 10;
}


.bottom_right {
	position: absolute;
	background: url(../images/expshadow_bottom-right.gif) no-repeat;
	right: 0;
	top: 0;
	width: 7px;
	height: 7px;
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 10;
}