/* the apex profile / crankset group */

/* app design & development by [gb] Studio / gb-studio.tv */

@import url("reset.css");

body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background-color: #fff;
	color: #4d4d4d;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

strong em {
	font-weight: bold;
	font-style: italic;
}

a {
	color: #29abe2;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


/* ============== */
/* = dev stuff = */
/* ============== */

#payment_test_warning {
	padding: 7px 15px 7px 15px;
	color: #fff;
	background-color: red;
}
#payment_test_warning p {
	font-size: 14px;
	line-height: 22px;
}
#payment_test_warning a {
	color: #fff;
}

/* ================ */
/* = shared stuff = */
/* ================ */

/* header stuff */

#header_container {
	width: 100%;
	background-image: url("/images/top_line_green.gif");
	background-position: top;
	background-repeat: repeat-x;
}

#header {
	margin: 0 auto;
	margin-bottom: 40px;
	width: 1000px;
	min-height: 55px;
}

#header h4 a {
	display: block;
	margin-top: 20px;
	width: 109px;
	height: 22px;
	text-indent: -9999px;
	background-image: url("/images/logo_crankset_small.jpg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
}
#header h4 a:hover {
	background-position: -109px 0px;
}

#header ul {
	padding-top: 28px;
	font-size: 10px;
	float: right;
}
#header ul li {
	padding-left: 25px;
	float: right;
}
#header ul li a {
	display: block;
	padding: 10px;
	margin: -10px;
	font-weight: bold;
	color: #9c9b9b;
	text-transform: uppercase;
}
#header ul li a:hover, #header ul li.selected a, #header ul li.profile_access a:hover, #header ul li.profile_access.selected a {
	color: #fff;
	text-decoration: none;
	background-color: #29abe2;
}
#header ul li.profile_access a {
	color: #29abe2;
	background-color: #e7f4ff;
}

/* intro section stuff */

#intro_container.big {
	width: 100%;
	background-image: url("/images/blue_line_big.jpg");
	background-position: 0px 111px;
	background-repeat: repeat-x;
}

#intro_container.med, #intro_container.med_right {
	width: 100%;
	background-image: url("/images/blue_line_med.jpg");
	background-position: 0px 111px;
	background-repeat: repeat-x;
}
#intro_container.sm {
	width: 100%;
	background-image: url("/images/blue_line_sm.jpg");
	background-position: 0px 86px;
	background-repeat: repeat-x;
}

#intro {
	margin: 0 auto;
	width: 1000px;
}
#intro_container.big #intro       {	min-height: 315px; margin-bottom: 45px; }
#intro_container.med #intro,
#intro_container.med_right #intro { min-height: 275px; margin-bottom: 26px; }
#intro_container.sm #intro        { min-height: 275px; margin-bottom: 26px; }

#intro_container.big #intro h1 {
	margin: 3px 0px 0px -19px;
	width: 295px;
	height: 313px;
	text-indent: -9999px;
	background-image: url("/images/logo_apex_home.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
}
#intro_container.med #intro h1 {
	margin: -27px 0px 0px -8px;
	width: 216px;
	height: 234px;
	text-indent: -9999px;
	background-image: url("/images/logo_apex_med.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
}
#intro_container.med_right #intro h1 {
	margin: -27px 7px 0px 0px;
	width: 216px;
	height: 234px;
	text-indent: -9999px;
	background-image: url("/images/logo_apex_med.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	float: right;
}
#intro_container.sm #intro h1 {
	margin: -23px 70px 0px 0px;
	width: 153px;
	height: 167px;
	text-indent: -9999px;
	background-image: url("/images/logo_apex_sm.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	float: right;
}

