body {
background: #312a52 url("/media/img/page-background.png")
repeat-y top center;
margin: 0;
padding: 0;
font-family: "palatino", "palatino linotype", "times", "times new roman", serif;
}
h1,h2,h3,h4,h5,a {
color: #312A52;
letter-spacing: 0px;
}
h1 a,h2 a,h3 a,h4 a,h5 a {
text-decoration: none;
}
h2 {
font-size: 32px;
}
a,p,label,li {
color: #312a52;
}
p {
font-family: "times", serif;
}
a img {
border: none;
}
sup {
font-size: 70%;
}
.error,.error a {
color: #b80027;
}
.sans-serif {
font-family: Arial,sans;
}
.serif {
font-family: "Palatino","Times","Times New Roman",serif;
}
#wrapper {
padding: 0;
position: relative;
}
#landing #wrapper {
background: none;
padding: 0;
}
#container {
width: 970px;
margin: 0px auto;
padding: 0;
position: relative;
}
#logo {
float: left;
display: block;
margin: 0;
margin-top: 10px;
margin-left: 22px;
}
#utility-nav {
float: right;
margin-top: 36px;
margin-bottom: 20px;
margin-right: 11px;
}
#utility-nav li {
float: left;
list-style: none;
font-weight: bold;
margin-right: 10px;
padding-right: 10px;
font-size: 17px;
border-right: 1px solid #312A52;
}
#utility-nav li.last {
border: none;
}
#utility-nav a {
color: #312A52;
text-decoration: none;
}
#utility-nav a:hover {
text-decoration: underline;
}
#nav {
margin-top: 10px;
margin-right: 11px;
width: 645px;
height: 31px;
padding: 0px;
float: right;
clear: right;
background: #2b2b5f;
}
#nav ul {
margin: 0px;
padding: 0px;
}
#nav li {
float: right;
list-style: none;
font-size: 14px;
text-transform: uppercase;
padding: 6px 0;
font-weight: bold;
margin-left: 0px;
margin-left: -2px;
display: block;
}
#nav a {
color: #FFFFFF;
text-decoration: none;
border-right: 1px solid #FFFFFF;
height: 14px;
padding: 0 15px;
font-weight: bolder;
}
#nav .last-child {
border-right: none;
}
#home .home a,#offers .offers a,#profile .profile a,#benefits .benefits a,#benefits-rewards .benefits a,#articles .articles a {
color: #53b8e1;
}
#content {
margin: 20px auto;
width: 920px;
}
#header {
padding: 0;
}
#landing #header {
border: none;
padding-bottom: 30px;
}
#content-left {
float: left;
width: 645px;
padding-left: 10px;
}
#content-right {
float: left;
width: 230px;
padding: 0px;
margin-left: 35px;
color: #312a52;
font-size: 12px;
}
#content-right .contest-cta {
margin-bottom: 15px;
}
#content-right .content-module {
background: #fff;
padding: 0;
}
#offer-wrapper h4,#content-right h3,#content-right h4,#content-right h2 {
margin-top: 0px;
font-family: Palatino,Georgia,Times,serif;
font-size: 18px;
font-weight: 700;
margin-bottom: 8px;
}
#content-right h4 {
font-size: 14px;
}
#content-right h3 {
font-size: 16px;
}
#content-right h2 {
font-size: 20px;
}
#content-right p {
margin-top: 0px
}
#content-right .padded {
padding: 10px;
}
#content-right .horizontal a {
float: left;
margin-left: 12px;
}
#content-right .horizontal h4 {
float: left;
}
.profile-box {
background: #f6f9c5;
font-family: Arial,sans-serif;
}
.not-a-member {
padding: 10px;
background: #F6F9C5;
}
.offer-summary-block {
margin-bottom: 20px;
padding: 5px;
}
.generic-offers {
margin-bottom: 25px;
}
.generic-offers h4 {
text-indent: -5000px;
width: 216px;
height: 54px;
margin: 0px auto;
padding: 0px;
}
.generic-offers h4.limited {
background: #fff url("/media/img/lto.gif") top left
no-repeat;
width: 221px;
height: 60px;
}
.generic-offers h4.exclusive {
background: #fff url("/media/img/exclusive-offers.png") top left
no-repeat;
}
#footer {
padding: 15px;
margin-left: 30px;
text-align: center;
}
#landing #footer {
margin: 0px;
padding-top: 15px;
color: #fff;
text-align: center;
}
#footer p {
color: #235A82;
font-family: Helvetica,Arial,sans-serif;
font-size: 11px;
margin: 0;
}
#footer a {
color: #235A82;
}
a.arrow,#home .article-summary-container .promotion-description a {
background: transparent url("/media/img/arrow-nav.png") no-repeat right;
padding-right: 10px;
text-decoration: none;
font-weight: bold;
font-size: 14px;
}
.profile-box li {
list-style: none;
margin-left: 0px;
margin-bottom: 8px;
}
.profile-box ul {
margin: 0px;
padding: 0px;
}
.profile-box .earned {
	font-weight: bold;
	position: relative;
	top: -5px;
}
/*
------------------------------------
Home page specific style overrides
------------------------------------
*/
#home .article-summary-container {
    margin-top:15px;
}
#home .article-summary-container h2 {
margin-bottom: 0px;
}
#home .article-summary-container p {
margin-top: 0px;
color: #111;
}
#home #content-left {
float: left;
padding-left: 0px;
width: 655px;
}
#flash_carousel {
height: 398px;
}
/*
------------------------------------
Article styling
------------------------------------
*/
.article {
margin: 0;
}
.article h1 {
font-size: 18px;
float: left;
width: 220px;
margin: 0 0 0 20px;
}
.article h2 {
font-size: 16px;
}
.article h3 {
font-size: 13px;
}
.article p,.article li {
font-size: 14px;
line-height: 18px;
}
.article .feature-image {
border-bottom: 1px solid #51b8e5;
padding: 0 0 20px 0;
margin: 20px 0;
position: relative;
}
.article .feature-image p {
float: left;
font-size: 12px;
width: 220px;
margin: 0px;
padding: 0px;
margin-left: 20px;
}
.article .feature-image .print {
position: absolute;
left: 360px;
top: 185px;
width: 220px;*position:static;
}
.article .feature-image .print a {
text-decoration: none;
font-weight: bold;
font-size: 14px;
padding-left: 28px;
padding-bottom: 4px;
padding-top: 2px;
background: transparent url("/media/img/icons/print.png") top left
no-repeat;
}
.article .feature-image img {
float: left;
}
bottom left repeat-x;
padding-bottom: 20px;
}
.article h1.content-header-text {
background: none;
color: #53b8e1;
margin-left: 10px;
}
.article .article-meta {
margin: 40px 0 30px 0;
}
.offer-nav { height:46px;margin-left:-5px;padding-bottom:10px;margin-bottom:20px; }
.offer-nav a { margin-right: 10px; }
#rewards .rewards a, #offers .offers-sub a {background-color:#fff;}
.article-nav {
height: 30px;
background: #53b8e1;
}
.article-nav ul {
margin: 0;
padding: 8px 0 6px 0;
text-align: center;
}
.article-nav li {
display: inline;
list-style: none;
margin: 0;
padding: 0;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
border-left: 1px solid #312a52
}
.article-nav li.first-child {
border-left: none;
}
.article-nav li a {
text-decoration: none;
padding: 3px 1px;
margin: 0 6px 0 10px;
}
#entertaining-decorating .entertaining-decorating a,#wine-beer .wine-beer a,#gourmet .gourmet a,#season-delight .season-delight a,#all .all a,#benefits .overview a,#faq .faq a,#rules .rules a,#benefits-rewards .benefits-rewards a {
background: #fff;
}
.article .inline-image {
float: right;
margin: 10px 30px;
margin-right: 0px;
padding: 20px 0;
}
.article .inline-image p {
padding-bottom: 20px;
font-size: 12px;
}
.article-index-header {
margin-top: 30px;
padding-bottom: 20px;
width: 625px;
}
.article-meta .arrow {
margin-right: 12px;
}
.index-feature {
border-bottom: 1px solid #51b8e5;
padding-bottom: 15px;
}
.index-feature h2 {
margin-top: 0px;
margin-bottom: 0px;
float: left;
width: 245px;
font-size: 20px;
}
.index-feature p {
line-height: 17px;
font-size: 14px;
float: left;
width: 245px;
margin: 10px 0 5px 0;
}
.index-feature img {
margin: 0 15px 15px 0;
float: left;
}
.green-header {
color: #53b8e1;
margin-bottom: 0px;
margin-top: 3px;
padding-bottom: 0px;
}
.green {
color: #312A52;
}
.sub-features .first-child {
padding-right: 22px;
margin-right: 22px;
}
body#home .sub-features .first-child {
border-right: 1px solid #53b8e1;
}
.sub-feature {
margin-bottom: 15px;
width: 300px;
float: left;
}
.sub-feature h3 {
margin-top: 0px;
margin-bottom: 3px;
font-size: 20px;
}
.sub-feature a img {
float: left;
margin: 3px 10px 0 0;
}
.sub-feature p,.small {
font-size: 12px;
line-height: 14px;
margin: 0 0 7px 85px;
}
.sub-feature .article-meta {
margin-left: 85px;
}
.article-archives {
	list-style-type: none;
	margin: 20px 0 0 0;
	padding: 12px 0 0 0;
	border-top: 1px solid #53b8e1;
	clear: both;
}
.brown-divider {
background: transparent url("/media/img/brown-horizontal-divider.gif")
bottom left repeat-x;
padding-bottom: 10px;
margin-bottom: 15px;
}
.brown-divider-vertical {
padding-left: 20px;
margin-left: 20px;
float: left;
background: transparent url("/media/img/brown-vertical-divider.gif")
top left repeat-y;
}
.category-block {
margin-bottom: 30px;
}
.category-block h4 {
margin-bottom: 12px;
padding: 6px;
text-align: center;
text-transform: uppercase;
background: #ddf1f9;
}
.articles-by-category p {
margin-top: 0px;
}
.articles-by-category .col2 {
padding-left: 20px;
float: left;
background: transparent url("/media/img/brown-vertical-divider.gif")
top left repeat-y;
}
.articles-by-category .col1 {
margin-right: 20px;
width: 280px;
float: left;
}
.articles-by-category .sub-feature {
margin-bottom: 20px;
}
.category-nonfeatured .sub-feature {
margin-bottom: 20px;
width: 280px;
}
.content-header {
width: 633px;
margin-left: -5px;
margin-bottom: 20px;
background: #fff url("/media/img/content-header.gif") bottom left no-repeat;
padding-bottom: 3px;
}
.content-header p {
font-size: 14px;
text-align: center;
background: #fff url("/media/img/content-header.gif") top left no-repeat;
padding: 15px 45px;
padding-bottom: 8px;
}
.content-header-text {
margin-top: 0px;
margin-bottom: 10px;
margin-left: -40px;
}
.centered {
text-align: center;
margin-left: 10px;
}
/*
---------------------------
Form stuff
---------------------------
*/
.field-wrapper {
margin-bottom: 10px;
}
	.field-wrapper em {
		position: relative;
		top: 8px;
		font-size: 18px;
	}
