@import url(../css/reset.css);
body {
	text-align: center;
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #282828;
}
a:link, a:visited, a:hover {
	color: #596f87;
	font: bold italic 12px Helvetica, Arial, sans-serif;
}
a:hover {
    color: #2a2a2a;
}
h2 {
	font-weight: bold;
}
#root {
	margin: auto;
	width: 980px;
	text-align: left;
	position: relative;
}

/* FORMS */
label, label span {
	display: block;
}
label {
margin-top:3px;
	margin-bottom:-2px;
	color:#89AFB6;
font-family:Helvetica,Arial,sans-serif;
font-size:9px;
font-weight:bold;
}
label span, form p.label, form div.label {
	font: 9px Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #89afb6;
	margin-left: 2px;
	margin-bottom: 2px;
	padding-top:10px;
	margin-bottom:0px;
	font-weight:bold;
}
label.checkbox {
	margin-bottom: 5px;
}
label.checkbox span {
	display: inline;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-transform: none;
}
input.text {
	padding: 3px 2px;
}

/* FOOTER */
#footer {
	clear: both;
	padding: 20px 0 0 0;
}
#footer a {
	font-weight: normal;
}
#footer h3, #footer div p {
	text-transform: uppercase;
	font: 9px/15px Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #c6c2ba;
}
#footer li {
	float: left;
	margin: 0 26px;
	padding-bottom: 60px;
}
#footer li li {
	float: none;
	margin: 0;
	padding: 0;
}
#footer div {
	text-align: right;
	margin-right: 11px;
}
#footer div a {
	display: block;
	margin-top: 10px;
	width: 60px;
	height: 17px;
	background: transparent url(../img/made_in_haus.png) left top no-repeat;
	float: right;
}
#footer div a span {
	display: none;
}
#footer div a:hover {
	background-position: left -17px;
}

/* HOME (GENERAL) */
#Home #title {
	display: none;
}

/* HOME (LEFT COLUMN) */
#Home #primary {
	width: 632px;
	float: left;
	margin-right: 24px;
	position: relative;
}
#Home #secondary {
	float: left;
	width: 324px;
}
#Home #primary form {
	background: url(../img/sign_in_header.jpg) left top no-repeat;
	width: 632px;
	height: 175px;
}
#Home #primary form a {
	position: absolute;
	width: 182px;
	height: 65px;
	top: 86px;
	right: 0;
	text-indent: -3000px;
}
#Home #primary form input {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	width: 200px;
	margin: 107px 0 0 12px;
}
#Home #primary form input[name='email'] {
	margin-left: 16px;
}
#Home #primary .forgot a {
	font-weight: normal;
	position: absolute;
	top: 181px;
	right: 8px;
}
#Home #primary h1 {
	text-indent: -3000px;
	background: #DFDCDC url(../img/offers_and_benefits.gif) 24px 16px no-repeat;
	height: 49px;
	border-top: 1px solid #d1cfcf;
}
#Home #primary .offers {
	padding: 23px 0 0 25px;
}
#Home #primary .offer {
	margin-bottom: 13px;
	width: 582px;
	height: 105px;
	background: url(../img/landing_item_bg.gif) right top no-repeat;
}
#Home #primary .offer img {
	float: left;
	margin-right: 18px;
}
#Home #primary div {
	background-color: #EFEFEF;
}
#Home #primary .offer h2 {
	padding: 20px 0 0 0;
}
#Home #primary .offer h2, #Home #primary .description, #Home #primary .price {
	font-size: 13px;
}
#Home #primary .description {
	color: #89afb5;
	padding: 3px 0 2px 0;
}
#Home #primary .terms, #Home #primary .price span {
	color: #7a7a7a;
	margin: 2px 0;
}
#Home #primary .price span {
	font-size: 11px;
}
#Home #primary .pastoffers {
	height: 50px;
	padding-top: 60px;
	padding-bottom:44px;
	text-align: center;
}

/* XMAS TWEAKS */
#Home #secondary .membership_xmas {
width:323px;
height: 228px;
background-image:url(../img/xmas_signup.jpg);
margin-top:0px;
padding-top:0px;
}

#Home #secondary .membership_xmas p.signup {
	margin: 16px 0 0 63px;
}
#Home #secondary .membership_xmas a.interested {
	display: block;
	text-indent: -3000px;
	width: 266px;
	height: 64px;
	background-image: url(../img/im_interested.gif);
	background-repeat:no-repeat;
	
}
#Signup #content .phobia_xmas {
    width: 204px;
	height:190px;
    padding: 0 0 44px;
    position: absolute;
    right: 0;
    top: 109px;
}

#Signup #content .phobia_xmas h2 {
    text-indent: -3000px;
    height: 44px;
    background: url(../img/magical_box_top_xmas.gif) left top no-repeat;
    margin-bottom: 10px;
}
#Signup #content .phobia_xmas p, #Signup #content .phobia_xmas ul {
    padding: 0 16px;
}
#Signup #content .phobia_xmas ul {
    margin-top: 15px;
}
#Signup #content .phobia_xmas li {
    display: inline;
}
#Signup #content .phobia_xmas li a {
    float: left;
    height: 17px;
    background-repeat: no-repeat;
    background-position: left top;
    width: 50px;
    padding: 4px 0 0 25px;
}

#Signup #content .intro .price_xmas {
    width: 150px;
    height: 151px;
    background: url(../img/only_48_bucks_xmas.gif) left top no-repeat;
    text-indent: -3000px;
    position: absolute;
    right: 28px;
    top: -41px;
}
/* END OF XMAS TWEAKS */