#intro_container.big #intro h2.home {
	margin: 34px -15px 0px 0px;
	width: 668px;
	height: 265px;
	text-indent: -9999px;
	background-image: url("/images/headline_homepage.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	float: right;
}
#intro_container.big #intro h2.learn-more {
	margin: 34px -15px 0px 0px;
	width: 668px;
	height: 265px;
	text-indent: -9999px;
	background-image: url("/images/headline_learn-more.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	float: right;
}
#intro_container.med #intro h2.start_initial {
	margin: 45px 30px 0px 0px;
	width: 675px;
	height: 127px;
	text-indent: -9999px;
	background-image: url("/images/headline_start-initial.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	float: right;
}
#intro_container.med #intro h2.start_details {
	margin: 45px 30px 0px 0px;
	width: 675px;
	height: 127px;
	text-indent: -9999px;
	background-image: url("/images/headline_start-details.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	float: right;
}
#intro_container.med #intro h2.start_payment {
	margin: 45px 5px 0px 0px;
	width: 700px;
	height: 127px;
	text-indent: -9999px;
	background-image: url("/images/headline_start-payment.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	float: right;
}
#intro_container.med #intro h2.start_review {
	margin: 45px 5px 0px 0px;
	width: 700px;
	height: 127px;
	text-indent: -9999px;
	background-image: url("/images/headline_start-review.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	float: right;
}
#intro_container.med #intro h2.profiler_access {
	margin: 45px 5px 0px 0px;
	width: 700px;
	height: 127px;
	text-indent: -9999px;
	background-image: url("/images/headline_profiler_access.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	float: right;
}
#intro_container.med #intro h2.pages_contact {
	margin: 45px 5px 0px 0px;
	width: 700px;
	height: 127px;
	text-indent: -9999px;
	background-image: url("/images/headline_pages_contact.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	float: right;
}

/* main body stuff */

#main {
	min-height: 550px;
}

#main {
	margin: 0 auto;
	width: 1000px;
}

/* ================== */
/* = Homepage Stuff = */
/* ================== */

/* left-side column stuff */

#main.home #left {
	margin: 5px 0px 0px 0px;
	padding: 0px 25px 0px 25px;
	width: 200px;
	color: #838282;
	float: left;
}

#main.home #left h4 {
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
}
#main.home #left h4.spaced {
	margin-top: 40px;
}
#main.home #left p {
	margin: 0px 0px 18px 0px;
	font-size: 13px;
	line-height: 18px;
}
#main.home #left p strong {
	padding: 3px;
	margin: -3px;
	font-weight: normal;
	background-color: #e7f4ff;
}
#main.home #left ul {
	margin: 0px 0px 18px 0px;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
}

#main.home #left #affiliate_box {
	padding: 25px;
	margin: 70px -25px 0px -25px;
	width: 100%;
	color: #4d4d4d;
	background-color: #d0f3c0;
}
#main.home #left #affiliate_box h3 {
	display: block;
	margin: -58px 0px 0px 35px;
	width: 190px;
	height: 88px;
	text-indent: -9999px;
	background-image: url("/images/logo_apex_network.jpg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#main.home #left #affiliate_box p a {
	display: block;
	margin: 0px 0px -25px 55px;
	width: 154px;
	height: 32px;
	text-indent: -9999px;
	background-image: url("/images/button_home_affiliate.jpg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/* right-side column stuff */

#main.home #right {
	width: 650px;
	float: right;
}

#main.home #right div.box_left {
	width: 400px;
	float: left;
}

#main.home #right div.box_right {
	width: 200px;
	float: right;
}

#main.home #right div.box_right p a.get-started {
	display: block;
	margin: 5px 0px 0px 0px;
	width: 198px;
	height: 52px;
	text-indent: -9999px;
	background-image: url("/images/button_homepage_get-started.jpg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
}

#main.home #right div.box_right p a.learn-more {
	display: block;
	margin: 15px 0px 0px 0px;
	width: 198px;
	height: 52px;
	text-indent: -9999px;
	background-image: url("/images/button_homepage_learn-more.jpg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
}
#main.home #right div.box_right p.profile_access {
	margin: 0px 0px 0px 10px;
	padding-top: 15px;
	clear: both;
}

