@import '/global/js/jquery/popout/popout.css';
/* Formatting specific to INDIVIDUAL ads. Each .ad should have a unique #id. */

/* 3pack popout #1 */
#threepack1 {
	top: 600px;
	height: 350px;
	width: 340px; }
#threepack1 #threepack1ad { 
	padding-top: 15px;
	margin-left: -340px;
	width: 320px;
	height: 320px; }
#threepack1 .cap a.open {
	height: 350px;
	background: #fff url(/images/ads/cap-special-offer.gif) no-repeat right; }

/* 3pack popout #2 */
#threepack2 {
	top: 350px;
	height: 350px;
	width: 317px; /* The width works with overflow, above, to alow us to "hide" the ad. */}
#threepack2 #threepack2ad {
	padding-top: 26px;
	margin-left: -317px;
	width: 297px;
	height: 297px;}
#threepack2 .cap a.open {
	height: 350px;
	background: #fff url(/images/ads/cap-special-offer.gif) no-repeat right; }
#threepack2 a.close {
	margin-right: 10px;
	margin-top: -3px; }
	
/* 3pack popout #3 */
#threepack3 {
	top: 350px;
	height: 350px;
	width: 340px; }
#threepack3 #threepack3ad { 
	padding-top: 15px;
	margin-left: -340px;
	width: 320px;
	height: 320px; }
#threepack3 .cap a.open {
	height: 350px;
	background: #fff url(/images/ads/cap-special-offer.gif) no-repeat right; }
	
/* Subscribe + Free Preview popout */
#subscribe {
	top: 400px;
	height: 350px;
	width: 369px; }
#subscribe #subscribead {
	margin-top: 20px;
	margin-right: -369px;
	width: 349px;
	height: 320px;
	background: transparent url(/images/ads/subscribe.gif) no-repeat; }
#subscribe .cap a.open {
	height: 350px;
	background: #fff url(/images/ads/cap-special-offer.gif) no-repeat right; }
#subscribead form {
	padding: 75px 10px 15px 150px;
	font-size: 80%; }
#subscribead form label {
	color: #666;
	display: block; }
#subscribead form .leftf {
	width: 40%;
	float: left; }
#subscribead form .rightf {
	width: 40%;
	float: right; }