html, body, #wrap {height: 100%;}
body {
	background: #000000;
	font: 14px Georgia, Verdana, Tahoma, Arial, sans-serif;
	color: #ffffff;
}

body > #wrap {height: auto; min-height: 100%}
#main {padding-bottom: 201px}


/*Headers and other element blocks*/
h1 {font: bold 22px Georgia, Verdana, Tahoma, Arial, serif}
h1 strong {color: #efc10c}
h2{margin-left: 18px; font: bold 22px Georgia, Verdana, Tahoma, Arial, serif; color: #efc10c}
h3{font: 22px Georgia, Verdana, Tahoma, Arial, serif; color: #efc10c}
h4{margin: 10px; font: bold 22px Georgia, Verdana, Tahoma, Arial, serif; color: #ffffff}
h5{margin: 10px 0; font: 14px Georgia, Verdana, Tahoma, Arial, serif; color: #efc10c}
h6{}


p {margin: 40px 0}
p:first-child {margin: 0 0 40px 0}

/*Global Hyperlinks*/
a:link, a:visited, a:active
{
   text-decoration:none;
   color: #5ba5cf
}

a:hover
{
   color: #4b94cc
}

/*Layout Blocks*/

#header_back {background: #ffffff}
#header {
	width: 925px;
	height: 175px;
	margin: 0 auto;
	background: url(/assets/images/autogen/city_scape.png) no-repeat 205px 85px
}
#header p {
	float: left;
	width: 420px;
	margin: 110px 0 0 10px;
	font: bold 14px Arial, sans-serif;
	color: #3b759f
}
#header p:first-line {font: bold 20px Georgia, Verdana, Tahoma, Arial, sans-serif; color: #000000;}
#header ul {float: left; margin: 20px 0 0 -375px}
#header li {float: left}
#logo {float: left}
#header ul a:link, #header ul a:visited,#header ul a:active {
	display: block;
	padding: 0 5px;
	background: url(/assets/images/autogen/menu_separator.png) no-repeat left center;
	font: 10px Georgia, Verdana, Tahoma, Arial, sans-serif;
	line-height: 51px;
	color: #000000;
}
#header ul a:hover {
	background: url(/assets/images/autogen/menu_rollover.png) no-repeat center center;
	font: bold 12px Georgia, Verdana, Tahoma, Arial, sans-serif;
	line-height: 51px;
	color: #3b759f;
}

#admin_button {
	position:absolute;
	top:0px;
	left:0px;
}

#login_box {
	float: right;
	width: 294px;
	height: 155px;
	margin-top: 4px;
	position: relative;
	background: url(/assets/images/autogen/login_box.png) no-repeat
}

#login_box .facebook { position: absolute; top: 37px; left: 101px }
#login_box .sign_up {
	width: 70px;
	height: 12px;
	position: absolute;
	top: 18px; right: 30px;
	text-indent: -9999px;
}

#loggedin_box {
	float: right;
	width: 294px;
	height: 155px;
	margin-top: 4px;
	position: relative;
	background: url(/assets/images/autogen/loggedin_box.png) no-repeat;
	font: 18px Georgia, Verdana, Tahoma, Arial, sans-serif;
	font-weight:normal;
}

#loggedin_box .facebook_pic { position: absolute; top: 10px; right: 15px; }

#loggedin_box a {color:#FFFFFF;}

#loggedin_box a:hover {color:#cccccc;}

#loggedin_as {
	width: 244px;
	position: absolute;
	top: 10px; 
	left: 50px;
}

#login_page_form input {
	width: 300px;
	border: 4px solid #6f6f6f;
	padding-top: 4px;
	margin: 15px 0;
	vertical-align: middle;
	background: #333333;
	color: #ffffff;
}

#savings {
	width: 230px;
	position: absolute;
	top: 55px; 
	left: 50px;
	color:#FFCC00;
}

#myaccount {
	width: 100px;
	position:absolute;
	bottom: 18px;
	left: 24px;
}

#logout {
	width: 75px;
	position:absolute;
	bottom: 18px;
	right: 24px;
	text-align:right;
}