input,select {
border: 1px solid #7A6144;
height: 32px;
font-family: Arial,sans;
font-size: 18px;
}
.prepop-field {
font-family: "Arial",sans;
height: 24px;
float: left;
margin: 0;
margin-top: 9px;
padding: 0px;
font-weight: bold;
}
textarea {
border: 1px solid #7A6144;
}
.register-form input {
width: 300px;
}
.register-form label {
font-size: 18px;
width: 220px;
}
.register-form fieldset {
	margin-left: 100px;
	margin-right: 100px;
}
.register-form fieldset.shopper_id, .register-form fieldset.email, .register-form fieldset.password {
	background: #bae2f3;
}
	.register-form fieldset.shopper_id {
		margin-top: 30px;
	}


label {
font-weight: bold;
display: block;
width: 220px;
float: left;
text-align: right;
font-size: 18px;
padding-top: 8px;
margin-right: 10px;
}
textarea {
margin: 0;
}
ul.errorlist {
font-size: 14px;
margin-left: 189px;
}
.errorlist li {
margin: 0;
padding: 0;
list-style: none;
color: #A62A02;
font-weight: bold;
}
legend {
display: none;
}
fieldset {
border: none;
}
fieldset .help_text {
margin-top: 18px;
margin-left: 230px;
font-size: 12px;
width: 370px;
font-family: Arial,sans;
font-weight: bold;
}
fieldset.terms ul.errorlist {
margin-left: 0px;
width: 400px;
}
fieldset.personal select {
width: 300px;
}
#id_zip {
width: 100px;
}
fieldset.survey {
padding-left: 20px;
}
fieldset.survey label {
display: block;
width: 600px;
text-align: left;
margin-bottom: 15px;
font-size: 16px;
}
fieldset.survey select {
width: 570px;
margin-bottom: 20px;
height: 32px;
}
.register-form .submit {
width: 119px;
height: 25px;
}
#submit-wrapper {
margin-top: 20px;
margin-left: 346px;
}
.submit {
border: none;
}
fieldset.email_optin input,fieldset.enter_contest input,fieldset.terms input {
width: auto;
border: 0;
float: left;
}
fieldset.enter_contest label,fieldset.terms label {
width: 550px;
border: 0;
text-align: left;
float: left;
margin-left: 10px;
}
fieldset.terms label {
width: 300px;
margin-left: 0px;
}
fieldset.enter_contest p {
float: left;
width: 460px;
margin-top: 0px;
margin-left: 20px;
font-size: 15px;
line-height: 17px;
}
fieldset.enter_contest img {
float: left;
}
fieldset.email_optin {
margin-left: 328px;
}
fieldset.email_optin label {
width: 420px;
text-align: left;
}
fieldset.email_optin span {
margin-left: 0px;
text-align: left;
}
#id_read_terms {
border: none;
height: inherit;
}
/*
-------------------------
Login form
-------------------------
*/