/* HOME (RIGHT COLUMN)*/
#Home #secondary .membership {
	background-color: #D7D3D3;
	border-style: solid;
	border-width: 0 0 1px 10px;
	border-color: #000 #000 #acaaaa #000;
	padding: 23px 28px 29px 28px;
}
#Home #secondary .membership h1 {
	text-indent: -3000px;
	background: url(../img/how_to_become_a_member.gif) left top no-repeat;
	width: 237px;
	height: 14px;
}
#Home #secondary .membership .description {
	margin: 16px 0 14px 0;
}
#Home #secondary .membership a.interested {
	display: block;
	text-indent: -3000px;
	width: 266px;
	height: 64px;
	background-image: url(../img/im_interested.gif);
	margin: 22px 0 0 -5px;
}
#Home #secondary .etc {
	background: transparent url(../img/circles_card.jpg) center top no-repeat;
	width: 303px;
	margin: 11px 0 0 10px;
	padding-top: 231px;
}
#Home #secondary .etc .updates {
	width: 323px;
	background: #D4CAC3 url(../img/landing_rounded_box_top.gif) left top no-repeat;
	margin-left: -10px;
}
#Home #secondary .etc .updates ul {
	background: transparent url(../img/landing_rounded_box_bottom.gif) left bottom no-repeat;
	padding: 12px 17px 16px 17px;
	overflow: auto;
}
#Home #secondary .etc .updates p {
	padding: 16px 17px 0 17px;
	line-height: 15px;
}
#Home #secondary .etc .updates li {
	height: 21px;
	float: left;
	background-position: left top;
	background-repeat: no-repeat;
	margin-right: 18px;
	padding-left: 28px;
	padding-top: 3px;
}
#Home #secondary .etc .facebook {
	background-image: url(../img/facebook_icon.gif);
}
#Home #secondary .etc .twitter {
	background-image: url(../img/twitter_icon.gif);
}
#Home #secondary .etc .email {
	background-image: url(../img/email_icon.gif);
}
#Home #secondary .etc .help {
	width: 265px;
	padding: 22px 19px 0 19px;
	background: #EBE3DA url(../img/eat_shop_do.jpg) left bottom no-repeat;
	height: 513px;
}
#Home #secondary .help h2 {
	text-indent: -3000px;
	width: 248px;
	height: 16px;
	background-image: url(../img/questions_here_are_answers.gif);
	margin-bottom: 19px;
}
#Home #secondary .help li {
	height: 46px;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 15px 0 0 53px;
}
#Home #secondary .help .faq {
	background-image: url(../img/faq_icon.gif);
}
#Home #secondary .help .contact {
	background-image: url(../img/contact_icon.gif);
}

/* HEADER */
#title {
	height: 97px;
	background: transparent url(../img/open_layout/header.jpg) center top no-repeat;
	border-bottom: 4px solid #000;
	text-indent: -3000px;
}

/* NAV */
#nav {
	width: 128px;
	padding: 10px 17px 16px 16px;
	background: #fff url(../img/nav_bg.gif) left bottom no-repeat;
	position: absolute;
	left: 0;
	top: 101px;
}
#nav a.selection {
	display: block;
	height: 17px;
	padding-left: 28px;
	padding-top: 4px;
	background: transparent url(../img/back.gif) 0 0 no-repeat;
	margin-bottom: 10px;
}
#nav a.selection:hover {
    background-position: 0 -21px;
}
#nav .actions a {
	font-size: 14px;
	line-height: 10px;
}
#nav .user h3 {
	color: #9fa889;
	font-size: 9px;
	text-transform: uppercase;
	margin-top: 15px;
	margin-bottom: 2px;
	font: bold 9px Helvetica, Arial, sans-serif;
}
#nav .user ul {
	line-height: 16px;
}
a#menu {
	background: transparent url(../img/view.gif) right 0 no-repeat;
	height: 17px;
	padding-top: 4px;
	padding-right: 28px;
	position: absolute;
	right: 0;
	top: 110px;
}
a#menu:hover {
    background-position: right -21px;
}

/* NAV, LOGGED OUT */
#nav.loggedOut a.home {
	padding-top: 4px;
	height: 17px;
	display: block;
	margin-bottom: 10px;
}
#nav ul .activated {
	background-color: #000;
	padding-left: 9px;
	margin-left: -9px;
	width: 151px;
}
#nav ul .activated a {
	color: #B7BEA7;
	text-decoration: none;
	font-style: normal;
}

/* GENERAL PAGE CONTENT */
#content {
	margin-top: 41px;
	margin-left: 16px;
	background: transparent url(../img/dont_be_square_1.jpg) left bottom no-repeat;
	padding-left: 150px;
}
#content .outerWrap {
	margin-left: 1px;
	border-left: 10px solid #000;
	border-top: 1px solid #DCD8D8;
	background-color: #EAEAEA;
	padding-bottom: 65px;
}
#content .middleWrap {
	margin: 28px 0 0 44px;
	padding-top: 10px;
	background: transparent url(../img/content_top.gif) left top no-repeat;
	width: 718px;
}
#content .innerWrap {
	padding: 32px 33px 32px 33px;
	background-color: #fff;
	border-style: solid;
	border-width: 0 1px;
	border-color: #CDCCCC;
	position: relative;
}
#content .bottomCurve {
	height: 10px;
	width: 718px;
	background: transparent url(../img/content_bottom.gif) left bottom no-repeat;
	position: absolute;
	left: -1px;
	bottom: -10px;
	clear: left;
}
#content h1 {
	font-weight: bold;
	font-size: 19px;
	padding: 0 20px 22px 20px;
	margin-bottom: 22px;
	border-bottom: 10px solid #D7D3D3;
}
#content h2 {
	color: #a0a889;
	font-size: 15px;
	line-height: 19px;
}
#content .floatBreaker {
	clear: both;
}