#main.home #right div.box_left h3, #main.home #right div.box_wide h3 {
	font-size: 17px;
	font-weight: bold;
	line-height: 28px;
}
#main.home #right div.box_left p, #main.home #right div.box_wide p {
	margin: 0px 0px 28px 0px;
	font-size: 17px;
	line-height: 28px;
}
#main.home #right div.box_left em, #main.home #right div.box_wide em {
	font-weight: bold;
	font-style: normal;
	color: #39b54a;
}
#main.home #right div.box_left strong, #main.home #right div.box_wide strong {}

#main.home #right div.quote_box#blue {
	margin: 20px 0px 57px 0px;
	padding: 15px 0px 15px 19px;
	width: 630px;
	color: #29abe2;
	font-size: 13px;
	line-height: 18px;
	background-color: #e7f4ff;
}
#main.home #right div.quote_box#blue strong {
	padding: 3px;
	margin: -3px;
	font-weight: normal;
	background-color: #d0f3c0;
}
#main.home #right div.quote_box#grey {
	margin: 20px 0px 57px 0px;
	padding: 15px 0px 15px 19px;
	width: 630px;
	color: #838282;
	font-size: 13px;
	line-height: 18px;
	background-color: #edeeef;
}
#main.home #right div.quote_box#grey strong {
	padding: 3px;
	margin: -3px;
	font-weight: normal;
	background-color: #e7f4ff;
}
#main.home #right div.quote_box#blue div.quote_1, 
#main.home #right div.quote_box#blue div.quote_2, 
#main.home #right div.quote_box#blue div.quote_3,
#main.home #right div.quote_box#grey div.quote_1, 
#main.home #right div.quote_box#grey div.quote_2, 
#main.home #right div.quote_box#grey div.quote_3 {
	margin-right: 44px;
	width: 175px;
	float: left;
	text-align: center;
}
#main.home #right div.quote_box#blue div.quote_3,
#main.home #right div.quote_box#grey div.quote_3 {
	margin-right: 0px;
}

#main.home #right div.box_wide#blue {
	margin: 55px 0px 57px 0px;
	padding: 20px 22px 1px 22px;
	width: 630px;
	font-size: 13px;
	line-height: 18px;
	background-color: #e7f4ff;
}
#main.home #right div.box_wide#blue em {
	font-weight: bold;
	color: #29abe2;
}

#main.home #right div.box_right h4 {
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	color: #838282;
}
#main.home #right div.box_right h4.spaced {
	margin-top: 40px;
}
#main.home #right div.box_right p {
	margin: 0px 0px 18px 0px;
	font-size: 13px;
	line-height: 18px;
	color: #838282;
}
#main.home #right div.box_right p strong {
	padding: 3px;
	margin: -3px;
	font-weight: normal;
	background-color: #e7f4ff;
}

/* ============================ */
/* = Progress Indicator Stuff = */
/* ============================ */

#progress {
	position: absolute;
	font-size: 10px;
	font-weight: bold;
	color: #cfcfcf;
	text-transform: uppercase;
}
#progress.start {	width: 700px;	margin: 200px 0px 0px 300px; }
#progress.section { width: 720px;	margin: 200px 0px 0px 0px; }
#progress.eval  { width: 720px;	margin: 142px 0px 0px 0px; }

#progress ul {
	height: 50px;
	background-image: url("/images/progress_grey.gif");
	background-position: top;
	background-repeat: repeat-x;
}
#progress li {
	padding-top: 23px;
	display: block;
	background-image: url("/images/progress_unfinished.gif");
	background-position: top right;
	background-repeat: no-repeat;
	float: left;
}
#progress li a {
	padding: 8px;
	margin: -8px;
}
#progress li.current {
	color: #9c9b9b;
}
#progress li.current, #progress li.finished {
	background-image: url("/images/progress_done.gif");
	background-position: top right;
	background-repeat: no-repeat;
}
#progress.start li {
	padding-right: 2px;
	width: 173px;
	text-align: right;
}
#progress.section li {
	padding-right: 2px;
	width: 238px;
	text-align: right;
}

