#contentarea {
	  position: relative; top: 14px;
	  margin: 0px 0px 8px 16px; padding: 0px 0px 25px 0px; 
	  width: 716px; 
	  background-color: #f7f7f7;
	  background-image: url(../../images/bg_whitebottom.gif);
	  background-repeat:no-repeat;
	  background-position:bottom;
    }

#dkgreybg {
	  position: relative; 
	  margin: 0 0 0 5px; padding: 0 0 0 0; 
	  width: 750px; 
	  background-image: url(../images/bg_dkgrey_diag.gif);
}

#dkgreybg img {margin:0px 0px -5px 0px;} 
h3 {
		text-indent: -5000px;
		width: 716px; height: 34px;
		margin: 0; padding: 0;
		position: relative; left: -1px;
		}
h3#login {background: url(../images/user/head_login.gif) no-repeat;}/* "Phark" IR */
h3#signup {background: url(../images/user/subhead_signup.gif) no-repeat;}/* "Phark" IR */
h3#pwRecover {background: url(../images/user/subhead_signup.gif) no-repeat;}/* "Phark" IR */
h3#pwConfirm {background: url(../images/user/subhead_confirmpassword.gif) no-repeat;}/* "Phark" IR */
h3#complete {background: url(../images/user/subhead_signup.gif);}/* Phark IR */
/* SIGN UP (complete) 

#completeregister {position: relative; top: 16px; left: 0; width: 716px; background-color: #f6f6f6; margin-bottom: 8px; padding: 0;}
*/

		
#completeregister .copy { /* sets margins */
		padding: 0 15px; border: none; margin: 0 0 10px 0;
	/*	font-size: 12px; line-height: 1.75em; 
		font-family: verdana, sans-serif; */
		color: #333;
		}
		
.formWrapPassword { width: 400px;
 margin: 20px auto;
 border-bottom: solid 1px #b5b5b5;}
.formWrapBirthday { width: 330px;
 margin: 20px auto;
 border-bottom: solid 1px #b5b5b5;}
.formWrapLogin {
 width: 290px;
 margin-top: 0px;
 border-bottom: solid 1px #b5b5b5;
 }
.formAreaLogin
 {
  min-height:160px;
	background-color: white;
	border-left: 1px solid #eee;
	border-right: 1px solid #b5b5b5;
	border-bottom: 1px solid #b5b5b5; 
 }

 /*
.form {height: 144px;}
.form td {border: 0px solid red;}
.formWrapLogin .formLabel {padding-right: 10px;}
.forgotPass {margin-left:10px;}
*/
.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}

/*** BIRTHDAY FORM ***/
.ddlMonth {width: 62px;}
.ddlDay {width: 50px;}
.ddlYear {width: 54px;}

/*** USER REGISTRATION-SPECIFIC STYLES ***/

/* -- SUB NAVIGATION and BREADCRUMBS -- */
#storeNav {
	width: 755px;  height: 40px;
	background: url(../images/store/nav_store.gif);
	margin: 0 0 0 5px; padding: 0;
	position: relative;}
#storeNav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#storeNav li, #storeNav a {height: 40px; display: block;}
#subnavStore {left: 0; width: 196px; text-indent: -8000px;}
#subnavVIP {left: 196px; width: 99px; text-indent: -8000px;}
#subnavUpgrade {left: 295px; width: 95px; text-indent: -8000px;}
#subnavAvatar {left: 390px; width: 98px; text-indent: -8000px;}
#subnavStore a:hover {background: transparent url(../images/store/nav_store.gif) 0 -40px no-repeat;}
#subnavVIP a:hover {background: transparent url(../images/store/nav_store.gif) -196px -40px no-repeat;}
#subnavUpgrade a:hover {background: transparent url(../images/store/nav_store.gif) -295px -40px no-repeat;}
#subnavAvatar a:hover {background: transparent url(../images/store/nav_store.gif) -390px -40px no-repeat;}