/* STYLING FOR THE MOST SIMPLE OF PAGES */
#content.unibody h2,
#content.unibody h3,
#content.unibody p,
#content.unibody ul,
#content.unibody form {
	margin: 0 20px 20px 20px;
}
#content.unibody h2 {
	margin-bottom: 15px;
}
#content.unibody form p {
	margin: 0;
}
#content.unibody h3 {
	font-size: 12px;
}

/* MAGAZINE */
#Magazine #content .main {
	width: 430px;
}
#Magazine #content .supplement {
	width: 188px;
	float: right;
}
#Magazine #content .supplement ul {
	margin: 0;
}
#Magazine #content .supplement li {
	margin-bottom: 12px;
}
#Magazine #content img, #Magazine #content .supplement span {
	display: block;
}
#Magazine #content .supplement span {
	text-align: center;
	background-color: #ECE7E1;
	padding: 7px 0;
	font: italic 16px Helvetica, Arial, sans-serif;
}
#Magazine #content .supplement p {
	margin: 0;
	padding: 0;
}
#Magazine #content .supplement .signup a, #Magazine #content .supplement .price {
	display: block;
	text-indent: -3000px;
}
#Magazine #content .supplement .signup a {
	margin: 25px 0 0 -15px;
	background-image: url(../img/sign_up.gif);
	height: 65px;
	width: 220px;
}
#Magazine #content .supplement .price {
	margin-top: 15px;
	background-image: url(../img/six_dollar_subscription.gif);
	width: 185px;
	height: 31px;
}

/* FAQ */
#FAQ #content ul {
	line-height: 16px;
	margin-bottom: 30px;
}
#FAQ #content h3 {
	margin-bottom: 2px;
	font-weight: bold;
}
#FAQ #content p {
	margin-bottom: 14px;
}
#FAQ #content p.top {
	margin-top: -11px;
	margin-bottom: 20px;
}

/* CONTACT & SUPPORT */
#Contact #content .dataset {
	width: 325px;
	float: left;
}
#Contact #content h2.business {
	margin-top: 25px;
}
#Contact #content p {
	margin-bottom: 14px;
	line-height: 16px;
	font-size: 11px;
}

/* THANK YOU */
#ThankYou #content h1, #ThankYou #content p {
	text-align: center;
}
#ThankYou #content h1 {
	border-top: 10px solid #D7D3D3;
	border-bottom-width: 0;
	margin: 20px 0 20px 0;
	padding: 50px 0 0 0;
	text-align: center;
}
#ThankYou #content p.response {
	text-align: center;
	border-bottom: 10px solid #D7D3D3;
	padding-bottom: 50px;
	margin-bottom: 50px;
}
#ThankYou #content p.menu {
	margin-bottom: 100px;
}
#ThankYou #content .menu a {
	display: block;
	background: transparent url(../img/back.gif) right top no-repeat;
	width: 127px;
	padding-top: 4px;
	height: 18px;
	text-align: left;
	margin-left: 243px;
}

/* PRESS */
#Press #content .info {
	float: left;
	width: 325px;
}
#Press #content .assets {
	float: right;
	width: 285px;
	background-color: #D7D3D3;
	margin: -22px 0 -40px 0;
	padding: 20px 0 40px 40px;
	position: relative;
	z-index: 2;
}
#Press #content .bottomCurve {
	bottom: -9px;
}
#Press #content .assets h2, #Press #content .assets p, #Press #content .assets ul {
	margin-left: 0;
	margin-right: 0;
}
#Press #content .assets h2 {
	color: #6B4E7E;
	clear: both;
}
#Press #content .assets li {
	width: 113px;
	float: left;
	margin-right: 23px;
	margin-bottom: 25px;
}

/* EMAIL */
#Email #content .signup {
	width: 349px;
	float: left;
}
#Email #content .description {
    font-size: 12px;
	background: #D7D3D3 url(../img/circles_card_again.jpg) left top no-repeat;
	width: 301px;
	float: right;
	padding-top: 290px;
	margin-top: -22px;
	margin-bottom: -40px;
	position: relative;
	z-index: 2;
}
#Email #content .description h2 {
	color: #6B4E7E;
}
#Email #content .bottomCurve {
	bottom: -9px;
}
#Email #content input.text {
	width: 200px;
}
#Email #content p.label {
	padding-top: 3px;
	margin-bottom: 4px;
}
#Email #content input.image {
	margin-top: 20px;
}

/* SIGNUP/THANKS */
#SignedUp #content {
	text-align: center;
}
#SignedUp #content h1 {
    border: 1px solid red;
	font-size: 16px;
	border-bottom-width: 0;
	border-top: 10px solid #D7D3D3;
	margin: 35px 0 20px 0;
	padding: 35px 0 0 0;
}
#SignedUp #content .note {
	border-bottom: 10px solid #ccc;
	margin: 0 0 35px 0;
	padding: 0 0 35px 0;
}

.note2{
color:#282828;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
line-height:14px;
margin-top:28px;
}

#SignedUp #content .etc {
	font-weight: bold;
}
#SignedUp #content ul {
	margin-left: 240px;
}
#SignedUp #content li a {
	height: 17px;
	padding: 4px 0 0 26px;
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	text-align: left;
	width: 80px;
	float: left;
}
#SignedUp #content li.facebook a {
	background-image: url(../img/facebook_icon_alt.gif);
}
#SignedUp #content li.twitter a {
	background-image: url(../img/facebook_icon_alt.gif);
}