#login_email, #login_password {
	width: 198px; 
	height: 13px;
	padding: 2px 2px 3px 3px;
	border: 0px none;
	position: absolute;
	left: 17px;
	font: 12px Georgia, Verdana, Tahoma, Arial, sans-serif;
	color: #002541
}
#login_email {top: 94px; background: #ffffff url(/assets/images/autogen/login_email.png) no-repeat } 
#login_password {top: 124px; background: #ffffff url(/assets/images/autogen/login_password.png) no-repeat} 
#login_button {position: absolute; top: 125px; left: 231px}

#logged-in {
	color:black;
}

#main {min-height: 600px;position: relative}
#content_top  {
	width: 925px; 
	height: 13px; 
	background: url(/assets/images/autogen/content_top_bg.png) no-repeat;
	margin: 20px auto 0 auto;
	position: relative;
	z-index: 1
}
#content_bottom {
	width: 925px; 
	height: 13px; 
	background: url(/assets/images/autogen/content_bottom_bg.png) no-repeat;
	margin: 0 auto 170px auto;
	position: relative;
	z-index: 1
}
#content {
	width: 865px;
	min-height: 200px;
	padding: 1px 30px;
	background: url(/assets/images/autogen/content_bg.png);
	margin: 0 auto;
	position: relative;
	z-index: 1
}
#inner_content_top  {
	width: 878px;
	height: 6px;
	margin: 5px 0 0 -8px;
	background: url(/assets/images/autogen/insidebox_top.png) no-repeat
}
#inner_content_bottom  {
	width: 878px;
	height: 6px;
	margin: 0 auto 5px -8px;
	background: url(/assets/images/autogen/insidebox_bottom.png) no-repeat
}
#inner_content {
	width: 878px;
	min-height: 200px;
	background: url(/assets/images/autogen/insidebox.png);
	margin: 0 auto 0 -8px;
	position: relative;
	z-index: 1
}

#bg_logo {
	width: 413px;
	height: 588px;
	position: absolute;
	left: -110px;
	bottom: 201px;
	margin-top: -588px;
	background: url(/assets/images/autogen/background_logo.png) no-repeat
}
#footer {
	clear: both;
	width: 100%;
	height: 201px;
	position: relative;
	margin-top: -201px;
	background: url(/assets/images/autogen/bottom_city.png) no-repeat center top
}
#footer_wrap {width: 925px; margin: 0 auto}
#footer ul {
	position: relative; 
	top: 120px;
	left: -20px
}
#footer li {
	float: left;
	font: 10px Georgia, Verdana, Tahoma, Arial, sans-serif;
	border-left: 1px solid #5c5c5c;
	padding: 0 20px 0 5px;
	line-height: 36px
}
#footer p {
	clear: both;
	font: 10px Georgia, Verdana, Tahoma, Arial, sans-serif;
	position: relative;
	top: 140px;
	text-align: center
}

*+html #footer p { top: 100px } /*IE7 Is Terrible*/

/*Home Page*/
#social_media {
	width: 930px;
	position: relative;
	margin: 10px auto 10px auto;
	z-index: 1;
}
#social_media a {float: left; margin-right: 20px}
#social_media #subscribe {
	float: left;
	width: 580px;
	height: 88px;
	position: relative;
	background: url(/assets/images/autogen/email_back.png) no-repeat;
}

#email_subscribe {
	padding: 5px 0 0 20px;
	width: 420px;
	height: 20px;
	border: 0 none;
	position: absolute;
	top: 50px; left: 20px;
	font: 12px Georgia, Verdana, Tahoma, Arial, sans-serif;
}
#email_subscribe_button {position: absolute; top: 43px; right: 20px}

.subscribe-eastbay {
	clear:both;
	position:relative;
	left:20%;
	width: 580px;
	height: 88px;
	background: url(/assets/images/autogen/email_comingsoon.png) no-repeat;
}

#landing {
	position:relative;
	width:886px;
	height:448px;
	background: url(/assets/images/subscription_landing.png) no-repeat;
}