/* ======================= */
/* = Start section stuff = */
/* ======================= */

/* left-side column stuff */

#main.start #left {
	margin: 7px 0px 0px 0px;
	padding: 0px 14px 0px 14px;
	width: 200px;
	color: #838282;
	float: left;
}

#main.start #left h4 {
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
}
#main.start #left h4.spaced {
	margin-top: 40px;
}
#main.start #left p {
	margin: 0px 0px 18px 0px;
	font-size: 13px;
	line-height: 18px;
}
#main.start #left p strong {
	padding: 3px;
	margin: -3px;
	font-weight: normal;
	background-color: #e7f4ff;
}
#main.start #left ul {
	margin: 0px 0px 18px 0px;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
}

/* right-side column stuff */

#main.start #right {
	width: 700px;
	float: right;
}

#main.start #right h3 {
	margin-right: 175px;
	font-size: 17px;
	font-weight: bold;
	line-height: 28px;
}
#main.start #right p {
	margin: 0px 175px 28px 0px;
	font-size: 17px;
	line-height: 28px;
}
#main.start #right div.label {
	font-size: 17px;
	line-height: 28px;
}
#main.start #right ul {
	margin: 0px 175px 28px 0px;
	list-style-type: disc;
}
#main.start #right li {
	margin-left: 45px;
	font-size: 17px;
	line-height: 28px;
}


#main.start #right p.button_pay {
	padding-top: 20px;
	padding-right: 10px;
	text-align: right;
}
#main.start #right p.button_pay input.button_pay {
	padding-bottom: 7px;
	margin-right: -10px;
}

/* form stuff */

#main.start p.flash_error {
	color: red;
}

#main.start input.text_field, #main.start select {
	color: #838282;
	font-family: Helvetica, Arial, sans-serif;
	background-color: #f7f7f7;
/*	border: 1px solid #ebebeb;*/
	border: 1px solid #d9d9d9;
}
#main.start input:hover,  #main.start select:hover  { border-color: #29abe2; }
#main.start input:active, #main.start select:active { border-color: #48b758; }
#main.start input:focus,  #main.start select:focus  { border-color: #f2c611; }

#main.start #right input.text_field {
	margin: 4px 0px 0px -2px;
	padding: 8px 5px 5px 5px;
	font-size: 38px;
	letter-spacing: -0.05em;
	line-height: 38px;
	font-weight: normal;
}
#main.start #right input.initial_email { width: 515px; height: 42px; }
#main.start #right input.first_name { margin-top: 6px; width: 215px; height: 42px; }
#main.start #right input.last_name { margin-top: 6px; width: 265px; height: 42px; }
#main.start #right input.email { margin-top: 6px; width: 515px; height: 42px; }
#main.start #right input.referral_code { width: 215px; height: 28px; font-size: 26px; }

#main.start #left input.text_field {
	margin: 4px 0px 0px 0px;
	padding: 8px 5px 5px 5px;
	font-size: 38px;
	letter-spacing: -0.05em;
	line-height: 38px;
	font-weight: normal;
}

#main.start #right select.payment {
	margin: 4px 0px 0px -2px;
	padding: 5px;
	font-size: 28px;
	letter-spacing: -0.05em;
	line-height: 28px;
	font-weight: normal;
	height: 40px;
}

#main.start #right div.first_name {
	margin: 0px 0px 28px 0px;
	width: 252px;
	float: left;
}
#main.start #right div.last_name {
	margin: 0px 0px 28px 0px;
	float: left;
}
#main.start #right div.email {
	margin: 0px 0px 28px 0px;
}
#main.start #right div.referral_code {
	width: 240px;
	padding-top: 6px;
	margin-right: 0px;
	float: left;
}
#main.start #right div.referral_note {
	padding: 42px 0px 0px 0px;
	font-size: 14px;
	line-height: 18px;
	color: #838282;
}