.login {
background: #d4edf7;
border: 8px solid #53b8e1;
padding: 10px 20px;
}
.login-border {
border: 8px solid #d7dd00;
}
.login .login-form {
margin-top: 45px;
}
.login .login-form p {
margin-left: 240px;
width: 240px;
font-family: Arial,sans-serif;
font-weight: bold;
font-size: 12px;
}
.login .login-form label {
margin-left: 102px;
font-size: 18px;
}
.login-form {
}
.login-form label {
width: 125px;
}
.register-cta {
float: left;
width: 200px;
}
.content-right .login-form a {
font-size: 12px;
}


.recover-form {
	width: 90%;
}

.recover-form .img-submit {
	width: 119px;
 	height: 25px;
	margin-left: 390px;
}

.recover-form label {
	display: block;
	width: 380px;
}

.food-progress-meter-container {
background: transparent url('/media/img/food_progress_holder.gif') no-repeat top left;
width: 136px;
height: 34px;
margin-top: 3px;
padding: 0px;
padding-top: 3px;
padding-left: 3px;
}
.food-progress-meter {
background: transparent url('/media/img/food_progress_meter.gif') no-repeat top left;
width: 120px;
height: 17px;
}




.invite input,.contact input {
width: 300px;
}
#content-right .login-form {
width: 210px;
padding: 10px;
float: none;
border-bottom: 8px solid #fff;
}
#content-right .login-form label {
text-align: left;
font-size: 12px;
margin-top: 0px;
}
#content-right input {
width: 208px;
height: 23px;
font-size: 13px;
}