#landing p {
	font: 21px Georgia, Verdana, Tahoma, Arial, serif;
	text-align: center;
	padding-left:1em;
	padding-right:1em;
	margin-top:5px;
	margin-bottom:1em;
}
#landing h2 {
	text-align:center;
	padding-top:5px;
}
#landing p.whisper {font: 18px Georgia, Verdana, Tahoma, Arial, serif; text-align: center}

#landing #subscribe {
	position:absolute;
	top:160px;
	left:170px;
	width: 580px;
	height: 88px;
	background: url(/assets/images/autogen/email_back.png) no-repeat;
}

#couponbox_top {
	clear: both;
	width: 927px;
	height: 7px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	background: url(/assets/images/autogen/couponbox_top.png) no-repeat;
}
#couponbox {
	clear: both;
	width: 877px;
	min-height: 395px;
	position: relative;
	overflow: auto;
	margin: 0 auto;
	padding: 1px 25px;
	z-index: 1;
	background: url(/assets/images/autogen/couponbox.png) repeat-y;
}
#couponbox h1 {font-size: 24px}
#couponbox_bottom {
	clear: both;
	width: 927px;
	height: 7px;
	margin: 0 auto 20px auto;
	position: relative;
	z-index: 1;
	background: url(/assets/images/autogen/couponbox_bottom.png) no-repeat;
}
#coupon {width: 544px; float: left; margin: 10px 0}
#coupon ul {font: 12px Georgia, Verdana, Tahoma, Arial, sans-serif; line-height: 17px; color: #d4d4d4}
#share_deal p {
	float: right; 
	margin: 20px 0 0 0; 
	font: 10px Georgia, Verdana, Tahoma, Arial, sans-serif; 
	color: #d4d4d4
}
#share_social {
	float: right; 
	margin: 8px 0 0 5px;
	padding: 4px;
	border-left: 1px solid #7f7f7f;
	border-top: 1px solid #7f7f7f;
}
#static_map {
	float: right; margin-top: 5px
}
#meter {
	float: right
}
#meter h2 {margin: 0; font: bold 60px Georgia, Verdana, Tahoma, Arial, sans-serif; color: #3b759f; text-align: center}
#meter p {margin: 5px 0 0 10px; text-align: center}

#meter-image-frame {

}

#meter-image {
	
}

.meter-text {
	position:relative;
}

#lowdown {
	clear: both;
	width: 925px;
	position: relative;
	margin: 0 auto;
	z-index: 1;
}

#lowdown h2 {
	width: 595px; 
	margin: 5px 0;
	border-bottom: 1px solid #404040;
	font-size: 22px; 
	color: #ffffff; 
}
#sales_pitch {float: right; margin-top: 5px}

#about_swoop {
	width: 595px;
	float: left;
}
#about_swoop p {
	margin: 10px 0;
}
#stringsbox {
	float: right; 
	margin: 5px 0 5px 5px;
}
#stringsbox, #strings_box li {
	margin-bottom:0.5em;
}
#stringsbox_top {
	width: 203px;
	height: 6px;
	position: relative;
	z-index: 1;
	background: url(/assets/images/autogen/stringsbox_top.png) no-repeat;
}
#stringsbox_content {
	width: 189px;
	min-height: 161px;
	padding: 7px;
	z-index: 1;
	background: url(/assets/images/autogen/stringsbox.png) repeat-y;
}
#stringsbox_content p {
	color:#3d749e;
	font-size:22px;
	font-weight:bold;
	margin-top:-8px;
	margin-left:4px;
}
#strings_box p {
	color:#3d749e;
	font-size:22px;
	font-weight:bold;
	margin-top:-8px;
	margin-left:4px;
}
#stringsbox_bottom {
	width: 203px;
	height: 7px;
	position: relative;
	z-index: 1;
	background: url(/assets/images/autogen/stringsbox_bottom.png) no-repeat;
}

#quotebox_top {
	clear: both;
	width: 509px;
	height: 5px;
	margin-top: 30px;
	position: relative;
	z-index: 1;
	background: url(/assets/images/autogen/quotebox_top.png) no-repeat;
}
#quotebox {
	width: 495px;
	min-height: 86px;
	padding: 7px;
	z-index: 1;
	background: url(/assets/images/autogen/quotebox.png) repeat-y;
}
#quotebox_bottom {
	width: 509px;
	height: 5px;
	position: relative;
	z-index: 1;
	background: url(/assets/images/autogen/quotebox_bottom.png) no-repeat;
}



