/*-- GENERAL STYLES --*/
body, div, h1, h2, h3, h4, h5, h6, table, td, th, p, ol, ul, dl, li, dt, dd, blockquote, form, label, input, select, textarea, button {margin: 0; padding: 0;}

html {height: 100%; margin-bottom: 1px;} /* to force scrollbars in non-IE browsers */
body {padding: 0 0 20px; background-color: #e5e5e5; font: 62.5%/1.5em 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; color: #222;}
table, td, tr {font-size: 1em;}

img {border: none;}
table {border-collapse: collapse;} 
td, th {vertical-align: top; padding-bottom: 1em; padding-right: 25px;}
table.compact td, table.compact th {padding-bottom: .2em; padding-right: 5px;}

input, select, textarea {vertical-align: middle;}
img {border: 0;}

h1 {}
h2 {}
h3 {}

p, ul, ol, dl {margin-bottom: 1em;}
ul {list-style: square;}
ul, ol {margin-left: 1em;}

dt {font-weight: bold; padding-left: 1.4em; text-indent: -1.4em;}
dd {margin-bottom: 1em; padding-left: 1.4em; text-indent: -1.4em;}

label {font-weight: normal; color: #666;}
input, textarea {font-size: 1.1em; /*font-weight: bold;*/ font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;}
.form-field {width: 325px;/* border: 1px solid #ccc;*/}
.form-field-small {width: 125px; /*border: 1px solid #ccc;*/}
.error {color: #d63444;}
.red {font-weight: bold; color: #d63444;}

*:focus {outline: none;} /* for Firefox's outlines */

/*-- CONTAINER --*/
#container {margin: 10px auto 0; width: 916px; background: url(/images/bg_container.gif) repeat-y top left;}

/*-- HEADER --*/
#header {padding: 24px; position: relative; _height: 1%; background: url(/images/bg_header.gif) no-repeat;}
#header h6 {padding: 15px 0 1px 28px;}
#header h6, #header h6 a {display: block; width: 227px; height: 44px;}
#header h6 a {background: url(/images/logo_loyaltystream.gif) no-repeat;}
#header #navigation {width: 580px; position: absolute; right: 44px; bottom: 37px;}
#header #navigation ul {margin: 0; list-style-type: none; line-height: 1; float: right;}
#header #navigation li {float: left; padding: 0 .8em;}
#header #navigation li a {padding: 2px 5px; display: block; float: left; font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; font-size: 1.3em; font-weight: lighter; text-decoration: none; color: #666;}
#header #navigation li a:hover,
#header #navigation li a.active {color: #d63444; text-shadow: #777 0 0 6px;}
#header #navigation li.current a {color: #d63444;}
#header #navigation li.current a:hover {text-shadow: none;}
#header #navigation #navigation-signin {border-left: 1px solid #999; padding-left: 1.6em; margin-left: 1em;}
#signin {margin: 0 24px 15px; display: none;}
#signin div {background: #eee url(/images/bg_signin_top_grey.gif) no-repeat top left; font-size: 1.2em;}
#signin ul {float: right; list-style: none; margin: 0; padding: 0;}
#signin ul li {float: left; margin: 0; padding: 0;}
#signin form {margin: 0; padding: 5px 10px 1px; background: url(/images/bg_signin_bottom_grey.gif) no-repeat bottom left; text-align: right;}
#signin form label {margin: 0 0 0 15px; color: #222;}
#signin form input {vertical-align: baseline;}
#signin form input.form-field {width: auto; /*border-color: #AAA;*/}
#signin form input.button {margin: 0 0 0 15px;}
#signin p {margin: 0;}
p#signin-error {padding: 5px 13px 4px; margin: 0 0 -2.2em; position: relative; top: -2.4em; color: #cb0016; text-align: right; font-size: 1.1em;}
p#signin-error a {color: #cb0016; text-decoration: underline;}
p#signin-error a:hover {text-shadow: none;}

a.submit {margin: 0; padding: 0; display: block; width: 78px; height: 26px; overflow: hidden; text-indent: 999em; background: url(/images/button_submit.gif) no-repeat top left; text-shadow: none;}
#signin a.submit {margin: -2px 0 0 15px; background-image: url(/images/button_submit_grey.gif);}
a.submit:hover {background-position: 1px 1px;}


/*-- GUTS --*/
#guts {padding: 0 45px 50px 50px; font-size: 1.2em; line-height: 1.5em;}
#guts h1 {margin: 0 -26px 30px; height: 130px; position: relative; background-position: top right; background-repeat: no-repeat; background-color: #cb0016;}
#guts h1 img {position: absolute; left: 0; top: 0;}

/*-- CONTENT --*/
#content {width: 475px; float: right; padding: 0 0 0 5px;}
#content h2 {font-size: 1.2em; margin: 1.6em 0 .3em -5px; text-indent: -100em;}
#content h3 {font-size: 1em;}
#content ul {list-style-image: url(/images/back_bullet.gif);}

/*-- SUBHEADERS --*/
#content h2#hdr-new {background: url(/images/hdr_home_new.gif) no-repeat 1px 0; height: 22px;}
#content h2#hdr-drives {background: url(/images/hdr_merchants_drives.gif) no-repeat 1px 0; height: 22px;}
#content h2#hdr-benefits {background: url(/images/hdr_merchants_benefits.gif) no-repeat 1px 0; height: 22px;}
#content h2#hdr-works {background: url(/images/hdr_merchants_works.gif) no-repeat 1px 0; height: 22px;}
#content h2#hdr-loyal {background: url(/images/hdr_nonprofits_loyal.gif) no-repeat 1px 0; height: 22px;}
#content h2#hdr-funding {background: url(/images/hdr_nonprofits_funding.gif) no-repeat 1px 0; height: 22px;}
#content h2#hdr-free {background: url(/images/hdr_nonprofits_free.gif) no-repeat 1px 0; height: 22px;}

/*-- SIDEBAR --*/
#sidebar {padding: 0 0 1em 0; width: 230px; float: left; font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;}
#sidebar h3 {font-size: 1em; margin-top: 1em; margin-bottom: .3em;}
#sidebar p#promo-learnmore {margin: 1.5em 0; min-height: 46px;}
#sidebar p#promo-learnmore strong {display: block; font-size: 1.2em; font-weight: normal; color: #d63444; padding-top: 14px;}
#sidebar p#promo-learnmore a {height: 46px; padding: .3em 0 .4em 52px; display: block; background: url(/images/icon_learnmore.gif) no-repeat 0 50%; text-decoration: none; color: #222;}
#sidebar blockquote {padding: 18px; background: url(/images/bg_blockquote.jpg) no-repeat; font-size: 1.9167em; line-height: 1.3;}
#sidebar blockquote.small {padding: 18px; background: url(/images/bg_blockquote.jpg) no-repeat; font: 1em/1.5em 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; color: #222;}
#sidebar blockquote p {margin-bottom: .4348em;}
#sidebar blockquote p.citation {font-size: .4783em;}
#sidebar img {display: block; margin-bottom: .5em;}
#sidebar img.logo {margin-bottom: 3em;}

/*-- FOOTER --*/
#footer {padding: 30px 24px 0; background: #e5e5e5 url(/images/bg_footer.gif) no-repeat;}
#footer p {color: #888; margin-bottom: 0;}
#footer a {color: #888; text-decoration: underline;}
#footer a:hover {text-shadow: none;}

/*-- VARIATIONS --*/
#merchants h1 {background-image: url(/images/title_merchants.gif);}
#nonprofits h1 {background-image: url(/images/title_nonprofits.gif);}
#aboutus h1 {background-image: url(/images/title_aboutus.gif);}
#faqs h1 {background-image: url(/images/title_faqs.gif);}
#faqs-merchant h1 {background-image: url(/images/title_merchant_faqs.gif);}
#faqs-nonprofit h1 {background-image: url(/images/title_nonprofit_faqs.gif);}
#contact h1 {background-image: url(/images/title_contact.gif);}
#privacy h1 {background-image: url(/images/title_privacy.gif);}

#home #title {position: absolute; top: 0; left: -25px; width: 868px; height: 323px; margin-bottom: 30px; position: relative; overflow: hidden; background: #cb0016 url(/images/bg_title_home.gif) no-repeat top right; font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;}

/*-- LINKS --*/
a:link, a:visited, a:hover, a:active {color: #d63444; text-decoration: none;}
a:hover {color: #d63444; text-shadow: #777 0 0 6px;}

/*-- BUTTONS --*/
.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(/images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
.btn:hover { background-color: #d63444; color: #fff; text-shadow: none;}

/*-- TOOLS --*/
.full {width: 100%;}
.one-half {}
.one-quarter {}
.three-quarters {}
.one-third {}
.two-thirds {}

.fl {float: left;}
.fr {float: right;}

img.fl {margin: 0 10px 5px 0;}
img.fr {margin: 0 0 5px 10px;}
img.across {display: block; margin: 0 0 5px;}

.cb {clear: both;}
.cl {clear: left;}
.cr {clear: right;}

.ca:after {content: "."; display: block; height: 0; font-size: 1px; line-height: 0; clear: both; visibility: hidden;}

.ar {text-align: right;}
.al {text-align: left;}
.ac {text-align: center;}

.skip {display: none;}
.pir span, h1 span, #header h6 span, #home #title div h2 span {position: absolute; top: 0; left: 0; overflow: hidden; width: 0; height: 0;}