#content-right .login-form .img-submit,
.login-form .img-submit {
border: none;
width: 70px;
height: 25px;
}
#content-right .login-form .img-submit {
border: none;
width: 70px;
height: 25px;
margin-top: 10px;
}
#content-right .field-wrapper {
margin-bottom: 0px;
clear: left;
}
.social {
width: 210px;
margin: 0px auto;
padding: 10px;
background: #d4edf7;
border-top: 8px solid #fff;
}
.social strong {
float: left;
font-size: 12px;
}
.social a {
float: right;
margin: 4px 0 0 4px;
}
.login-form h4 {
float: left;
}
#content-right .invite {
margin-left: 10px;
padding-bottom: 20px;
margin-bottom: 20px;
width: 200px;
}
.img-submit {
border: none;
}
#content-right .invite input {
width: 130px;
margin-top: 0px;
height: 21px;
float: left;
margin-right: 10px;
}
#content-right .invite form {
padding: 0px;
margin: 0px;
}
#content-right .invite .img-submit {
border: none;
width: 24px;
height: 24px;
margin-top: 0px;
margin-left: 0;
}
.clear {
clear: both;
}
.left {
float: left;
}
.right {
float: right;
}
.center, .center-full {
text-align: center;
}
.strong {
font-weight: bold;
}
.gray {
color: #666666;
}
.red {
color: #A52700;
}
#content-right .nopad {
padding: 0px;
}
.reward_cta {
font-size: 11px;
color: #E0E1B8;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
display: block;
margin: 15px 0 8px 0;
}
.color-2 .reward_cta,.color-8 .reward_cta {
color: #3D3B73;
}
.alert-message {
background-color: #fff;
padding: 15px;
font-family: Verdana,sans;
color: #ff0000;
width: 500px;
}
.reward-wrapper-inner {
margin: 0;
padding: 0;
float: left;
}
p.expiration {
margin: 0;
padding: 0;
clear: left;
margin-left: 20px;
margin-bottom: 20px;
font-size: 13px;
width: 180px;
font-family: Arial,"MS Trebuchet",sans-serif;
}
.imghead {
margin-bottom: 15px;
}
.contest-promo-container {
margin: 10px 0;
}
.benefit-left {
float: left;
width: 370px;
margin-top: 30px;
}
.benefit-right {
float: left;
margin-left: 30px;
margin-top: 20px;
}
.benefit-left p,.benefit-left li {
font-size: 14px;
line-height: 18px;
}
.benefit-left li {
list-style-image: url('/media/img/checkmark-li.gif');
margin-bottom: 10px;
}
.benefit-left ul {
background: transparent url("/media/img/brown-horizontal-divider.gif")
top left repeat-x;
padding-top: 15px;
}
.benefit-left div {
width: 80%;
}
.benefit-right .small {
width: 221px;
text-align: center;
}
.generic-left {
float: left;
width: 300px;
margin-top: 0px;
}
.generic-right {
float: left;
margin-top: 0px;
margin-left: 0px;
}
.generic-left .green-header,.generic-right .green-header {
margin-bottom: 10px;
}
.single {
width: 600px;
}
.feedback {
color: #256D95;
font-size: 18px;
}
#contest-body {
width: 900px;
margin: 0px auto;
padding: 30px;
}
.left-column {
float: left;
margin-right: 20px;
}
.right-column {
float: left;
}
#landing .left-column {
margin-left: 0px;
margin-right: 50px;
width: 252px;
}
#landing .small {
color: #796344;
font-size: 10px;
line-height: 11px;
font-family: "Arial",sans;
}
#contest-body .register-form {
width: 549px;
}
#contest-body .register-form label {
width: 150px;
margin-left: 0px;
color: #796344;
}
.legal {
font-size: 11px;
font-style: italic;
line-height: 11px;
font-family: "Palatino","Times","Times New Roman",serif;
}
#contest-body h1,#contest-body h2,#contest-body h3 {
color: #796344;
text-align: center;
}
#contest-body ul.errorlist {
font-size: 14px;
margin-left: 120px;
}
p.pseudo-label {
float: left;
margin: 0;
margin-top: 2px;
}
fieldset.terms {
margin-left: 333px;
}
fieldset.terms input {
float: left;
width: inherit;
margin-right: 20px;
}
fieldset.terms textarea {
width: 355px;
height: 85px;
display: block;
}
.center-column {
width: 500px;
margin: 0px auto;
text-align: center;
}
.center-column .pad {
padding-bottom: 20px;
}
#contest-body h1 {
font-size: 42px;
margin: 5px 0;
color: #796344;
}
#contest-body .register-cta {
background: #fff url('/media/img/contest-success-bg.gif') no-repeat;
background-position: top center;
width: 100%;
height: 400px;
margin-top: 40px;
margin-left: 20px;
}
#contest-body .register-cta h3 {
font-size: 24px;
color: #53b8e1;
text-align: left;
margin-bottom: 0px;
margin-left: 80px;
}
#contest-body .register-cta p {
text-align: left;
width: 300px;
font-size: 12px;
margin-left: 80px;
margin-top: 5px;
}
#contest-body .register-cta a {
float: left;
margin-left: 80px;
margin-top: 70px;
}
#contest-body .outmarket {
background: #fff url('/media/img/contest-optin-bg.gif') no-repeat;
margin-left: 55px;
}
#contest-body .outmarket h3 {
margin-left: 45px;
}
#contest-body .outmarket p {
margin-left: 45px;
}
#contest-body .outmarket input {
border: none;
margin: 0;
padding: 0;
float: none;
width: auto;
height: auto;
margin-right: 10px;
}
#contest-body .outmarket label {
float: none;
display: inline;
margin: 0px;
font-size: 12px;
padding: 0px;
margin-right: 10px;
}
.outmarket form {
margin-left: 50px;
text-align: left;
}
.outmarket form .field-wrapper {
text-align: left;
padding: 0;
margin-bottom: 6px;
width: 200px;
}
.outmarket form .img-submit {
margin-left: 0px;
}
.single p {
line-height: 20px;
margin-left: 30px;
}
.single h1 {
margin-left: 30px;
}
.wide-left {
float: left;
width: 360px;
font-size: 14px;
margin-right: 20px;
padding-top: 0px;
}
.wide-left p {
margin-top: 0px;
}
.wide-left p.left {
width: 280px;
margin-left: 10px;
}
.wide-right {
float: left;
width: 250px;
font-size: 14px;
}
.wide-right img {
margin-top: 30px;
margin-left: 10px;
}
.toggle {
margin-right: 10px;
}
#accordian {
width: 550px;
margin-top: 30px;
}
#accordian h3.green-header {
font-size: 14px;
}
#accordian h4 {
margin-top: 0px;
font-size: 14px;
margin-bottom: 0px;
float: left;
width: 500px;
}
#accordian img {
float: left;
}
#accordian p {
margin-left: 24px;
font-size: 12px;
margin-top: 0px;
}
.unsub-form {
padding-left: 20px;
padding-right: 20px;
}
.unsub-form label {
width: 250px;
}
.unsub-form .errorlist {
margin: 0;
padding: 0;
}
.complete-form label {
margin-right: 20px;
width: 400px;
padding: 0px;
}
.complete-form .submit,.paper-complete-form .submit {
width: 180px;
height: 22px;
margin-left: 420px;
}
.paper-complete-form {
text-align: left;
}
.paper-complete-form label {
margin-right: 30px;
}
.complete-cta {
	float: right;
	width: 160px;
	padding-top: 15px;
}
#content-right p.recover-link {
margin-top: 7px;
text-decoration: underline;
font-weight: bold;
font-size: 11px;
}
#content-right .complete-cta {
	float: none;
	padding: 10px;
	text-align: center;
	background: #53B8E1;
	border-bottom: 8px solid #fff;
	width: 210px;
}
#content-right .complete-cta a {
	color: #fff;
	font-weight: bold;
	font-size: 15px;
}
#content-right .memberid {
margin-top: -6px;
font-weight: bold;
font-family: "Palatino","Times","Times New Roman",serif;
}
p.brown-divider {
padding-bottom: 30px;
}
h2.coupon-cta {
font-size: 18px;
}
.register-text {
font-size: 32px;
}
/*
------------------------------------
offer tiles
------------------------------------
*/
#offer-wrapper .coffee-reward-status,#content-right .coffee-reward-status {
font-family: Arial,sans;
float: left;
width: 67px;
margin: 0 0 0 8px;
font-size: 10px;
line-height: 11px;
}
#offer-wrapper .food-reward-status,#content-right .food-reward-status {
font-family: Arial,sans;
float: right;
width: 67px;
margin-left: 2px;
font-size: 10px;
line-height: 11px;
}
.offer-summary-block {
margin-top: 10px;
background-color: #E7E7C5;
}
#offers .offer-summary-block {
width: 230px;
padding-left: 20px;
}
#offer-wrapper .offer-module h3,#content-right .offer-module h3 {
font-size: 20px;
color: #fff;
margin: 0px;
}
.offer-left {
float: left;
width: 290px;
text-align: center;
}
.offer-right {
float: left;
padding-left: 30px;
margin-left: 20px;
width: 290px;
text-align: center;
}
#offer-wrapper .offer-module .icon {
float: right;
margin-top: -10px;
}
#offer-wrapper li div.clear {
margin-bottom: 20px;
}
.offer-module {
text-align: left;
}
.offer-cta {
float: right;
margin-top: -20px;
font-family: "Arial",sans;
font-size: 12px;
}
.offer-cta.color-4-print a {
color: #53b8e1;
text-decoration: none;
background: none;
}
#content-right .offer-cta {
margin-top: -12px;
margin-right: 20px;
}
#offer-wrapper .offer-module {
margin-left: 20px;
width: 283px;
padding: 0px;
padding-bottom: 15px;
margin-bottom: 5px;
float: left;
}
.reward-wrapper,.printable-wrapper,.instore-wrapper {
margin-bottom: 20px;
text-align: center;
}
#offer-wrapper ul {
margin: 0;
padding: 0;
}
#offer-wrapper li {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 10px;
}
#offer-wrapper .offer-module div {
padding: 20px;
padding-bottom: 0px;
}
#offer-wrapper .offer-module h3 {
font-size: 18px;
margin-bottom: 5px;
}