#main.start #right input.button_next_initial {
	margin: 25px -4px 0px 0px;
	float: right;
}
#main.start #right input.button_next_details {
	margin: 70px -4px 0px 0px;
	float: right;
}
#main.start #right input.no_payment {
	margin-bottom: 65px;
}

#main.start #right p.label {
	padding: 6px 0px 0px 0px;
}
#main.start #right label {
	font-weight: bold;
}

#main.start #right div.error_message {
	position: absolute;
	padding: 8px 12px 12px 12px;
	width: 120px;
	font-weight: bold;
	font-size: 14px;
	line-height: 22px;
	color: #4d4d4d;
	background-color: #fceeb5;
	background-image: url("/images/error_bg.jpg");
	background-position: bottom right;
	background-repeat: no-repeat;
}
#main.start #right div.error_message div.error_triangle {
	position: absolute;
	margin: 15px 0px 0px -30px;
}
#main.start #right #error_message_names, #main.start #right #error_message_email {
	margin: 23px 0px 0px 556px;
}
#main.start #right #error_message_email {
	margin: -95px 0px 0px 556px;
}
#main.start #right div.fieldWithErrors {
	display: inline;
}

/* details / promo code stuff */

#main.start #left.details {
	padding: 0px 10px 0px 10px;
	margin: 0px;
}

#main.start #left #cost {
	padding: 10px;
	margin: -10px;
	margin-bottom: -10px;
}

#main.start #left #promo_code_form {
	margin: -17px -15px 0px -10px;
	padding: 8px 15px 30px 10px;
	background-color: #f7f7f7;
	width: 100%;
}

#main.start #left #cost p, #main.start #left #promo_code_form h3 {
	font-size: 17px;
	line-height: 28px;
	color: #4d4d4d;
}
#main.start #left #promo_code_form h3 {
	margin-bottom: 7px;
	font-weight: bold;
}
#main.start #left #cost strong {
	font-weight: bold;
	background: none;
}

#main.start #left #cost p.price, #main.start #left #cost p.new_price {
	margin-top: 24px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 47px;
	font-weight: bold;
}
#main.start #left #cost p.new_price {
	color: #29abe2;
}
#main.start #left #cost p.savings {
	margin: 15px 0px 0px 0px;
	font-size: 13px;
	color: #2ba739;
}

#main.start #left #promo_code_form input.promo {
	margin-top: -3px;
	width: 193px;
	height: 28px;
	background-color: #fff;
	border-color: #d9d9d9;
	font-size: 26px;
}
#main.start #left #promo_code_form input.promo:hover  { border-color: #29abe2; }
#main.start #left #promo_code_form input.promo:active { border-color: #48b758; }
#main.start #left #promo_code_form input.promo:focus  { border-color: #f2c611; }

#main.start #left #promo_code_form p input.button_promo_apply, #main.start #left #promo_code_form p#apply_promo_wait {
	margin: 10px -6px 0px 0px;
	float: right;
}
#main.start #left #promo_code_form p.small_note, #main.start #left #details_current p.small_note {
	margin: 8px 0px 0px 27px;
	width: 175px;
	font-size: 10px;
	line-height: 11px;
	text-align: right;
	float: right;
}

#main.start #left div.error_message_promo {
	padding: 7px 11px 7px 11px;
	margin: 22px 0px 20px 0px;
	width: 182px;
	font-weight: bold;
	font-size: 13px;
	line-height: 22px;
	color: #4d4d4d;
	background-color: #fceeb5;
	background-image: url("/images/error_bg.jpg");
	background-position: bottom right;
	background-repeat: no-repeat;
}
#main.start #left div.error_message_promo div.error_triangle {
	position: absolute;
	margin: -25px 0px 0px 10px;
}