/* BUSINESS */
#Business #content .innerWrap {
	height: 975px;
}
#Business #content h1 {
	border-bottom-width: 0;
	padding-bottom: 0;
}
#Business #content h2 {
	padding-top: 14px;
	font-size: 14px;
}
#Business #content .info {
	position: relative;
	z-index: 4;
	width: 370px;
}
#Business #content .impressions,
#Business #content .business,
#Business #content .audience {
	position: absolute;
	left: 35px;
}
#Business #content .impressions {
	top: -9px;
}
#Business #content .business {
	top: 378px;
}
#Business #content .audience {
	bottom: -9px;
	z-index: 3;
}
#Business .sales {
    background-image: url(../img/contact_our_team.gif);
    width: 355px;
    height: 65px;
    position: absolute;
    z-index: 3;
    bottom: 70px;
    right: 38px;
    text-indent: -3000px;
}

/* AFFILIATE */
#Affiliate #content .info, #Affiliate #content form {
	clear: left;
}
#Affiliate #content .info div, #Affiliate #content form div {
	width: 305px;
	float: left;
}
#Affiliate #content .info .etc {
	margin-top: 36px;
}
#Affiliate #content form {
	padding-top: 20px;
}
#Affiliate #content form p {
	margin-bottom: 20px;
	width: 280px;
}
#Affiliate #content form .etc {
	padding-top: 82px;
}
#Affiliate #content form h2 {
	margin-left: 0;
}
#Affiliate #content input.text {
	width: 235px;
}
#Affiliate #content form input.image {
	margin-top: 15px;
}

/* CREDIT CARD */
#CreditCard h2 {
    font-weight: normal;
    color: #282828;
}
#CreditCard #content form h2, #CreditCard #content form p {
    margin-left: 0;
}
#CreditCard #content fieldset {
    position: relative;
}
#CreditCard #content fieldset p.requirements {
    position: absolute;
    top: 20px;
    right: 0;
}
#CreditCard #content fieldset.personal p.requirements {
    top: 0;
}
#CreditCard #content fieldset label, #CreditCard #content fieldset div {
    float: left;
    width: 305px;
}
#CreditCard #content fieldset div label {
    width: auto;
    border-width: 0;
}
#CreditCard #content fieldset div.label {
    width: 303px;
}
#CreditCard #content .payment {
    clear: both;
    border-top: 1px solid #D7D3D3;
    margin: 20px 0 0 0;
    padding-top: 20px;
}
#CreditCard #content label.checkbox {
    float: none;
    margin-bottom: 20px;
}
#CreditCard #content .state {
    margin-right: 15px;
}
#CreditCard #content input.text {
    width: 265px;
}
#CreditCard #content .zip input {
    width: 80px;
}
#CreditCard #content .ccv input {
    width: 60px;
}
#CreditCard #content .card input.text {
    width: 162px;
    margin-right: 15px;
}
#CreditCard #content label.checkbox {
    background-color: #E7E1D9;
    float: left;
    padding: 2px 8px 2px 2px;
    width: auto;
}
#CreditCard #content label.checkbox span {
    font: bold 10px Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}
#CreditCard #content .billing {
    clear: left;
}
#content .total {
    border-top: 10px solid #D7D3D3;
    border-bottom: 1px solid #D7D3D3;
    padding: 12px 0 45px 20px;
    margin: 0 0 25px 10px;
    font-size: 15px;
}

#content .total label {
float:right;
height:40px;
width:270px;
margin-right:55px;
}

#content .total span {
    font-weight: bold;
    float: right;
}

#CreditCard #content form input.image {
    float: right;
}

/* CHECKOUT */
#Checkout #content .info {
    text-align: center;
}
.info2 {
    text-align: center;
	margin-bottom:20px;
}

#Checkout #content .items {
    border-width: 10px 0 9px 0;
    border-style: solid;
    border-color: #D7D3D3;
}

.items2 {
    border-width: 10px 0 9px 0;
    border-style: solid;
    border-color: #D7D3D3;
}


#Checkout #content .item {
    border-bottom: 1px solid #D7D3D3;
    padding-top: 10px;
    padding-bottom: 15px;
    overflow: auto;
    clear: both;
}
#Checkout #content h2 {
    font: 9px Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #89afb6;
	margin: 0 0 4px 0;
}

#Checkout #content ul, #Checkout #content .total {
    font-size: 14px;
    line-height: 18px;
}
#Checkout #content .total, #Checkout #content ul {
    font-size: 14px;
    line-height: 18px;
}
#Checkout #content ul {
    margin: 0;
}
#Checkout #content .item .product {
    float: left;
    width: 440px;
    padding-left: 20px;
}
#Checkout #content .item .price {
    float: left;
    width: 110px;
}
#Checkout #content .item .remove {
    width: 40px;
    float: right;
    padding-right: 20px;
}
#Checkout #content .item .remove a {
    display: block;
    background: transparent url(../img/x.gif) left top no-repeat;
    width: 31px;
    height: 31px;
    text-indent: -3000px;
    margin-top: 4px;
    margin-left: 2px;
}
#Checkout #content .total {
    padding-top: 15px;
    border-bottom: 1px solid #D7D3D3;
    overflow: hidden;
    margin-bottom: 20px;
}
#Checkout #content .total .label {
    width: 440px;
    float: left;
    margin-right: 0;
}
#Checkout #content .total .price {
    margin-left: 0;
    width: 150px;
    float: left;
    font-weight: bold;
}
#Checkout #content input.image {
    float: right;
}
#Checkout #content .note {
    width: 350px;
    float: left;
}

