body {background-image: url(/images/background.gif);	background-repeat: repeat-x; background-color: #777578; border: none; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

#wrapper {position: relative; width: 991px; margin: 0 auto;	position: relative;	border-right: 1px solid #010101; border-left: 1px solid #010101;}

h1 {font-family: Arial, Helvetica, sans-serif; font-size: 35px; font-weight: bold; margin: 0;}
h1.red {font-family: Arial, Helvetica, sans-serif; font-size: 35px; font-weight: bold; color: #973803;}
h1 img {position: absolute; left: 30px;}
h2 {color: #307868; font-size: 17px; margin: 0; padding: 0; font-weight: bold;}
h2.black {color: #000; margin-bottom: 5px;}
h4 {margin-bottom:1em;}

a {color: #015392;}
a img {border: none;}
a:hover {text-decoration: none;	color: #333333;}

p {font-size: 12px; line-height: 18px; margin: 0;}

.clear {clear: both;}
.right {text-align:right;}
.center {text-align:center;}

#header {line-height: 0;}
img#logout {position: absolute; top: 0; right: 40px;}

#navigation {width: 991px; height: 31px; background-image: url(/images/nav-bar.jpg); background-repeat: repeat-x;}
#navigation ul {list-style: none; margin: 0; padding: 0 45px;}
#navigation ul li {float: left; padding: 0 23px; height: 31px; line-height: 31px;}
#navigation ul li:hover, #navigation ul li.over {background: url(/images/nav-bar-roll.jpg) repeat-x;}
#navigation ul li a {text-decoration: none; color: #FFFF66; font-family: Helvetica, Arial, Verdana, sans-serif; font-weight: bold; font-size: 14px; letter-spacing:0;}

div#banner_wrap {padding-top:15px; background-color:#fff; text-align:center;}

#content {position: relative; margin: 0 auto; padding: 0; background-color: #FFF;}
#content_login {position: relative; top: 8px; left: 0; width: 551px; height: 435px; float: left; padding: 17px 65px; background-image: url(/images/index-login.jpg);}
#content_login_wrap {position: relative; top:8px; width:100%; margin: 0; padding: 0; background:url(/images/index_bg_repeat.jpg) repeat-y #fff;}
#content_login_alt {position: relative; left: 0; width: 551px; height: 435px; float: left; padding: 17px 65px; background: url(/images/index_bg.jpg) no-repeat;}
#content_login_bottom {position:absolute; width:681px; height:7px; left:0; bottom:0; background: url(/images/index_bg_bottom.jpg) bottom no-repeat;}

span.notice {color: #f61709; font-size: 14px; font-weight: bold;}
div.notice {margin-bottom: 7px; color: #f61709; font-size: 14px; font-weight: bold; text-align: center;}

p#enter {margin-top: 20px; font-size: 16px; font-weight: bold;}

fieldset#new {position: absolute; bottom: 15px; left: 35px; width: 250px; height: 140px; padding: 10px 0 10px 20px; border: 1px solid #777;}
fieldset#login {position: absolute; bottom: 15px; right: 35px; width: 250px; height: 140px; padding: 10px 0 10px 20px; border: 1px solid #777; }

#content_right {position:relative; float: right; width: 306px;	margin-right: 2px;}

a#featured_button {position: relative; top: 8px; left: -1px; display: block; width: 306px; height: 44px; background-image: url(/images/featured_button.jpg); background-repeat: no-repeat;}
a#featured_button:hover {background-image: url(/images/featured_button_roll.jpg);}

#customer_care {position: relative; width: 306px; height: 229px; background-image: url(/images/cust-care.jpg);}
#customer_care_text {font-size: 11px; position: relative; width: 275px; height: 150px; line-height: 16px; top: 90px; left: 13px;}
#customer_care_text_big {display: block; font-size: 13px; margin-bottom: 10px;}

#about_post_news {position: relative; width: 306px; height: 207px; background-image: url(/images/about-post-news.jpg);}
#about_text {font-size: 11px; position: relative; width: 255px; height: 150px; line-height: 18px; top: 8px; left: 13px;}
#about_text_big {font-size: 14px; position: relative; left: 13px; top: 8px;}

#featured_offers {clear:both; position: relative; top: 0; left: 1px; width: 973px; margin: 10px 0 10px 8px;	padding: 0 4px 0 6px; background-image: url(/images/featured_repeat.jpg); background-repeat: repeat-y;}
#featured_offers_top {width: 975px; height: 47px; position: relative; left: -6px; background-image: url(/images/featured_top.jpg); background-repeat: no-repeat;}
#featured_offers_bottom {width: 975px; height: 3px; position: relative; bottom: 0; left: -6px;	background: url(/images/featured_bottom.jpg) bottom no-repeat;}
#featured_offers img {margin: 2px;}

#coupon_list_position {position: relative; width: 651px; top: 5px; left: 10px; float: left; background-image: url(/images/coupon_list_repeat.jpg); background-repeat: repeat-y;}
#perks_area {position: relative; left: 47px; width:570px; margin-top: 52px;}

#bottom_ad_container {position: relative; width: 100%; padding: 0 38px;}
.bottom-ad {float: left; width: 300px; height: 251px; position: relative; overflow: hidden;	margin: 0 4px; padding: 0; margin-bottom: 15px;}

#small_spot_container {position: relative; width: 660px; padding: 0 4px 0 6px; margin: 15px 0;}
.bottom-ad-small {float: left; width: 319px; height: 80px; position: relative; overflow: hidden; margin: 0 4px;	padding: 0;	margin-bottom: 15px;}

#content_offer {position: relative; width: 651px; margin-top: 5px; left: 10px; float: left; background-image: url(/images/coupon_list_repeat.jpg); background-repeat: repeat-y;}
#offer_view {position: relative; overflow: hidden; width: 651px; height: auto; background-image: url(/images/offer_bg.jpg); background-repeat: no-repeat;}
#offer_title_bar {margin: 10px; line-height: 32px;}
.offer-cat {font-size: 15px; font-weight: bold;}
#get_offer {position: absolute; display: inline; top: 10px; right: 20px; height: 32px; line-height: 32px;}
#get_offer img {position: relative; bottom: -3px; margin: 0 3px;}
#send_button {position: relative; top: 7px;}


#copyright {position: relative; top: 50px; margin: auto 0 auto; text-align: center;	width: 991px; font-size: 9px; color: #666666; clear: both;}
#copyright_index {clear:both; position: relative; bottom: 8px; margin: auto 0 auto; text-align: center;	width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 9px;	color: #666666;}
#copyright_nav {position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 10.5px; color: #666666;}
#copyright_nav a {text-decoration: none; color: #666666;}
#copyright_nav a:hover {color: #006699; text-decoration: underline;}

span.error {color: red; font-weight: bold;}

#faq_container {background: url(/images/bg.jpg) #fdfb6d no-repeat bottom right; padding: 20px 60px;}

#coupon_list {position: relative; background-image: url(/images/coupon_list.jpg); background-repeat: no-repeat; width: 651px;}
#coupon_list_coupon {position: relative; background-image: url(/images/coupon_list.jpg);	background-repeat: no-repeat; width: 651px; height: 273px;}
#coupon_list_repeat {background-image: url(/images/coupon_list_repeat.jpg); background-repeat: repeat-y; width: 651px; height: 1px;}
#coupon_list_bottom {background-image: url(/images/coupon_list_bottom.jpg); background-repeat: no-repeat; width: 651px; height: 7px; background-color: #FFFFFF;}
.cat-title {font-size: 14px;}

#twitter_banner {position: relative; top: 0; left: -2px; width: 328px; height: 62px; background-image: url(/images/twitter_banner.jpg);}
#twitter_banner a#twitter_button {position: absolute; top: 5px; right: 10px; display: block; width: 47px; height: 48px; background-image: url(/images/twitter.jpg); text-decoration: none;}
#twitter_banner a#twitter_button:hover {background-image: url(/images/twitter_roll.jpg);}

#perks_menu {padding-bottom: 12px; background-image: url(/images/perk_menu_repeat.jpg); background-repeat: repeat-y; width: 326px; height: auto; position: relative; float: right; margin-top: 5px;}
#perks_menu_text {position: relative; background-image: url(/images/perk_menu.jpg); background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 12px;	padding-top: 60px; width: 326px;}
#perks_menu_text h4 {margin-top: 0;	font-family: Arial, Helvetica, sans-serif; font-size: 16px;	font-weight: bold; padding-left: 25px; margin-bottom: 5px;}
#perks_menu_text h5 {margin-top: 0;	font-family: Arial, Helvetica, sans-serif; font-size: 14px;	font-weight: bold; padding-left: 25px; margin-bottom: 15px;}
#perks_menu_bottom {position:relative; background: url(/images/perk_menu_bottom.jpg) no-repeat; width: 326px;	height: 8px; float: right; left: 0; bottom: 0; margin-top: 10px;}
img#additional_perks {margin:20px 0 0 9px;}

#text-blue {color: #003366;}

ul#perks {margin-right:15px;}
ul#perks a {color: #003366;}
ul#more_perks {width: 322px; background-image: url(/images/vert_line.gif); background-position: top center; background-repeat: repeat-y; font-family: Arial, Helvetica, sans-serif; list-style: disc;padding: 0;}
ul#more_perks li {float:left; margin-left: 28px; width: 130px; color: #003366; font-size: 12px; line-height: 18px;}
ul#more_perks li a {color: #003366;}

#perk_area_desc {z-index: 10; position: relative; width: 450px; height: 21px; top: 48px; left: 50px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; vertical-align: top; padding: 0 0 0 0;}

p.lqc-text {padding: 10px; background-color: #ff9999; text-align: center; font-size: 14px;}

#coupon_print {display: none;}

/*---------- Render Offer ------------*/
#offer {position: relative; width: 595px; height: 225px; left: 4px; top: -3px; background-color: #FFFFFF; border: 1px solid #000; padding: 15px 20px; overflow: hidden; font-family: Arial, Helvetica, sans-serif;}
#offer.coupon {border: 1px dashed #000;}
#offer img.watermark {position: absolute; top: 25px; left: 35px; z-index: 1000;}
#offer_logo {width: 180px; height: 155px; float: left; overflow: hidden; margin-right: 10px;}
#offer h2 {font-size: 17px; letter-spacing: -1px; padding-left: 15px;}
#offer h3 {font: 18px Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; margin: 30px 21px;}
#offer h4 {color: #307868; font-size: 11px; font-weight: bold; padding-left: 15px; margin: 10px 0 5px 0;}
#offer hr {clear: both;}
#offer a {color: #307868; text-decoration: none;}
#offer p {font-size: 11px; color:#000000; width: 400px; margin: 7px 0; padding: 0; float: left; line-height:14px;}
#offer_bottom {position: absolute; top: 185px; width: 600px; left: 20px;}
#offer_barcode {width: 195px; height: 63px; position: relative; overflow: hidden; float: left;}
#offer_footer {float: left; width: 375px; padding-left: 25px;}
img#offer_post_logo {width: 105px; height: 42px; float: right;}
#coupon_logo {width: 75px; margin-right: 15px; float: left;}
#fineprint {font: 9px Arial, Helvetica, sans-serif; color:#000000; width: 190px; margin: 7px 0;}
#pnp_logo { margin-top: 75px; float:right;}
#coupon_info {margin-left: 0px;float: left; margin-top: 25px;}
#barcode {position: absolute; right: 0; top: 0; width: 150px; margin: 10px 0;}
.qty-label {width: 55px; margin-top: 5px; float: left; font: 12px Arial, Helvetica, sans-serif; font-weight: bold; color: #000000;}