/* -- GENERAL (reusable bits) -- 	
.shadow5 {width: 5px; border-style: none hidden;}
.shadow2 {width: 2px; border-style: none hidden;}
.shadow {border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.bottomshad {border-right: 1px solid #fff; border-bottom: 1px solid #ddd;}
.rightshad {border-right: 1px solid #ddd; border-bottom: 1px solid #fff;}
.noshad {border-style: none hidden; background-color: #f7f7f7;}
.blank {border-style: none hidden; background-color: #fff;}
.pad {padding: 0px 2px;}
.pad6 {padding: 6px;}
.rdtxt {color: #66130b; font-size: 9px;}
.greytxt {color: #666; font-size: 9px;}
.cntr {text-align: center;}
.rt {text-align: right;}
.lt {text-align: left;}

.wideddl {width: 227px; height: 18px; padding: 0; margin: 0; border: solid 1px #ccc; background-color: #f7f7f7;}
.widetxtinput {width: 225px; height: 10px; padding: 4px 0 4px 0; margin: 0; border: solid 1px #ccc; background-color: #f7f7f7;}
*/
/* -- COMMON STYLES (reusable bits) 
.error {color: #66130b; background-color: #e3be8d; margin: 0 0 3px 0; padding: 5px; width: 477px; list-style: none;}-- */	



/* OLD STUFF 

#boxcontainer {width: 690px; margin: 0 auto;}

#billingaddress, #billinginfo, #paywithpaypal, #orderconfirmation {position: relative; margin: 20px 0 0 0; padding: 0; line-height: normal; 
	border-width: 1px; border-style: none solid solid none; border-color: #f7f7f7; 
	background: url(../images/store/checkout_box.gif) bottom right no-repeat #fff; width: 500px;
	float: left;}
	
#billingaddress {position: relative; margin: 20px 0 0 0; padding: 0; line-height: normal; 
	border-width: 1px; border-style: none solid solid none; border-color: #f7f7f7; 
	background: url(../images/store/checkout_box_no_bottom.gif) bottom right no-repeat #fff; width: 500px;
	float: left;}
		

#billingaddress .pad, #billinginfo .pad {padding: 3px 5px; margin: 0 0 10px 0;}

#billingaddress div, #billinginfo div {width: 485px; padding: 2px 0 3px 2px; margin: 0;}
* html #billingaddress div, * html #billinginfo div {padding: 1px 0 4px 2px;}

#billingaddress div.email {background: url(../images/store/customerinfo_email.gif) no-repeat;}
#billingaddress div.firstname {background: url(../images/store/customerinfo_firstname.gif) no-repeat;}
#billingaddress div.lastname {background: url(../images/store/customerinfo_lastname.gif) no-repeat;}
#billingaddress div.address {background: url(../images/store/customerinfo_address.gif) no-repeat;}
#billingaddress div.addresscont {background: url(../images/store/customerinfo_addresscont.gif) no-repeat;}
#billingaddress div.city {background: url(../images/store/customerinfo_city.gif) no-repeat;}
#billingaddress div.state {background: url(../images/store/customerinfo_state.gif) no-repeat;}
#billingaddress div.country {background: url(../images/store/customerinfo_country.gif) no-repeat;}
#billingaddress div.zip {background: url(../images/store/customerinfo_zip.gif) no-repeat;}
#billingaddress div.paymenttype {background: url(../images/store/customerinfo_paymenttype.gif) no-repeat;}


#billingaddress div#required{background: url(../images/store/customerinfo_required.gif) no-repeat; width:300px; padding-bottom:5px;}
#billinginfo div#required {background: url(../images/store/customerinfo_required.gif) no-repeat; width:300px; padding-bottom:5px;}
*/

/* JMS - new styles
#billingaddress .bottomRow,
#billinginfo .bottomRow {padding: 0; margin: 0; height: 27px}
#billingaddress .bottomMid,
#billinginfo .bottomMid {background: url(../images/store/checkout_box_bottom_mid.gif) repeat-x bottom;}

#billingaddress .continue,
#billinginfo .completeorder, 
#paywithpaypal .accesspaypal {height: 27px; bottom: 0; left: 0; border: none; margin: 0; padding: 0;}
#orderconfirmation .printareceipt {height: 27px; position: absolute; bottom: 0; right: 0; border: none; margin: 0; padding: 0;}
#billingaddress .continue {width: 86px;}
#billinginfo .completeorder {width: 124px;}
#paywithpaypal .accesspaypal {width: 191px;}
#orderconfirmation .printareceipt {width: 115px;}
* html #billingaddress .continue, 
* html #billinginfo .completeorder {bottom: -1px;}
 */

/* -- BIRTHDATE -- */
		
/* OLD BUSTED CSS
#billingaddress h4, #billinginfo h4, #paywithpaypal h4, #orderconfirmation h4 {
	text-indent: -5000px; height: 50px; position: relative;}

#billingaddress h4 {background: url(../images/store/customerinfo_th_billingaddress.gif) no-repeat;}
*/
/*
#user_title {text-indent: -5000px; height: 50px; position: relative;}
.user_titleBirthDate {background: url(../images/user/reg_th_birthDate.gif) no-repeat;}
*/
/* --/ BIRTHDATE -- */


