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

body {margin: 0;}

.weekly-specials {
	background: url(../images/split.png) no-repeat;
	margin-bottom: 4px;
	padding-top: 20px;
	margin-top: 0;
}


.specials-outer-container {background: url(../images/specials_container.jpg) repeat-y; position: relative; width: 1015px;}
.specials-outer-container:before {
	background: url(../images/specials_container_before.jpg) no-repeat;
	position: absolute;
	top: -5px;
	content: "";
    width: 1015px;
    height: 5px;
}
.specials-outer-container:after {
	background: url(../images/specials_container_after.jpg) no-repeat;
	position: absolute;
	bottom: -5px;
	content: "";
    width: 1015px;
    height: 5px;
}

.specials_banner img {float:right;}
.specials_banner h1 {float:left; font: 800 30px/40px "Open Sans"; color: #033c7a; border-bottom: #999 1px solid; width: 540px; margin-top: 18px; margin-left: 20px;}
.specials_banner1 img {float:left;}
.specials_banner1 h1 {float:left; font: 800 30px/40px "Open Sans"; color: #033c7a; border-bottom: #999 1px solid; width: 540px; margin-top: 18px; margin-left: 20px;}
.specials_flag {background: url(../images/weekly_specials.png) no-repeat; width: 415px; height: 60px; float:right; text-align: center; border:none;}
.specials_flag h2 {font: 800 30px/30px 'Open Sans'; color: #ffea00; margin: 6px 0 0 30px;}
.specials_flag h2 a {font: 800 30px/30px 'Open Sans'; color: #ffea00; text-decoration: none;}
.specials_flag h2 a:hover {color: #eeda00}
.specials_flag h3 {font: 600 18px/18px 'Open Sans'; color: #fff; margin: 0 0 0 30px;}

.specials-inner-container {
	width: 975px;
	padding: 0px 20px;
}

.product_container {margin-top: 20px; margin-bottom: 20px; width: 975px;}

.top_deals_items {width: 975px; float: left;}
.top_deals_box {width: 304px; height: auto; float: left; border-right: #CCC 1px dotted; margin: 10px 0px; padding: 10px;} /*height: 225px;*/

.top_deals_box ul {list-style: none; float: right; width: 170px;}
.top_deals_box ul li {text-align: left;}
.top_deals_box h2 {font: normal 12px/16px Arial, Helvetica, sans-serif; color: #039; text-align:left; display:inline-block; margin: 0 0 10px 0;}
.top_deals_box h2 a {font: normal 14px/16px Arial, Helvetica, sans-serif; color: #333; text-align:left; display:inline-block; margin: 10px 0 0 0; text-decoration: none; height: 32px; overflow: hidden;}
.top_deals_box h2 a:hover {color: #039; text-decoration: underline;}

.product_image {float: left; clear: both;}
.product_image img {border:none;}

.price_wrapper {float: right; width: 160px; display: block; margin-top: 20px; margin-left: 10px;}
.price_wrapper h3 {font: bold 21px/21px 'Open Sans'; color: #222; text-align:left; display:block; margin: 10px 0 0 0;}
.price_wrapper h4 {font: bold 12px/12px Arial, Helvetica, sans-serif;; color: #ee0000; text-align:left; display:block; margin: 10px 0 0 0;}
.price_wrapper h5 {font: normal 12px/12px Arial, Helvetica, sans-serif; color: #666; text-align:left; display:block; margin: 5px 0 0 0;}

.top_deals_box .view-more {margin-top: 20px; clear: both; padding-right:32px;}
.top_deals_box .view-more a {font: normal 12px/16px Arial, Helvetica, sans-serif; color: #039; text-align:left; display:inline-block; margin:0; text-decoration: none;}
	.top_deals_box .view-more a:hover {text-decoration: underline;}

.featured_items {padding: 20px 0px;}
.featured_items h1 {font: 800 30px/40px "Open Sans"; color: #033c7a; border-bottom: #999 1px solid; margin-top: 18px;}
.featured_items h3 a {font: normal 16px/20px Arial, Helvetica, sans-serif; color: #FFF; text-align:left; display:inline-block; margin: 10px 0 0 0; text-decoration: none; opacity: 1; height: 60px; overflow: hidden;}
.featured_items h3 a:hover {text-decoration: underline;}
.featured_items h3 {margin: 0;}
.featured_items h4 {font: bold 24px/24px 'Open Sans'; color: #FFF; text-align:left; display:block; margin: 10px 0 0 0;}
.featured_items h5 {font: bold 12px/16px Arial, Helvetica, sans-serif; color: #FFF; text-align:left; display:block; margin: 5px 0 0 0;}
.featured_items h6 {font: normal 12px/16px Arial, Helvetica, sans-serif; color: #FFF; text-align:left; display:block; margin: 10px 0 0 0;}

.boxgrid {
	width: 240px; 
	height: 280px; 
	margin-right:5px; 
	float:left; 
	overflow: hidden; 
	position: relative; 
}
				
.boxgrid img { 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
				
.boxcaption { 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 200px; 
	width: 220px;
	padding: 10px;
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.boxcaption .view-more {clear: both; height: 36px;}
.boxcaption .view-more a {font: normal 12px/16px Arial, Helvetica, sans-serif; color: #FF0; text-align:left; display:inline-block; margin: 0px; text-decoration: none; clear: both;}
.boxcaption .view-more a:hover {color: #FF0; text-decoration: underline;}
			
.boxcaption a {color: #FFF;}
.boxcaption a:hover {color: #FFF;}
.boxcaption h2{color:#FFF; font: 600 18px/30px "Open Sans";}
.captionfull .boxcaption {top: 0; left: 0;}
.caption .boxcaption {top: 280px; left: 0;}
				
.margin0 {margin: 0px;}
.clear {clear: both;}
.top-border {border-top: #CCC 1px dotted; height: 0;}
.relative {position: relative;}
.absolute {
	position: absolute;
}
.border0 {border: none;}
.price {height: 52px;}