@charset "UTF-8";

html { height: 100%; font-size: 16px; background-color: #000; }
body { text-align: center; margin: 0 auto; position: relative; font-size: 85%; height: 100%; background-color: #000; color: #FFF; font-family: Arial, Helvetica, sans-serif; }
div, a, p, ul, li, h2, form { margin: 0; padding: 0; }
a img {	border: none; }

#main { text-align: left; position: relative; width: 1008px; margin: 0 auto; background-color: #000; height: 100%; }
a { color: #c1cc2f; text-decoration: none; }
a:hover { color: #c1cc2f; text-decoration: underline; }
#main_content {	margin: 20px 35px 60px 35px; }
#calculator { margin: 0; padding: 0; position: absolute; right: 0px; top: -2px; }
#calculator img { float: left; padding-right: 4px; }
#uuuu { position: absolute; }
.calcloca { font-size: 70%; text-transform: uppercase; background: #333 url(../images/feedcalc_bg.jpg) repeat-x top left; margin: 0; list-style: none; padding: 2px; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; display: inline; }
.calcloca li { display: inline; padding: 0 8px; }
#sub { position: relative; padding-top: 20px; margin-top: 20px; }
#mood { border-top: 2px solid #FFF; background: url(../images/front_top.jpg) no-repeat top left; width: 100%; min-height: 441px; _height: 441px; }
#wordmark { margin-top: 200px; }
#nav { position: absolute; top: 0; left: 0; }
#nav ul { list-style: none; line-height: 0; display: inline; margin: 0 35px; }
#nav ul li { display: inline; list-style: none; background-image: url(../blank.gif); background-repeat: repeat; }
#nav img { display: inline; }
#footer { width: 100%; font-size: 70%; clear: both; text-align: center; padding: 1em 0; border-top: 2px solid #FFF; }

/* ================== registration styles ========================== */

#notes { max-width: 731px; *max-width: 742px; _width: 741px; }
#notes p { margin-bottom: 5px; font-size: 11px; line-height: 1.25em; }
#reg div.contain { padding: 10px; border: 1px solid #a5a5a5; overflow: hidden; height: auto; max-width: 731px; position: relative; *max-width: 742px; _width: 741px; _overflow: visible; _height: 1%; }
#reg div.holder { width: 355px; float: left; margin-bottom: 10px; *width: 365px; }
#reg div.contain div.holder.first { border-right: 1px solid #a5a5a5; margin-right: 10px; padding-right: 10px; *width: 355px; }
#sf_login { margin-right: 10px; }
#reg label, #sf_login label { display: block; width: auto; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin-top: 5px; color: #a5a5a5; }
#reg label span { color: #c1cc2f; font-size: 14px; line-height: 11px; }
#reg div.holder > label:first-child, #sf_login > label:first-child { margin-top: 0; }
#reg label span.format { font-weight: normal; font-style: italic; color: #ccc; margin: 0; font-size: 1em; }
#reg p, #sf_login p { font-size: 11px; font-family: Arial, Helvetica, sans-serif; margin-top: 5px; }
#reg p.radio { margin-top: 10px; *margin-top: 5px; }
form#reg p.radio span, form#reg p.required span { color: #c1cc2f; font-size: 14px; line-height: 11px; }
form#reg p.required, #sf_login p.reminder { float: left; margin: 0; }
form#reg p.consent { margin-top: 15px; }
#reg fieldset, #sf_login fieldset { margin: 10px 0; padding: 0; border: 0; }
#reg fieldset.stable { border: 1px solid #A5a5a5; padding: 5px; }
#reg fieldset.stable p { *margin: 0; }
#reg fieldset.stable p input { vertical-align: bottom; *vertical-align: middle; margin-right: 5px; }
#reg legend { color: #a5a5a5; font-size: 11px; font-family: Arial, Helvetica, sans-serif; margin: 0 0 0 10px; }
#reg fieldset.holder { margin: 0; height: auto; overflow: hidden; *overflow: visible; width: 100%; }
#reg fieldset.holder div { float: left; width: 49%; position: relative; }
#reg fieldset.holder div.last { float: right; margin-right: 1%; }	
#reg input, #sf_login input { width: 99%; margin: 0; padding: 0; }
#reg fieldset.holder div.last input { width: 100%; }

#reg input[type=text]:focus, #sf_login input[type=text]:focus, #sf_login input[type=password]:focus { background-color: #FFFBD8; }
#sf_login input.readonly { color: #333; background-color: #c5c5c5; }
#reg p input[type=radio] { vertical-align: bottom; }
#reg p.radio input { *vertical-align: middle; }
#reg p.formErr { color: #C00; border-top: none; }
#reg label.formErr { color: #C00; }
#reg .buttons {	clear: both; }
#reg .buttons, #sf_login fieldset.buttons { text-align: right; padding: 5px 0 0 0; border-top: 1px solid #a5a5a5; width: 100%; display: block; margin: 10px 0 0 0; }
#reg p input { width: auto; margin: 0; }
#reg .buttons input, #sf_login .buttons input { width: auto; margin: 0; padding: 0 3px; }

/* ================ main_contain ==================== */
#main_contain { max-width: 67%; margin: 0 auto; position: relative; *max-width: 67%; _width: 67%; }
#main_contain h2#hdr { background: url(../images/hdr_coupons.gif) no-repeat bottom left; height: 25px; text-indent: -5000px; }
#contain { padding: 10px; border: 1px solid #a5a5a5; overflow: hidden; height: auto; _overflow: visible; _height: 1%; }
#contain div.holder { width: 49%; margin: 0; float: left; }
#contain p { font-size: 12px; margin-bottom: 6px; line-height: 1.5em; }
#main_contain #contain div.holder.first { border-right: 1px solid #a5a5a5; margin-right: 10px; }

#main_contain #contain h3 { font-size: 14px; font-weight: bold; margin: 0 0 6px 0; }
#main_contain #contain div.holder h3, #main_contain #contain h3.hdr { background: #a5a5a5; color: #111; font-style: italic; line-height: 20px; padding-left: 5px; }
#main_contain #contain div.holder.first h3, #main_contain #contain div.holder.first p { margin-right: 10px; }
#contain div.holder a#register { border-top: 1px solid #FFF; border-left: 1px solid #FFF; border-bottom: 1px solid #999; border-right: 1px solid #999; color: #000; background-color: #c1cc2f; line-height: 24px; width: 120px; margin: 10px auto 0 auto; display: block; font-weight: bold; font-size: 12px; text-align: center; }
#contain div.holder a#register:hover { border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF; }
div.formError p { margin: 0; line-height: auto; }
div.formError { border: 2px solid red; background: pink url(../images/error_32.png) 4px 4px no-repeat; color: red; font-weight: bold; padding: 2px 5px 2px 40px; margin-top: 5px; min-height: 36px; }
#reg div.formError { margin: 0 0 5px 0; }
div.formError p a { color: red; text-decoration: underline; }
div.formError p a:hover { text-decoration: none; }

/* ===================== index.php styles ============================== */
#user_info { float: right; padding: 5px; border: 1px solid #333; width: 150px; height: 100%; }
#user_info ul, #coupons ul { list-style: none; margin: 0; padding: 0; }
#user_info li { list-style: none; line-height: 1.25em; font-size: .8em; }
#user_info p#logout { text-align: right; margin: 10px 0 0 0; }
#user_info p { font-size: .8em; }
#user_info p#logout a {	color: #900; }

#coupons { margin-right: 172px; }
#coupons li { list-style: none; background: url(../images/dot_horz_1x5.gif) repeat-x bottom left; padding-bottom: 10px; margin-bottom: 3px; height: 100%; overflow: hidden; *height: 1%; *overflow: visible; }
#contain #coupons h3 { border-bottom: 1px solid #333; font-size: 16px; color: #999; font-weight: bold; background: url(../images/subhdr_coupons.gif) no-repeat bottom left; text-indent: -5000px; }
#coupons li h5, #coupons li p { margin: 0; padding: 0; }
#coupons li p.eff { font-size: .8em; font-style: italic; }
#coupons h5 { font-size: 14px; font-weight: bold; }
#footnotes h4 { font-size: .8em; font-weight: normal; margin: 0; }
#footnotes li { list-style: none; font-size: .8em; font-style: italic; margin: 4px 0 0 0; background: url(../images/bullet_light.gif) no-repeat top left; padding: 0 0 0 10px; line-height: 1.25em; }
#contain #coupons p.print, #user_info p#logout { float: right; margin: 8px 0 0 0; }
#contain #coupons p.print a, #contain #coupons p.print span, #user_info p#logout a { border-top: 1px solid #a5a5a5; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #a5a5a5; display: block; padding: 2px 5px; margin: 0; line-height: 1.25em; background: #333 url(../images/feedcalc_bg.jpg) repeat-x top left; }
#contain #coupons p.print span { color: #999; }
#user_info p#logout a {	color: #DF0000; }
#contain #coupons p.print a:hover { background: #C1CC2F; color: #000; border: 1px solid #FFF; text-decoration: none; }
#user_info p#logout a:hover { background: #DF0000; color: #FFF; border: 1px solid #FFF; text-decoration: none; }
#cif { visibility: hidden; display: block; height: 1px; width: 1px; margin: 0; padding: 0; position: absolute; bottom: 0; left: 0; }
#coupons p.noPromos { margin: 20px 0; text-align: center; }


/* ==== locator ==== */
#locator{ font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 100%; line-height: 160%; }
#locator h1, #results h1 { font-weight: normal; font-size: 250%; line-height: normal; color: #b5c42c; }

#locator p { padding-bottom: 1em; }
#locator p, #locator label { letter-spacing: .07em; }
#locator fieldset{ border: 0; padding: 1em 0; }
#locator fieldset#radius { float: left;  padding-right: 3em; }
#locator label.cushion { padding-left: 1em; }
#locator input { margin-right: 1em; }
#locator input, #locator option { letter-spacing: auto; }
#locator #note { float: left; width: 600px; font-size: 85%; line-height: normal; padding: 1em 0 0 0; }
#locator #sub {	clear: both; }

#results tbody { line-height: 120%; }
#results td { vertical-align: top; padding: 1em; }
#locator, #results, #locator h1, #results h1 { margin: 0 0 10px 0; padding: 0 0 5px 0; background: url(../images/dot_horz_1x3_lt.gif) repeat-x bottom left; }

#sf_login input,
#reg input { border-top: 1px solid #555; border-left: 1px solid #555; border-right: 1px solid #A5A5A5; border-bottom: 1px solid #A5A5A5; padding: 2px 1px ; }
#reg select { border-top: 1px solid #555; border-left: 1px solid #555; border-right: 1px solid #A5A5A5; border-bottom: 1px solid #A5A5A5; padding: 1px ; }

#reg_button a, #login_button a, input#submit { border-top: 1px solid #FFF; border-left: 1px solid #FFF; border-bottom: 1px solid #999; border-right: 1px solid #999; color: #000; background-color: #c1cc2f; line-height: 24px;width: 140px;margin: 10px auto 0 auto;display: block;font-weight: bold;font-size: 12px;text-align: center;}
#sf_login .buttons input#submit { text-align: right; display: inline-block; font-family: Arial, Helvetica, sans-serif; width: auto; padding: 0 25px;}
#login_button a { margin-top: 5px; }
#login_button { width: 140px; margin: 0 auto 5px auto; border-bottom: 1px solid #333; padding-bottom: 8px; }
#reg_button a:hover, #login_button a:hover, #submit:hover { border-top: 1px solid #999;border-left: 1px solid #999;border-bottom: 1px solid #FFF;border-right: 1px solid #FFF;}
#coupons li p.no_access { text-align: center; font-style: italic; margin: 10px 0; }

#reg #submit { border-top: 1px solid #FFF; border-left: 1px solid #FFF; border-bottom: 1px solid #999; border-right: 1px solid #999;line-height: 24px;margin: 0 auto;display: block;font: bold 12px Arial, Helvetica, sans-serif; text-align: center;padding: 2px 10px;float: right;}
#reg #submit:hover { border-top: 1px solid #999;border-left: 1px solid #999;border-bottom: 1px solid #FFF;border-right: 1px solid #FFF;}