/* NEW CSS 

#contentarea {background: none; width: 724px; margin-left: 16px; margin-right: 6px;}
#contentarea #banner {padding-top: 10px;}*/


/* SIGN UP (age check) 
.sorry, .signup {position: relative; top: 16px; left: 0;}

.sorry #register, .signup #register {width: 718px; height: 16em; background: url(../images/user/signup_head.gif) no-repeat;}
.sorry #register .wrap, .signup #register .wrap {position: relative; top: 107px; left: 130px;}

.sorry #register p, .signup #register p {margin: 0 0 5px 0; color: #777;}
.sorry #register #monthdayyear, .signup #register #monthdayyear {background: url(../images/user/month-day-year.gif) no-repeat;}
.signup #register #monthdayyear input {height: 17px; padding: 3px 0 0 3px; background-color: #f8f8f8; border: 1px solid #ccc;}
*/

/*
.sorry #next, .signup #next {width: 718px; height: 101px; background: url(../images/user/signup_foot_next.gif) no-repeat;}
.sorry #next div, .signup #next div {width: 50px; height: 25px; margin-left: 545px;}
.signup #next input {width: 100%; height: 100%;}

.sorry #next {background: url(../images/user/signup_foot_gotohome.gif) no-repeat;}
.sorry #next div {width: 110px; margin-left: 485px;}
.sorry #next div a {display: block; width: 100%; height: 100%; text-indent: -5000px;}

.signupErrors .error {width:430px;}*/


/* SIGN UP (register) 
#signupregister {position: relative; top: 16px; left: 0;}

#signupregister #register {width: 718px; background: url(../images/user/signupregister_head.gif) no-repeat;}
#signupregister #register .wrap {padding: 120px 0 0 130px;}

#signupregister #register #privacy div {width: 85px; height: 9px; margin: 0 0 7px 225px;}
#signupregister #register #privacy div a {display: block; width: 100%; height: 100%; text-indent: -5000px;}
*/

/*
#signupregister #register input, #signupregister #register select {width: 223px; height: 15px; 
	margin: 2px 0 4px 0; padding: 3px 0 0 3px; background-color: #f8f8f8; border: 1px solid #ccc;}
#signupregister #register select {width: 228px; height: 18px; padding: 0;}

#signupregister #register #firstname { height:24px; background: url(../images/user/requiredfields/firstName.gif) no-repeat;}
#signupregister #register #lastname {height:24px;background: url(../images/user/requiredfields/lastName.gif) no-repeat;}
#signupregister #register #screenname {height:24px;background: url(../images/user/requiredfields/screenname.gif) no-repeat;}
#signupregister #register #emailaddress {height:24px;background: url(../images/user/requiredfields/emailaddress.gif) no-repeat;}
#signupregister #register #country {height:24px;background: url(../images/user/requiredfields/country.gif) no-repeat;}
#signupregister #register #stateprovince {height:24px;background: url(../images/user/requiredfields/state-province.gif) no-repeat;}
#signupregister #register #zipcode {height:24px;background: url(../images/user/requiredfields/zip-postal.gif) no-repeat;}
#signupregister #register #password {height:24px;background: url(../images/user/requiredfields/password.gif) no-repeat;}
#signupregister #register #password_reenter {height:24px;background: url(../images/user/requiredfields/password_reenter.gif) no-repeat;}

#signupregister #register #emailoptions {
  border:solid 0px gray; 
  width:450px;
  height:100px;
  padding:5px;
  }
*/
/*
#signupregister #register #emailoptions input {border:none; width:15px; background-color:Transparent; }
*/

/*
#signupregister #emailoptions {_margin-top: 0px;}
#signupregister #emailoptions .wrap {position: relative; top:0px; left: 3px;}

#signupregister #emailoptions #subscribe_checkbox {background: url(../images/mykb/receivekewlnews.gif) no-repeat;
	  height: 17px; padding-top: 3px; _padding-top: 0; vertical-align:bottom;}
#signupregister #emailoptions p {line-height: 1.5em; margin: 0 0 0 28px; width: 440px;}
#signupregister #emailoptions a {color: #000;}

#signupregister #next {position:relative; width: 718px; height: 133px; background: url(../images/user/signupregister_foot.gif) no-repeat;}
#signupregister #next div {width: 50px; height: 25px; margin-left: 545px;}
#signupregister #next input {width: 100%; height: 100%;}

.signupErrors {padding:0 0 5px 0;}
*/


		
/* old -- #completeregister #nextregistercomplete {position: relative; width: 718px; height: 133px; background: url(../images/bg_whitebottom.gif) no-repeat;} */
/* old -- #completeregister #complete {width: 716px; background: url(../images/user/subhead_signup.gif) no-repeat; background-color: #f8f8f8;} */
/* old -- #completeregister .wrap {position: relative; padding: 0 0 5px 0; border: none; top: 33px; margin: 17px 25px .7em 25px;} */