/* ABOUT */
#About #content .innerWrap {
    padding-bottom: 303px;
}
#About #content img {
    margin-bottom: 30px;
}
#About #content h1 {
    margin-bottom: 0;
}
#About #content .intro {
    background: transparent url(../img/do_eat_shop.jpg) right top no-repeat;
    margin-bottom: 30px;
}
#About #content .intro h2 {
    height: 80px;
    width: 250px;
    padding-top: 20px;
}
#About #content .constellation {
    background: url(../img/trinity.gif) right top no-repeat;
    padding-right: 240px;
    height: 250px;
}
#About #content .lamag,
#About #content .haus,
#About #content .notsquare {
    padding-left: 180px;
    background-position: left center;
    background-repeat: no-repeat;
}
#About #content .lamag {
    background-image: url(../img/los_angeles_magazine.gif);
}
#About #content .haus {
    background-image: url(../img/haus.gif);
}
#About #content .notsquare {
    background-image: url(../img/notsquare.gif);
}
#About #content .contact {
    background: transparent url(../img/help-yourself.jpg) left top no-repeat;
    width: 718px;
    height: 303px;
    position: absolute;
    bottom: -10px;
    left: -1px;
    z-index: 2;
}
#About #content .contact div {
    text-align: center;
    width: 300px;
    margin-left: 360px;
    margin-top: 70px;
}

/* OFFER LIST */
#content .offers {
    margin-left: 18px;
}
#content .offers .offer {
    margin: 16px 0 0 0;
    width: 767px;
    height: 105px;
    background: #e2e0e0 url(../img/landing_item_middle.gif) 150px 5px no-repeat;
}
#content .offers img {
    float: left;
}
#content .offers a.go {
    text-indent: -3000px;
    display: block;
    background: url(../img/landing_item_action.gif) 0 5px no-repeat;
    width: 82px;
    height: 105px;
    float: left;
}
#content .offers div {
    width: 411px;
    height: 105px;
    float: left;
    padding-left: 14px;
}
#content .offers h2 {
    color: #282828;
	padding: 15px 0 0 0;
}
#content .offers h2, #content .description, #content .offers .price {
	font-size: 13px;
}
#content .offers .description {
	color: #89afb5;
	padding: 0 0 1px 0;
}
#content .offers .terms, #Home #content .offers .price span {
	color: #7a7a7a;
	margin: 2px 0;
}
#content .offers .price span {
	font-size: 11px;
	color: #7a7a7a;
}
#content .offers ul {
    margin: 0 0 0 670px;
    padding-top: 29px;
    /*overflow: auto;*/
    width: 90px;
}
#content .offers .remaining {
    padding: 0 0 0 10px;
    height: 19px;
    background: url(../img/flag_arrow.gif) left top no-repeat;
    font: bold 9px Helvetica, Arial, sans-serif;
    color: #9f8bb8;
    text-transform: uppercase;
    float: left;
}
#content .offers .remaining span {
    display: block;
    padding: 5px 9px 0 2px;
    height: 19px;
    background: url(../img/flag_body.gif) right top no-repeat;
}
#content .offers ul .reviewed a {
    display: block;
    height: 17px;
    margin-top: 8px;
    padding: 5px 0 0 26px;
    background: url(../img/reviewed.gif) left top no-repeat;
    float: left;
}

/* LANDING MEMEBERS */
#LandingMembers #content a.expired {
    display: block;
    width: 398px;
    height: 67px;
    background: transparent url(../img/maybe_its_gone.gif) left top no-repeat;
    text-indent: -3000px;
    margin-left: 195px;
    margin-top: 55px;
    clear: both;
}

/* OFFER DETAILS */
.offerDetail .primary {
    margin: 54px 0 0 28px;
    padding: 0 24px 20px 24px;
    width: 354px;
    background: url(../img/offer_box_bottom.gif) left bottom no-repeat;
    float: left;
    margin-top: 30px;
}

