body {margin: 0; padding: 0; background: #fff; font-family: arial, helvetica, sans-serif; font-size: 12px; color: #000; text-align: center;}
h1, h2, h3, h4, h5, h6 {font-size: 11px; font-weight: bold; margin: 0;}
select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 11px; color: #000;}
img, table {border: 0;}
form {margin: 0;}
a:link, a:active, a:visited {color: #b38708;}
a:hover {color: #eeb211;}

.hide {display: none;}

#outer {width: 760px; margin: 0 auto; text-align: left; border-bottom: 2px solid #fff; }
#top {position: relative; height: 107px; border: 0px solid #fff; background: url(../images/bkg-top.gif) bottom repeat-x;}
#logo {display: block; background: url(../images/logo.gif) 0 10px no-repeat; width: 347px; height: 104px;}

#login {background: url(../images/bkg-login.gif) no-repeat; width: 180px; height: 90px; position: absolute; top: 17px; right: 0; padding: 0 10px 0 25px;}
#login p {line-height: 15px;}
#login a {color: #000;}
#login table {margin: 4px 0 0 0; font-family: tahoma, arial, helvetica, sans-serif; font-size: 9px;}
#login td {text-align: right; padding-top: 3px;}
#login th {text-align: left; font-weight: bold;}
#login td input {border: 1px solid #000; width: 120px; height: 12px; margin-left: 5px;}
#login tfoot td {text-align: left; padding-top: 4px;}
#login tfoot input {float: right; background: #e89c0b; color: #fff; font-weight: bold; width: 60px; font-family: tahoma, arial, helvetica, sans-serif; font-size: 9px; height: 15px; cursor: pointer; cursor: hand;}

#nav {margin: 0; padding: 0 0 0 330px; list-style: none; height: 23px; background: #000; border-bottom: 2px solid #fff;}
#nav li {margin: 0; padding: 0; list-style: none; border-left: 2px solid #fff; float: left;}
#nav a {display: block; background: #f0f; height: 23px;}
#navhome a {width: 56px; background: url(../images/navhome.gif);}
#navhome a:hover {background: url(../images/navhome-on.gif);}
#navpeek a {width: 97px; background: url(../images/navpeek.gif);}
#navpeek a:hover {background: url(../images/navpeek-on.gif);}
#navfaq a {width: 44px; background: url(../images/navfaq.gif);}
#navfaq a:hover {background: url(../images/navfaq-on.gif);}
#navregister a {width: 81px; background: url(../images/navregister.gif);}
#navregister a:hover {background: url(../images/navregister-on.gif);}
#navbusiness a {width: 142px; background: url(../images/navbusiness.gif);}
#navbusiness a:hover {background: url(../images/navbusiness-on.gif);}

#content {padding: 25px 10px 30px 10px; line-height: 16px;}
#content h2 {height: 28px; margin-bottom: 18px; background-repeat: no-repeat;}
#content h3 {font-size: 13px;}
#content p {margin: 4px 0 10px 0;}
#content ul {margin: 10px 0 10px 13px; padding: 0; list-style: none;}
#content li {margin: 1px 0 0 0; padding: 0 0 0 9px; list-style: none; background: url(../images/bullet.gif) 1px 7px no-repeat;}

body.home #content {padding: 0; margin: 0;}
body.home #content th {width: 321px; height: 583px; padding: 20px 13px; background: #5e5e5e right bottom no-repeat; color: #fff; font-weight: normal; text-align: justify;}
body.home #content th {height: 623px;}
body.home #content th h2 {background-image: url(../images/title-home.gif);}
body.home #content td {padding: 24px 0 0 5px; width: 408px; font-family: tahoma, arial, helvetica, sans-serif;}
body.home #content td h2 {height: 24px; margin: 0;}
body.home #content td h2 a {display: block; height: 24px;}
body.home #points {background-image: url(../images/title-home-points.gif);}
body.home #benefits {background-image: url(../images/title-home-benefits.gif);}
body.home #companies {background-image: url(../images/title-home-companies.gif);}
body.home #greatgifts {margin-bottom: 10px;}
body.home #greatgifts td {width: 196px; text-align: center; font-weight: bold; font-size: 10px; padding: 0;}
body.home #greatgifts td img {width: 150px;}
#benefitsdiv {margin: 3px 0 22px 0; background: #e3e3e3 url(../images/corner-benefits2.gif) right bottom no-repeat; font-size: 11px;}
#benefitsdiv p {font-weight: bold; margin: 0; padding: 15px 15px 0 15px; background: url(../images/corner-benefits1.gif) no-repeat; line-height: 12px;}
#benefitsdiv ul {margin: 0 15px; padding: 0 0 7px 0;}
#benefitsdiv li {margin: 10px 0; padding: 0 0 0 12px; background-image: url(../images/bullet-home.gif); background-position: 0 5px; line-height: 14px;}
body.home #content #companiestable {margin: 0 1px; border-collapse: collapse;}
body.home #content #companiestable tr td {width: 130px; padding: 0;}
body.home #content #companiestable img {display: block; margin-bottom: 2px;}

body.peek #content {padding: 25px 0 10px 0;}
body.peek #content h2 {background-image: url(../images/title-peek.gif); background-position: 10px 0;}
body.peek #content td p {margin: 0 0 20px 10px;}
body.peek td.tab {height: 21px; background: url(../images/bkg-tab.gif) no-repeat; text-transform: uppercase; font-family: tahoma, arial, helvetica, sans-serif; font-weight: bold; padding-left: 10px; line-height: 21px; font-size: 11px;}
body.peek td.spacer {width: 10px;}
body.peek td.spacerrow {height: 20px;}
body.peek td.box {width: 300px; border: solid #f0b813; border-width: 2px 1px;}
body.peek td.box td {text-align: center; padding: 15px; font-size: 10px; font-family: tahoma, arial, helvetica, sans-serif; line-height: 13px;}
body.peek td.box td img {display: block; margin-bottom: 10px;}
body.peek #content th {width: 146px; font-weight: normal; color: #fff; font-size: 11px; font-family: tahoma, arial, helvetica, sans-serif;}
body.peek #content th div {position: relative; top: -15px; background: #888 url(../images/bkg-brands.gif) repeat-x; margin-left: 10px;}
body.peek #content th h2 {height: 40px; margin: 0; background-image: url(../images/title-brands.gif); background-position: 0 0; width: 136px;}
body.peek #content th li {background: url(../images/bullet-brands.gif) 0 8px no-repeat; padding-left: 7px;}
body.peek #content th p {text-align: right; margin-bottom: 0; padding-right: 10px; padding-bottom: 15px; background: url(../images/corner-brands2.gif) right bottom no-repeat;}



body.faq #main {background: url(../../writable/imagesUploaded/bkg-faq.jpg) right top no-repeat;}
body.faq #content h2 {background-image: url(../images/title-faq.gif);}
body.faq #questions {margin: 0;}
body.faq #questions li {margin: 3px 0 0 0;}
dl {margin: 26px 0 0 0;}
dt, dd b {font-weight: bold; font-size: 13px;}
dd {margin: 6px 0 23px 0; padding: 0;}

body.business #main {background: url(../../writable/imagesUploaded/bkg-business.jpg) right top no-repeat;}
body.business #content h2 {background-image: url(../../writable/imagesUploaded/title-business.gif);}

body.register #content ol {margin: 0 0 1em 0; padding: 0; list-style: none;}
body.register #content ol li {margin: 0; padding: 0 0 0 12px; text-indent: -12px; list-style: none; background: none; font-size: 11px;}
body.register #content h3 {height: 21px; background: url(../images/bkg-tab.gif) no-repeat; text-transform: uppercase; font-family: tahoma, arial, helvetica, sans-serif; font-weight: bold; padding-left: 10px; line-height: 21px; font-size: 11px;}
body.register #content form {width: 372px;}
body.register #content form div {border: solid #efb512; border-width: 2px 1px; padding: 10px;}
body.register #content form th {text-align: right; font-weight: normal; padding: 2px; line-height: 22px;font-family: arial, helvetica, sans-serif; font-size: 12px; color: #000;}
body.register #content form td {text-align: left; font-weight: bold; padding: 2px; padding-left: 10px; line-height: 22px;}
body.register #content form input {vertical-align: middle;}
body.register #content form select {vertical-align: middle;}
body.register #content form td.textfield input {width: 210px; font-weight: normal;}
body.register #content form td.textfield select {width: 216px; font-weight: normal;}
body.register #content form p {text-align: right; margin-top: 8px;}
body.register #content form p input {font-weight: bold; text-transform: uppercase; background: #c00; margin-left: 5px; color: #fff; font-size: 12px;}

body.certificate #content h2 {background-image: url(../images/title-regcertificate.gif);}
body.certificate #content form {width: auto;}
body.certificate #content form div {border: 0; padding: 0;}
body.certificate #content form th {text-align: left; font-weight: bold;}
body.certificate #content form td.textfield input {width: 150px; font-weight: normal;}
body.certificate #content form p input {margin-left: 0;}

body.account #content h2 {background-image: url(../images/title-regaccount.gif);}
body.account #content form th {width: 115px;}

body.complete #content h2 {background-image: url(../images/title-regcomplete.gif);}
body.complete #content form th {width: 65px;}

body.reminder #content h2 {background-image: url(../images/title-reminder.gif);}
body.reminder #content form th {width: 50px;}

#footer {margin: 2px 0 10px 0; padding: 5px; list-style: none; height: 57px; border-top: 3px solid #000; background: url(../images/bkg-footer.gif) right 31px no-repeat;}
#footer li {float: right; margin: 0; padding: 0; list-style: none; font-family: tahoma, arial, helvetica, sans-serif; font-size: 10px;}
#footer a {color: #8e8e8e; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footersecurity a {padding-left: 10px; background: url(../images/lock.gif) 0 2px no-repeat;}

body.popup {margin: 0; text-align: left;}
body.popup #popuptop {margin: 10px;}
body.popup #popuptop a {display: block; height: 91px; background: url(../images/popup-top.gif) no-repeat;}
body.popup #content {margin: 0 20px; padding: 15px 0 5px 0; width: 494px; line-height: 16px;}
body.popup #content h2 {font-size: 13px; margin-bottom: 10px; height: auto;}
body.popup #popupbottom {margin: 30px 10px 0 10px; height: 16px; background: url(../images/popup-bottom.gif) no-repeat; padding-bottom: 30px;}
body.popup #popupbottom a {display: block; height: 16px; background: url(../images/popup-top.gif) no-repeat;}