/* LOG IN 
#loginHead {
  position: relative; top: 16px; left: 0;
	text-indent: -5000px;
	width: 718px;  height: 34px;
	margin: 0; padding: 0;
	position: relative; left: -1px;
	background: url(../images/login/head_login.gif);
	margin:0 0 16px 0;
	}

#login {width: 716px; border: none;}

#login .loginTile {
  background-color: #f5f5f5; 
  padding: 5px 0 5px 118px; margin: 0 0 0 1px;
  }
#login .error {position: relative; width: 466px;}

#login #kewlboxmembers {position: relative; width: 716px; height: 19em; background: url(../images/login/bg_login.gif) no-repeat; margin-top: -5px;}
#login #kewlboxmembers .wrap {position: relative; top: 60px; left: 130px; width: 460px;}
#login #kewlboxmembers input {width: 120px; height: 17px; margin-bottom: 5px; padding: 3px 0 0 3px; border: 1px solid #ccc;}

#login #kewlboxmembers #email {background: url(../images/user/emailaddress.gif) no-repeat;}
#login #kewlboxmembers #password {background: url(../images/user/password.gif) no-repeat;}
#login #kewlboxmembers #rememberme {background: url(../images/user/rememberme.gif) no-repeat; margin-top: 5px;}
#login #kewlboxmembers #rememberme input {width: auto; height: auto; border: none; _margin-left: -2px;}

#login #kewlboxmembers #signup_message {width: 215px; position: absolute; top: 60px; right: 132px; 
	line-height: 1.3em; color: #cd8956;}

#login #login_or_signup { position:relative; top:-50px; width: 716px; height: 101px; background: url(../images/user/login_foot.gif) no-repeat;}
#login #login_or_signup #log_in {width: 55px; height: 25px; margin-left: 300px;}
#login #login_or_signup #log_in input {width: 100%; height: 100%;}
#login #login_or_signup #signuptoday {width: 95px; height: 25px; margin: -23px 0 0 500px;}
#login #login_or_signup #signuptoday a {display: block; width: 100%; height: 100%; text-indent: -5000px;}
#login #login_or_signup #forgotpassword {width: 108px; height: 12px; margin: 4px 0 0 130px; text-indent: -5000px;}
#login #login_or_signup #forgotpassword a {display: block; width: 100%; height: 100%; text-indent: -5000px;}
*/


/* LOST PASSWORD 
.lostpasswordconfirm, .lostpassword {position: relative; top: 16px; left: 0;}
.lostpasswordconfirm #recoverpassword, .lostpassword #recoverpassword {width: 718px; height: 16em; background: url(../images/user/lostpassword_head.gif) no-repeat;}

.lostpasswordconfirm #recoverpassword .wrap, .lostpassword #recoverpassword .wrap {position: relative; top: 107px; left: 130px;}
.lostpasswordconfirm #recoverpassword p, .lostpassword #recoverpassword p {margin: 0 0 .7em 0; position: relative; top: 3px;}
.lostpassword #recoverpassword #email {background: url(../images/user/emailaddress_recoverpasswd.gif) no-repeat;}
.lostpassword #recoverpassword input {width: 185px; height: 17px; padding: 3px 0 0 3px; 
	background-color: #f8f8f8; border: 1px solid #ccc;}

.lostpasswordconfirm #next, .lostpassword #next {width: 718px; height: 101px; background: url(../images/user/lostpassword_foot_next.gif) no-repeat;}
.lostpasswordconfirm #next div, .lostpassword #next div {width: 50px; height: 25px; margin-left: 545px;}
.lostpasswordconfirm #next input, .lostpassword #next input {width: 100%; height: 100%;}

.lostpasswordconfirm #next {background: url(../images/user/lostpassword_foot_gotohome.gif) no-repeat;}
.lostpasswordconfirm #next div {width: 110px; margin-left: 485px;}
.lostpasswordconfirm #next div a {display: block; width: 100%; height: 100%; text-indent: -5000px;}
*/

