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

	* {padding: 0; margin: 0;}
	html, body {height: 100%;}
	* html #container {height: 100%;} 
	body { font-family: Arial, Helvetica, sans-serif; background-color: #2E2E2E;}
	
	img, div { behavior: url(http://www.savemorechicago.com/iepngfix.htc) }
	

	img {border: 0;}
	.float_left {float: left;}
	.float-left {float: left;}
	.float-right {float: right;}
	.relative {position: relative;}
	.text-center {text-align: center;}
	.right-ten {margin: 0 5px 0 0;}
	.blue {color: #3bbada;}
	.inline {display: inline;}
	
	#container {	 width: 980px; margin: 0 auto; position: relative; background-color: #ffffff;}
	#container {position: relative; width: 980px;}
	#header { }
	#header_row_1 {background: #87c440 url('http://www.savemorechicago.com/images/header_row_1_background.gif') top left repeat-x; height: 53px; position: relative;}
	#station-logos {position: absolute; left: 150px; top: 5px; z-index: 200;}
	#station-logos img {margin: 0 10px 0 0;}
	#social-networking-icons {position: absolute; right: 10px;}
	#header_row_2 {background: #414042 url('http://www.savemorechicago.com/images/skyline.jpg') top left no-repeat; width: 980px; height: 160px; position: relative;}
	#totalmoneysaved {background: url('http://www.savemorechicago.com/images/total-money-saved-bkg.png') top left no-repeat; width: 175px; height: 96px; position: absolute; top: 25px; right: 0; text-align: right;}
	
	#totalmoneysaved h2.tms1 {color: #ffffff; font-size: 12px; font-weight: normal; margin: 0 20px 0 0; padding: 10px 0 0 0;}
	
	#totalmoneysaved h2.tms2 {color: #ffffff; font-size: 18px; font-weight: bold; margin: 0 20px 0 0; padding:0;}
		
	#totalmoneysaved h2.tms3 {color: #ffffff; font-size: 12px; font-weight: normal; margin: 0 20px 0 0; padding: 5px 0 0 0;}
	
	#totalmoneysaved h2.tms4 {color: #ffffff; font-size: 18px; font-weight: bold; margin: 0 20px 0 0; padding:0;}
	
	
	#columnone {float: left; width: 700px; padding: 20px 0 0 0;}
	#columnone_inner {margin: 0 0 0 20px; width: 680px; background-color: #FFFFFF; vertical-align: top;}
	#columntwo {float: left; width: 280px;}
	#logo {position: absolute; top: 7px; left: 10px; }
		

	.smc_menu{margin:0 auto; padding:0; height:50px; width:580px; display:block; background:url('http://www.savemorechicago.com/images/smc_nav_background.png') repeat-x; float: left;}
	.smc_menu li{padding:0; margin:0; list-style:none; display:inline;}
	.smc_menu li a{float:left; padding-left:15px; display:block; color: #2e2e2e; text-decoration:none; font-size:14px; cursor:pointer; background:url('http://www.savemorechicago.com/images/smc_nav_background.png') 0px -50px no-repeat;}
	.smc_menu li a span{line-height:50px; float:left; display:block; padding-right:15px; background:url('http://www.savemorechicago.com/images/smc_nav_background.png') 100% -50px no-repeat;}
	.smc_menu li a:hover{background-position:0px -100px; color: #2e2e2e;}
	.smc_menu li a:hover span{background-position:100% -100px;}
	.smc_menu li a.active, .menu li a.active:hover{line-height:50px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('http://www.savemorechicago.com/images/smc_nav_background.png') 0px -150px no-repeat; color: #2e2e2e;}
	.smc_menu li a.active span, .menu li a.active:hover span{background:url('http://www.savemorechicago.com/images/smc_nav_background.png') 100% -150px no-repeat;}
	.nav_endcap_one {float: left; margin: 0 0 0 20px;}
	.nav_endcap_two {float: left;}
	.click_print_save {float: right; margin: 0 20px 0 20px;}
	
	img.more_categories {padding: 10px 0 1px 0;}
	img.business_grow {padding: 10px 0 0 0; margin: 0 0 0 10px;}
	.category_menu {margin:0; padding:0 0 20px 0 ; width:260px; list-style:none; background:rgb(255,255,255);}
	.category_menu li {padding:0; margin:0 0 1px 0; height:30px; display:block; }
	.category_menu li a {text-align:left;height:30px; padding:0px 25px 0 35px; font-size:14px ; color: #79797a; display:block; background:url('http://www.savemorechicago.com/images/category_nav_background.png') 0px 0px no-repeat; text-decoration:none;}
	.category_menu li a:hover {background:url('http://www.savemorechicago.com/images/category_nav_background.png') 0px -30px no-repeat; color:rgb(255,255,255);}
	.category_menu li a.active, .menu li a.active:hover {background:url('http://www.savemorechicago.com/images/category_nav_background.png') 0px -60px no-repeat; color:rgb(255,255,255);}
	.category_menu li a span {line-height:30px;}
	
	#footer {background-color: #434244; width: 980px; padding: 0; border-top: 1px solid black;}
	#footer_inner_one {padding: 10px 0;}
	#footer_inner {margin: 0 0 0 20px; padding: 0; background: url('http://www.savemorechicago.com/images/footer-columns-background.gif') top left repeat-y;}
	.footer_list {padding: 0 0 20px 0; margin: 0; width: 175px;}
	.footer_list h1 {color: #CCCCCC; font-size: 18px; margin: 0 0 0 10px; padding: 10px 0 5px 0;}
	.footer_list li {list-style-type: none; margin: 0 0 0 10px; padding: 0 0 5px 0;}
	.footer_list li a {color: #CCCCCC; text-decoration: none; font-size:14px; line-height: 14px;}
	.footer_list li a:hover {color: #FFFFFF; text-decoration: underline;}
	.footer_logo {margin: 0 0 0 20px;}
	
	#coupon_offer {padding: 10px 0 0 0;}
	.coupon_head {font-size: 30px; line-height: 30px; margin: 0 50px 0 10px; color: #939598;}
	.coupon_head span {color: #3bbada;}
	.subline {font-size: 20px; line-height: 24px; margin: 0 50px 0 10px; padding: 5px 0 0 0; color: #939598;}
	
	#coupon_company_info {margin: 0 0 0 10px; padding: 0 0 20px 0;}
	#coupon_company_info p {font-size: 11px; line-height: 14px; padding: 10px 0 0 0;}
	#coupon_company_info h3 {font-size: 18px; line-height: 18px;}
	#coupon_company_info h4 {font-size: 14px; line-height: 18px; font-weight: normal;}
	.coupon_address a { color:#000; }
	.coupon_website a {color: #3bbada; text-decoration: none;}
	.coupon_website a:hover {text-decoration: underline;}
	
	#additional-text {margin: 0 0 0 10px; padding: 0 0 20px 0;}
	#additional-text p {font-size: 14px; line-height: 16px; padding: 10px 0 0 0;}
	
	#coupon_logo_background {width: 310px;}
	#coupon_details {width: 360px; }
	
	#coupon_logo {position: absolute; z-index: 50; top: 40px; left: 60px;}
	
	

	
	.blue-box {background: #39b4d4 url('http://www.savemorechicago.com/images/coupon-background.jpg') top left no-repeat; margin: 0 0 0 10px;}
	.deal {font-size: 50px; color: #ffffff; font-weight: bold; margin: 0 0 0 10px;}
	.blue-box h3 {color: #ffffff; font-size: 14px; font-weight: bold;}
	.blue-box h4 {color: #ffffff; font-size: 14px; font-weight: normal;}
	
	.print-coupon {margin: 0 0 0 10px; padding: 10px 0 15px 0;}
	
	#category-list { margin: 0 0 0 10px; padding: 10px 0 0 0; height: 35px;}
	#category-list p { display: inline;	}
	#category-list ul, #category-list li { display: inline; margin: 0 8px 0 0; color: #939598; font-weight: bold;}
	#category-list ul a {color: #3bbada; font-size: 12px;}
	#category-list ul a:hover {color: #939598; }
	#category-list h2 {font-size: 14px; color: #939598;  padding: 7px 0; display: inline;}
	#category-list ul {padding: 6px 0 0 0; float: left;}	


/* Print.php Styles */
#print-coupon-body {background-color: #ffffff;}
#print-coupon-outer {width: 500px;  border: 5px dashed;}
#print-coupon-left {width: 160px; float: left; padding: 20px 0 0 0;}
#print-coupon-right {width: 330px; float: right;}

.print-coupon-logo {margin: 0 0 0 20px;}
.print-coupon-smc-logo {margin: 0 0 0 20px; padding: 0 0 10px 0;}
#print-coupon-left p {padding: 20px 0 10px 0; color: #3bbada; font-size: 12px; text-align: center;}

#print-coupon-right h2 {font-size: 24px; line-height: 24px; margin: 0 10px 0 0; color: #3bbada; padding: 10px 0; width: 300px;}
#print-coupon-right h3 {font-size: 16px; line-height: 18px; margin: 0 10px 0 0; color: #747678; width: 300px;}

#print-coupon-business-address {padding: 15px 0; width: 300px;}
#print-coupon-business-address h3 {font-size: 14px; line-height: 18px; color: #000;}
#print-coupon-business-address h4 {font-size: 12px; line-height: 14px; color: #000; font-weight: normal;}
.print-coupon-website a {color: #3bbada; text-decoration: none;}
.print-coupon-website a:hover {text-decoration: underline;}

.print-coupon-terms {margin: 0 10px 0 0; padding: 10px 0 20px 0; width: 300px;}
.print-coupon-terms h2 {font-size: 12px; line-height: 14px;color: #939598;}
.print-coupon-terms p {font-size: 8px;line-height: 10px; color: #000000;}
.print-coupon-terms span {font-size: 8px;line-height: 10px; color: #939598; padding: 0 0 20px 0;}

#print-footer {width: 500px;}
.print-brough-to-you-by {width: 380px; margin: 0 0 0 20px;}
.print-brough-to-you-by p {padding: 20px 0 0 0; font-size: 12px;}
.print-brough-to-you-by a {color: #3bbada; text-decoration: none;}
.print-brough-to-you-by a:hover {color: #747678; text-decoration: underline;}
.print-scissors {width: 100px;}


/* category-listing page styles */
	
.listing-coupon-logo {postion: absolute;top: 10px; left: 10px;  z-index: 75; }
		
#coupon-listing-logo-background {width: 210px;}
#coupon-listing-logo {position: absolute; z-index: 50; top: 25px; left: 40px;}
	
.coupon-entry-info {width: 440px;}
.coupon-list-head {font-size: 24px; line-height: 26px; margin: 0 50px 0 10px; color: #939598; padding: 5px 0 0 0;}
.coupon-list-head a { color:#3bbada; text-decoration:none; }
.coupon-list-head a:hover { color:#CCC; text-decoration:underline; }
.coupon-list-head span {color: #3bbada;}
.coupon-list-subline {font-size: 18px; line-height: 22px; margin: 0 50px 0 10px; padding: 5px 0 10px 0; color: #939598;}
	
.coupon-list-menu {margin:0 0 0 10px; padding:0; width:360px; list-style:none;background:rgb(255,255,255);}
.coupon-list-menu li{padding:0; margin:0 0 3px 0; height:30px; display:block; }

.coupon-list-menu li.coupon-printed-background{text-align:left;height:30px; padding:0 0 0 35px; font:14px Verdana, Arial, Helvetica, sans-serif; color: #939598; display:block; background:url('http://www.savemorechicago.com/images/coupons-printed-background.jpg') 0px 0px no-repeat; text-decoration:none;}
.coupon-list-menu li.money-saved-background{text-align:left;height:30px; padding:0 35px; font:14px Verdana, Arial, Helvetica, sans-serif; color: #939598; display:block; background:url('http://www.savemorechicago.com/images/money-saved-background.jpg') 0px 0px no-repeat; text-decoration:none;}
.coupon-list-menu li.coupon-available-background {text-align:left;height:30px; padding:0px 35px; font:14px Verdana, Arial, Helvetica, sans-serif; color: #939598; display:block; background:url('http://www.savemorechicago.com/images/coupon-available-background.jpg') 0px 0px no-repeat; text-decoration:none;}
.coupon-list-menu li.category-horizontal-background {text-align:left; padding:0 35px 0 35px; font:14px Verdana, Arial, Helvetica, sans-serif; color: #939598; display:block; background:url('http://www.savemorechicago.com/images/coupon-category-background.jpg') 0px 0px no-repeat; text-decoration:none;}
.coupon-list-menu li.coupon-share-background {text-align:left;height:30px; padding:0 0 0 35px; font:14px Verdana, Arial, Helvetica, sans-serif; color: #939598; display:block; background:url('http://www.savemorechicago.com/images/coupon-share-background.jpg') 0px 0px no-repeat; text-decoration:none;}

.coupon-list-menu li a span {line-height:30px;}
.coupon-list-menu li.coupon-printed-background span {line-height:30px;}
.coupon-list-menu li.money-saved-background span {line-height:30px;}
.coupon-list-menu li.coupon-available-background span {line-height:30px;}
.coupon-list-menu li.category-horizontal-background span {line-height:30px;}
.coupon-list-menu li.coupon-share-background span {line-height:30px;}


	ul.category-list, ul.category-list li { display: inline; margin: 0 8px 0 0; color: #939598;}
	ul.category-list a {color: #3bbada;}
	ul.category-list a:hover {color: #939598; }
	li.coupon-printed-background img {margin: 0 0 0 5px;}
	ul.category-list {width: 320px;} 

.coupon-entry-more-details {margin: 0 0 0 10px; padding: 5px 0 0 0;}
.coupon-entry-list {padding: 0 0 30px 0;}

.coupon-share-background a {color: #3bbada; text-decoration: underline;}
.coupon-share-background a:hover {text-decoration: none; color: #939598;}

/* individual page styles */

.page { margin: 0 25px 0 10px;  }
.page h1 {font-size: 30px; line-height: 30px; color: #3bbada; padding: 0 0 10px 0;}
.page h2 {font-size: 20px; line-height: 24px; padding: 0 0 10px 0; color: #939598;}
.page p {font-size: 12px; line-height: 18px; padding: 0 0 10px 0; color: #000000; }

#errbox { margin:0 40px 40px 20px; padding:20px; border:2px solid #000; background-color:red; color:#000; text-align:center; }
#welcome-text { padding:0 20px 30px 20px; }
.page a { color:#3BBADA; }