#offer-wrapper .print {
	border: 1px solid #E4E63A;
	border-width: 1px 0;
	padding: 10px 27px 10px 0;
	background: #F6F8C6 url('/media/img/arrow-nav.gif') 625px center no-repeat;
	text-align: right;
	position: relative;
	top: -12px;
}
	 	
#offer-wrapper .print a {
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}


#thanks-friendsfamily {
	width: 590px;
	height: 183px;
	padding: 80px 30px 0 30px;
	margin: 0 auto;
	font-size: 22px;
	color: #fff;
	text-align: center;
	background: url('/media/img/friends-and-family-thanks-background.png') no-repeat;
}
	#thanks-friendsfamily strong {
		text-transform: uppercase;
		color: #7c6aad;
	}
	#thanks-friendsfamily div {
		position: relative;
		top: -10px;
	}
	#thanks-friendsfamily img {
		position: relative;
		top: 5px;
	}

/*
------------------------------------
Page Specific Styles
------------------------------------
*/
#faq .question {
padding: 12px 0 0 0;
}
#faq #content-left h3 {
margin-top: 35px;
}

#benefits .benefits-list {
	padding-top: 20px;
}
#benefits .benefits-list li {
width: 280px;
height: 95px;
padding-right: 20px;
display: block;
float: left;
}
#benefits .benefits-list img {
float: left;
}
#benefits .benefits-list td {
	font-weight: bold;
	width: 170px;
	height: 65px;
	margin: 5px 0 0 105px;
	vertical-align: middle;
	line-height: 1.1;
}