/* GOODBARRY FIX */
.offerDetail .remaining_gb {
    position: relative;
    top: 45px;
    left: 28px;
    width: 402px;
    background: url(../img/offer_box_top.gif) left top no-repeat;
}
.offerDetail .remaining_gb, .offerDetail .remaining_gb span {
    height: 25px;
}
.offerDetail .remaining_gb span {
    float: left;
    height: 20px;
    padding: 5px 8px 0 8px;
    background-color: #9f8bb8;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

.offers_color{
font-family:Helvetica;
font-weight:bold;
font-size:9px;
color: #89afb5;
}
/* END OF GOODBARRY FIX*/


.offerDetail .primary .remaining {
    position: relative;
    top: -10px;
    left: -24px;
    width: 402px;
    background: url(../img/offer_box_top.gif) left top no-repeat;
}
.offerDetail .primary .remaining, .offerDetail .primary .remaining span {
    height: 25px;
}
.offerDetail .primary .remaining span {
    float: left;
    height: 20px;
    padding: 5px 8px 0 8px;
    background-color: #9f8bb8;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}
#content .offerDetail h1 {
    margin: 9px 0 5px 0;
    padding: 0;
    border-bottom-width: 0;
    clear: both;
	line-height:20px;
}
.offerDetail .primary dl {
}
.offerDetail .primary dt {
    font: 9px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #89afb5;
    margin: 14px 0 1px 0;
	font-weight:bold;
}
.offerDetail .primary .price, .offerDetail .primary .description, .offerDetail .primary .date {
    font-size: 14px;
    padding-top: 1px;
}
.offerDetail .primary dd p {
    margin-bottom: 12px;
}
.offerDetail .secondary {
    width: 300px;   
    margin-left: 16px;
    margin-top: 20px;
    background-color: #e2e0e0;
    float: left;
}
.offerDetail .secondary img {
    display: block;
}
.offerDetail .secondary a {
    display: block;
    text-indent: -3000px;
    margin: 16px 0 16px 16px;
}
.offerDetail .secondary a.selectOffer {
    background-image: url(../img/select_offer.gif);
    width: 267px;
    height: 67px;
}
.offerDetail .secondary a.viewSelection {
    background-image: url(../img/view_selection.gif);
    width: 203px;
    height: 50px;
}
.offerDetail .actions {
    width: 126px;
    float: left;
    margin: 20px 0 0 16px;
    background: transparent url(../img/mini_container_top.gif) left top no-repeat;
    padding-top: 10px;
}
.offerDetail .actions ul {
    background: transparent url(../img/mini_container_bottom.gif) left bottom no-repeat;
    padding: 3px 12px 11px 12px;
}
.offerDetail .actions a {
    display: block;
    height: 17px;
    padding: 4px 0 0 27px;
    background-position: left top;
    background-repeat: no-repeat;
    margin-bottom: 7px;
}
.offerDetail .actions .reviewed a {
    background-image: url(../img/reviewed_alt.gif);
}
.offerDetail .actions .directions a {
    background-image: url(../img/question_mark.gif);
}
.offerDetail .actions .share a {
    background-image: url(../img/share.gif);
    margin-bottom: 0;
}

/* PAYMENT */
form.payment {
    background: transparent url(../img/content_bottom_alt.gif) left bottom no-repeat;
    margin: 30px 0 0 29px;
    padding-bottom: 30px;
    width: 718px;
}
form.payment fieldset {
    position: relative;
    /*border-bottom: 1px solid #D7D3D3;*/
    margin: 0 0 20px 20px;
    padding-bottom: 20px;
    width:  585px;
}
#content form.payment h1 {
    background: transparent url(../img/content_top.gif) left top no-repeat;
    position: relative;
    top: -10px;
    padding: 30px 20px 0 20px;
    margin: 0;
    border-width: 0;
    font-size: 15px;
}
form.payment h1 span {
    display: block;
    border-bottom: 10px solid #D7D3D3;
    width: 580px;
    padding-bottom: 20px;
}
#content form.payment h2 {
    font-size: 14px;
    font-weight: normal;
    color: #282828;
    padding-top: 10px;
    padding-bottom: 20px;
}
#content form.payment .requirements {
    position: absolute;
    z-index: 10;
    right: 8px;
    top: 14px;
}
form.payment label, form.payment fieldset div {
    width:  270px;
    height: 40px;
    float: left;
    margin-right: 20px;
}
form.payment label input.text {
    width: 250px;
}
form.payment fieldset div label {
    width: auto;
    margin-right: 10px;
}
form.payment fieldset div .zip input {
    width: 90px;
}
form.payment label.checkbox {
    background-color: #E7E1D9;
    float: left;
    width: auto;
    height: auto;
    padding: 2px 8px 2px 2px;
    margin: 0 0 20px 0;
}
form.payment label.checkbox span {
    font: bold 10px Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}
form.payment label.name {
    clear: both;
}
form.payment .expiry {
    clear: left;
}
form.payment .expiry p {
    margin-bottom: 3px;
}
form.payment .cardInfo .card input {
    width: 150px;
}
form.payment .cardInfo .ccv input {
    width: 50px;
}
form.payment .total {
    margin: -20px 0 20px 20px;
    padding: 20px 40px 20px 0;
    width: 545px;
    border-width: 9px 0 1px 0;
    border-style: solid;
    border-color: #CCC9C9;
    font-size: 14px;
    text-align: right;
}
form.payment label.magazine {
    background: transparent url(../img/add_magazine.gif) left top no-repeat;
    width: 233px;
    height: 50px;
    position: relative;
    margin: 7px 95px 0 20px;
}
form.payment label.magazine span {
    display: none;
}
form.payment label.magazine input {
    position: absolute;
    left: 195px;
    top: 16px;
}

/* SURVEY */
#Survey #content form {
    position: relative;
}
#Survey #content form h2 {
    margin: 0 0 40px 0;
}
#Survey #content form .requirements {
    position: absolute;
    top: 2px;
    right: 0;
}
#Survey #content label {
    float: left;
    margin-right: 40px;
    width: 250px;
    height: 40px;
}
#Survey #content input.text, #Survey #content select {
    width: 200px;
}

/* SIGNUP */
#Signup #nav .selection {
    background-image: url(../img/back.gif);
}
#Signup #content .outerWrap {
    border-top-width: 0;
    padding-bottom: 0;
}
#Signup #content .intro {
    background-color: #fff;
    padding: 0 0 15px 25px;
    position: relative;
}
#Signup #content h1 {
    margin: 0 0 15px 0;
    padding: 0;
    border-bottom-width: 0;
    text-indent: -3000px;
    background: url(../img/choose_a_free_gift.gif) left top no-repeat;
    height: 23px;
}
#Signup #content .intro .price {
    width: 98px;
    height: 97px;
    background: url(../img/only_48_bucks.gif) left top no-repeat;
    text-indent: -3000px;
    position: absolute;
    right: 60px;
    top: 0;
}
#Signup #content .summary {
    color: #909677;
    font-size: 12px;
    line-height: 16px;
    width: 550px;
    margin-bottom: 20px;
}
#Signup #content .intro .perks li {
    padding: 5px 0 0 90px;
    margin-bottom: 10px;
    height: 70px;
    background-position: left top;
    background-repeat: no-repeat;
    width: 400px;
}
#Signup #content .intro .perks li h2 {
    font-weight: bold;
    font-size: 11px;
    color: #282828;
    margin: 0 0 -2px 0;
}
#Signup #content .intro .perks li.membership {
    background-image: url(../img/card_icon2.gif);
}
#Signup #content .intro .perks li.gift {
    background-image: url(../img/gift_icon2.gif);
}
#Signup #content .intro .perks li.magazine {
    background-image: url(../img/magazine_icon.gif);
    margin-bottom: 12px;
}
#Signup #content .phobia {
    width: 204px;
    background: url(../img/magical_box_bottom.gif) left bottom no-repeat;
    padding: 0 0 44px;
    position: absolute;
    right: 0;
    top: 117px;
}
#Signup #content .phobia h2 {
    text-indent: -3000px;
    height: 44px;
    background: url(../img/magical_box_top.gif) left top no-repeat;
    margin-bottom: 10px;
}
#Signup #content .phobia p, #Signup #content .phobia ul {
    padding: 0 16px;
}
#Signup #content .phobia ul {
    margin-top: 15px;
}
#Signup #content .phobia li {
    display: inline;
}
#Signup #content .phobia li a {
    float: left;
    height: 17px;
    background-repeat: no-repeat;
    background-position: left top;
    width: 50px;
    padding: 4px 0 0 25px;
}
#Signup #content li.email a {
    background-image: url(../img/email_icon.gif);
}
#Signup #content li.facebook a {
    background-image: url(../img/facebook_icon.gif);
}
#Signup #content .gifts {
    position: relative;
    padding-bottom: 145px;
}
#Signup #content .gifts img.person {
    position: absolute;
    bottom: 0;
    left: 0;
}
#Signup #content .gifts h1 {
    background: url(../img/choose_from_the_list.gif) left top no-repeat;
    width: 635px;
    height: 19px;
    text-indent: -3000px;
    margin: 20px 0 0 20px;
}
#Signup #content .gifts .offer ul {
    overflow: hidden;
    padding-top: 45px;
}


