/* INITIALIZE */
/* undo default styling of common (X)HTML browsers */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul {list-style:none;}

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td {font-size:1em;}

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset {border:none;}

img {border: none;}
form {margin: 0; padding: 0;}
fieldset {margin: 0; padding: 0; border: none;}

/* ------------------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	background: #fff url(images/header-bg.jpg) repeat-x;
  font-family: Arial, sans-serif;
  font-size: 14px;
	color: #666;
}

#wrapper {margin: 0; padding: 0; height: 225px; background: url(images/header-bg.jpg) repeat-x left top;}

/* Header */
#header {width: 1000px;	height: 225px; margin: 0 auto;}

/* Top Nav */
div#navbar {height: 38px; width:890px;}
div#navbar ul {margin: 0; padding: 0;}
div#navbar li {list-style-type: none; display: inline; width:127px;}
div#navbar li a {text-decoration: none; padding: 0;}
div#navbar li a:hover {background: #999;}

/* Page */
#page-home {width: 1000px; margin: 0 auto;}
#page-wrapper {width:1000px; margin:0 auto;}
#merchant-wrapper {margin:0 auto; height:550px; background: url(images/merchant-wrapper-bg.jpg) repeat-x left top;}
#consumer-wrapper {margin:0 auto; height:550px; background: url(images/consumer-wrapper-bg.jpg) repeat-x left top;}

/* Content */
#content {width: 1000px; height: 457px; margin: 0;}
#content-long {width: 1000px; height: 750px; margin: 0;}
#content-enroll {width: 1000px; height: 950px; margin: 0;}
#content-short {width: 1000px; margin: 0;}
#content-home {width: 1000px; height: 760px; margin-top: 0;}
#content-consumer {width: 1000px; height: 427px; margin:0;}

#merchant {width: 1000px;	height:476px; margin:0 auto;}
#aps {width:1000px;	height:50px; margin:0 auto;}
#consumer {width: 1000px;	height:550px; margin:0 auto;}
#locator {width: 1000px;	height:530px; margin:0 auto;}
#contact {width: 1000px;	height:750px; margin:0 auto;}
#faq {width: 1000px;	height:900px; margin:0 auto;}
#gallery {width: 1000px;	height:700px; margin:0 auto;}

#confirmation {margin: 0 0 0 60px; height: 150px;}
#enroll-button {float:right; width: 150px; height: 150px; margin: 0 5px 0 0;}
#enroll-form-wrapper {margin: 0 0 0 0; height:950px;}
td.enroll-form-cell {margin: 0 0 0 60px; width:750px; height:875px;}
.enroll-iframe {margin: 0 0 0 100px; width:800px; height:875px;}
#merchant-button {float:right; width: 140px; height: 105px; margin: 380px 5px 0 0;}
#merchant-link a {background-image: url(images/merchant-btn-off.gif); width:140px; height: 105px;}
#merchant-link hover {background-image: url(images/merchant-btn-on.gif);}
#discount-tbl-wrap {position:absolute; padding:95px 0 0 60px;}
#consumer-tbl-wrap {position:relative; padding:0 0 0 30px;}

td.merchant-left-r1 {width:560px; height:378px; margin:0; padding:0;}
td.merchant-right-r1 {width:440px; height:378px; padding:0; margin:0; background: url(images/merchant-rt-bg.jpg) no-repeat left top;}
td.merchant-left-r2 {width:374px; height:98px; margin:0; padding:0;background: url(images/merchant-left-r2-bg.jpg) no-repeat left top;}
td.merchant-bubble-r2 {width:186px; height:98px; margin:0; padding:0;background: url(images/merchant-bubble-bg.jpg) no-repeat left top;}
td.merchant-bubble-r2 a.not-merchant-button {float:left; width:186px; height:98px; margin:0; padding:0;}
td.merchant-bubble-r2 a.not-merchant-button:hover {float:left; width:186px; height:98px; margin:0; padding:0; background: url(images/merchant-bubble-bg-over.jpg) no-repeat left top;}
td.merchant-right-r2 {width:440px; height:98px; padding:0; margin:0; background: url(images/merchant-right-r2-bg.jpg) no-repeat left top;}
td.merchant-aps-left {width:560px; height:30px; margin:0; padding:0; background: url(images/merchant-left-aps-bg.jpg) no-repeat left top;}
td.merchant-aps-right {width:440px; height:30px; margin:0; padding:0; background: url(images/merchant-right-aps-bg.jpg) no-repeat left top;}

