@charset "UTF-8";
/* CSS Document */

#topFeaturedCouponWrapper {
	width:660px;
	border:0px solid #000000;
	height:240px;
	margin-bottom:10px;
}
#topFeaturedCouponLeftColWrapper {
	float:left;
	width:460px;
	height:190px;
	background-color:#99FF00;
}
#topFeaturedCouponRightColWrapper {
	float:right;
	width:180px;
	height:230px;
	background-color:#ffffff;
	border:0px solid #666666;
}
#FeaturedTodayBox {
	height:20px;
	background-color:#0000FF;
	color:#FFFFFF;
	background-image:url(file:///EveningPost/Users/brianmartin/Documents/Sites/Marketplace/images/featured-today-back.jpg);
	padding-top:6px;
	padding-left:6px;
	
}
.topFeaturedCouponLeftColCouponBox {
	width:100%;
	background-color:#f9f9f9;
	height:68px;
	border-bottom:0px solid #cccccc;
	padding:4px;
}
.topFeaturedCouponRightColCouponBox {
	height:66px;
	background-color:#ffffff;
	color:#0000FF;
	border-bottom:1px solid #cccccc;
}

.topColumnButton {
	width:220px;
	height:120px;
}
.topColumnButton a {
	width:220px;
	height:120px;
}
.topColumnButton a:hover {
	background-color:red;
	width:220px;
	height:120px;	
}

/*                   Brian's css                           */

/* Top Left Main Container */
.TopLeftContainter { width:440px; display: inline; clear: none; float: left; border-right: 1px solid #CCCCCC; }
.TopLeftSubContainer { width: 425px; margin: 5px 10px; display: block; clear: both; }
.TopLeftPhotoBox { display: inline; clear: none; width: 185px; float: left; min-height: 50px; }
.TopLeftTextBox { display: inline; clear: none; font-size: 12px; color: black; text-align: left; width: 220px; float: right; margin-left: 5px; margin-right: 10px;}

/* Top Right Main Container */
.TopLeftRightContainer { width: 200px; display: inline; clear: none; float: right; margin-right: 0px; }
.TopLeftRightTitleBar { width: 190px; display:block; clear: both; background-color: #005FB7; line-height: 150%; font-size: 16px; font-weight: bold; color: #FFFFFF;  }
.TopLeftRightSubBox { display: block; clear: both; width: 190px; margin-top:10px;}
.TopLeftRightPhotoBox { display: inline; clear: none; float: left; }
.TopLeftRightTextBox { display: inline; clear: none; float: left; text-align: left; font-size:12px; margin: 5px 0px 0px 20px;}

.CouponMainContainer { width: 650px; display: block; clear: both; margin-left: 10px;}
.CouponContainer { width: 300px; height: 115px; float: left; display:inline; clear: none; border: 1px dashed #2060C0; margin:10px; }
.TopLeftRightContainer img { display: inline; clear: none; position: relative; float: left; height: 75px;}
.CouponImageBox { display: inline; clear: none; margin: 5px; }
.CouponDescriptionText { display: inline; clear: none; float: right; text-align: left; font-size: 12px; margin: 5px; width: 115px;}


.ClearLine1px { display: block; clear: both; height: 1px; line-height: 1px; }
.ClearLine3px { display: block; clear: both; height: 3px; line-height: 3px; }
.ClearLine5px { display: block; clear: both; height: 5px; line-height: 5px; }
.ClearLine7px { display: block; clear: both; height: 7px; line-height: 7px; }