/*NEW SITE*/

#tool_bar ul {
height:40px;
list-style-type:none;
padding:0px;
margin:0px;
width:980px;
}

#tool_bar ul li{
display:inline;
float:left;
padding-right:5px;
}


#tool_bar ul li a.ro_eat{
background-image:url(../img/nav/eat.jpg);
background-repeat: no-repeat;
background-position:left -40px;
height:40px;
width:47px;
display:block;
margin-left:8px;
}

#tool_bar ul li a.ro_eat:hover{
background-position:left 0px;
}

#tool_bar ul li a.ro_shop{
background-image:url(../img/nav/shop.jpg);
background-repeat: no-repeat;
background-position:left -40px;
height:40px;
width:59px;
display:block;
}

#tool_bar ul li a.ro_shop:hover{
background-position:left 0px;
}

#tool_bar ul li a.ro_do{
background-image:url(../img/nav/do.jpg);
background-repeat: no-repeat;
background-position:left -40px;
height:40px;
width:42px;
display:block;
margin-right:305px;
}

#tool_bar ul li a.ro_do:hover{
background-position:left 0px;
}

#tool_bar ul li a.ro_promo{
background-image:url(../img/nav/promo.jpg);
background-repeat: no-repeat;
background-position:left -40px;
height:40px;
width:102px;
display:block;
}

#tool_bar ul li a.ro_promo:hover{
background-position:left 0px;
}

#tool_bar ul li a.ro_circles{
background-image:url(../img/nav/circles.jpg);
background-repeat: no-repeat;
background-position:left -40px;
height:40px;
width:68px;
display:block;
}

#tool_bar ul li a.ro_bola{
background-image:url(../img/nav/bola.jpg);
background-repeat: no-repeat;
background-position:left -40px;
height:40px;
width:88px;
display:block;
}

#tool_bar ul li a.ro_bola:hover{
background-position:left 0px;
}

#tool_bar ul li a.ro_latoz{
background-image:url(../img/nav/latoz.jpg);
background-repeat: no-repeat;
background-position:left -40px;
height:40px;
display:block;
width:68px;
}

#tool_bar ul li a.ro_latoz:hover{
background-position:left 0px;
}

#tool_bar ul li a.ro_find{
background-image:url(../img/nav/find.jpg);
background-repeat: no-repeat;
background-position:left -40px;
height:40px;
width:148px;
display:block;
}

#tool_bar ul li a.ro_find:hover{
background-position:left 0px;
}

.invisible{
display:none;
padding-top:15px;
}

#new_only_48{
background-image:url(../img/only_48.jpg); background-repeat:no-repeat; width:204px; height:342px; position:absolute; top:20px; left:580px;
}


/* rollovers */
ul li a.back_index{
background-image: url(../img/nav_back_ro.jpg);
background-repeat:no-repeat;
background-position:left 0px;
height:24px;
display:block;
}

ul li a.back_index:hover{
background-position:left -24px;
}

ul li a.cart_view{
background-image: url(../img/nav_view_cart_ro.jpg);
background-repeat:no-repeat;
background-position:left 0px;
height:24px;
display:block;
}

ul li a.cart_view:hover{
background-position:left -24px;
}


/* VALIDATION STYLES FOR LIMITS*/
.offerDetail .secondary img.btnBuyNow { display: none; margin: 15px; }
.offerDetail .secondary #limit-message.limit-reached { background: red; color: #fff;}
.offerDetail .secondary #limit-message div { padding: 5px; font-size: 12pt;}
.offerDetail .secondary #limit-message { margin: 15px; }
.offerDetail .secondary #limit-message.notLoggedIn { background: green; font-size: 12pt;}
.offerDetail .secondary #limit-message.notLoggedIn a { display: inline; color: #111; font-size: 12pt; padding: 0; margin: 0; text-decoration: none; }


/* notifications addon jw */
#product-notifications {width:262px; margin:0px auto;}
#product-notifications p,#product-notifications h2 {margin:0px; padding:0px;}