td.consumer-left-r1 {width:580px; height:378px; margin:0; padding:0;}
td.consumer-right-r1 {width:420px; height:378px; padding:0; margin:0; background: url(images/consumer-rt-bg.jpg) no-repeat left top;}
td.consumer-left-r2 {width:268px; height:98px; margin:0; padding:0; background: url(images/consumer-left-r2-bg.jpg) no-repeat left top;}
td.consumer-bubble-r2 {width:136px; height:98px; margin:0; padding:0;background: url(images/consumer-bubble-bg.jpg) no-repeat left top;}
td.consumer-bubble-r2 a.merchant-button {float:left; width:136px; height:98px; margin:0; padding:0;}
td.consumer-bubble-r2 a.merchant-button:hover {float:left; width:136px; height:98px; margin:0; padding:0; background: url(images/consumer-bubble-bg-over.jpg) no-repeat left top;}
td.consumer-mid-r2 {width:176px; height:98px; margin:0; padding:0;background: url(images/consumer-mid-bg.jpg) no-repeat left top;}
td.consumer-right-r2 {width:420px; height:98px; padding:0; margin:0; background: url(images/consumer-right-r2-bg.jpg) no-repeat left top;}
td.consumer-right-r2 a.locator-button {float:right; width:120px; height:78px; margin:0 160px 0 0; padding:0;}
td.consumer-aps-left {width:580px; height:30px; margin:0; padding:0; background: url(images/consumer-left-aps-bg.jpg) no-repeat left top;}
td.consumer-aps-right {width:420px; height:30px; margin:0; padding:0; background: url(images/consumer-right-aps-bg.jpg) no-repeat left top;}
td.aps {width:100px; height:30px; margin:0; padding:0; background: url(images/aps-footer-bg.jpg) no-repeat left top;}

td.locator {width: 500px; height: 360px; padding: 5px 0 0 200px; margin: 0; background: #fff;}
td.gallery {width: 500px; height: 360px; padding: 5px 0 0 200px; margin: 0; background: #fff;}
td.enroll {width: 825px; height: 300px; padding: 5px 0 0 200px; margin: 0; background: #fff;}
td.faq {width: 500px; height: 900px; padding: 5px 20px 0 200px; margin: 0; background: #fff;}
td.confirmation {width: 500px; height: 50px; padding: 5px 0 0 200px; margin: 0; background: #fff; color:#009900;}


h1, h2, h3 {margin: 0; font-weight: normal; color: #666;}
h1 {letter-spacing: -1px; font-size: 32px;}
h1.page-header {padding: 15px 0 0 0; letter-spacing: -1px; font-size: 16px; color: #A53E3F; font-weight: bold; text-transform: uppercase;}
h1.locator {letter-spacing: -1px; font-size: 16px; color: #A53E3F; font-weight: bold; text-transform: uppercase;}
h1.enroll {letter-spacing: -1px; font-size: 16px; color: #A53E3F; font-weight: bold; text-transform: uppercase; margin: 30px 0 0 200px;}
h2 {font-size: 23px;}
h2.merchant {font-size: 20px; color:#666; margin:0; padding:0 60px 0 85px; line-height:25px;}
h3.merchant {font-size: 20px; color:#666; margin:0; padding:5px 0 0 85px;}
h2.consumer {font-size: 26px; color:#666; margin:0; padding:0 50px 20px 60px;}
h3.consumer-left {font-size: 24px; color:#666; margin:0; padding:30px 30px 10px 60px;}
h3.consumer-right {font-size: 24px; color:#666; margin:0; padding:30px 0 10px 0;}
.super-red-bold {color:#a53e3f; font-weight:bold;}
.super-red {color:#a53e3f; font-weight:normal;}
.super-red-upper {color:#a53e3f; font-weight:normal; text-transform:uppercase;}
span.consumer-right-text {line-height:20px; font-weight:bold;}

p {margin:0; padding:5px; text-align:left;}
p.enroll {margin:0 0 0 200px;}
a:link {color: #A5E543;}
a:hover, a:active {text-decoration: none;	color: #A5E543;}
a:visited {color: #A5E543; text-transform:none;}

ul {margin:0; padding:0;}
ul.consumer {margin:0 50px 0 60px; padding:0 50px 0 0;}
ul.merchant {margin:0 0 0 85px; padding:0;}
li.merchant-list {font-size:14px; margin-left:15px; line-height: 20px; padding:0;}
li.consumer-list {font-size:14px; margin-left:15px; line-height: 20px; padding:0; line-height:25px;}

img {border: none;}
img.left {float: left;margin-right: 15px;}
img.right {float: right; margin-left: 15px;}

/* Form */
form {margin: 0; padding: 0;}
input, textarea, select {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #666;}
td.form-label {padding: 0 5px 0 0;}
td.input {padding: 0 0 5px 5px;}
td.radio {padding: 3px 0 5px 5px;}
input.text {height: 15px;}
.reqfields {color:#cc0000;}
/* Form */

/* Footer */
#footer {margin:0 auto; padding:0; height:55px; background: url(images/aps-bg.jpg) repeat-x left top;}
#footer-merchant {margin:0 auto; padding:0; height:55px; background: url(images/merchant-aps-bg.jpg) repeat-x left top;}
#footer-consumer {margin:0 auto; padding:0; height:55px; background: url(images/consumer-aps-bg.jpg) repeat-x left top;}
#footer-logo {margin: 0 auto; padding:10px 0 0 0; width: 800px; height: 50px;	background: url(images/footer-logo.jpg) repeat-x left top;}

#legal {clear: both; padding-top: 17px; text-align: center; color: #999999;}
#legal a {color: #A5E543;}

.merchant-button {float:left; width: 152px; height: 114px; margin: 0; padding: 75px 0 0 200px;}
.merchant-button a {display: block; background: url(images/merchant-btn-off.gif) no-repeat; width: 152px; height: 114px; display: block; float: left;}

.endorse {float:left; position: absolute; margin:0; padding:5px 0 20px 85px; font-size:12px;}
.card-disclaimer {padding:0; font-size:10px;}
.discount-item {margin:0; padding:5px 0 10px 3px;}