#benefits .purple .legal {
font-size: 12px;
font-weight: bold;
line-height: 1.3;
font-style: normal;
padding: 10px 30px 25px 30px;
}
#benefits-rewards #content-left p {
margin: 0;
}
#benefits-rewards .blue {
font-size: 14px;
font-weight: bold;
line-height: 1.1;
padding-right: 20px;
}
#benefits-rewards .blue strong {
font-size: 18px;
}
#refer label {
width: 350px;
}
#refer .img-submit {
margin: 10px 0 0 359px;
}


#contact .contact form label {
	width: 202px;
	font-size: 16px;
	font-weight: normal;
}

#contact .content-body {
	width: 720px;
	margin: 30px auto;
}

#contact .img-submit {
	margin: 14px 0 20px 212px;
}

#contact .required-field {
	font-size: 12px;
	margin-left: 122px;
}

#thanks .links {
font-family: Arial,sans-serif;
font-weight: bold;
margin-bottom: 65px;
text-align: center;
font-size: 12px;
}
#thanks .links a {
margin-top: 30px;
}

#invite-friendsfamily {
}

	#invite-friendsfamily form {
		display: block;
		width: 607px;
		height: 629px;
		margin: 0 auto;
		background: url('/media/img/share-the-deals-background.png') no-repeat;
	}
	#invite-friendsfamily textarea {
		margin: 234px 0 10px 126px;
	}
	#invite-friendsfamily form p {
		color: #fff;
		font-family: Arial,sans;
		font-size: 11px;
		margin: 0 70px;
	}
	#invite-friendsfamily form p.strong {
		margin:0 100px 0 126px;
	}