/* RESET PASSWORD 
.resetpassword {position: relative; top: 16px; left: 0;}
.resetpassword .recoverpassword {width: 718px; background: url(../images/user/lostpassword_reset_head.gif) no-repeat;}


.resetpassword .recoverpassword .wrap {padding:107px 0 0 130px;}
.resetpassword .recoverpassword p {margin: 0 0 .7em 0; position: relative; top: 3px;}

.resetpassword .recoverpassword input {width: 223px; height: 15px; 
	margin: 2px 0 4px 0; padding: 3px 0 0 3px; background-color: #f8f8f8; border: 1px solid #ccc;}

.resetpassword .recoverpassword #password {background: url(../images/user/requiredfields/password.gif) no-repeat;}
.resetpassword .recoverpassword #password_reenter {background: url(../images/user/requiredfields/password_reenter.gif) no-repeat;}

.resetpassword .next {width: 718px; height: 101px; background: url(../images/user/lostpassword_foot_next.gif) no-repeat;}
.resetpassword .next div {width: 50px; height: 25px; margin-left: 545px;}
.resetpassword .next input {width: 100%; height: 100%;}

.resetpassword .homePage {width: 718px; height: 101px; background: url(../images/user/lostpassword_foot_gotohome.gif) no-repeat;}
.resetpassword .homePage div {width: 110px; height: 25px; margin-left: 485px;}
.resetpassword .homePage div a {display: block; width: 100%; height: 100%; text-indent: -5000px;}
*/
/*.resetpassword #resetpassword {width: 718px; background: url(../images/user/lostpassword_reset_head.gif) no-repeat;}*/

/* CONFIRM PASSWORD 
.cpassword {position: relative; top: 16px; left: 0;}
.cpassword .confirmpassword {width: 718px; background: url(../images/user/confirmpassword_head.gif) no-repeat;}

.cpassword .confirmpassword .wrap {padding:107px 0 0 130px;}
.cpassword .confirmpassword p {margin: 0 0 .7em 0; position: relative; top: 3px;}
.cpassword .confirmpassword #email {background: url(../images/user/confirmemailaddress.gif) no-repeat; font-weight:bolder;}

.cpassword .confirmpassword input {width: 223px; height: 15px; 
	margin: 2px 0 4px 0; padding: 3px 0 0 3px; background-color: #f8f8f8; border: 1px solid #ccc;}

.cpassword .confirmpassword #password {background: url(../images/user/requiredfields/password.gif) no-repeat;}

.cpassword .next {width: 718px; height: 101px; background: url(../images/user/confirmpassword_foot_contin.gif) no-repeat;}
.cpassword .next div {width: 50px; height: 25px; margin-left: 545px;}
.cpassword .next input {width: 100%; height: 100%;}
*/

/* ACTIVATE ACCOUNT 

.activateAccount {position: relative; top: 16px; left: 0;}
.activateAccount .recoverpassword {width: 718px; background: url(../images/user/signupwelcome_head.gif) no-repeat;}

.activateAccount .recoverpassword .wrap {padding:107px 0 0 130px;}
.activateAccount .recoverpassword p {margin: 0 0 .7em 0; position: relative; top: 3px;}

.activateAccount .homePage {width: 718px; height: 101px; background: url(../images/user/signupwelcome_foot_gotomykb.gif) no-repeat;}
.activateAccount .homePage div {width: 120px; height: 25px; margin-left: 475px;}
.activateAccount .homePage div a {display: block; width: 100%; height: 100%; text-indent: -5000px;}
*/


/* CANCEL ACCOUNT 
#cancelaccount {position: relative; top: 16px; left: 0;}
#cancelaccount #cancel {width: 718px; height: 22em; background: url(../images/user/cancel_head.gif) no-repeat;}
#cancelaccount #cancel .wrap {position: relative; top: 107px; left: 130px;}
#cancelaccount #cancel p {margin: 0 0 .7em 0; position: relative; top: 3px;}

#cancelaccount #cancel input {width: 223px; height: 15px; margin: 2px 0 4px 0; padding: 3px 0 0 3px; 
	background-color: #f8f8f8; border: 1px solid #ccc;}

#cancelaccount #cancel #emailaddress {background: url(../images/user/requiredfields/emailaddress.gif) no-repeat;}
#cancelaccount #cancel #password {background: url(../images/user/requiredfields/password.gif) no-repeat;}
#cancelaccount #cancel #password_reenter {background: url(../images/user/requiredfields/password_reenter.gif) no-repeat;}

#cancelaccount #next {width: 718px; height: 134px; background: url(../images/user/cancel_foot.gif) no-repeat;}
#cancelaccount #next div {width: 50px; height: 25px; margin-left: 545px;}
#cancelaccount #next input {width: 100%; height: 100%;}

*/