/* payment stuff */

#main.start #right #payment select#payment_card_type {
	width: 275px;
}

#main.start #right #payment div.cc_type {
	margin: 0px 0px 28px 0px;
	width: 275px;
	float: left;
}
#main.start #right #payment div.cc_cards {
	margin: 43px 0px 0px 15px;
	float: left;
}

#main.start #right #payment div.cc_number input.cc_number {
	width: 517px;
}
#main.start #right #payment div.cc_number {
	margin: 0px 0px 28px 0px;
	width: 517px;
}

#main.start #right #payment select#payment_card_month {
	margin-right: 11px;
	margin-bottom: 28px;
	width: 275px;
}
#main.start #right #payment select#payment_card_year {
	margin-right: 0px;
	margin-bottom: 28px;
	width: 115px;
}

#main.start #right #payment input.cc_code { width: 125px; height: 28px; font-size: 26px; }

#main.start #right #payment div.cc_code {
	width: 155px;
	padding-top: 2px;
	margin-right: 0px;
	margin-bottom: 25px;
	float: left;
}
#main.start #right #payment div.card_sec_statement {
	padding: 37px 0px 0px 0px;
	font-size: 14px;
	line-height: 18px;
	color: #838282;
	float: left;
}

#main.start #right #payment input.cc_zip { width: 125px; height: 28px; font-size: 26px; }

#main.start #right #payment div.cc_zip {
	width: 215px;
	padding-top: 2px;
	margin-right: 0px;
	margin-bottom: 40px;
	float: left;
}
#main.start #right #payment div.card_zip_statement {
	padding: 37px 0px 0px 0px;
	margin-left: -60px;
	font-size: 14px;
	line-height: 18px;
	color: #838282;
	float: left;
}

#main.start #right #payment input.button_preview_payment {
	margin: -11px -4px 120px 0px;
	float: right;
}

#main.start #right #payment #error_message_cc_type {
	margin: 13px 0px 0px 556px;
}
#main.start #right #payment #error_message_cc_number {
	margin: -94px 0px 0px 556px;
}
#main.start #right #payment #error_message_cc_year {
	margin: -88px 0px 0px 556px;
}
#main.start #right #payment #error_message_cc_code {
	margin: 13px 0px 0px 556px;
}
#main.start #right #payment #error_message_cc_zip {
	margin: 13px 0px 0px 556px;
}

#main.start #right div.card_error, #main.start #right div.initial_email_error {
	padding: 7px 11px 7px 11px;
	margin: -10px 0px 20px -10px;
	width: 525px;
	font-weight: bold;
	font-size: 17px;
	line-height: 28px;
	color: #4d4d4d;
	background-color: #fceeb5;
	background-image: url("/images/error_bg.jpg");
	background-position: bottom right;
	background-repeat: no-repeat;
}
#main.start #right div.card_error_triangle, #main.start #right div.initial_email_error_triangle {
	margin: -20px 0px 10px 20px;
}


/* edit details stuff */

#main.start #left #details_current, #main.start #left #edit_details_form {
	margin: -17px -15px 0px -10px;
	padding: 8px 15px 30px 10px;
	background-color: #f7f7f7;
	width: 100%;
}

#main.start #left #edit_details_form input.first_name,
#main.start #left #edit_details_form input.last_name {
	margin-top: -3px;
	margin-bottom: -5px;
	width: 193px;
	height: 28px;
	background-color: #fff;
	border-color: #d9d9d9;
	font-size: 26px;
}