/*
------------------------------------
A few color-based items. Breaking
general rule of not using colors in
class names as there is no rhyme
or reason to the color choices.
------------------------------------
*/
.blue {
background: #53b8e1;
}
.light-blue {
background: #d4edf7;
padding-top: 14px;
padding-bottom: 40px;
}
.purple {
background: #312a52;
color: #fff;
}
.purple h1,.purple p, .purple a {
color: #fff;
}
.white {
color: #fff;
}
form.yellow-border {
border: solid #d7dd00;
border-width: 0 10px 8px 10px;
background: #d4edf7;
margin: 0;
padding: 25px 0 60px 0;
}
form.yellow-border h2,form.yellow-border h3 {
margin: 0;
}
form.yellow-border p {
font-size: 11px;
}
/*
------------------------------------
Some pages get wide layout
------------------------------------
*/
body#recover #content-left,body#account #content-left,body#complete-form #content-left,body#refer #content-left,body#thanks #content-left,body#profile #content-left,body#contact #content-left, body#terms #content-left, body#privacy #content-left, body#invite-friendsfamily #content-left {
width: 909px;
float: none;
padding: 0;
}
body#recover #content-right,body#account #content-right,body#complete-form #content-right,body#refer #content-right,body#thanks #content-right,body#profile #content-right,body#contact #content-right, body#terms #content-right, body#privacy #content-right, body#invite-friendsfamily #content-right {
display: none;
}
.img_header {
margin: 30px;
}
#offers .offer_summary a,#food .food_rewards a,#coffee .coffee_rewards a {
color: #53b8e1;
}
.offer-box {
border-bottom: 1px solid #e5e73c;
padding: 20px 0px;
display: table;
position: static;
}
.newsletter {
background: #fff url(/media/img/newsletter.gif) no-repeat 115px top;
padding-top: 30px;
}
#offer-wrapper ul {
list-style-type: none;
margin-left: 0px;
padding: 0px;
}
#offer-wrapper .offer-box h4,#offer-wrapper .offer-box p {
color: #312a52;
}
#offer-wrapper .offer-box h4 {
font-size: 15px;
margin-bottom: 5px;
}
#offer-wrapper .offer-box p,.offer-copy li {
font-size: 12px;
margin-top: 0px;
font-weight: normal;
}
#offer-wrapper .offer-copy li
{
   margin-left:20px;
   list-style-type:disc;
   margin-bottom:2px;
}

