@CHARSET "UTF-8";
div, p, span, h1, h2, h3, h4, img { border: none; margin: 0; padding: 0; }
body { width: 728px; margin: 0 auto; background: #fff; font-family: Lucida Sans Unicode, Lucida Grande, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; line-height: 1.5em; }
a { color: #0877aa; text-decoration: none; }
p { margin: 5px 0; }
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }
.float_right { float: right; margin-right: 10px; }
.img_border { border: 1px solid #000; padding: 2px; }
.nofloat { float: none; }
code { margin: 10px 0 20px 20px; display: block; }
h1 { text-align: center; float: left; margin: 20px 0 10px 0; width: 100%; }
h1.promo { font-size: 24px ! important; text-align: left; }
h2 { text-align: center; margin: 5px 0; }
h2.promo { text-align: left; }
h2.programs { float: left; text-align: center; clear: both; width: 100%; }
h3.section { font-size: 20px; margin: 40px 0 10px 0; padding-top: 20px; font-weight: normal; text-align: left; border-top: 1px solid #999; }

/* Page sections */
div#header { text-align: right; }
div#workspace { margin-top: 5px; float: left; width: 740px; }
div#footer { margin-top: 30px; border-top: 1px solid #3b372a; padding: 20px; text-align: center; float: left; clear: both; width: 728px; font-size: 11px; margin-bottom: 20px; }
div.content { margin-top: 20px; float: left; }

/* Header */
div#brand { float: left;  }
img#tagline { margin-top: 7px; }
div#secondary { font-size: 11px; margin: 15px 15px 0 0; }
div#secondary a { color: #d5d5d5; font-size: 11px; font-weight: normal; }
#login_form {  margin: 10px 0; float: right; display: block; }
#login_form label { margin-left: 10px; }

/* Main navigation */
div#nav { float: left; margin-left: 1px; margin-bottom: 10px; }
div#nav a { height: 28px; width: 119px; text-align: center; display: block; padding: 5px 0; color: #d5d5d5; font-size: 14px; float: left; margin-right: 3px; }
div#nav a:hover { color: #fff; }
div#nav a.off { color: #999; background: url(/www/_img/background_img_off.gif) top left no-repeat; }
div#nav a.off:hover { color: #fff; }
div#nav a.on { color: #ebebeb; background: url(/www/_img/background_img_on.gif) top left no-repeat; }

/* Content */
div#main_content { float: left; width: 728px; }
div#main_content h1 { font-size: 18px; font-weight: normal; margin-top: 20px; }
div#main_content h2 { font-size: 14px; font-weight: normal; margin-top: 20px; }
div.content_block_left { clear: left; width: 325px; float: left; padding: 10px; margin-right: 20px; }
div.content_block_right { clear: right; width: 325px; float: left; padding: 10px; margin-left: 20px; }

/* Join */
div.join_block { background: #808080; color: #fff; }
div.join_block h1 { margin: 0 0 5px 0; text-align: center; font-weight: normal; }
#details_join label { width: 80px; display: block; float: left; }
#details_join input[type="text"], #details_join input[type="password"] { width: 120px; display: block; float: left; margin-bottom: 5px; }
#details_join input[type="submit"] { margin: 5px 0 10px 100px; }
#details_join div.form_row { width: 100%; margin: 5px 0; float: left; padding-left: 40px; }

/* Call to action */
div#action { width: 200px; padding: 10px; min-height: 460px; float: left; background: #3b372a; }
div#action h1 { font-weight: normal; font-size: 22px; text-align: center; color: #aeac83; margin: 10px 0; }
div#action h1.price { font-size: 45px; color: #fff; margin: 15px 0; }
div#action p { padding: 0 6px; }
div#action a.action { font-size: 20px; text-align: center; display: block; margin: 10px 0 30px 0; }

div.action_box { width: 300px; float: left; margin: 20px 10px; }
div.div_set { padding-left: 20px; margin-left: -10px; border-left: 1px solid #333; }

/* Friends page */
div.friend_box { width: 200px; float: left; text-align: center; margin-right: 22px; }
div.friend_box a { display: block; }
div.friend_box img { margin-bottom: 10px; }
div.friend_box p { font-size: 11px; font-weight: normal; text-align: left; }

/* Affiliates */
div.fhg_row { margin: 10px 0; float: left; padding-bottom: 10px; border-bottom: 1px solid #7a7a7a; width: 100%; }
div.fhg_row img { float: left; margin-right: 10px; }
div.fhg_row code { margin: 0; }

/* Banners */
div.banner_content { clear: both; float: left; }
div.banner_item { border-bottom: 1px solid #666; margin-bottom: 10px; }
div.banner_content img { display: block; margin: 10px 0; }
div.banner_content p { margin: -5px 0 20px; }
div.banner_content p code { margin: 0; }
div.banner_content h2 { text-align: left; font-weight: bold ! important; }
div#sizes { margin-bottom: 20px; }
div#sizes a { display: block; float: left; padding: 5px; margin: 5px; border: 1px solid #666; }
div#sizes a.selected { background: #ccc; color: #000; }

/* Pricing */
div.price_row { margin: 10px 0; font-size: 14px; }
div.price_row input { font-size: 14px; }
h2.price { margin: 20px 0; }

img.potd { margin-bottom: 10px; }