#product-notifications .non-member{background:url('/images/bg-not-member-b.jpg') no-repeat;width:262px;height:180px;position:relative; margin-top:25px;}
#product-notifications .non-member div.input-fields{position:absolute;top:22px;left:34px;color:#000;font-size:11px;font-family:verdana;}
#product-notifications .non-member div.input-fields input{width:190px;border:solid 1px #c2c2c2;margin:0px;float:left;margin-top:5px;padding:3px;}
#product-notifications .non-member p.sign-in{position:absolute;top:74px;}
#product-notifications .non-member p.sign-in a{margin-top:0px; margin-left:0px;}
#product-notifications .non-member p.sign-up{position:absolute;top:147px;width:262px;}
#product-notifications .non-member p.sign-up{font-family:Helvetica,sans-serif Arial,Arial,Helvetica,sans-serif;font-size:11px;font-style:italic; width:120px; float:left; margin-top:15px;}
#product-notifications .non-member p.forgot-pass{position:absolute;top:147px; left: 162px; width:262px;}
#product-notifications .non-member p.forgot-pass{font-family:Helvetica,sans-serif Arial,Arial,Helvetica,sans-serif;font-size:11px;font-style:italic; width:100px; float:left; margin-top:15px;}
#product-notifications .non-member p.sign-up a{color:#596f87;font-weight:bold;text-decoration:underline;}
#product-notifications .non-member p.sign-up a:hover{text-decoration:none;}
#product-notifications .non-member p.note {color:#282828; position:absolute; top:6px; left:63px;}
#product-notifications .non-member form,#product-notifications .non-member input{margin:0px;padding:0px;}



/*


#product-notifications .non-member {background:url('/images/bg-not-member.jpg') no-repeat; width:262px;height:140px; position:relative;}
  #product-notifications .non-member p.offer-valid {position:absolute; top:18px; left:40px; color:#000; font-size:11px; font-family: verdana;}
  #product-notifications .non-member p.sign-in {position:absolute; top:40px;}
  #product-notifications .non-member p.sign-up {position:absolute; top:115px; width:262px;}
  #product-notifications .non-member p.sign-up {font-family: Helvetica, sans-serif Arial, Arial, Helvetica, sans-serif; font-size:11px; text-align:center; font-style:italic;}
  #product-notifications .non-member p.sign-up  a {color:#596f87; font-weight:bold; text-decoration:underline;}
   #product-notifications .non-member p.sign-up  a:hover {text-decoration:none;}

*/


#product-notifications .lost-password{background:url('/images/bg-not-member-b.jpg') no-repeat;width:262px;height:180px;position:relative; margin-top:25px;}
#product-notifications .lost-password div.input-fields{position:absolute;top:7px;left:34px;color:#000;font-size:11px;font-family:verdana;}
#product-notifications .lost-password div.input-fields input{width:190px;border:solid 1px #C2C2C2; margin:0px;float:left;margin-top:5px;padding:3px;}
#product-notifications .lost-password p.sign-in{position:absolute;top:75px;}
#product-notifications .lost-password p.sign-up{position:absolute;top:162px;width:262px;}
#product-notifications .lost-password p.sign-up{font-family:Helvetica,sans-serif Arial,Arial,Helvetica,sans-serif;font-size:11px;font-style:italic; width:100px; float:left;}
#product-notifications .lost-password p.sign-up a{color:#596f87;font-weight:bold;text-decoration:underline;}
#product-notifications .lost-password p.sign-up a:hover{text-decoration:none;}
#product-notifications .lost-password form,#product-notifications .lost-password input{margin:0px;padding:0px;}



#product-notifications .one-unit-per {background:url('/images/bg-alert-yellow.jpg') no-repeat; width:262px;height:140px; position:relative; margin-top:25px;}
  #product-notifications .one-unit-per h2 {position:absolute; top:18px; left:15px; width:235px; height:57px; text-indent:-99999px; background:url('/images/ban-one-per.jpg') no-repeat;}
   #product-notifications .one-unit-per p {font-family: Helvetica, sans-serif Arial, Arial, Helvetica, sans-serif; font-size:12px; text-align:center; }
    #product-notifications .one-unit-per p.blurb {position:absolute; top: 88px; left:30px; width: 200px; height:40px;}


#product-notifications .monthly-limit {background:url('/images/bg-alert-yellow.jpg') no-repeat; width:262px;height:140px; position:relative; margin-top:25px;}
  #product-notifications .monthly-limit h2 {position:absolute; top:18px; left:15px; width:235px; height:57px; text-indent:-99999px; background:url('/images/ban-every-30.jpg') no-repeat;}
   #product-notifications .monthly-limit p {font-family: Helvetica, sans-serif Arial, Arial, Helvetica, sans-serif; font-size:12px; text-align:center; }
    #product-notifications .monthly-limit p.blurb {position:absolute; top: 88px; left:30px; width: 200px; height:40px;}

      #product-notifications .one-unit-per p.more-info, #product-notifications .monthly-limit p.more-info { position:absolute; top:10px; left:193px; width:60px; height:30px; z-index:100;}
		#product-notifications .one-unit-per p.more-info a, #product-notifications .monthly-limit p.more-info a {color:#596f87; font-style:italic; font-weight:bold; font-size:11px;}

#product-notifications .monthly-limit,
#product-notifications .one-unit-per,
#product-notifications .non-member, #product-notifications .lost-password, .viewSelection {  display: none;  }  /* added by JT */


#product-notifications .non-member p.sign-up {
float:left;
font-family:Helvetica,sans-serif Arial,Arial,Helvetica,sans-serif;
font-size:11px;
font-style:italic;
margin-left:-14px;
margin-top:4px;
width:120px;
}

#product-notifications .non-member p.forgot-pass {
float:left;
font-family:Helvetica,sans-serif Arial,Arial,Helvetica,sans-serif;
font-size:11px;
font-style:italic;
margin-left:-17px;
margin-top:4px;
width:120px;
}


.sign-in a {margin:10px 0 0 !important;}

#product-notifications .offerDetail .secondary a {text-indent:0px !Important;}
.offerDetail .secondary a.viewSelection    {text-indent:-1000px !Important;}

#product-notifications .non-member a {text-indent:0px !Important;}