#offer-wrapper .offer-copy ul
{
   margin:10px 0;
}
.callout-container {
display: table-cell;
vertical-align: middle;
height: 72px;
text-align: center;
width: 100px;
margin-right: 15px;
position: static;
padding-top: 15px;
}
.offer-callout {
font-size: 24px;
margin: 0px;
display: inline;
}
.offer-cta {
margin: 0px;
}
.offer-copy {
width: 305px;
padding: 0px;
margin: 0 15px 0 0;
}
.offer-copy p {
margin-bottom: 3px;
}
.offer-copy li {
margin-left: 20px;
list-style-type: disc;
}
.offer-thumb {
border: 1px solid #e5e73c;
margin-right: 15px;
}
.instore .offer-copy {
width: 305px;
}

#sidebar-notices div {
    background-color: #d7dc00;
    margin:10px 0;
    padding:10px 2px;
    text-align:center;
    
}

#sidebar-notices p {
    font-size:21px;
    margin:0px;
}

#sidebar-notices h4 {
    font-size:12px;
    margin:0px;
    font-weight:normal;
    font-family: "Arial","Helvetica",sans-serif;
    margin-bottom:5px;
}

.sidebar-offer-tile a {
display: block;
padding: 10px 20px 10px 10px;
background: #e0e731 url(/media/img/sidebar_offer_arrow.gif) no-repeat 210px 10px;
text-decoration: none;
}

.sidebar-offer-tile a span {
display: block;
margin-top: 5px;
font-family: "Arial","Helvetica",sans-serif;
font-size: 12px;
font-weight: bold;
}
.sidebar-offer-tile {
margin-bottom: 5px;
}
.no-rewards p {
color: #312a52;
width: 500px;
font-size: 16px;
}
.reward-teaser {
width: 350px;
margin-bottom: 20px;
height:80px;
}
.reward-teaser img {
float: left;
margin-right: 10px;

}
.reward-teaser h5 {
font-siae: 16px;
text-transform: uppercase;
margin: 0px;
}
.reward-teaser p {
margin: 0px;
font-size: 14px;
display: inline;
}
.promotional-tile {
padding: 10px 0;
text-align: center;
}
.article-summary-container .promotional-tile {
float: left;
padding: 0px;
margin-right: 10px;
margin-bottom: 10px;
}
#home .article-summary-container .promotion-description p {
font-size: 12px;
line-height: 16px;
}
.article-summary-container .promotion-container {
background: transparent url("/media/img/brown-horizontal-divider.gif") bottom left repeat-x;
padding-bottom: 10px;
margin-bottom: 15px;
}
.top-button {
text-align: center;
}
.top-button a {
color: #fff;
text-decoration: underline;
background-color: #55bee1;
padding: 3px;
font-size: 14px;
}

#wrapper-remember_me {
	float:left;	
}

#login #wrapper-remember_me {
	margin-right:5px;	
}

#wrapper-remember_me input{
	width: auto;
	height:auto;
	margin-top:10px;
	*margin-top:6px;
	margin-bottom:10px;
	border:none;
}

#wrapper-remember_me label{
	text-align:right;
	width:90px;	
	margin-right:0px;
}

#login #wrapper-remember_me label{
	width:auto;	
	margin-right:10px;
}