/*Contact Form*/
#contact_form div {margin: 8px 0}
#contact_form #contact_name, #contact_form #contact_email {
	display: block;
	height: 20px;
	width: 300px;
	border: 1px solid #979797
}

#contact_form textarea {
	display: block;
	width: 405px;
	height: 155px;
	border: 1px solid #979797;
	background: #333333;
	color: #ffffff;
}

#contact_form input {
	background: #333333;
	color: #ffffff;
}

#contact_form a {
	font: 12px Georgia, Verdana, Tahoma, Arial, sans-serif;
	color: #c87e77;
	text-decoration: underline;
	position: relative;
	top: -5px
}

/*Account Page*/
#account_menu {
	width: 848px; 
	height: 21px;
	margin: 8px 0 0 10px;
	padding: 9px 0 0 11px;
	background: url(/assets/images/autogen/account_tabs.png);
	font: bold 12px Arial, sans-serif
}
#account_menu a {margin-right: 30px; }
#account_menu .active {color: #00789f}
#account_menu .active:hover {color: #4b94cc}
#account_menu .inactive {color: #000000}
#account_menu .inactive:hover  {color: #999999}

table#account_purchase_info {margin: 0 auto 20px auto}
table#account_purchase_info td {
	border-bottom: 1px solid #515151;
	padding-left: 28px; 
	font: bold 14px Georgia, Verdana, Tahoma, Arial, serif; 
	line-height: 30px;
}
table#account_purchase_info tr:last-child td {border-bottom: 0 none}
table#account_purchase_info th {
	padding-left: 28px; 
	color: #000000; 
	background: #ffffff; 
	font: bold 14px Georgia, Verdana, Tahoma, Arial, serif; 
	line-height: 30px;
}
th.purchase_date {width: 230px}
th.coupon_name {width: 227px}
th.price {width: 78px}
th.availability {width: 216px}

/*Purchase Page*/
#content_top.purchase{width: 831px; height: 4px; background: url(/assets/images/autogen/purchase_border_top.png) no-repeat}
#content_bottom.purchase{width: 831px; height: 4px; background: url(/assets/images/autogen/purchase_border_bottom.png) no-repeat}
#content.purchase {width: 791px; padding: 1px 20px; background: url(/assets/images/autogen/purchase_border.png)}

.purchase_inner_content_top{width: 788px; margin: 0 auto; height: 5px; background: url(/assets/images/autogen/billing_box_top.png) no-repeat}
.purchase_inner_content_bottom{width: 788px; margin: 0 auto 10px auto; height: 5px; background: url(/assets/images/autogen/billing_box_bottom.png) no-repeat}
.purchase_inner_content{width: 748px; margin: 0 auto; padding: 1px 20px; background: url(/assets/images/autogen/billing_box.png)}

#purchase_error {
	width: 763px;
	height: auto;
	vertical-align: top;
	font: bold 24px Georgia, Verdana, Tahoma, Arial, serif;
	color: #9f9f9f;
	clear:both;
}

#your_purchase {
	width: 763px;
	height: 192px;
	vertical-align: top;
	font: bold 24px Georgia, Verdana, Tahoma, Arial, serif;
	color: #9f9f9f;
}
#purchase_info {
	margin: 20px auto;
	padding: 20px 0 0 25px;
	background: url(/assets/images/autogen/purchase_box.png) no-repeat;
}
#your_purchase .description {width: 413px}
#your_purchase .quantity {width: 45px; text-align: center}
#your_purchase .price {padding-left: 50px; width: 90px; text-align: center}
#your_purchase .total {padding-right: 30px; text-align: right}

.billing_info_top{width: 441px; margin: 0 auto; height: 14px; background: url(/assets/images/autogen/billing_info_top.png) no-repeat}
.billing_info_bottom{width: 441px; margin: 0 auto; height: 14px; background: url(/assets/images/autogen/billing_info_bottom.png) no-repeat}
.billing_info_content{width: 421px; margin: 0 auto; padding-left:20px; background: url(/assets/images/autogen/billing_info_mid.png)}

