/* 87672/common/styles/wide/rollover-showcase.css */


.showcase .showcase-main .showcase-strap-link


{


	background: url(images/bg.png) repeat top left;


}





.showcase .showcase-overlay


{


	background: url(images/bg-8.png) repeat top left;


}





.showcase .rollover-active


{


	background: url(images/bg-wh.png) repeat top left;


}





.showcase .showcase-overlay


{


	position: absolute; 


	width: 479px; 


	height: 339px; 


	top: 0; 


	left: 0;


}





.showcase .showcase-main .showcase-strap-link a.link-text, 


.showcase .rollover-active .showcase-strap-link a.link-text 


{


	display: block; 


	position: absolute; 


	height: 84px; 


	width: 479px; 


	top: 0; 


	padding: 30px 0 0 6px;


}





.showcase .rollover-active .showcase-strap-link a.link-text 


{


	padding-top: 28px;


}





.showcase 


{


	border-bottom: 20px solid white;


	clear: left;


	margin-bottom: 0;


	width: 620px; 


	overflow: hidden;


}





.showcase .bd


{


	position: relative; 


	float: left;


}





.showcase .showcase-main


{


	float: left; 


	width: 479px; 


	height: 339px; 


	overflow: hidden; 


	z-index: 0; 


	position: relative; 


	top: 0; 


	left: 0;


}





.showcase .rollover-active-main


{


	float: none; 


	position: absolute;


}





.showcase .showcase-main .showcase-strap-link 


{


	position: absolute; 


	top: 255px; 


	left: 0; 


	height: 84px; 


	width: 479px;


}





.showcase .showcase-rollover


{


	border-bottom: 1px solid white;


	width: 140px; 


	clear: right; 


	overflow: hidden; 


	height: 84px; 


	position: relative; 


	float: right; 


	margin-left: 1px; 


	background-color: #addce7;


}





.showcase .showcase-rollover img


{


	display: none;


}





.showcase .showcase-rollover.rollover-active 


{


	width: 620px;


	height: 84px; 


	position: relative; 


	float: right; 


	z-index: 1;  


	margin-left: 0; 


	background-color: transparent;


	margin-top: -1px;


	border-top: 1px solid white;


}





.showcase .rollover-active img


{


	display: block; 


	float: right;


}





.showcase .rollover-active img.mask 


{


	display: none;


}





.showcase .strap 


{


	font-family: georgia, serif;  font-weight:bolder;


}





.showcase .showcase-main .strap


{


	font-weight: normal;


	font-size: 24px; 


	line-height: 1.083; 


	color: #7bbb00; 


	padding: 0 0 0 6px;


	position: relative;


}





.showcase .showcase-main a


{


	color: #fff; 


	text-decoration: none;


}





.showcase .showcase-main h3


{


	font-size: 24px; 


	line-height: 1.083; 


	color: #fff;


}





.showcase .showcase-rollover .strap


{


	font-weight: normal;


	font-size: 16px; 


	line-height: 1.125;


	color: #fff; 


	margin: 4px 3px 0 6px;


}





.showcase .showcase-rollover a


{


	color: #333; 


	text-decoration: none;


}





.showcase .showcase-rollover h3


{


	padding-top: 0; 


	margin: 0 6px;


	font-size: 16px;


	line-height: 18px;


}





.showcase .rollover-active .strap 


{


	margin: 0;


	padding-left: 6px;


	font-size: 20px; 


	line-height: 1.1;


	position: relative; 


	width: 473px;


}





.showcase .rollover-active h3


{


	font-size: 20px;


	line-height: 1.1;


	margin: 0;


}





.showcase .rollover-active .strap 


{


	color: #7bbb00;


	padding-top: 4px;


}





.showcase .rollover-active a


{


	color: #333;


}





