/*
   ___      _     _                     _   ___          _     
  / __\___ | | __| | /\  /\__ _ _ __ __| | / __\__ _ ___| |__  
 / /  / _ \| |/ _` |/ /_/ / _` | '__/ _` |/ /  / _` / __| '_ \ 
/ /__| (_) | | (_| / __  / (_| | | | (_| / /__| (_| \__ \ | | |
\____/\___/|_|\__,_\/ /_/ \__,_|_|  \__,_\____/\__,_|___/_| |_|
This site is a production of ColdHardCash.Com

*/

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { margin:0; padding:0; border:0; vertical-align:baseline; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; }
a img { border:none; }
a { outline:none; }
.clear { clear: both; }
.iePad { margin-bottom: -4px; }
.color1 { color: #0068b1; }
.redtxt { color: #bf0000; }
.greentxt { color: #249124; }
.blue { color: #00f; }

/* main join styles */
body { background: #000 url(../join_images/bg_hd.jpg) no-repeat fixed center top; }
#joinWrap { width: 960px; height: auto; margin-right: auto; margin-left: auto; margin-top: 10px; background: #ccc; padding-top: 10px; padding-bottom: 10px; }
#joinHeader { width: 940px; height: 301px; margin-right: auto; margin-left: auto; margin-bottom: 10px; background: #000 url(../join_images/header.jpg) no-repeat; }
#formsWrap { width: 940px; height: auto; margin-right: auto; margin-left: auto; }
#formsLeft { width: 290px; height: 543px; float: left; border: 1px solid #000; background: #fff; margin-bottom: 10px; }
#formsRight { width: 636px; height: auto; float: right; border: 1px solid #000; background: #fff; margin-bottom: 10px; }
#signUp { width: 620px; height: 82px; padding-top: 17px; padding-left: 16px; }
#joinSlides { width: 920px; height: 509px; margin-right: auto; margin-left: auto; padding: 10px; background: #333333; }
#trialInfoJoin { width: 960px; height: 40px; margin-right: auto; margin-left: auto; text-align: center; font: normal 13px/40px Arial, Helvetica, sans-serif; color: #ccc; background: #282828; }
#trialInfoJoin a { color: #ccc; }
#billTerms { width: 960px; height: 40px; margin-right: auto; margin-left: auto; text-align: center; font: normal 11px/40px Arial, Helvetica, sans-serif; color: #b8b8b8; background: #424242; }

/* join text styles */
#almostThere { width: 340px; height: 38px; font: bold 17px/38px Arial, Helvetica, sans-serif; color: #fff; text-align: left; padding-left: 10px; }
p.joinIntro { width: 330px; height: 85px; font: normal 15px/19px Arial, Helvetica, sans-serif; color: #fff; text-align: left; padding-top: 7px; padding-left: 10px; padding-right: 10px; }

/* step 1 */
ul.step1 { width: 290px; height: auto; list-style-type: none; }
ul.step1 li { width: 264px; height: auto; color: #525252; padding-left: 26px; font: bold 18px Arial, Helvetica, sans-serif; }
ul.step1 li.topStep { width: 290px; height: 43px; text-align: center; line-height: 43px; padding-left: 0px; background: #eaeaea; font-size: 18px; font-weight: bold; border-bottom: 1px solid #000; color: #3c3b3c; }
ul.step1 li.formHeadingfirst { padding-top: 29px; padding-bottom: 7px; }
ul.step1 li.formHeading { padding-bottom: 7px; }
ul.step1 li.paymentOptions { font-size: 16px; font-weight: normal; }

/* step 2 */
#topStep2 { width: 636px; height: 43px; text-align: center; padding-left: 0px; background: #eaeaea; border-bottom: 1px solid #000; color: #3c3b3c; font: bold 18px/43px Arial, Helvetica, sans-serif; }
ul.membershipRow { width: 636px; height: 99px; list-style-type: none; border-bottom: 1px solid #000; background: #fff; }
ul.membershipRow:hover { background: #fffbd5; cursor: default; }
.value { background: #fffbd5; }
ul.membershipRow li { width: 25px; height: 99px; display: inline; float: left; }
ul.membershipRow li.radio { width: 29px; height: 67px; padding-top: 29px; padding-left: 7px; }
ul.membershipRow li.membershipPlan { width: 269px; height: 72px; padding-top: 27px; }
p.memPlantxt { font: bold 24px Arial, Helvetica, sans-serif; color: #000; text-align: left; }
p.memFineprint { font: normal 13px Arial, Helvetica, sans-serif; color: #3a3a3a; text-align: left; }
ul.membershipRow li.membershipButton { width: 210px; text-align: center; height: 74px; padding-top: 25px; }
ul.membershipRow li.membershipText { width: 120px; text-align: center; font: bold 12px Arial, Helvetica, sans-serif; height: 69px; padding-top: 25px; color: #249124; }
ul.membershipValue { width: 636px; height: 99px; list-style-type: none; border-bottom: 1px solid #000; background: #fffbd5; }
ul.membershipValue li { width: 25px; height: 99px; display: inline; float: left; }
ul.membershipValue li.radio { width: 29px; height: 67px; padding-top: 29px; padding-left: 7px; }
ul.membershipValue li.membershipPlan { width: 269px; height: 72px; padding-top: 27px; }
ul.membershipValue li.membershipButton { width: 210px; text-align: center; height: 74px; padding-top: 25px; }
ul.membershipValue li.membershipText { width: 120px; text-align: center; font: bold 12px Arial, Helvetica, sans-serif; height: 69px; padding-top: 25px; color: #249124; }


/* form elements */
.coolField { width: 231px; height: 26px; font: normal 18px Arial, Helvetica, sans-serif; color: #8a8a8a; background: #fff; text-align: left; padding-left: 7px; border: 1px solid #000; padding-top: 5px; margin-bottom: 9px; }
.countryDrop { width: 237px; height: 31px; font-size: 18px; margin-bottom: 14px; }

span.join_error { color: red; font-size: 10px; display: block; position: relative; top: -2px; height: 5px; }