#billing_info {
	float:left;
	font: bold 12px Arial, sans-serif;
	color: #000000;
	margin-right:1em;
}
#billing_info p {margin: 4px 0; font: bold 12px Georgia, Verdana, Tahoma, Arial, sans-serif;}
#billing_info select {margin: 3px 0 10px 0}
#billing_info input {
	height: 25px; 
	margin: 3px 0 10px 0px; 
	border: 1px solid #afb0b0;
	padding-top: 3px;
	font: 18px Georgia, Verdana, Tahoma, Arial, sans-serif;
}
input#quantity{
	width: 40px;
	height: 35px;
	font-size:24px;
	text-align:center;
	padding-top:7px;
}
select#card_type{width: 120px}
input#card_number, input#billing_address {width: 385px}
input#card_code{width: 50px}
input#first_name, input#last_name {width: 186px}
input#city{width: 235px}
input#state{
	width: 46px;
	height: 46px;
}
input#zip{width: 90px}
input#receipt_email{
	width: 313px;
	margin: 3px 30px 0 10px;
	vertical-align: middle;
}

.AuthorizeNetSeal {

}

#authnet_container {
float:left;
margin-left:40px;
clear:none;
}
#billing_terms {
	float: left;
	width: 202px;
	height: 520px;
	padding: 0 16px;
	background: url(/assets/images/autogen/terms_box.png) no-repeat;
	font: 14px Times New Roman, serif;
	color: #000000;
}
#strings_box {
	width: 178px;
	height: auto;
	margin: 12px auto 12px auto;
	background: url(/assets/images/autogen/strings_box.png) no-repeat;
}
#billing_terms p {width: 175px; float: right; margin: 5px 0}
#agree_to_terms_of_deal {float: left; margin: 10px 0}
#billing_terms .place_order {display: block; clear: both; margin: 0 auto 0 auto}

/*Landing Page*/
#content.landing p {font: 21px Georgia, Verdana, Tahoma, Arial, serif}
#content.landing p.share {font: bold 24px Georgia, Verdana, Tahoma, Arial, serif; text-align: center}
#send_deal p {float: left; margin: 10px 20px 0 30px}
#send_deal div {float: left}
input#deal_to {
	width: 700px;
	height: 36px;
	border: 0 none;
	padding: 3px 0 0 1em;
	background: url(/assets/images/autogen/landing_emailinput.png) no-repeat;
	font: 24px Georgia, Verdana, Tahoma, Arial, sans-serif;
}
input#deal_from {
	width: 700px;
	height: 36px;
	border: 0 none;
	padding: 3px 0 0 1em;
	background: url(/assets/images/autogen/landing_emailinput.png) no-repeat;
	font: 24px Georgia, Verdana, Tahoma, Arial, sans-serif;
}
#deal_message {
	width: 678px;
	height: 201px;
	margin-top: 10px;
	border: 0 none;
	padding: 1em 1em 1em 1em;
	background: transparent url(/assets/images/autogen/landing_emailmessage.png) no-repeat;
	font: 24px Georgia, Verdana, Tahoma, Arial, sans-serif;
}

/*Register*/
#register div {
	float: right; 
	text-align: right;
	margin-right: 300px;
}
#register input {
	width: 300px;
	height: 20px;
	border: 2px solid #1f1f1f;
	padding-top: 4px;
	margin: 15px 0;
	vertical-align: middle;
	background: #333333;
	color: #ffffff;
}
#register input:focus {
	background: #110500;
}
#register select {
	background: #000000;
	color: #ffffff;
	margin-right: 10px;
}
input#reg_birth_year {width: 35px; margin-right: 98px;
}
#register p {
	float: left;
	font: 10px Georgia, Verdana, Tahoma, Arial, serif;
	color: #929292;
	margin: -10px 0 0 220px;
	display: inline;
}
#register span {
	font: 12px Georgia, Verdana, Tahoma, Arial, serif;
	color: #f0f0f0
}
input#reg_agree {width: auto}
input#reg_button {
	width: 63px;
	height: 19px;
	background: transparent;
	margin-right: 250px;
}