#main.start #left #edit_details_form input.email {
	margin-top: -3px;
	margin-bottom: 0px;
	width: 193px;
	height: 18px;
	background-color: #fff;
	border-color: #d9d9d9;
	line-height: 16px;
	font-size: 16px;
}
#main.start #left #edit_details_form input.first_name:hover,
#main.start #left #edit_details_form input.last_name:hover,
#main.start #left #edit_details_form input.email:hover  { border-color: #29abe2; }
#main.start #left #edit_details_form input.first_name:active,
#main.start #left #edit_details_form input.last_name:active,
#main.start #left #edit_details_form input.email:active { border-color: #48b758; }
#main.start #left #edit_details_form input.first_name:focus,
#main.start #left #edit_details_form input.last_name:focus,
#main.start #left #edit_details_form input.email:focus  { border-color: #f2c611; }

#main.start #left #details_current h3, #main.start #left #edit_details_form h3 {
	margin-bottom: 7px;
	font-weight: bold;
	font-size: 17px;
	line-height: 28px;
	color: #4d4d4d;
}

#main.start #left #details_current p {
	font-size: 14px;
	line-height: 18px;
	color: #4d4d4d;
}
#main.start #left #details_current p span.email {
	font-size: 11px;
}

#main.start #left #details_current p#edit_details_link, #main.start #left #details_current p#edit_details_wait,
#main.start #left #edit_details_form p#edit_details_button, #main.start #left #edit_details_form p#edit_details_button_wait {
	margin: 10px -6px 0px 0px;
	float: right;
}
#main.start #left #edit_details_form p.cancel_link {
	margin-top: 6px;
	margin-right: 4px;
	font-size: 17px;
	line-height: 28px;
	float: right;
	clear: right;
}

#main.start #left #details_current p.small_note {
	color: #838282;
}

#main.start #left #edit_details_form div.error_message {
	padding: 7px 11px 7px 11px;
	margin: 22px 0px 20px 0px;
	width: 182px;
	font-weight: bold;
	font-size: 13px;
	line-height: 22px;
	color: #4d4d4d;
	background-color: #fceeb5;
	background-image: url("/images/error_bg.jpg");
	background-position: bottom right;
	background-repeat: no-repeat;
}
#main.start #left #edit_details_form div.error_message div.error_triangle {
	position: absolute;
	margin: -20px 0px 0px 10px;
}

/* Access stuff */

#main.access {
	margin-top: -35px;
}

/* =================== */
/* = universal stuff = */
/* =================== */

/* footer stuff */

#footer_container {
	width: 100%;
	background-image: url("/images/bottom_line_grey.gif");
	background-position: top;
	background-repeat: repeat-x;
	background-color: #edeeef;
}

#footer {
	margin: 0 auto;
	margin-top: 25px;
	width: 1000px;
	min-height: 210px;
}

#footer ul {
	padding-top: 28px;
	font-size: 10px;
	float: right;
}
#footer ul li {
	padding-left: 25px;
	float: right;
}
#footer ul li a {
	display: block;
	padding: 10px;
	margin: -10px;
	font-weight: bold;
	color: #9c9b9b;
	text-transform: uppercase;
}
#footer ul li a:hover, #footer ul li.selected a {
	color: #fff;
	text-decoration: none;
	background-color: #58585a;
}
#footer ul li.selected a {
	color: #fff;
	text-decoration: none;
	background-color: #b4b4b4;
}

#footer #footer_logo {
	margin: -28px 0px 0px 275px;
	float: left;
}

#footer div.content {
	float: right;
	clear: right;
}

#footer h4 a {
	display: block;
	margin-top: 55px;
	width: 146px;
	height: 29px;
	text-indent: -9999px;
	background-image: url("/images/logo_crankset_med.jpg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: right;
}
#footer h4 a:hover {
	background-position: -146px 0px;
}
#footer p {
	padding-top: 9px;
	font-size: 10px;
	line-height: 14px;
	color: #9c9b9b;
	text-align: right;
	clear: right;
}
#footer p a {
	color: #9c9b9b;
}

hr.clear {
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	border-width:0;
	margin:0;
	padding:0;
	overflow: hidden;
}